/* A katalógus-oldalak (terméklista, termékoldal, márkák) és a KÖZÖS FEJLÉC stílusa. Forrás: a jóváhagyott felületterv (design/katalogus/index.html).
   A  helyére a build írja be az assets mappa útját; a fejléc-szakaszt (…fej-vége) a főoldal is megkapja. */
:root{--gold:#B49253;--gold-ink:#6F5628;--beige:#F3E8D6;--cream:#FBF4E8;--ink:#3A2C1C;--muted:#6B5A45;--pink:#E84570;--mauve:#A43077;--purple:#592673;
  --grad:linear-gradient(150deg,#592673 0%,#7A2A76 22%,#A43077 42%,#E84570 66%,#F06A54 88%,#F18846 100%);--grad-btn:linear-gradient(135deg,#592673,#A43077);
  --maxw:1180px;--pad:clamp(16px,4vw,40px)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Ubuntu',system-ui,sans-serif;color:var(--ink);background:var(--beige);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.caps{font-weight:500;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
/* fejléc: a főoldal gradiens sávjában a menü és a kereső; a logó krém alapon marad */
.fej{background:var(--grad);color:#fff;position:relative}
.fej::after{content:"";position:absolute;inset:0;background:url(motifs.svg) center/cover;opacity:.5;pointer-events:none}
.fej{--edge:clamp(26px,5vw,56px);font-size:16px;line-height:1.5}
.fej .wrap{position:relative;z-index:3;display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);padding-top:16px;padding-bottom:calc(var(--edge) + 6px);flex-wrap:wrap}
.fej .edge{position:absolute;left:0;bottom:-1px;width:100%;height:var(--edge);display:block;z-index:2}.fej .edge .line{fill:none;stroke:var(--gold);stroke-width:3;vector-effect:non-scaling-stroke}
.fej .logo{background:var(--cream);border-radius:14px;padding:8px 14px;display:block;box-shadow:0 0 0 1px rgba(180,146,83,.7)}
.fej .logo img{height:34px;width:auto;display:block}
.menu{display:flex;gap:4px;flex-wrap:wrap;list-style:none}
.menu a{display:block;white-space:nowrap;padding:.5em .8em;border-radius:999px;text-decoration:none;font-weight:500;text-shadow:0 1px 2px rgba(60,10,60,.4)}
.menu a:hover,.menu a[aria-current]{background:rgba(255,255,255,.2)}
.kereso{margin-left:auto;flex:1 1 170px;max-width:340px;position:relative}
.kereso input{width:100%;border:0;border-radius:999px;padding:.7em 1em .7em 2.6em;font:inherit;background:var(--cream);color:var(--ink);box-shadow:0 0 0 1px rgba(180,146,83,.7)}
.kereso svg{position:absolute;left:.9em;top:50%;transform:translateY(-50%);width:1.1em;height:1.1em;color:var(--gold-ink)}
@media (max-width:860px){.fej .wrap{gap:10px;padding-top:10px;padding-bottom:calc(var(--edge) + 2px)}.fej .logo{padding:6px 10px}.fej .logo img{height:26px}.kereso{order:3;max-width:none;flex-basis:100%}
  .menu{order:2;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:calc(-1*var(--pad));padding-right:var(--pad)}.menu::-webkit-scrollbar{display:none}}  /* fej-vége */
main{padding:14px 0 20px;min-height:50vh}
h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;color:var(--purple)}
.morzsa{font-size:.9rem;color:var(--muted);margin-bottom:6px}.morzsa a{text-decoration:none}.morzsa a:hover{text-decoration:underline}
/* közös elemek */
.pill{border:1px solid rgba(180,146,83,.7);background:var(--cream);border-radius:999px;padding:.5em 1em;font-weight:500;white-space:nowrap}
.pill[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}
.pill small{font-weight:400;opacity:.7;margin-left:.3em}
.sor{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.aktiv{margin:14px 0 4px}.aktiv .pill{background:#fff;font-weight:400;font-size:.9rem;padding:.35em .8em}.aktiv .pill b{margin-left:.4em;color:var(--mauve)}
.torol{background:none;border:0;text-decoration:underline;color:var(--muted);font-size:.9rem}
.eszkoz{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap;color:var(--muted)}
select{font:inherit;border:1px solid rgba(180,146,83,.7);border-radius:999px;padding:.45em .9em;background:var(--cream);color:var(--ink)}
.racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.kartya{background:var(--cream);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(180,146,83,.45);transition:transform .15s,box-shadow .15s}
.kartya:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--gold),0 14px 28px rgba(58,44,28,.16)}
.kartya .kep{background:#fff;aspect-ratio:1/1;display:block;padding:14px;position:relative;overflow:hidden}
.kartya .kep img{width:100%;height:100%;object-fit:contain}
.nincskep{background:var(--cream) url(animals.svg) center/62% no-repeat!important;opacity:.55}
.kedv{position:absolute;left:10px;top:10px;background:var(--grad-btn);color:#fff;border-radius:999px;font-size:.78rem;font-weight:700;padding:.25em .7em}
.kartya .t{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.kartya h3{font-size:1rem;line-height:1.25;font-weight:500}
.kisz{display:flex;gap:5px;flex-wrap:wrap}.kisz span{font-size:.76rem;border:1px solid rgba(180,146,83,.6);border-radius:6px;padding:1px 6px;color:var(--gold-ink)}
.ar{margin-top:auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ar b{font-size:1.15rem;color:var(--purple)}.ar s{color:var(--muted);font-size:.88rem}.ar small{color:var(--muted)}
.meg{display:flex;margin:26px auto 0}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85em 1.6em;font-weight:500;text-decoration:none;border:2px solid transparent}
.btn-grad{background:var(--grad-btn);color:#fff;box-shadow:0 8px 22px rgba(89,38,115,.28)}.btn-ink{border-color:var(--ink);background:transparent}.btn-gold{border-color:var(--gold);color:var(--gold-ink);background:transparent}
.ures{background:var(--cream);border-radius:16px;padding:32px;text-align:center}
/* szűrőcsoportok (A: oldalsáv, B/C és mobil: fiók) */
.csoport{border-top:1px solid rgba(180,146,83,.4);padding:14px 0}.csoport:first-child{border-top:0;padding-top:0}
.csoport summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);font-weight:500}
.csoport summary::-webkit-details-marker{display:none}
.csoport summary::after{content:"";width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:0 4px 3px auto;transition:transform .15s}
.csoport[open] summary::after{transform:rotate(-135deg);margin-bottom:-3px}
.csoport summary i{font-style:normal;background:var(--purple);color:#fff;border-radius:999px;font-size:.7rem;letter-spacing:0;padding:1px 7px}
.csoport .lista{margin-top:10px;max-height:290px;overflow:auto;padding-right:4px}
.jelmagy{font-size:.8rem;color:var(--muted);margin-bottom:12px;display:flex;gap:12px;flex-wrap:wrap}.jelmagy b{display:inline-grid;place-items:center;width:20px;height:18px;border-radius:6px;color:#fff;font-size:.72rem;margin-right:4px}
.opc{display:flex;align-items:center;gap:10px;padding:4px 0}.opc small{margin-left:auto;color:var(--muted)}.opc.ki .on{text-decoration:line-through;color:var(--muted)}
/* háromállású kapcsoló: ✓ legyen benne · (üres) mindegy · ✕ ne legyen benne */
.harom{display:inline-flex;flex:0 0 auto;border:1px solid rgba(180,146,83,.75);border-radius:999px;overflow:hidden;background:#fff}
.harom button{border:0;background:transparent;width:29px;height:25px;font-size:.8rem;line-height:1;color:#b8a98f}
.harom button+button{border-left:1px solid rgba(180,146,83,.5)}
.harom button:hover{color:var(--ink)}
.harom .igen[aria-pressed=true]{background:var(--purple);color:#fff}.harom .nem[aria-pressed=true]{background:var(--ink);color:#fff}
.aktiv .pill.nem{border-color:var(--ink);background:var(--ink);color:#fff}.aktiv .pill.nem b{color:#fff}
/* állatprofil */
.profil{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--cream);border-radius:16px;padding:10px 14px;margin:0 0 18px;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
.profil p{flex:1 1 260px;color:var(--muted);font-size:.95rem}.profil p b{color:var(--ink)}
.allat{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left;border-radius:14px;padding:.45em 1em}
.allat small{margin:0;font-size:.74rem;opacity:.75;font-weight:400}
dialog.pp{border:0;padding:0;margin:auto;width:min(620px,calc(100vw - 24px));max-height:94vh;border-radius:22px;background:var(--cream);color:var(--ink);box-shadow:0 30px 80px rgba(40,10,50,.45);overflow:auto}
dialog.pp::backdrop{background:rgba(42,20,54,.55)}
.pp-fej{position:relative;background:var(--grad);color:#fff;padding:26px 26px 30px;overflow:hidden}
.pp-fej::after{content:"";position:absolute;right:-10px;bottom:-14px;width:170px;height:170px;background:url(animals.svg) center/contain no-repeat;opacity:.5}
.pp-fej h2{font-size:1.5rem;line-height:1.2;max-width:16ch;text-shadow:0 1px 4px rgba(60,10,60,.5);position:relative;z-index:1}
.pp-fej p{margin-top:8px;max-width:34ch;font-size:.95rem;position:relative;z-index:1;text-shadow:0 1px 2px rgba(60,10,60,.4)}
.pp-test{padding:16px 22px 22px}
.pet{background:#fff;border-radius:16px;padding:14px 16px 16px;margin:10px 0;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
.pet .fent{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.seg{display:inline-flex;border:1px solid rgba(180,146,83,.75);border-radius:999px;overflow:hidden}.seg button{border:0;background:transparent;padding:.45em 1em;font-weight:500}.seg button[aria-pressed=true]{background:var(--purple);color:#fff}
.mezok{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0}
.mezok label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;letter-spacing:.06em;color:var(--gold-ink)}
.mezok input,.mezok select{font:inherit;color:var(--ink);border:1px solid rgba(180,146,83,.75);border-radius:10px;padding:.5em .7em;background:var(--cream);letter-spacing:0;width:100%}
.mezok .ket{display:flex;gap:6px}
.lev{font-size:.92rem;color:var(--purple);font-weight:500;min-height:1.4em;margin-top:6px}
.rm{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:.85rem}
.pp-lab{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}.pp-lab small{flex:1 1 100%;color:var(--muted)}
.inline-pp{border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px rgba(180,146,83,.55);background:var(--cream);margin-top:8px}
.A{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
.A aside{background:var(--cream);border-radius:16px;padding:18px;box-shadow:0 0 0 1px rgba(180,146,83,.45);position:sticky;top:60px;max-height:calc(100vh - 76px);overflow:auto}
.fiok-gomb{display:none}
.nagyful{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 10px}.nagyful .pill{font-size:1.08rem;padding:.65em 1.4em}
.fiok{position:fixed;inset:0;z-index:80;display:none}.fiok.nyitva{display:block}
.fiok .hatter{position:absolute;inset:0;background:rgba(42,20,54,.5)}
.fiok .lap{position:absolute;right:0;top:0;bottom:0;width:min(380px,92vw);background:var(--cream);padding:20px;overflow:auto;box-shadow:-10px 0 40px rgba(40,10,50,.3)}
.fiok .lap header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.fiok .lap header h2{font-size:1.2rem;color:var(--purple)}
.fiok .alul{position:sticky;bottom:-20px;background:var(--cream);padding:14px 0 6px;margin-top:10px}
.x{border:0;background:rgba(89,38,115,.1);width:38px;height:38px;border-radius:50%;font-size:1.4rem;line-height:1}
/* C: ajánló */
.ajanlo{background:var(--cream);border-radius:20px;padding:clamp(20px,3vw,34px);box-shadow:0 0 0 1px rgba(180,146,83,.55);margin:16px 0 8px}
.ajanlo h2{color:var(--purple);font-size:1.4rem;margin:6px 0 14px}
.ajanlo .lepes{color:var(--muted);font-size:.9rem}
.ajanlo .nagy .pill{font-size:1.05rem;padding:.7em 1.3em}
.ajanlo .lab{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.mondat{background:var(--cream);border-radius:14px;padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 0;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
/* terméklap */
.lap2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,48px);align-items:start;margin-top:12px}
.lap2 .nagykep{background:#fff;border-radius:18px;padding:24px;display:block;aspect-ratio:1/1;overflow:hidden;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
.lap2 .nagykep img{width:100%;height:100%;object-fit:contain}
.cimkek{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.cimkek a{font-size:.84rem;text-decoration:none;border-radius:999px;padding:.25em .8em;background:#fff;box-shadow:0 0 0 1px rgba(180,146,83,.5)}
.cimkek a:hover{background:var(--purple);color:#fff}
.valt{width:100%;border-collapse:collapse;margin:14px 0;background:var(--cream);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
.valt th,.valt td{padding:11px 14px;text-align:left;border-top:1px solid rgba(180,146,83,.3)}.valt tr:first-child th{border-top:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);font-weight:500}
.valt td:last-child,.valt th:last-child{text-align:right}
.valt tbody tr[data-kep]{cursor:pointer}.valt tbody tr[data-kep]:hover{background:rgba(180,146,83,.1)}
.valt tr.kiv{background:#fff;box-shadow:inset 3px 0 0 var(--purple)}.valt tr.kiv td:first-child{font-weight:500}
.valt b{color:var(--purple);font-size:1.08rem}.valt s{color:var(--muted);font-size:.88rem;margin-right:8px}
.keszlet{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:#2f6b3a}.keszlet::before{content:"";width:10px;height:10px;border-radius:50%;background:#3d8b4c}
.leiras{margin-top:28px;max-width:70ch}.leiras h2{font-size:1.15rem;color:var(--purple);margin-bottom:8px}.minta{font-size:.84rem;color:var(--muted);font-style:italic;margin-top:8px}
.hasonlo{margin-top:40px}.hasonlo h2{font-size:1.25rem;color:var(--purple);margin-bottom:14px}
/* márkák */
.markak{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:20px}
.marka{background:var(--cream);border-radius:16px;padding:20px;text-decoration:none;box-shadow:0 0 0 1px rgba(180,146,83,.45);display:flex;flex-direction:column;gap:4px}
.marka:hover{box-shadow:0 0 0 1px var(--gold),0 12px 24px rgba(58,44,28,.14)}.marka b{font-size:1.2rem;color:var(--purple)}.marka span{color:var(--muted);font-size:.9rem}
@media (max-width:860px){
  .A{grid-template-columns:1fr}.A aside{display:none}.fiok-gomb{display:inline-flex}
  .lap2{grid-template-columns:1fr}
  .racs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kartya h3{font-size:.92rem}
  .gorg{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:calc(-1*var(--pad));padding-right:var(--pad)}
  .gorg::-webkit-scrollbar{display:none}
  .nagyful .pill{font-size:1rem;padding:.55em 1.1em}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* állatprofil-panel: elmentett állat = összefoglaló kártya ceruzával; a szerkesztett állat kiemelve; új állat felül */
.petk{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;margin:10px 0;box-shadow:0 0 0 1px rgba(180,146,83,.45)}
.petk.torl{justify-content:space-between;flex-wrap:wrap;background:var(--beige)}
.monogram{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--grad-btn);color:#fff;font-weight:700;font-size:1.15rem}
.petk-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.petk-t b{font-size:1.05rem}.petk-t>span{color:var(--muted);font-size:.9rem}
.igk{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}.igk span{font-size:.76rem;border:1px solid rgba(180,146,83,.6);border-radius:999px;padding:1px 8px;color:var(--gold-ink)}
.ikon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(180,146,83,.6);background:var(--cream);display:grid;place-items:center;color:var(--purple)}
.ikon:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.ikon svg{width:18px;height:18px}
.pet.szerk{box-shadow:0 0 0 2px var(--purple),0 12px 28px rgba(89,38,115,.18)}.pet.szerk.sima{box-shadow:none;padding:4px 0;background:transparent}
.szerk-cim{display:flex;align-items:center;gap:8px;color:var(--purple);margin-bottom:12px;font-size:.95rem}.szerk-cim svg{width:16px;height:16px}
.ujallat{width:100%;border:2px dashed rgba(180,146,83,.9);background:transparent;border-radius:16px;padding:14px;font-weight:500;color:var(--gold-ink);margin:6px 0 4px}
.ujallat b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#fff;margin-right:8px}.ujallat:hover{background:rgba(180,146,83,.12)}
.fulek{display:flex;gap:6px;overflow-x:auto;border-bottom:2px solid rgba(180,146,83,.5);padding:0 2px;scrollbar-width:none}
.ful{border:0;background:transparent;padding:.7em 1.1em;font-weight:500;white-space:nowrap;border-radius:12px 12px 0 0;color:var(--muted);margin-bottom:-2px;border-bottom:3px solid transparent}
.ful[aria-selected=true]{color:var(--purple);border-bottom-color:var(--purple);background:#fff}.ful.uj{color:var(--gold-ink)}
.fultart{padding-top:6px}
.pp-fej.kicsi{padding:18px 22px 20px}.pp-fej.kicsi::after{display:none}.vissza{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:.35em .9em;margin-bottom:10px;position:relative;z-index:1}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.ppv{display:flex;gap:4px;align-items:center;flex-wrap:wrap;background:#2a1436;color:#fff;padding:8px 12px;font-size:.82rem}
.ppv span{opacity:.7;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;margin-right:6px}.ppv button{border:0;background:transparent;color:#fff;border-radius:10px;padding:.35em .7em}.ppv button[aria-pressed=true]{background:#fff;color:#2a1436}

/* boltba hívó blokk és lábléc: a főoldal stílusából (egy forrás) */
.visit{padding:calc(var(--edge) + 32px) 0 clamp(40px,6vw,64px)}
.visit .grid{display:grid;grid-template-columns:5fr 6fr;gap:32px;align-items:center}
.visit figure img{border-radius:16px;box-shadow:0 14px 34px rgba(40,10,50,.35)}
.card{background:var(--cream);color:var(--ink);border-radius:20px;padding:clamp(24px,3vw,36px);
  box-shadow:0 16px 40px rgba(40,10,50,.22)}
.card .caps{color:var(--gold-ink);margin-bottom:10px}
.card h2{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2}
.card .sub{color:var(--muted);font-size:.97rem;margin-top:4px}
/* térkép a címsor mellett: saját kép az előnézet, a Google Térkép csak kattintásra töltődik be */
.card-fej{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:stretch}
.terkep{position:relative;min-height:190px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(180,146,83,.55);background:var(--beige)}
.terkep img,.terkep iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.terkep-gomb{position:absolute;left:50%;top:12px;transform:translateX(-50%);white-space:nowrap;background:var(--cream);color:var(--purple);font-weight:500;font-size:.86rem;
  text-decoration:none;border-radius:999px;padding:.5em 1em;box-shadow:0 0 0 1px rgba(180,146,83,.7),0 6px 16px rgba(40,10,50,.22)}
.terkep-gomb:hover{background:#fff}
.terkep-forras{position:absolute;right:0;bottom:0;max-width:none;font-size:.66rem;line-height:1;padding:3px 6px;background:rgba(251,244,232,.88);color:var(--ink);border-radius:6px 0 0 0}
.terkep.elo .terkep-gomb,.terkep.elo .terkep-forras,.terkep.elo img{display:none}
@media (max-width:760px){.card-fej{grid-template-columns:1fr;gap:16px}.terkep{min-height:0;aspect-ratio:4/3}}
.card .rule{border:0;border-top:1px solid rgba(180,146,83,.4);margin:20px 0 16px}
.card .lbl{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.82rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-ink);margin-bottom:10px}
.card .lbl svg{width:1.05em;height:1.05em;flex:0 0 auto}
.hours{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.hours th,.hours td{padding:7px 0;vertical-align:baseline;font-weight:400}
.hours th{font-weight:500;text-align:left;padding-right:16px;white-space:nowrap}
.hours td{text-align:right;white-space:nowrap}
.hours tr+tr th,.hours tr+tr td{border-top:1px solid rgba(180,146,83,.3)}
.hours .megj{display:block;color:var(--muted);font-size:.88rem;white-space:normal}
.hours .zarva{color:var(--muted)}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.actions .btn{width:100%;padding:.9em 1em;font-size:.98rem}
.btn svg{width:1.2em;height:1.2em;flex:0 0 auto}
@media (max-width:420px){.actions{grid-template-columns:1fr}}
.foot{background:var(--purple);color:#fff;padding:36px 0 40px;font-size:.95rem}
.foot p{max-width:none}
.foot a{color:#fff}
.foot .soon{margin-top:14px;font-weight:500}
.foot .links{margin-top:14px}
.foot .copy{margin-top:8px;opacity:.75;font-size:.85rem}
/* a katalógus-oldalak kiegészítései: boltba hívó blokk a lap alján (D30), lejárt akció, kategória-bevezető */
.band{position:relative;background:var(--grad);color:#fff;overflow:hidden}.band .caps{color:#fff;opacity:.92}
.visit{--edge:clamp(24px,4vw,44px);margin-top:clamp(8px,2vw,24px);padding:calc(var(--edge) + 14px) 0 clamp(32px,4vw,48px)}.visit .hivo{margin-bottom:20px}.visit .grid{align-items:start}
.hivo-cim{font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;max-width:22ch;margin-top:6px}
.visit .edge{position:absolute;left:0;top:-1px;width:100%;height:var(--edge);display:block;z-index:2}.visit .edge path.line{fill:none;stroke:var(--gold);stroke-width:3;vector-effect:non-scaling-stroke}
.visit figure{margin:0}.visit figure img{display:block;width:100%;height:auto}.band .card .caps{color:var(--gold-ink);opacity:1}
.card .h2{font-weight:700;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2}
.visit .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;text-decoration:none}
@media (max-width:760px){.visit .grid{grid-template-columns:1fr}}
.bevezeto{max-width:70ch;color:var(--muted);margin:8px 0 4px}.db{margin:14px 0 12px;color:var(--muted)}
.akcio-sor{margin-top:8px;color:var(--purple);font-weight:500}
.norm{display:none}.lejart .akc,.lejart .regi{display:none}.lejart .norm{display:inline}
.valt td .regi,.ar .regi{margin-left:8px}
.ar-datum{margin-top:6px;color:var(--muted);font-size:.85rem}
.valt-sugo{margin:-6px 0 8px;color:var(--muted);font-size:.85rem}
.tovabb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px}
.tovabb .meg{margin-top:0}
.db-all{color:var(--muted);font-size:.9rem;margin-left:auto}