/* A kategoria-oldalak (/uj/migren-piercing, /uj/shenmen-piercing, /uj/klimax-piercing, /uj/slim-etvagycsokkento-piercing) kiegeszito stilusa.
   Az uj fooldal nyelvet beszeli: ugyanakkora hos, ugyanazok a dobozok (ekszer, akcio, ar, helyszin, media, csapat, Google-velemeny) a
   uj-fooldal.css-bol; ez a fajl csak a kategoria-oldalak egyedi dobozait adja (video, miert mukodik, Facebook-kommentek, figyelmeztetes, 93%,
   panaszok, hosszu szoveg). Forras: tools/uj-oldalak/kategoria.mjs. SZINEK: a fooldal palettaja (--rose, --beige, --slate). */

/* a fooldal szelessege es szekcio-kozei (a tobbi tukor-oldal 1120 px-es, tomorebb) */
.oldal-kategoria main>section{margin-block:26px}
.oldal-kategoria main .tarto{width:min(1240px,100% - 48px)}
.oldal-kategoria .kat-egy{margin-block:26px}

/* hos: ugyanaz, mint a fooldalon; kiegeszitve az ertekelessel es a cimsor feletti felirattal */
.kat-hos .hos-cim{grid-area:cim;align-self:end}
.kat-hos .hos-kep>img{object-position:50% 28%}
.kat-hos .hos-alcim{display:none}
.kat-hos .hos-idezet-cim{display:block}
/* a szurke idezet-doboz a kep alsó szelen log le (nem takarja a kepet) */
.kat-hos .hos-idezet{left:22px;bottom:-30px;max-width:calc(100% - 150px)}
.kat-hos .hos-idezet small{font-size:.74rem}
.kat-hos .hos-szoveg .gombsor{margin-top:22px}
.kat-hos .hos-linkek{flex-wrap:wrap}
.kat-hos .hos-linkek a{white-space:nowrap}
.kat-ertekeles{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:16px 0 0;font-size:.9rem;font-weight:600}
.kat-ertekeles a{color:var(--slate);text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.kat-ertekeles .csillagok .ik{width:1.05rem;height:1.05rem}

/* Google-velemenyek: cim, a fooldal widgetje, "tovabb" link */
.kat-fej{text-align:center;margin-bottom:18px}
.kat-fej h2{margin-bottom:6px}
.kat-alcim{margin:0;color:var(--mut);font-size:1rem}
.kat-tovabb{margin-top:16px;text-align:center}
.kat-tovabb .szoveg-link{font-size:.98rem}

/* kozos doboz: a fooldal "panel" / "valasztas" dobozainak nyelve (beige -> feher atmenet, lagy arnyek) */
.kat-doboz{display:grid;gap:34px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:var(--r-l);background:linear-gradient(100deg,var(--beige) 0,#fff 82%);box-shadow:var(--sh-s)}
.kat-doboz h2{font-size:clamp(1.45rem,2.3vw,2rem)}
.kat-doboz-szoveg>*:last-child{margin-bottom:0}
.kat-doboz-szoveg{overflow-wrap:anywhere}   /* a hosszu hivatkozas-szovegek (pl. egy kutatas webcime) ne nyomjak szet az oldalt */
.kat-doboz-szoveg>p:not(.felirat){font-size:.98rem}
.kat-doboz a:not(.gomb):not(.video):not(.szoveg-link){color:var(--slate);text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.kat-doboz .pipak{margin:0 0 18px}
.kat-doboz .pipak li{margin-bottom:9px;font-size:.98rem}
.kat-doboz .gomb{margin-top:6px}

/* "Igy mukodik": video + szoveg */
.kat-video{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.kat-video-kep .video{display:block}
.kat-video-kep .video-kep{aspect-ratio:16/9;border-radius:22px;box-shadow:var(--sh)}
.kat-video-kep .lejatszo{width:76px;height:76px;margin:-38px 0 0 -38px}
.kat-video-kep .lejatszo .ik{width:30px;height:30px}
.kat-video-kep .beagyaz{height:min(var(--mag,420px),520px);border-radius:22px;box-shadow:var(--sh)}
.kat-video-kepes{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.kat-video-img{display:block;width:100%;max-width:420px;max-height:520px;margin-inline:auto;object-fit:cover;border-radius:22px;box-shadow:var(--sh)}
.kat-video-egy{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.kat-video-egy .kat-video-kep{width:min(100%,820px);order:2}
.kat-video-egy .kat-doboz-szoveg{display:flex;flex-direction:column;align-items:center}

/* "Miert mukodnek a piercingjeink?" */
.kat-miert{grid-template-columns:minmax(150px,250px) minmax(0,1fr);gap:44px}
.kat-miert-kep{display:block;width:100%;max-width:250px;height:auto;margin-inline:auto;border-radius:0;mix-blend-mode:multiply}

/* Facebook-kommentek: nagy, olvashato kartyak, kozepre rendezve, lapozhato, kattintasra nagyit */
.kat-fb{display:block;padding:34px 30px 24px;text-align:center}
.kat-fb .felirat{justify-content:center}
.kat-fb-bev{max-width:62em;margin:0 auto}
.kat-fb-bev,.kat-tipp{font-size:.98rem}
.kat-fb-kar{margin-top:22px}
.kat-fb .kar-sav{width:fit-content;max-width:100%;margin-inline:auto;gap:18px;padding:4px 2px 14px}
.kat-fb .kar-dia{flex:0 0 min(80vw,372px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--sh-s)}
.kat-fb .kar-dia img{aspect-ratio:1/1;object-fit:cover;object-position:50% 0;cursor:zoom-in}
.kat-fb .kar-gomb{top:calc(50% - 8px);width:48px;height:48px;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.kat-fb .kar-gomb:hover:not(:disabled){background:var(--rose);color:#fff}
.kat-fb .kar-gomb .ik{width:24px;height:24px;stroke-width:2.2}
.kat-fb .kar-elozo{left:-10px}
.kat-fb .kar-kov{right:-10px}
.kat-fb p.kar-szam{display:inline-block;margin:2px 0 0;padding:3px 14px;border-radius:99px;background:rgba(69,70,89,.88);color:#fff;font-size:.82rem;font-weight:700}
.kat-fb p.kat-tipp{margin:10px 0 0;color:var(--mut);font-size:.9rem}

/* "Nem hozzaerto kezekben": figyelmezteto doboz */
.kat-figyelem{grid-template-columns:minmax(120px,210px) minmax(0,1fr);gap:40px;border-color:#efd2cd;background:linear-gradient(100deg,#fbefec 0,#fff 80%)}
.kat-figyelem-kep{display:block;width:100%;max-width:210px;height:auto;margin-inline:auto;border-radius:0;mix-blend-mode:multiply}
.kat-hiba{margin:0 0 16px}
.kat-hiba li{position:relative;margin:0 0 9px;padding-left:28px;font-size:.98rem}
.kat-hiba li::before{content:"×";position:absolute;left:0;top:.18em;width:1.2em;height:1.2em;border-radius:50%;background:#b0463b;color:#fff;font-size:.9rem;font-weight:800;line-height:1.2em;text-align:center}

/* 93% */
.kat-stat{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}
.kat-stat-kep{display:block;width:100%;height:auto;max-height:330px;object-fit:cover;border-radius:20px}
.kat-doboz-szoveg>p.kat-szam{margin:0;font-size:clamp(3.6rem,8vw,6.2rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--rose)}
.kat-doboz-szoveg>p.kat-szam-szoveg{margin:6px 0 12px;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:700;line-height:1.3;color:var(--navy)}
.kat-doboz-szoveg>p.kat-lab{margin:0;font-size:.78rem;line-height:1.5;color:var(--mut)}

/* panaszok: a fooldal "panel" stilusa, egy oszlopban */
.kat-panasz{grid-template-columns:1.2fr 1fr}
.kat-panasz .panel-szoveg{padding:34px 12px 34px 40px}
.kat-panasz .panel-szoveg>p:not(.felirat){font-size:.98rem}
.kat-panasz>img{min-height:330px;object-position:50% 25%}

/* minden mas tartalom (a kategoria-sablon nem ismerte fel): a fooldal stilusu keretben; a hosszu szoveg keret nelkul, jol olvashatoan */
.kat-egyeb{display:block;padding:30px 34px}
.kat-cikk{padding:8px 0 0;font-size:.98rem;line-height:1.62}
.kat-cikk>.tarto{max-width:1000px}
.kat-cikk h2.cim{margin:22px 0 6px;font-size:clamp(1.3rem,2.1vw,1.7rem)}
.kat-cikk p{margin-bottom:9px}
.kat-cikk p:last-child{margin-bottom:0}

/* a hosszu szoveges resz harmonikaban: csak a fo-cimek latszanak, a tartalom csukva */
.kat-tudastar-cim{margin:0 0 16px;font-size:clamp(1.45rem,2.3vw,2rem)}
.kat-harmonika{display:grid;gap:10px}
.kat-elem{border:1px solid var(--line);border-radius:var(--r-m);background:#fff;box-shadow:var(--sh-s);transition:border-color .15s}
.kat-elem[open]{border-color:var(--rose);background:linear-gradient(100deg,var(--beige-l) 0,#fff 80%)}
.kat-elem>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;list-style:none;cursor:pointer;color:var(--navy);font-size:1.05rem;font-weight:800;line-height:1.3}
.kat-elem>summary::-webkit-details-marker{display:none}
.kat-elem>summary:hover{color:var(--rose-i)}
.kat-elem-nyil{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--beige);color:var(--rose-i);transition:transform .2s}
.kat-elem-nyil .ik{width:18px;height:18px;transform:rotate(90deg)}
.kat-elem[open] .kat-elem-nyil{transform:rotate(180deg)}
.kat-elem-torzs{padding:0 22px 20px;font-size:.98rem;line-height:1.6}
.kat-elem-torzs h3.cim{margin:16px 0 4px;font-size:1.05rem}
.kat-elem-kep{margin:12px 0;text-align:center}
.kat-elem-kep img{display:inline-block;max-width:min(100%,460px);height:auto;border-radius:16px;box-shadow:var(--sh-s)}
.kat-tudastar-gomb{margin-top:22px;text-align:center}

/* ---------- tablet ---------- */
@media (max-width:1000px){
  .kat-video,.kat-miert,.kat-figyelem,.kat-stat,.kat-panasz{grid-template-columns:minmax(0,1fr)}
  .kat-miert,.kat-figyelem{justify-items:center;gap:22px}
  .kat-video{gap:24px}
  .kat-stat{gap:24px}
  .kat-stat-kep{max-height:300px}
  .kat-panasz>img{order:-1;min-height:0;height:auto;aspect-ratio:4/3;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
  .kat-panasz .panel-szoveg{padding:26px 24px 28px}
}

/* ---------- mobil: a dobozokon belul minden kozepre, mint a fooldalon ---------- */
@media (max-width:760px){
  .oldal-kategoria main>section{margin-block:20px}
  .oldal-kategoria .kat-egy{margin-block:20px}
  .oldal-kategoria main .tarto{width:min(1240px,100% - 32px)}
  .kat-ertekeles{justify-content:center}
  /* mobil alapszabaly: a hosben mindket gomb latszik (cim, kep, GOMBOK, utana a bevezeto); a szurke doboz kisebb es lejjebb van, nem takarja a kepet */
  .kat-hos .hos-szoveg{display:flex;flex-direction:column}
  .kat-hos .hos-szoveg .gombsor{order:-1;margin:0 0 16px}
  .kat-hos .hos-kep{margin-bottom:28px}
  .kat-hos .hos-idezet{left:10px;bottom:-15px;max-width:calc(100% - 20px);padding:6px 10px;border-radius:12px;font-size:.7rem;line-height:1.3}
  .kat-hos .hos-idezet small{display:none}
  .kat-hos .hos-idezet-cim{white-space:nowrap}
  .kat-hos .hos-alcim{display:block;margin:10px 0 0;font-size:.8rem;line-height:1.4;color:var(--mut)}
  .kat-hos .hos-pecset{display:none}   /* mobilon a pecset helyett a bizalmi sor mutatja ugyanezt (nincs rajta a kepen) */
  .oldal-kategoria main>section{margin-block:14px}
  .oldal-kategoria .kat-egy{margin-block:14px}
  .kat-fej{margin-bottom:10px}
  .kat-doboz{gap:12px;padding:16px 14px;text-align:center}
  .kat-doboz h2{margin-bottom:8px;font-size:1.2rem}
  .kat-doboz .felirat{justify-content:center}
  .kat-doboz-szoveg{display:flex;flex-direction:column;align-items:center}
  .kat-doboz-szoveg>p:not(.felirat){font-size:.94rem}
  .kat-doboz-szoveg>p.kat-szam{font-size:clamp(3.6rem,19vw,4.8rem)}
  .kat-doboz-szoveg>p.kat-szam-szoveg{font-size:1.15rem}
  .kat-doboz-szoveg>p.kat-lab{font-size:.72rem}
  .kat-doboz .pipak li{font-size:.94rem}
  .kat-fb{padding:26px 14px 20px}
  .kat-fb .kar-dia{flex-basis:min(78vw,330px)}
  .kat-fb .kar-gomb{width:40px;height:40px}
  .kat-fb .kar-elozo{left:-4px}
  .kat-fb .kar-kov{right:-4px}
  .kat-hiba li{padding-left:0;text-align:center}
  .kat-hiba li::before{position:static;display:inline-block;margin:0 8px 0 0;vertical-align:-.1em}
  .kat-miert-kep,.kat-figyelem-kep{max-width:190px}
  .kat-video-kep .lejatszo{width:60px;height:60px;margin:-30px 0 0 -30px}
  .kat-panasz .panel-szoveg{padding:6px 18px 24px}
  .kat-egyeb{padding:22px 16px}
  .kat-elem>summary{padding:14px 16px;font-size:.98rem}
  .kat-elem-torzs{padding:0 16px 16px;font-size:.94rem}
  .kat-cikk{font-size:.94rem}
}
@media (max-width:760px){
  .kat-doboz-szoveg>p:not(.felirat){font-size:.88rem;line-height:1.45;margin-bottom:8px}
  .kat-doboz .pipak{margin-bottom:10px}
  .kat-doboz .pipak li{margin-bottom:4px;font-size:.88rem;line-height:1.4}
  .kat-hiba li{margin-bottom:5px;font-size:.88rem;line-height:1.4}
  /* video-doboz: a video + a szoveg, felirat es gomb nelkul (a hosben mar van gomb) */
  .kat-video{gap:10px}
  .kat-video .felirat,.kat-video .kat-doboz-szoveg>.gomb{display:none}
  .kat-video-kep .video-kep,.kat-video-kep .beagyaz{border-radius:14px}
  .kat-video-kep .lejatszo{width:52px;height:52px;margin:-26px 0 0 -26px}
  /* "Miert mukodnek" es "Nem hozzaerto kezekben": a kep a cim mellett, alatta a lista balra igazitva */
  .kat-miert,.kat-figyelem{grid-template-columns:76px minmax(0,1fr);gap:8px 12px;align-items:center;justify-items:stretch;text-align:left}
  .kat-miert .kat-doboz-szoveg,.kat-figyelem .kat-doboz-szoveg{display:contents}
  .kat-miert-kep,.kat-figyelem-kep{grid-column:1;grid-row:1;max-width:76px;margin:0}
  .kat-miert h2,.kat-figyelem h2{grid-column:2;grid-row:1;margin:0;text-align:left}
  .kat-miert .pipak,.kat-figyelem .kat-hiba,.kat-figyelem .kat-doboz-szoveg>p{grid-column:1/-1;text-align:left}
  .kat-miert .pipak li,.kat-hiba li{text-align:left}
  .kat-hiba li{padding-left:24px}
  .kat-hiba li::before{position:absolute;display:block;margin:0}
  .kat-figyelem .kat-doboz-szoveg>p{margin:0 0 4px;font-size:.84rem}
  /* 93%: kep + szam egymas mellett */
  .kat-stat{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;text-align:left}
  .kat-stat-kep{max-height:130px}
  .kat-stat .kat-doboz-szoveg{align-items:flex-start}
  .kat-doboz-szoveg>p.kat-szam{font-size:2.9rem}
  .kat-doboz-szoveg>p.kat-szam-szoveg{margin:2px 0 4px;font-size:.88rem}
  .kat-doboz-szoveg>p.kat-lab{font-size:.6rem;line-height:1.35}
  .kat-fb .kar-dia{flex-basis:min(70vw,270px)}
  .kat-panasz>img{aspect-ratio:16/9}
  /* fooldali dobozok a kategoria-oldalakon, mobilon tomorebben */
  .oldal-kategoria .galeria{aspect-ratio:4/3}
  .oldal-kategoria .premium{gap:14px;padding:16px 14px}
  .oldal-kategoria .premium-szoveg>p:not(.felirat){font-size:.88rem;line-height:1.45;margin-bottom:8px}
  .oldal-kategoria .elonyok{gap:8px;margin-top:8px}
  .oldal-kategoria .elonyok li span:not(.kor){display:none}
  .oldal-kategoria .elonyok .kor{width:36px;height:36px}
  .oldal-kategoria .elonyok .kor .ik{width:18px;height:18px}
  .oldal-kategoria .videok{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-4px;padding:0 4px 6px;-webkit-overflow-scrolling:touch}
  .oldal-kategoria .videok li{flex:0 0 74%;scroll-snap-align:start}
  .oldal-kategoria .media{padding:16px 14px;gap:10px}
  .oldal-kategoria .csapat>img{height:130px}
  .oldal-kategoria .csapat-szoveg{padding:16px 14px 2px}
  .oldal-kategoria .uzletek{padding:16px 10px}
}
@media print{.kat-fb .kar-gomb{display:none!important}}

/* =====================================================================================================================================
   "B" valtozat (/uj/uj-*-piercing-b): az eredeti -b oldal szerkezete, szovegei; a hosben galeria (nincs rozsaszin keret, nincs szurke doboz).
   Forras: tools/uj-oldalak/kategoria.mjs (KATEGORIA_B_UTAK). A .kar galeria-sav viselkedese az uj-oldalak.js-ben van.
   ===================================================================================================================================== */
.kat-hos-b .hos-kep{align-self:center}
.kat-hos-kar{position:relative}
.kat-hos-kar .kar-sav{gap:0;padding:0;border-radius:30px;box-shadow:var(--sh);background:var(--beige-l)}
.kat-hos-kar .kar-dia{flex:0 0 100%;border:0;border-radius:0;background:var(--beige-l)}
.kat-hos-kar .kar-dia img{aspect-ratio:1/1;object-fit:cover;cursor:zoom-in}
.kat-hos-kar .kar-gomb{top:50%;width:46px;height:46px;box-shadow:0 3px 12px rgba(0,0,0,.22)}
.kat-hos-kar .kar-gomb:hover:not(:disabled){background:var(--slate);color:#fff}
.kat-hos-kar .kar-gomb .ik{width:22px;height:22px;stroke-width:2.2}
.kat-hos-kar .kar-elozo{left:12px}
.kat-hos-kar .kar-kov{right:12px}
/* a kerek jelveny a galeria also szelen, kozepen log le (a kepeken sutott szoveget / a "Lapozz jobbra" jelzest nem takarja) */
.kat-hos-b .hos-pecset{left:50%;right:auto;bottom:-34px;width:96px;height:96px;margin-left:-48px;font-size:.5rem}
.kat-hos-b .hos-pecset .ik{width:22px;height:22px}
.kat-hos-kar p.kar-szam{position:absolute;left:16px;top:16px;margin:0;padding:3px 12px;border-radius:99px;background:rgba(69,70,89,.88);color:#fff;font-size:.8rem;font-weight:700}

/* "A migren piercing biztonsagos es termeszetes modszer": kep + szoveg + pipak */
.kat-biztos{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:44px}
.kat-biztos-fig{position:relative;margin:0}
.kat-biztos-kep{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:var(--sh);cursor:zoom-in}
.kat-nagyit-jel{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:99px;background:rgba(69,70,89,.88);color:#fff;font-size:.78rem;font-weight:700;pointer-events:none}
.kat-nagyit-jel .ik{width:1.15rem;height:1.15rem;stroke-width:2}
.hos-linkek .rovid{display:none}

/* szoveg + kep parok (hova szurjuk / hogy nez ki / mennyibe kerul) */
.kat-parok{display:grid;gap:22px}
.oldal-kategoria main>section.kat-parok{margin-block:26px}
.kat-par{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px}
.kat-par-ford{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.kat-par-ford .kat-par-kep{order:-1}
.kat-par-kep{display:block;width:100%;aspect-ratio:1/1;max-height:400px;object-fit:cover;border-radius:22px;box-shadow:var(--sh);cursor:zoom-in}
.kat-par .kat-doboz-szoveg>p:not(.felirat){font-size:1rem;line-height:1.6}

/* fuggoleges bemutato video */
/* a video allo (9:16), a doboz kicsi es kozepre igazitott: a szoveg csak egy cim, nincs mit kitolteni */
.kat-bevideo{grid-template-columns:200px minmax(0,1fr);gap:36px;width:min(100%,780px);margin-inline:auto;padding:22px 34px}
.kat-bevideo-kep{order:-1;justify-self:center;width:100%;max-width:200px}
.kat-bevideo-kep video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:22px;box-shadow:var(--sh);background:#000}

/* "Miert a Medical Piercinget valaszd?": ikonos racs */
.kat-bizalom{display:block;padding:34px}
.kat-bizalom>h2{margin-bottom:22px;text-align:center}
.kat-biz-racs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.kat-biz-racs li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh-s)}
.kat-biz-racs img{flex:none;width:58px;height:58px;object-fit:contain}
.kat-biz-racs b{display:block;color:var(--navy);font-size:1rem;line-height:1.25}
.kat-biz-racs span{display:block;margin-top:2px;color:var(--mut);font-size:.88rem;line-height:1.35}

/* orvosi ajanlas */
.kat-ajanlas{margin:0;text-align:center}
.kat-ajanlas img{display:inline-block;width:min(100%,820px);height:auto;border-radius:24px;box-shadow:var(--sh);cursor:zoom-in}

/* "Budapesten a Jaszainal varunk": elerhetoseg + terkep */
.kat-elerh{display:block;padding:34px}
.kat-elerh>h2{margin-bottom:22px}
.kat-elerh-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:stretch}
.kat-elerh-adat{display:grid;gap:18px;align-content:start}
.kat-elerh-sor{display:flex;gap:14px;align-items:flex-start}
.kat-elerh-sor>.ik{flex:none;width:40px;height:40px;padding:10px;border-radius:50%;background:#fff;color:var(--slate);box-shadow:var(--sh-s)}
.kat-elerh-sor h3{margin:0 0 3px;font-size:1.05rem;color:var(--navy)}
.kat-elerh-sor p{margin:0 0 2px;font-size:.98rem}
.kat-nyitva{display:grid;gap:2px;margin:0;font-size:.98rem}
.kat-nyitva div{display:flex;gap:14px}
.kat-nyitva dt{min-width:3.4em;font-weight:700}
.kat-nyitva dd{margin:0}
.kat-elerh-akcio{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.kat-kozosseg{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.kat-kozosseg a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--slate);box-shadow:var(--sh-s)}
.kat-kozosseg a:hover{background:var(--slate);color:#fff}
.kat-kozosseg .ik{width:20px;height:20px}
.kat-elerh-terkep .terkepdoboz{aspect-ratio:auto;height:100%;min-height:320px;max-height:none}

@media (max-width:1000px){
  .kat-hos-b .hos-kep{max-width:520px}
  .kat-biztos,.kat-bevideo{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px}
  .kat-biztos-fig{width:100%;max-width:300px}
  .kat-par,.kat-par-ford{grid-template-columns:minmax(0,1fr);gap:22px}
  .kat-par-kep,.kat-par-ford .kat-par-kep{order:-1;aspect-ratio:16/10;max-height:320px}
  .kat-biz-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kat-elerh-racs{grid-template-columns:minmax(0,1fr);gap:22px}
  .kat-elerh-terkep .terkepdoboz{min-height:260px}
}
@media (max-width:760px){
  /* mobil hos (egy kepernyore): cim, galeria, alcim (bevezeto), gombok EGY sorban, ertekeles + linkek (egy sorban, az ertekelessel azonos szelessegben), bizalmi sor */
  .kat-hos-b .hos-racs{display:flex;flex-direction:column;gap:8px}
  .kat-hos-b .hos-szoveg{display:contents}
  .kat-hos-b .hos-cim{order:1;font-size:1.42rem;line-height:1.1}
  .kat-hos-b .hos-kep{order:2;width:100%;max-width:300px;margin:0 auto}
  .kat-hos-b .hos-bevezeto{order:3;font-size:.82rem;line-height:1.4}
  .kat-hos-b .hos-szoveg .gombsor{order:4;flex-wrap:nowrap;gap:8px;margin:0}
  .kat-hos-b .gombsor .gomb{flex:1 1 0;min-width:0;justify-content:center;padding:.8em .4em;font-size:.84rem;white-space:nowrap}
  .kat-hos-b .gombsor .gomb>.ik:first-child{display:none}
  .kat-hos-b .hos-ertek-sav{order:5;display:flex;flex-direction:column;align-items:stretch;width:fit-content;max-width:100%;margin:0 auto}
  .kat-hos-b .kat-ertekeles{margin:0;justify-content:center;font-size:.86rem}
  .kat-hos-b .hos-linkek{flex-wrap:nowrap;justify-content:space-between;gap:8px;margin:6px 0 0;font-size:.76rem}
  .kat-hos-b .hos-linkek .hosszu{display:none}
  .kat-hos-b .hos-linkek .rovid{display:inline}
  .kat-hos-b .bizalom{order:6;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:2px 0 0;text-align:center}
  .kat-hos-b .bizalom li{flex-direction:column;gap:3px;font-size:.62rem;line-height:1.2}
  .kat-hos-b .bizalom .ik{width:28px;height:28px;padding:6px}
  .kat-hos-b .bizalom b{font-size:.66rem}
  .kat-hos-kar .kar-sav{border-radius:22px}
  .kat-hos-kar .kar-gomb{width:38px;height:38px}
  .kat-hos-kar .kar-elozo{left:8px}
  .kat-hos-kar .kar-kov{right:8px}
  .kat-hos-kar p.kar-szam{left:10px;top:10px;padding:2px 10px;font-size:.74rem}
  /* a szoveges dobozok: olvashato, balra igazitott szoveg; a kepek kisebbek */
  .kat-biztos,.kat-par,.kat-bevideo{text-align:left}
  .kat-biztos .kat-doboz-szoveg,.kat-par .kat-doboz-szoveg{align-items:stretch}
  .kat-biztos{grid-template-columns:minmax(0,1fr);gap:14px;justify-items:stretch}
  .kat-biztos .kat-doboz-szoveg{display:block}
  .kat-biztos-fig{width:100%;max-width:none}
  .kat-biztos-kep{aspect-ratio:4/5;max-height:none;width:100%}
  .kat-biztos h2{margin:0 0 8px;text-align:left}
  .kat-biztos .kat-doboz-szoveg>p,.kat-biztos .pipak{text-align:left}
  .kat-biztos .pipak li{text-align:left}
  .kat-par-kep,.kat-par-ford .kat-par-kep{aspect-ratio:16/9;max-height:190px;border-radius:16px}
  .kat-par .kat-doboz-szoveg>p:not(.felirat){font-size:.88rem;line-height:1.45}
  .kat-bevideo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;justify-items:stretch;width:auto;padding:16px 14px}
  .kat-bevideo-kep{max-width:150px}
  .kat-bevideo-kep video{border-radius:16px}
  .kat-bevideo .kat-doboz-szoveg{align-items:flex-start}
  .kat-bevideo .felirat{display:flex;justify-content:flex-start}
  .kat-bizalom{padding:16px 0 16px 14px}
  .kat-bizalom>h2{padding-right:14px}
  .kat-biz-racs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 14px 8px 0;-webkit-overflow-scrolling:touch}
  .kat-biz-racs li{flex:0 0 72%;scroll-snap-align:start;flex-direction:column;text-align:center;gap:6px;padding:12px 10px}
  .kat-biz-racs img{width:46px;height:46px}
  .kat-biz-racs b{font-size:.92rem}
  .kat-biz-racs span{font-size:.8rem}
  .kat-ajanlas img{border-radius:16px}
  .kat-elerh{padding:16px 14px;text-align:left}
  .kat-elerh>h2{text-align:center}
  .kat-elerh-akcio{justify-content:flex-start}
  .kat-elerh-terkep .terkepdoboz{min-height:220px}
}

/* --- Gabi tortenete (B oldal, 2026-10-16): video-beszamolok racsa, GYIK-link, vendegek tapasztalata --- */
.kat-videok{display:block;text-align:center}
.kat-videok .felirat{justify-content:center}
.kat-video-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 22px;padding:0;list-style:none}
.kat-video-racs video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:16px;background:var(--slate);box-shadow:var(--sh-s)}
.kat-gyiklink,.kat-tapasztalat{grid-template-columns:minmax(0,1fr)}
.kat-tapasztalat .pipak{columns:2;column-gap:32px}
.kat-tapasztalat .pipak li{break-inside:avoid}
@media (max-width:760px){
  .kat-video-racs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kat-tapasztalat .pipak{columns:1}
}
/* B hos YouTube-videoval (Rolunk) */
.hos-video .video{display:block}
.hos-video .video-kep{display:block;position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--sh)}
.hos-video .video-kep img{display:block;width:100%;height:auto;aspect-ratio:1200/823;object-fit:cover}
.kat-akciofelt{grid-template-columns:minmax(0,1fr)}

/* ===== 2026-10-16 (2), a tulajdonos kerese ===== */
/* mobil galerias hos: minden elem pontosan a galeria szelessegeben (ott kezdodik es vegzodik), es egy kepernyore fer (a gombok latszanak) */
@media (max-width:760px){
  .kat-hos-b{--galeria:min(100%,318px)}
  .kat-hos-b .hos-cim,.kat-hos-b .hos-kep,.kat-hos-b .hos-bevezeto,.kat-hos-b .hos-szoveg .gombsor,.kat-hos-b .hos-ertek-sav,.kat-hos-b .bizalom{width:var(--galeria);max-width:var(--galeria);margin-inline:auto}
  .kat-hos-b .hos-cim{font-size:1.3rem;line-height:1.12;text-align:left}
  .kat-hos-b .hos-bevezeto{font-size:.8rem;line-height:1.38;text-align:left}
  .kat-hos-b .hos-ertek-sav{width:var(--galeria)}
  .kat-hos-b .bizalom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;justify-items:center}
  .kat-hos-b .bizalom li{flex-direction:column;align-items:center;text-align:center}
}
/* negyzetes hoskep (oszi akcio plakatja: a szovege ne logjon le) */
.hos-kep-negyzet>img{aspect-ratio:1/1!important;object-fit:cover}
@media (min-width:1001px){.hos-kep-negyzet{max-width:520px;justify-self:end}}
/* az altalanos (egyeb) blokkban a racs utani cim / szoveg ne tapadjon a kartyakhoz */
.kat-egyeb .racs+*{margin-top:26px}
.kat-egyeb .racs{margin-block:14px 6px}
.kat-egyeb>*:first-child{margin-top:0}
/* alacsony kepernyon (pl. 360x640) a galeria (es vele minden hos-elem) keskenyebb, hogy a gombok is kiferjenek */
@media (max-width:760px){.kat-hos-b{--galeria:min(100%,318px,max(250px,calc(100svh - 384px)))}}
@media (max-width:380px){.kat-hos-b .hos-cim{font-size:1.16rem}}
/* --- piercer-oldalak: bemutatkozas + cimkezett videok racsban (2026-10-16) --- */
.kat-videoracs{display:block}
.kat-videoracs .kat-doboz-szoveg{max-width:58em;margin:0 auto 18px;text-align:center}
.kat-videoracs .kat-doboz-szoveg>p{text-align:left}
.kat-yt-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px;padding:0;list-style:none}
.kat-yt-racs.kat-yt-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kat-yt-racs figure{margin:0}
.kat-yt-racs figcaption{margin-top:8px;color:var(--navy);font-size:.9rem;font-weight:700;text-align:center}
.kat-yt-racs .video-egy{display:block;width:100%;border-radius:14px;overflow:hidden}
.kat-yt-racs .video-kep img{width:100%;aspect-ratio:16/9;object-fit:cover}
.kat-videoracs>.gomb{display:flex;width:max-content;margin:0 auto}
@media (max-width:760px){
  .kat-yt-racs,.kat-yt-racs.kat-yt-3{grid-template-columns:minmax(0,1fr);gap:12px}
  .kat-videoracs .kat-doboz-szoveg>p{font-size:.9rem}
}
/* hosszu szoveges doboz: mobilon balra zart bekezdesek es listak (a kozepre zart hosszu szoveg nehezen olvashato), a hos mp4-videoja alacsonyabb */
@media (max-width:760px){
  .kat-egyeb-hosszu p,.kat-egyeb-hosszu li,.kat-egyeb-hosszu .lista{text-align:left}
  .kat-egyeb-hosszu .verem.kozepes{align-items:stretch}
  .hos-video-mp4.vid-allo{max-height:58svh}
}
/* mobil B-hos: a hosszu feliratu gomb (pl. "Nem akarok lecsuszni") nem fer a masik melle: a gombok egymas ala kerulnek, teljes szelessegben (2026-10-16) */
@media (max-width:760px){
  .kat-hos-b .hos-szoveg .gombsor:has(.gomb-hosszu){flex-wrap:wrap}
  .kat-hos-b .gombsor:has(.gomb-hosszu) .gomb{flex:1 1 100%}
}
/* a vendegek videos beszamoloi (tools/uj-video-velemenyek.mjs): kevesebb videonal kozepen, a kartyak a 4-es racs meretevel */
.kat-video-keves .kat-video-racs{grid-template-columns:repeat(var(--db,2),minmax(0,calc((100% - 42px)/4)));justify-content:center}
.kat-video-velemeny .kat-video-racs:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,calc((100% - 42px)/4)));justify-content:center}
@media (max-width:760px){.kat-video-keves .kat-video-racs{grid-template-columns:repeat(2,minmax(0,1fr))}.kat-video-velemeny .kat-video-racs:has(li:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.kat-video-velemeny .kat-video-racs:has(li:nth-child(6):last-child),.kat-video-velemeny .kat-video-racs:has(li:nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,calc((100% - 42px)/4)));justify-content:center}
@media (max-width:760px){.kat-video-velemeny .kat-video-racs:has(li:nth-child(6):last-child),.kat-video-velemeny .kat-video-racs:has(li:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* mobil B-hos: a ket gomb ("Idopontot foglalok" + "Arak es akciok") a galeria szelessegeben is elfer, egyik felirat sem log ki (2026-10-16) */
@media (max-width:760px){
  .kat-hos-b .hos-szoveg .gombsor{gap:6px}
  .kat-hos-b .gombsor .gomb{flex:1 1 auto;font-size:.79rem;padding-inline:.3em}
  .kat-hos-b .gombsor .gomb .ik-nyil{margin-left:2px}
}