/* Euro Prompt – fő stíluslap
   Tokenek: style.css  |  Figma: fLUJISCfxENbBSHxtEVaK7 */

/* ---------- Betű ------------------------------------------------------ */
@font-face{
  font-family:Arimo;font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/arimo-400.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0100-017F,U+0180-024F,U+2000-206F,U+20AC,U+2122;
}
@font-face{
  font-family:Arimo;font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/arimo-700.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0100-017F,U+0180-024F,U+2000-206F,U+20AC,U+2122;
}

/* ---------- Alap ------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);
  color:var(--c-text);background:var(--c-surface);
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:999;background:#fff;padding:12px 20px}
.skip:focus{left:0}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.wrap--narrow{max-width:var(--wrap-narrow)}

h1,h2,h3{margin:0 0 var(--sp-4);font-weight:700;text-wrap:balance}
.h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}
.h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.lead{margin:0 0 var(--sp-6);color:var(--c-text-soft);max-width:70ch}

.prose>*+*{margin-top:var(--sp-4)}
.prose h2{font-size:var(--fs-sub1);line-height:var(--lh-sub1);margin-top:var(--sp-8)}
.prose ul{padding-left:1.2em}
.prose a{color:var(--c-primary);text-underline-offset:.2em}

/* ---------- Gombok ---------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 20px;border-radius:var(--r-btn);border:1px solid transparent;
  font-weight:700;font-size:var(--fs-sm);line-height:1.2;text-decoration:none;cursor:pointer;
  transition:background-color .15s,border-color .15s,color .15s;
}
.btn--lg{padding:16px 24px;font-size:var(--fs-sub1)}
.btn--primary{background:var(--c-primary);color:#fff}
.btn--primary:hover{background:var(--c-primary-dark)}
.btn--outline{background:transparent;border-color:var(--c-ink);color:var(--c-ink)}
.btn--outline:hover{background:var(--c-ink);color:#fff}
.btn svg{width:1em;height:1em;flex:none}
.btn.is-on{background:var(--c-ink);border-color:var(--c-ink);color:#fff}

.link-arrow{font-weight:700;font-size:var(--fs-sm);text-decoration:none;color:var(--c-ink);white-space:nowrap}
.link-arrow::after{content:" →"}
.link-arrow:hover{color:var(--c-primary)}

/* ---------- Badge, készlet -------------------------------------------- */
.badge{
  display:inline-block;padding:6px 10px;border-radius:var(--r-btn);
  background:var(--c-primary);color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:1.2;
}
.badge--light{background:#fff;color:#333;box-shadow:0 1px 3px rgb(0 0 0 /.12)}
.badge--sale{background:var(--c-primary)}

/* Készletsor: pötty + szöveg EGY sorban, tördelés nélkül. A kártyán
   kevés a hely, ezért ott kisebb betű és szűkebb köz. */
.ep-stock{display:flex;align-items:center;gap:8px;margin:0;min-width:0;
  font-size:var(--fs-sm);line-height:var(--lh-sm);white-space:nowrap}
.ep-stock__now::before{content:"· "}
.ep-stock .dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--c-in-stock)}
.ep-stock--eta .dot{background:var(--c-eta)}

/* ---------- Ár -------------------------------------------------------- */
.ar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.ar__net{font-weight:700;font-size:var(--fs-sub1);line-height:1.2;width:100%}
.ar__gross{font-size:var(--fs-sm);color:var(--c-text-soft)}
.ar__old{color:#808080;font-size:var(--fs-sm)}
.ar__badge{background:var(--c-primary);color:#fff;padding:2px 8px;border-radius:var(--r-btn);font-size:var(--fs-xs);font-weight:700}
.ar__save{width:100%;font-size:var(--fs-sm);color:var(--c-primary);font-weight:700}
.ar .amount{white-space:nowrap}

/* ---------- Fejléc ---------------------------------------------------- */
/* Utility sáv: a Figmában PIROS, nem sötét. */
.hd__utility{background:var(--c-primary);color:#fff;font-size:var(--fs-sm)}
.hd__utility-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:10px}
.hd__u-left,.hd__u-right{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hd__utility a,.hd__utility span{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff}
.hd__utility svg{width:18px;height:18px;flex:none;opacity:.9}
.hd__utility a:hover{text-decoration:underline}

.hd__mainbar{border-bottom:1px solid rgb(0 0 0 /.17);background:#fff}
/* 2. sáv: közösségi ikonok, gyorsmenü, kereső, akciók */
/* A középső sáv alatt van vonal, a menüsáv alatt nincs (Figma). */
.hd__util2{border-bottom:1px solid var(--c-stroke)}
.hd__navbar{border:0}
.hd__util2-in{display:flex;align-items:center;gap:var(--sp-5);padding-block:14px}
.hd__socials{display:flex;gap:10px;align-items:center;flex:none}
.hd__soc{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  color:#fff;transition:opacity .15s}
.hd__soc:hover{opacity:.85}
.hd__soc svg{width:18px;height:18px}
/* Egységes szín a tervben – a márkaszínek széttördelnék a fejlécet. */
.hd__soc{background:var(--c-ink)}
.hd__soc:hover{background:var(--c-primary);opacity:1}

.hd__quick{display:flex;gap:var(--sp-5);list-style:none;margin:0;padding:0;flex:none}
.hd__quick a{font-weight:700;font-size:var(--fs-sm);text-decoration:none;white-space:nowrap}
.hd__quick a:hover{color:var(--c-primary)}

/* Kereső – Figma 63:7668: pirula alak, nagyító balra, 585 px. */
.hd__search{flex:1;min-width:0;max-width:585px;margin-inline:auto}
.hd__search form{display:block;margin:0;padding:0;background:none;border:0}
.hd__search .dgwt-wcas-search-wrapp{width:100%;max-width:none}
.hd__search .dgwt-wcas-sf-wrapp{position:relative;display:flex;align-items:center;gap:12px;
  height:48px;padding:8px 20px 8px 16px;
  background:rgb(0 0 0 /.04);border:1px solid var(--c-stroke);border-radius:100px}
.hd__search .dgwt-wcas-sf-wrapp:focus-within{border-color:var(--c-primary);
  background:#fff;box-shadow:0 0 0 3px rgb(221 0 23 /.08)}
.hd__search input[type=search],.hd__search input[type=text],
.hd__search .dgwt-wcas-search-input{flex:1;min-width:0;height:100%;
  border:0;background:transparent;outline:none;box-shadow:none;
  font:inherit;font-size:16px;color:var(--c-text);padding:0;line-height:normal}
.hd__search input::placeholder{color:#858585}
.hd__search .dgwt-wcas-search-submit{order:-1;position:static;transform:none;
  display:grid;place-items:center;width:24px;height:24px;padding:0;flex:none;
  background:transparent;border:0;color:var(--c-ink)}
.hd__search .dgwt-wcas-search-submit svg{width:24px;height:24px}
.hd__search .dgwt-wcas-preloader{right:20px;top:50%;transform:translateY(-50%)}
.hd__search .dgwt-wcas-close{order:2}

.hd__act{display:flex;align-items:center;gap:var(--sp-4);flex:none;margin-left:auto}
.hd__act .btn{padding:12px 20px;white-space:nowrap}
.btn--ghost{background:transparent;border-color:var(--c-primary);color:var(--c-primary)}
.btn--ghost:hover{background:var(--c-primary);color:#fff}
.hd__ico{position:relative;display:inline-flex;color:var(--c-ink)}
.hd__ico svg{width:24px;height:24px}
.hd__ico:hover{color:var(--c-primary)}
.hd__count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;
  background:var(--c-primary);color:#fff;border-radius:9px;font-size:11px;font-weight:700;
  display:grid;place-items:center}
/* Nyelvváltó – csak zászló, felirat nélkül. */
.hd__lang{display:flex;align-items:center}
.hd__lang-list{display:flex;gap:8px;list-style:none;margin:0;padding:0;align-items:center}
.hd__lang-list li{margin:0;padding:0;list-style:none}
.hd__lang-list a{display:block;line-height:0;opacity:.55;transition:opacity .15s ease}
.hd__lang-list a:hover,.hd__lang-list .current-lang a{opacity:1}
.hd__lang-list img{width:22px;height:auto;display:block;border-radius:2px}
.hd__lang--static{font-size:var(--fs-sm);font-weight:700;color:var(--c-muted)}

.hd__burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.hd__burger span:not(.sr){display:block;width:22px;height:2px;background:var(--c-ink);margin:4px 0}

/* 3. sáv: logó balra, kategóriamenü jobbra */
/* Tizenegy menüpont mellett a nagy köz két sorba törte a listát. */
.hd__navbar-in{display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-5);padding-block:12px;flex-wrap:nowrap;min-width:0}
.nav{min-width:0;flex:1 1 auto}
.nav__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
  justify-content:flex-end;gap:18px}
.nav__list::-webkit-scrollbar{display:none}
.nav__list a{white-space:nowrap}
@media (max-width:1500px){ .nav__list{gap:14px} .nav__list a{font-size:14px} }
@media (max-width:1250px){ .nav__list a{font-size:13px} }
/* A logó kaphat bármilyen méretet: korlátozzuk, és engedjük zsugorodni,
   különben egy széles kép kinyomja a menüt a sávból. */
.hd__brand{flex:0 1 auto;min-width:0;display:flex;align-items:center;
  max-width:min(320px,38%)}
.hd__brand img{max-height:46px;max-width:100%;width:auto;height:auto;
  object-fit:contain;display:block}
.hd__brand .custom-logo-link{display:block;line-height:0}
.hd__name{font-weight:700;font-size:var(--fs-sub1);text-decoration:none;white-space:nowrap}
.nav{min-width:0}
.nav__list{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:wrap;
  justify-content:flex-end}
.nav__list a{display:block;padding:12px 0;font-weight:700;font-size:var(--fs-sm);text-decoration:none}
.nav__list a:hover{color:var(--c-primary)}

.crumbs{padding-block:var(--sp-4);font-size:var(--fs-sm);color:var(--c-muted)}
.crumbs a{color:inherit}

/* ---------- Hero – főoldal -------------------------------------------- */
.hero{position:relative;display:grid;place-items:center;min-height:708px;padding-inline:var(--pad);
  background:var(--c-ink) var(--hero-bg,none) center/cover no-repeat;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgb(0 0 0 /.6),rgb(0 0 0 /.4))}

/* Háttérkép nélkül ne üres fekete doboz legyen: márkás átmenet, kisebb
   magasság, és a jobb oldali üres sávot egy halvány piros derengés tölti. */
.hero--noimg{min-height:560px;
  background:radial-gradient(120% 90% at 78% 50%,rgb(221 0 23 /.30) 0%,transparent 62%),
             linear-gradient(115deg,#141414 0%,#282828 55%,#1c1c1c 100%)}
.hero--noimg::after{display:none}
@media (max-width:900px){ .hero--noimg{min-height:440px} }
.hero__in{display:flex;flex-direction:column;gap:var(--sp-6);align-items:flex-start;
  padding-block:80px;color:#fff;width:100%}
.hero__over{margin:0;color:var(--c-primary-on-dark);font-size:1.125rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase}
.hero__title{margin:0;font-size:var(--fs-h1);line-height:var(--lh-h1);max-width:20ch;color:#fff}
.hero__lead{margin:0;font-size:var(--fs-sub1);line-height:1.5;font-weight:700;max-width:52ch}
.hero__cta{display:flex;gap:var(--sp-6);flex-wrap:wrap;margin-top:var(--sp-2)}
.btn--ghost-light{background:transparent;border-color:var(--c-primary);color:#fff}
.btn--ghost-light:hover{background:var(--c-primary);color:#fff}
.hero .btn svg{width:20px;height:20px}

/* ---------- Hero – kategória ------------------------------------------ */
.chero{position:relative;background:var(--c-ink) var(--hero-bg,none) center/cover no-repeat;
  color:#fff;isolation:isolate}
.chero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgb(0 0 0 /.72),rgb(0 0 0 /.45))}
.chero__in{display:grid;grid-template-columns:minmax(0,627px) minmax(0,1fr);gap:var(--sp-16);
  align-items:center;padding-block:80px}
.chero__text{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.chero__bc,.chero__bc a{color:#fff;font-size:var(--fs-xs);font-weight:700;text-decoration:none}
.chero__bc .sep{margin-inline:8px;font-weight:400;opacity:.7}
.chero__bc a:hover{text-decoration:underline}
.chero__title{margin:0;font-size:var(--fs-h1);line-height:var(--lh-h1);color:#fff}
.chero__meta{margin:0;font-size:var(--fs-sm);font-weight:700;display:flex;gap:8px;flex-wrap:wrap}
.chero__meta .sep{font-weight:400;opacity:.7}
.chero__lead{font-size:var(--fs-body);line-height:var(--lh-body)}
.chero__lead p{margin:0}
.chero .btn svg{width:20px;height:20px}

.helper{background:#fff;color:var(--c-text);border-radius:12px;padding:40px;
  display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.helper__h{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:700}
.helper__s{margin:0;color:#525252}
.helper__meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.helper__tel,.helper__time{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm)}
.helper__tel{font-weight:700}
.helper__time{color:var(--c-muted)}
.helper__meta svg{width:16px;height:16px;flex:none;color:var(--c-primary)}
.helper__cta{display:flex;gap:10px;flex-wrap:wrap}
.helper .btn svg{width:18px;height:18px}

/* ---------- Termékrács ------------------------------------------------ */
.prod-grid,ul.products{
  display:grid;gap:var(--sp-6);list-style:none;margin:0;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
}
.prod-grid.columns-4,ul.products.columns-4{grid-template-columns:repeat(4,1fr)}
.prod-grid.columns-3,ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
.prod-grid.columns-2,ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
/* A Woo „first/last" osztályai a rácsban feleslegesek, de ne törjék a sort. */
ul.products li.product{margin:0;width:auto;float:none;clear:none}
.related.products,.upsells.products{padding-block:var(--sp-12)}
.related > h2,.upsells > h2{text-wrap:balance}
.related > h2,.upsells > h2{font-size:var(--fs-h3);line-height:var(--lh-h3);margin-bottom:var(--sp-8)}

.card{
  display:flex;flex-direction:column;border:1px solid var(--c-stroke);
  border-radius:var(--r-card);overflow:hidden;background:#fff;
  transition:box-shadow .18s,transform .18s;
}
.card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}
.card__media{position:relative;display:block;padding:var(--sp-5);background:#fff}
.card__img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.card__badges{position:absolute;inset:var(--sp-3) auto auto var(--sp-3);display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}
.card__body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);flex:1}
.card__top{display:flex;flex-direction:column;gap:8px}
.card__brand{font-size:var(--fs-xs);color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em}
.card__title{margin:0;font-size:var(--fs-sub2);line-height:var(--lh-sub2)}
.card__title a{text-decoration:none}
.card__title a:hover{color:var(--c-primary)}
.card__sub{margin:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--c-muted)}
.card__bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-4)}
.card__act{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.card__act .btn{flex:1 1 0;min-width:0}

/* ---------- Kategóriaoldal -------------------------------------------- */
.arch{padding-bottom:var(--sp-16)}
.arch__head{max-width:70ch;margin-bottom:var(--sp-8)}
.arch__cols{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-8)}
.arch__side{align-self:start;position:sticky;top:var(--sp-5)}
.arch__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}
.arch__count{font-weight:700}

.tree{border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-4)}
.tree__h{margin:0 0 var(--sp-3);font-weight:700}
.tree__up{display:block;padding:6px 0;font-size:var(--fs-sm);text-decoration:none;color:var(--c-muted)}
.tree__cur{display:block;padding:8px 0 8px 12px;border-left:3px solid var(--c-primary);font-weight:700;font-size:var(--fs-sm)}
.tree__list{list-style:none;margin:8px 0 0;padding:0}
.tree__list--sub{padding-left:12px}
.tree__list a{display:block;padding:7px 0;font-size:var(--fs-sm);text-decoration:none;color:var(--c-text-soft)}
.tree__list a:hover{color:var(--c-primary)}

.subcats{margin-bottom:var(--sp-8)}
.subcats__s{margin:0 0 var(--sp-5);color:var(--c-muted)}
/* Az oszlopszámot a sablon adja a --cols változóban: 3 alkategória három
   oszlopot kap, 5 ötöt. Így soha nem marad üres hely a sor végén. */
.subcats__grid{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));
  gap:var(--sp-4)}
.subcat{display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-4);border:1px solid var(--c-stroke);border-radius:var(--r-card);text-decoration:none}
.subcat:hover{border-color:var(--c-primary)}
.subcat__img img{width:64px;height:64px;object-fit:contain}
.subcat__txt{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}
.subcat__n,.subcat__tag{color:var(--c-muted)}

/* ---------- Termékoldal ----------------------------------------------- */
.pdp__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);
  gap:var(--sp-10);align-items:start;padding-block:var(--sp-7)}
.pdp__gallery{position:relative;display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}

/* A vásárlási blokk elemei szorosabban: 48 px-es köz mellett a cím,
   a készletsor, az értékelés és az ár között tenyérnyi üres hely volt,
   és a kosárgomb lecsúszott a hajtás alá. */
.pdp__buy{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
.pdp__buy .pdp__ident{margin-bottom:-6px}
.pdp__buy .pdp__title{margin:0}
.pdp__buy .ep-stock{margin:0}
.pdp__buy .pdp__rating{margin:0}
.pdp__pricebox{padding:var(--sp-5)}
.pdp__pricebox .ar{margin:0}
.cdown--pdp{margin:15px 0 0}

.gal__main{position:relative;margin:0;border-radius:var(--r-card);overflow:hidden;background:var(--c-accent)}
.gal__img{width:100%;aspect-ratio:615/597;object-fit:contain}
.gal__badges{position:absolute;inset:var(--sp-3) auto auto var(--sp-3);display:flex;gap:8px;flex-wrap:wrap}
.gal__thumbs{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.gal__t{
  flex:1 1 90px;max-width:130px;padding:0;background:#fff;cursor:pointer;
  border:1px solid var(--c-line);border-radius:var(--r-field);overflow:hidden;
}
.gal__t.is-on{border:2px solid var(--c-ink)}
.gal__t img{aspect-ratio:119/134;object-fit:contain;width:100%}
.gal__t--video{display:grid;place-items:center;aspect-ratio:119/134;background:var(--c-accent)}

.pdp__ident{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.pdp__brand{padding:4px 10px;border:1px solid var(--c-stroke);border-radius:3px;background:rgb(40 40 40 /.06);font-size:var(--fs-xs);font-weight:700;color:#595959}
.pdp__sku{font-size:var(--fs-sm);color:var(--c-faint)}
.pdp__ident-act{margin-left:auto}
.pdp__title{margin:0 0 var(--sp-4);font-size:clamp(1.5rem,2.4vw,2.125rem);
  line-height:1.2;font-weight:700;text-wrap:balance}
.pdp__rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--fs-sm)}
.pdp__norev{color:var(--c-text-soft)}
.pdp__sep{width:1px;height:16px;background:#ccc}
.pdp__lead{color:var(--c-text-soft)}
.pdp__pricebox{background:#f4f4f4;border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:18px 20px}
.pdp__pricebox .ar__net{font-size:var(--fs-h4);line-height:var(--lh-h4)}
.pdp__pricebox .ar__gross{font-size:var(--fs-sub2);font-weight:700;color:#404040}
.pdp__pricenote{margin:8px 0 0;font-size:var(--fs-sm);color:var(--c-faint)}

.trust{display:flex;flex-direction:column;gap:var(--sp-6)}
.trust__row{display:flex;gap:var(--sp-3);align-items:flex-start}
.trust__ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--c-primary);border-radius:100px}
.trust__ico svg{width:16px;height:16px}
.trust__txt{display:flex;flex-direction:column;gap:2px}
.trust__txt strong{font-size:var(--fs-sub2)}
.trust__txt span{font-size:var(--fs-sm);color:var(--c-muted)}

.askbox{background:var(--c-accent);border:1px solid var(--c-stroke);border-radius:var(--r-field);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}
.askbox__h{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:700}
.askbox__s{margin:0;font-size:var(--fs-sub1);font-weight:700}
.askbox__n{margin:0;font-size:var(--fs-sm);color:var(--c-ink)}

.ship{background:var(--c-accent);border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:16px 18px;min-height:104px}
.ship__head{margin:0 0 8px;font-weight:700;font-size:var(--fs-sub1)}
.ship__line{margin:0 0 4px;font-size:var(--fs-sm);color:var(--c-text-soft)}

.warranty{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 14px}
.warranty li{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);font-weight:700;color:#333}
.warranty svg{width:16px;height:16px;flex:none;color:var(--c-primary)}

.pay__list{list-style:none;display:flex;gap:8px;margin:0 0 8px;padding:0;flex-wrap:wrap}
.pay__i{flex:1 1 70px;display:grid;place-items:center;height:32px;border:1px solid #d1d1d1;border-radius:var(--r-btn);font-size:10px;font-weight:700;color:#595959}
.pay__note{margin:0;font-size:var(--fs-sm);color:var(--c-faint)}

.psec{padding-block:var(--sp-12)}
.psec--alt{background:var(--c-accent)}
.spec{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.spec th,.spec td{padding:12px 0;border-bottom:1px solid var(--c-stroke);text-align:left;vertical-align:top}
.spec th{width:38%;font-weight:700}

/* ---------- Útmutató + GYIK ------------------------------------------- */
.guide{padding-block:var(--sp-12);border-top:1px solid var(--c-stroke)}
.guide__in{display:grid;grid-template-columns:1fr 280px;gap:var(--sp-10)}
.toc{position:sticky;top:var(--sp-5);align-self:start;border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-5)}
.toc__h{margin:0 0 var(--sp-3);font-weight:700}
.toc ul{list-style:none;margin:0;padding:0}
.toc a{display:block;padding:7px 0;font-size:var(--fs-sm);text-decoration:none;color:var(--c-text-soft)}
.toc a:hover,.toc a.is-active{color:var(--c-primary);font-weight:700}

.faq{padding-block:var(--sp-12);background:var(--c-accent)}
.faq__h{margin-bottom:var(--sp-6)}
.faq__item{border-bottom:1px solid var(--c-stroke);background:#fff}
.faq__item:first-child{border-top:1px solid var(--c-stroke)}
.faq__q{padding:22px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";font-size:24px;line-height:1;color:var(--c-primary)}
.faq__item[open] .faq__q::after{content:"−"}
.faq__a{padding:0 22px 22px;color:var(--c-text-soft)}
.faq__foot{margin-top:var(--sp-6);font-size:var(--fs-sm)}

.helpbox{margin-top:var(--sp-8);padding:var(--sp-8);background:var(--c-accent);border:1px solid var(--c-stroke);border-radius:var(--r-card);text-align:center}
.helpbox__h{margin:0 0 6px;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:700}
.helpbox__s{margin:0 0 var(--sp-5);color:var(--c-text-soft)}

/* ---------- Főoldal --------------------------------------------------- */
.usp{background:var(--c-accent);border-block:1px solid var(--c-stroke)}
/* Négy blokk: a bemutatóterem-kártya + három érv. A kártya kicsit szélesebb,
   mert kiemelt, és két sornyi szöveget tart. */
.usp__in{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));
  gap:var(--sp-6);padding-block:var(--sp-6);align-items:stretch}

/* Bemutatóterem kártya */
.usp__showroom{display:flex;gap:14px;align-items:center;min-width:0;
  background:var(--c-primary);color:#fff;border-radius:var(--r-card);
  padding:18px 20px;text-decoration:none;transition:background-color .15s ease}
.usp__showroom:hover{background:var(--c-primary-dark);color:#fff}
.usp__sr-ico{flex:none;display:grid;place-items:center}
.usp__sr-ico svg{width:30px;height:30px}
.usp__sr-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.usp__sr-txt strong{font-size:var(--fs-sub2);line-height:1.15}
.usp__sr-txt span{font-size:var(--fs-xs);line-height:1.35;opacity:.92}
.usp__i{display:flex;gap:12px;align-items:center;min-width:0}
.usp__i .usp__t{min-width:0}
.usp__i .usp__t strong{display:block;font-size:var(--fs-sm);line-height:1.2}
.usp__i .usp__t span{display:block;font-size:var(--fs-xs);line-height:1.35;color:var(--c-muted)}
.usp__ico svg{width:26px;height:26px}
.usp__ico{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff}
.usp__ico svg{width:30px;height:30px;color:var(--c-primary)}
.usp__t{display:flex;flex-direction:column;gap:4px}
.usp__t strong{font-size:var(--fs-sub2)}
.usp__t span{font-size:var(--fs-sm);color:var(--c-muted)}

.cats,.row,.about,.kb{padding-block:var(--sp-12)}
.cats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.cats__i{display:flex;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--c-stroke);border-radius:var(--r-card);text-decoration:none}
.cats__i:hover{border-color:var(--c-primary)}
.cats__img img{width:80px;height:80px;object-fit:contain}
.cats__txt{display:flex;flex-direction:column;gap:6px}
.cats__txt span:not(.link-arrow){font-size:var(--fs-sm);color:var(--c-muted)}

/* A szekciócím és az „Összes … termék" link egy sorban, a link jobbra zárva. */
.row__head{display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--sp-8);flex-wrap:nowrap;margin-bottom:var(--sp-6)}
.row__head > div{min-width:0}
.row__head .h3{margin:0}
.row__head .lead{margin:6px 0 0}
.row__head .link-arrow{flex:none;white-space:nowrap;align-self:baseline}

/* ---------- Akciósáv a hero alatt -------------------------------------- */
/* Visszafogott sáv, ahogy az élő oldalon: két kártya egymás mellett,
   kis képpel. A hero után nem kell még egy hangos blokk. */
.promo{background:#fff;border-bottom:1px solid var(--c-stroke)}
.promo__h{margin:0;padding-top:var(--sp-10);
  font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:700}
.promo__in{position:relative;display:flex;align-items:center;gap:var(--sp-4);
  padding-block:var(--sp-6) var(--sp-10)}
/* Két sáv: négy ajánlat 2×2-ben. Lapozáskor a teljes blokk vált. */
.promo__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);
  gap:16px;list-style:none;margin:0;padding:0;flex:1;min-width:0;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.promo__track::-webkit-scrollbar{display:none}
.promo__i{scroll-snap-align:start}
.promo__link{display:flex;gap:18px;align-items:center;height:100%;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:16px 20px;
  text-decoration:none;background:#fff;transition:border-color .18s ease}
.promo__link:hover{border-color:var(--c-primary)}
.promo__img{flex:none;width:118px}
.promo__img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.promo__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.promo__name{font-size:var(--fs-sub2);line-height:1.25;color:var(--c-text)}
.promo__sub{font-size:var(--fs-sm);line-height:1.4;color:var(--c-muted)}
.promo__price .ar__net{font-size:var(--fs-sub1);color:var(--c-primary);line-height:1.15}
.promo__price .ar__gross{font-size:12px}
.promo__price .ar__save,.promo__price .ar__old,.promo__price .ar__badge{display:none}
.promo__nav{flex:none;width:40px;height:40px;border:1px solid var(--c-stroke);
  border-radius:50%;background:#fff;font-size:20px;line-height:1;cursor:pointer;
  color:var(--c-ink)}
.promo__nav:hover{border-color:var(--c-primary);color:var(--c-primary)}
.promo--single .promo__nav,.promo--single .promo__dots{display:none}
.promo__dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  display:flex;gap:6px}
.promo__dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;
  background:var(--c-line);cursor:pointer}
.promo__dot.is-on{background:var(--c-primary)}

@media (max-width:1000px){
  .promo__track{grid-auto-columns:calc(100% - 8px)}
  .promo__img{width:96px}
}
@media (max-width:560px){
  .promo__nav{display:none}
  .promo__link{padding:14px 16px;gap:14px}
}

/* ---------- Cégbemutató + vélemények (Figma 103:2400) ------------------ */
.about{background:#fff}
.about__in{display:flex;flex-direction:column;gap:40px;align-items:center;
  padding-block:100px 60px}
.about__intro{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.about__intro .h2{margin:0;max-width:20ch}
.about__intro .lead{margin:0;max-width:716px;color:#4d4d4d;line-height:1.5}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;
  padding-top:4px}
.stats__i{display:flex;gap:10px;align-items:center;justify-content:center}
.stats__ico{display:grid;place-items:center;width:50px;height:50px;flex:none;
  border:1px solid var(--c-primary);border-radius:100px;color:var(--c-primary)}
.stats__ico svg{width:28px;height:28px}
.stats__txt{display:flex;flex-direction:column;gap:8px}
.stats__txt strong{font-size:var(--fs-sub1);line-height:1;color:#141414}
.stats__txt span{font-size:var(--fs-sm);line-height:1;color:#737373}

/* A termékoldal fejlécében a bolt értékelése a lap alján lévő sávra visz. */
.pdp__shoprating{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.pdp__shoprating:hover{color:var(--c-primary);border-bottom-color:var(--c-primary)}

/* A Google-sáv linkként is ugyanúgy néz ki. */
a.grating{text-decoration:none}
a.grating:hover{border-color:var(--c-primary)}
/* A tapadó fülsáv miatt kell felső hézag, különben a horgony a sáv alá visz. */
.grating-sec{padding-block:var(--sp-10);scroll-margin-top:100px}
.grating-sec__h{margin:0 0 var(--sp-5);font-size:var(--fs-h3);
  line-height:var(--lh-h3);font-weight:700}

.grating{display:flex;gap:16px;align-items:center;width:100%;
  background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  padding:18px 20px}
.grating__n{font-size:34px;font-weight:700;line-height:1.4;color:#141414}
.grating__txt{display:flex;flex-direction:column;gap:2px}
.grating__txt strong{font-size:var(--fs-body);color:#1f1f1f}
.grating__txt span{font-size:var(--fs-sm);color:#737373}

.quotes{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  list-style:none;margin:0;padding:0;width:100%}
.quotes__i{display:flex;flex-direction:column;gap:8px;
  background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  padding:18px 20px}
.quotes__t{margin:0;font-size:var(--fs-body);line-height:1.5;color:#2e2e2e}
.quotes__a{margin:auto 0 0;font-size:12px;font-weight:700;line-height:1;color:#737373}

/* ---------- Szerviz és beüzemelés (Figma 91:1074) --------------------- */
.service{background:#fff}
.service__in{display:grid;grid-template-columns:minmax(0,638px) minmax(0,605px);
  gap:var(--sp-16);align-items:center;justify-content:space-between;
  padding-block:100px}
.service__txt{display:flex;flex-direction:column;gap:24px}
.service__txt .h2{margin:0}
.service__txt .lead{margin:0;color:#474747;line-height:1.5}
.service__list{list-style:none;margin:0;padding:4px 0 0;
  display:flex;flex-direction:column;gap:10px}
.service__list li{display:flex;gap:12px;align-items:flex-start;
  font-size:15px;font-weight:700;line-height:1.35;color:#333}
.service__list svg{width:24px;height:24px;flex:none;color:var(--c-primary)}

.svcbox{background:#fff;border:1px solid var(--c-stroke);border-radius:12px;
  padding:40px;display:flex;flex-direction:column;gap:12px}
.svcbox__h{margin:0;font-size:var(--fs-h3);line-height:1;font-weight:700;color:#141414}
.svcbox__s{margin:0;color:#6b6b6b;line-height:1.5}
.svcbox__btn{width:100%}
.svcbox__meta{margin:0;font-size:12px;line-height:1.4;color:#737373}
.svcbox input[type=text],.svcbox input[type=tel],.svcbox input[type=email],
.svcbox textarea{width:100%;height:56px;padding:0 16px;font:inherit;font-size:var(--fs-sm);
  background:rgb(0 0 0 /.05);border:1px solid #b8b8b8;border-radius:var(--r-field)}
.svcbox textarea{height:auto;padding:14px 16px}
.svcbox input[type=submit],.svcbox button[type=submit]{width:100%;height:56px;
  background:var(--c-primary);color:#fff;border:0;border-radius:var(--r-btn);
  font:inherit;font-weight:700;font-size:15px;cursor:pointer}

@media (max-width:1100px){
  .quotes{grid-template-columns:repeat(2,1fr)}
  .service__in{grid-template-columns:1fr;gap:var(--sp-8);padding-block:56px}
}
@media (max-width:700px){
  .row__head{flex-direction:column;align-items:flex-start;gap:12px}
  .row__head .link-arrow{align-self:flex-start}
  .stats{grid-template-columns:1fr;gap:20px}
  .stats__i{justify-content:flex-start}
  .quotes{grid-template-columns:1fr}
  .about__in{padding-block:56px 40px;gap:28px}
  .svcbox{padding:24px}
}

/* ---------- Segítség CTA sáv ------------------------------------------ */
.fcta{background:var(--c-primary);color:#fff}
.fcta__in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-10);
  padding-block:44px;flex-wrap:wrap}
.fcta__txt{display:flex;flex-direction:column;gap:8px;max-width:694px}
.fcta__h{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:700}
.fcta__s{margin:0;font-size:1.0625rem;line-height:1.5}
.fcta__act{display:flex;gap:var(--sp-6);flex-wrap:wrap}
.btn--white{background:#fff;color:var(--c-ink)}
.btn--white:hover{background:var(--c-accent)}
.btn--outline-white{background:transparent;border-color:#fff;color:#fff}
.btn--outline-white:hover{background:#fff;color:var(--c-ink)}

/* ---------- Lábléc (Figma 27:1250) ------------------------------------ */
.ft{background:#282828;color:#fff;padding-bottom:48px}
.ft__in{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr auto;gap:var(--sp-8);
  align-items:start;padding-top:20px;justify-content:space-between}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{color:var(--c-primary-on-dark);text-decoration:underline}

/* Oszlopcím – a tervben 20px félkövér, NEM címsor-szintű elem. */
.ft__h{margin:0 0 24px;font-size:20px;line-height:1.15;font-weight:700;color:#fff}
.ft__ceg{margin:0 0 24px;font-size:14px;line-height:14px}

.ft__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;
  font-size:14px;line-height:1.35}
.ft__list li{display:flex;gap:16px;align-items:center}
.ft__list svg{width:24px;height:24px;flex:none;color:#fff}
.ft__list--links{gap:16px}
.ft__list--links li{gap:0;line-height:14px}
.ft__todo{opacity:.55}

/* Jobb oszlop: tanúsítványok középre igazítva, egymás alatt. */
.ft__trust{display:flex;flex-direction:column;gap:24px;align-items:center;
  justify-self:end}
.ft__badge{max-width:198px;height:auto;display:block}

.ft__rule{border:0;border-top:1px solid rgb(255 255 255 /.18);margin:32px 0 24px}

/* Alsó sáv: copyright balra, kártyaikonok JOBBRA. */
.ft__bottom{display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-8);flex-wrap:wrap;padding-bottom:20px}
.ft__copy{margin:0;font-size:16px;line-height:24px}
.ft__pay{list-style:none;display:flex;gap:35px;align-items:center;margin:0 0 0 auto;
  padding:0;flex-wrap:wrap;justify-content:flex-end}
.ft__pay img{height:32px;width:auto;object-fit:contain;display:block}
.ft__pay li:first-child img{height:52px}
.ft__pay-txt{display:grid;place-items:center;min-width:56px;height:32px;padding:0 8px;
  border:1px solid rgb(255 255 255 /.35);border-radius:var(--r-btn);
  font-size:10px;font-weight:700;letter-spacing:.02em}

/* ---------- FiboSearch ------------------------------------------------ */
/* A plugin saját markupját a téma keresőjének kinézetére hangoljuk. */
.hd__search .dgwt-wcas-search-wrapp{max-width:none;width:100%}

/* Találati lista */
.dgwt-wcas-suggestions-wrapp{border-radius:var(--r-card);border-color:var(--c-stroke);
  box-shadow:var(--shadow-card);font-family:var(--font)}
.dgwt-wcas-suggestion-product .dgwt-wcas-st--title{font-weight:700;color:var(--c-text)}
.dgwt-wcas-suggestion-product .dgwt-wcas-sp{color:var(--c-primary);font-weight:700}
.dgwt-wcas-suggestion:hover,.dgwt-wcas-suggestion-selected{background:var(--c-accent)}
.dgwt-wcas-st-breadcrumbs,.dgwt-wcas-sku{color:var(--c-muted);font-size:var(--fs-xs)}
.dgwt-wcas-details-title{font-family:var(--font)}
.ar--ask{display:inline-block;font-weight:700;font-size:var(--fs-sub2);color:var(--c-primary)}
.ar--mini{display:block;white-space:nowrap;font-weight:700;color:var(--c-text)}
.ar--mini .ar__net,.ar--mini .amount{font-size:var(--fs-sm)}
.dgwt-wcas-suggestion .dgwt-wcas-sp{max-width:140px;text-align:right}



/* ---------- Termékoldali szekciók ------------------------------------- */
/* Fülnavigáció – görgetéskor feltapad, hogy a szakaszok és a kosárgomb
   végig kéznél legyenek a hosszú termékoldalon. */
.ptabs{position:sticky;top:0;z-index:50;
  background:var(--c-accent);border-block:1px solid var(--c-stroke)}
.ptabs.is-stuck{background:#fff;box-shadow:0 2px 10px rgb(0 0 0 /.08)}
.ptabs__in{display:flex;align-items:center;gap:var(--sp-3);overflow-x:auto;
  scrollbar-width:none;padding-block:10px}
.ptabs__in::-webkit-scrollbar{display:none}
.ptabs__t{padding:12px 18px;border-radius:var(--r-btn);
  font-weight:700;font-size:var(--fs-body);color:var(--c-text);
  text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.ptabs__t:hover{background:rgb(221 0 23 /.08);color:var(--c-primary)}
.ptabs__t.is-active{background:var(--c-primary);color:#fff}

/* Kosárgomb a sáv jobb szélén, mindig kéznél. */
.ptabs__cta{margin-left:auto;flex:none;white-space:nowrap;
  padding:12px 22px;font-size:var(--fs-sm)}
.psec{scroll-margin-top:88px}

/* Csomag tartalma + kell hozzá */
.pack{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}
.pack__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pack__list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-body)}
.pack__list svg{width:18px;height:18px;flex:none;color:var(--c-primary);margin-top:3px}
.pack__cross{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.xsell{display:flex;gap:14px;align-items:center;border:1px solid var(--c-stroke);
  border-radius:var(--r-card);padding:12px}
.xsell:hover{border-color:var(--c-primary)}
.xsell__img img{width:64px;height:64px;object-fit:contain}
.xsell__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.xsell__t{font-weight:700;font-size:var(--fs-sm);text-decoration:none}
.xsell .ar__net{font-size:var(--fs-sm)}
.xsell .ar__gross,.xsell .ar__old,.xsell .ar__save,.xsell .ar__badge{display:none}

/* Beüzemelés + videó */
.setup{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-5)}
.steps__i{display:flex;gap:16px;align-items:flex-start}
.steps__n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:var(--c-primary);color:#fff;font-weight:700}
.steps__b{display:flex;flex-direction:column;gap:4px}
.steps__b strong{font-size:var(--fs-sub2)}
.steps__b span{color:var(--c-muted);font-size:var(--fs-sm)}
.vid{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--c-ink)}
.vid__play{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;position:relative}
.vid__play img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vid__btn{position:absolute;inset:0;display:grid;place-items:center}
.vid__btn svg{width:64px;height:64px;color:#fff;filter:drop-shadow(0 2px 8px rgb(0 0 0 /.4))}
.vid__play:hover .vid__btn svg{color:var(--c-primary)}
.vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.vid__note{margin:8px 0 0;font-size:var(--fs-xs);color:var(--c-muted)}

/* Letöltések */
.docs{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.docs__i a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border:1px solid var(--c-stroke);border-radius:var(--r-card);text-decoration:none}
.docs__i a:hover{border-color:var(--c-primary);background:var(--c-accent)}
.docs__t{font-weight:700;font-size:var(--fs-sm)}
.docs__m{flex:none;font-size:var(--fs-xs);font-weight:700;color:#fff;background:var(--c-primary);
  padding:3px 8px;border-radius:3px}

/* Vélemények + kérdezzen */
.reviews{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-10);align-items:start}
.askprod{background:var(--c-accent);border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-6);display:flex;flex-direction:column;gap:12px;align-items:flex-start;
  position:sticky;top:100px}
.askprod__h{margin:0;font-size:var(--fs-sub1);font-weight:700}
.askprod__s{margin:0;font-size:var(--fs-sm);color:var(--c-text-soft)}
.askprod .btn{width:100%}
.askprod .btn svg{width:18px;height:18px}

@media (max-width:1000px){
  .pack,.setup,.reviews{grid-template-columns:1fr;gap:var(--sp-8)}
  .askprod{position:static}
  .ptabs__cta{padding:10px 14px;font-size:13px}
}


/* ---------- Értékelések ------------------------------------------------ */
/* A Woo alap-CSS-e ki van kapcsolva, ezért a csillagokat itt rajzoljuk meg. */
#reviews{display:flex;flex-direction:column;gap:var(--sp-8)}
#reviews h2,#reviews h3{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h4)}
#reviews #respond h3,#reviews .comment-reply-title{font-size:var(--fs-sub1);line-height:1.3}
.woocommerce-noreviews{margin:0;color:var(--c-muted)}

.commentlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-5)}
.commentlist .comment_container{display:flex;gap:16px;align-items:flex-start;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-5)}
.commentlist img.avatar{width:48px;height:48px;border-radius:50%;flex:none}
.comment-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.comment-text p.meta{margin:0;font-size:var(--fs-sm)}
.comment-text p.meta strong{font-weight:700}
.comment-text .woocommerce-review__published-date{color:var(--c-muted)}
.comment-text .description p:last-child{margin-bottom:0}

/* Kiírt értékelés (★★★★★ arányos kitöltéssel) */
.star-rating{position:relative;display:inline-block;width:6em;height:1.2em;
  font-size:1rem;line-height:1.2;overflow:hidden;flex:none;color:var(--c-primary)}
.star-rating::before{content:"★★★★★";position:absolute;left:0;top:0;color:var(--c-line);
  letter-spacing:.1em}
.star-rating span{position:absolute;left:0;top:0;overflow:hidden;padding-top:1.2em}
.star-rating span::before{content:"★★★★★";position:absolute;left:0;top:0;
  color:var(--c-primary);letter-spacing:.1em}

/* Csillagválasztó az űrlapon */
.comment-form-rating{display:flex;flex-direction:column;gap:8px}
.comment-form-rating label{font-weight:700;font-size:var(--fs-sm)}
p.stars{margin:0}
p.stars span{display:inline-flex;gap:4px}
p.stars a{position:relative;width:1.7em;height:1.7em;overflow:hidden;text-indent:-9999px;
  text-decoration:none;display:block}
p.stars a::before{content:"★";position:absolute;inset:0;text-indent:0;font-size:1.7em;
  line-height:1;color:var(--c-line);transition:color .12s}
/* Ráhúzáskor minden csillag arany, majd a hovereltek UTÁNIAK visszaszürkülnek. */
p.stars:hover a::before{color:var(--c-primary)}
p.stars a:hover ~ a::before{color:var(--c-line)}
/* Kiválasztott állapot ugyanezzel a logikával. */
p.stars.selected a::before{color:var(--c-primary)}
p.stars.selected a.active ~ a::before{color:var(--c-line)}
p.stars a:focus-visible::before{outline:2px solid var(--c-primary);outline-offset:2px}

/* Űrlapmezők */
#respond form{display:flex;flex-direction:column;gap:var(--sp-4);max-width:640px}
#respond .comment-form-comment,#respond .comment-form-author,
#respond .comment-form-email{display:flex;flex-direction:column;gap:6px;margin:0}
#respond label{font-weight:700;font-size:var(--fs-sm)}
#respond textarea,#respond input[type=text],#respond input[type=email]{
  font:inherit;font-size:var(--fs-body);padding:12px 14px;border:1px solid var(--c-stroke);
  border-radius:var(--r-field);background:#fff;width:100%}
#respond textarea{min-height:140px;resize:vertical}
#respond textarea:focus,#respond input:focus{outline:2px solid var(--c-primary);outline-offset:1px;
  border-color:var(--c-primary)}
#respond .form-submit{margin:0}
#respond input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border:1px solid transparent;border-radius:var(--r-btn);
  background:var(--c-primary);color:#fff;font:inherit;font-weight:700;font-size:var(--fs-sm);
  cursor:pointer;transition:background-color .15s}
#respond input[type=submit]:hover{background:var(--c-primary-dark)}
#respond .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;
  font-size:var(--fs-sm);color:var(--c-muted)}
#respond .comment-form-cookies-consent label{font-weight:400}


/* ---------- Kosár / pénztár / fiókom ---------------------------------- */
/* A kosár és a pénztár WooCommerce BLOKK (nem rövidkód), ezért a
   .wc-block-* osztályokat kell felülstílozni. A fiókom klasszikus. */

.woocommerce-cart .entry,.woocommerce-checkout .entry,
.woocommerce-account .entry{padding-block:var(--sp-10) var(--sp-16)}
.woocommerce-cart .entry .h2,.woocommerce-checkout .entry .h2,
.woocommerce-account .entry .h2{margin-bottom:var(--sp-8)}
.woocommerce-cart .prose>*+*,.woocommerce-checkout .prose>*+*,
.woocommerce-account .prose>*+*{margin-top:0}

/* Blokk-gombok: a téma piros elsődleges gombja */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--c-primary)!important;color:#fff!important;border-radius:var(--r-btn)!important;
  font-family:var(--font);font-weight:700;border:0;min-height:52px}
.wc-block-components-button:not(.is-link):hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{background:var(--c-primary-dark)!important}
.wc-block-components-button__text{color:#fff!important}

/* Linkek és kiemelések */
.wc-block-components-product-name{color:var(--c-text);text-decoration:none;font-weight:700}
.wc-block-components-product-name:hover{color:var(--c-primary);text-decoration:underline}
.wc-block-components-sale-badge{background:rgb(221 0 23 /.1);color:var(--c-primary);
  border-color:transparent;font-weight:700}
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-weight:700;color:var(--c-text)}
.wc-block-components-panel__button{font-family:var(--font);font-weight:700}

/* Űrlapmezők a téma stílusára */
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=number],
.wc-block-components-combobox input{
  border-radius:var(--r-field)!important;border-color:var(--c-stroke)!important;
  font-family:var(--font)}
.wc-block-components-text-input.is-active input:focus,
.wc-block-components-text-input input:focus{
  outline:2px solid var(--c-primary);outline-offset:1px;box-shadow:none}

/* Összesítő doboz */
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-components-sidebar .wc-block-components-panel{
  border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-5)}

/* Kereszt-értékesítés a kosárban: a téma rácsa, kordában tartott képekkel */
.wp-block-woocommerce-cart-cross-sells-block .wc-block-grid__products,
.wc-block-cart__cross-sells-product-list{display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-5);list-style:none;padding:0}
.wc-block-cart__cross-sells-product img,
.wp-block-woocommerce-cart-cross-sells-block img{max-width:100%;height:auto;
  aspect-ratio:1/1;object-fit:contain}

/* ---------- Fiókom (klasszikus) --------------------------------------- */
/* FONTOS: csak a tartalomban lévő .woocommerce kaphatja a rácsot –
   a fejléc FiboSearch űrlapja is .woocommerce osztályú. */
.woocommerce-account .entry .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);
  gap:var(--sp-10);align-items:start}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
/* A Woo clearfix pszeudoelemei rácselemként foglalnák az első cellát. */
.woocommerce-account .entry .woocommerce::before,
.woocommerce-account .entry .woocommerce::after{display:none}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--c-stroke)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:block;padding:14px 18px;text-decoration:none;
  font-weight:700;font-size:var(--fs-sm);color:var(--c-text)}
.woocommerce-MyAccount-navigation a:hover{background:var(--c-accent);color:var(--c-primary)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--c-primary);
  box-shadow:inset 3px 0 0 var(--c-primary);background:var(--c-accent)}
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content a{color:var(--c-primary)}

/* Woo értesítések */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border:1px solid var(--c-stroke);border-left:4px solid var(--c-in-stock);
  border-radius:var(--r-field);background:var(--c-accent);
  padding:16px 18px;margin:0 0 var(--sp-6);list-style:none;font-size:var(--fs-sm)}
.woocommerce-info{border-left-color:var(--c-eta)}
.woocommerce-error{border-left-color:var(--c-primary)}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{
  margin-left:auto}

/* Klasszikus Woo gombok a téma stílusára */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button{
  background:var(--c-primary);color:#fff;border-radius:var(--r-btn);
  font-family:var(--font);font-weight:700;font-size:var(--fs-sm);
  padding:12px 20px;border:1px solid transparent;line-height:1.2}
.woocommerce .button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce a.button:hover{
  background:var(--c-primary-dark);color:#fff}
.woocommerce .button.alt{background:var(--c-primary)}

/* Klasszikus űrlapmezők (fiókadatok, címek) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  font:inherit;font-size:var(--fs-body);padding:12px 14px;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);width:100%}
.woocommerce form .form-row label{font-weight:700;font-size:var(--fs-sm);margin-bottom:4px}
.woocommerce table.shop_table{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
  padding:14px 16px;border-bottom:1px solid var(--c-stroke);text-align:left}
.woocommerce table.shop_table tr:last-child td{border-bottom:0}

@media (max-width:860px){
  .woocommerce-account .entry .woocommerce{grid-template-columns:1fr}
}


/* ---------- Kártya-értékelés, hover, rendezés ------------------------- */

/* Kis csillagsor a terméknévhez. Egyetlen elemből, arányos kitöltéssel –
   nincs képfájl, nincs ikonfont. A --fill változó a százalék. */
/* Értékelés a képen lebegve, jobb felül. Áttetsző fehér alap, hogy világos
   és sötét termékfotón is olvasható maradjon. */
.card__rating{position:absolute;top:12px;right:12px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 9px;border-radius:999px;
  background:rgb(255 255 255 /.94);border:1px solid rgb(0 0 0 /.06);
  box-shadow:0 1px 4px rgb(0 0 0 /.10);
  font-size:var(--fs-xs);line-height:1;backdrop-filter:blur(2px)}
.card__stars{position:relative;display:inline-block;width:4.6em;height:.9em;
  font-size:.8rem;line-height:1;flex:none}
.card__stars::before,.card__stars::after{content:"★★★★★";position:absolute;left:0;top:0;
  letter-spacing:.06em}
.card__stars::before{color:var(--c-line)}
.card__stars::after{color:var(--c-primary);width:var(--fill,0%);overflow:hidden;
  white-space:nowrap}
.card__rc{color:var(--c-text);font-weight:700;font-size:11px}
.card__media{position:relative}

/* Telefonszám kattintható, de aláhúzás nélkül – a szám maga a jelzés. */
a[href^="tel:"]{text-decoration:none}
a[href^="tel:"]:hover{text-decoration:none;color:var(--c-primary)}
.ft a[href^="tel:"]:hover{color:var(--c-primary-on-dark)}

/* Hover: piros keret, finom emelkedés. A transform GPU-n fut, nem okoz
   újratördelést, ezért 60 fps-en marad nagy rácsnál is. */
.card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card:hover,.card:focus-within{border-color:var(--c-primary);
  box-shadow:0 6px 20px rgb(221 0 23 /.12);transform:translateY(-3px)}
.card:hover .card__img{transform:scale(1.03)}
.card__img{transition:transform .25s ease}
.card:hover .card__title a{color:var(--c-primary)}

@media (prefers-reduced-motion:reduce){
  .card,.card__img{transition:none}
  .card:hover,.card:focus-within{transform:none}
  .card:hover .card__img{transform:none}
}

/* Az „Ajánlatot kérek" hosszabb, mint a „Kosárba" – ne törjön szét */
/* A gombok egy sorban maradnak: a „Részletek" tördelve csúnya volt.
   Ha nagyon szűk a kártya, a felirat zsugorodik, nem törik. */
/* A kártya gombjai egy sorban, tördelés és levágás nélkül. A méret a
   hosszabb feliratokhoz igazodik – „Kérek értesítést" 16 karakter. */
.card__act{display:flex;gap:8px;align-items:stretch}
.card__act .btn{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;
  justify-content:center;line-height:1.2;font-size:13px;padding:10px 10px}

/*
 * Készlethiánynál a gomb saját sort kap: a „Kérek értesítést" és a
 * „Részletek" egymás mellett 240 px-es kártyán nem fér ki olvashatóan.
 */
.outofstock .card__act{flex-direction:column}
.outofstock .card__act .btn{width:100%;flex:none;font-size:14px}

/* Rendezés lenyíló a téma stílusára */
.arch__sort .woocommerce-ordering{margin:0}
.arch__sort select,.woocommerce-ordering select{
  appearance:none;-webkit-appearance:none;
  font:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--c-text);
  background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  padding:11px 40px 11px 14px;cursor:pointer;line-height:1.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.arch__sort select:hover,.woocommerce-ordering select:hover{border-color:var(--c-primary)}
.arch__sort select:focus,.woocommerce-ordering select:focus{
  outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}

/* A hero (kategórialeírás) és az alatta induló tartalom közé levegő kell,
   különben a kategóriafa és a termékrács nekitapad a sötét sávnak. */
.arch{padding-top:var(--sp-12)}
.subcats{margin-bottom:var(--sp-10)}
@media (max-width:1000px){ .arch{padding-top:var(--sp-8)} }


/* ---------- Lapozó (Figma 88:1543) ------------------------------------- */
/* 40x40 négyzetek, 10 px köz; a nyilak külön, 60 px-re a számoktól.
   A WooCommerce és a WordPress ugyanazt a .page-numbers markupot adja. */
.woocommerce-pagination,.navigation.pagination{margin-top:40px;
  display:flex;justify-content:center;padding-block:20px}
/* A ul flex-elemként a szülőben min-content méretre zsugorodott, ezért
   minden szám külön sorba került. Teljes szélességgel ez nem fordulhat elő. */
.woocommerce-pagination ul.page-numbers,
.navigation.pagination .nav-links{display:flex;align-items:center;gap:10px;
  list-style:none;margin:0;padding:0;border:0;flex-wrap:wrap;
  justify-content:center;width:100%;flex:1 1 100%}
.woocommerce-pagination ul.page-numbers li{border:0;margin:0}

.page-numbers{display:grid;place-items:center;width:40px;height:40px;
  border-radius:var(--r-btn);font-size:var(--fs-body);font-weight:700;
  color:var(--c-text);text-decoration:none;background:transparent;
  transition:background-color .15s ease,color .15s ease}
a.page-numbers:hover{background:rgb(221 0 23 /.08);color:var(--c-primary)}
.page-numbers.current{background:var(--c-primary);color:#fff}
.page-numbers.dots{background:transparent;color:var(--c-muted);width:24px}

/* Nyilak: nagyobb távolság, csak jel, felirat nélkül */
.page-numbers.prev,.page-numbers.next{font-size:0;color:var(--c-ink)}
.page-numbers.prev{margin-right:10px}
.page-numbers.next{margin-left:10px}
.page-numbers.prev::before{content:"‹";font-size:22px;line-height:1}
.page-numbers.next::before{content:"›";font-size:22px;line-height:1}
.page-numbers.prev:hover,.page-numbers.next:hover{color:var(--c-primary);background:transparent}

@media (max-width:560px){
  .woocommerce-pagination .page-numbers:not(.current):not(.prev):not(.next):not(.dots){display:none}
}

/* ---------- „Nem találja, amit keres?" (Figma 88:1534) ----------------- */
.helpbox{margin-top:var(--sp-10);padding:40px 18px;
  background:var(--c-accent);border:1px solid var(--c-stroke);border-radius:var(--r-field);
  display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.helpbox__txt{display:flex;flex-direction:column;gap:10px;width:100%}
.helpbox__h{margin:0;font-size:var(--fs-h4);line-height:1;font-weight:700;color:var(--c-text)}
.helpbox__s{margin:0;font-size:var(--fs-sub2);line-height:1;font-weight:700;color:var(--c-ink)}
.helpbox__act{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.helpbox__act .btn{height:56px;padding-inline:24px;font-size:15px}
.helpbox__act .btn svg{width:16px;height:16px}
.helpbox__meta{margin:0;font-size:var(--fs-sm);color:#595959;line-height:1}

@media (max-width:700px){
  .helpbox{padding:28px 16px;gap:24px}
  .helpbox__act{gap:12px;width:100%;flex-direction:column}
  .helpbox__act .btn{width:100%}
}

/* ---------- Tudásbázis kártyák ---------------------------------------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);
  margin-top:var(--sp-6)}
.pcard{display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);overflow:hidden;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.pcard:hover{border-color:var(--c-primary);transform:translateY(-3px);
  box-shadow:0 6px 20px rgb(221 0 23 /.10)}
.pcard__media{display:block;background:var(--c-accent)}
.pcard__media img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.pcard__body{display:flex;flex-direction:column;gap:8px;padding:var(--sp-5);flex:1}
.pcard__meta{margin:0;font-size:var(--fs-xs);color:var(--c-muted)}
.pcard__t{margin:0;font-size:var(--fs-sub2);line-height:1.3}
.pcard__t a{text-decoration:none;color:var(--c-text)}
.pcard:hover .pcard__t a{color:var(--c-primary)}
.pcard__x{margin:0;font-size:var(--fs-sm);color:var(--c-text-soft);line-height:1.5}
.pcard .link-arrow{margin-top:auto}

@media (prefers-reduced-motion:reduce){
  .pcard{transition:none}
  .pcard:hover{transform:none}
}

/* ---------- Lenyitható kategória-tartalom (a hero-ban) ---------------- */
/* A <summary> MAGA a gomb. Nyitáskor eltűnik, mert a tartalom a helyére
   kerül – a becsukás a szöveg végén álló linkkel megy. */
.chero__more{margin-top:4px;width:100%}
.chero__more-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  list-style:none;width:max-content}
.chero__more-btn::-webkit-details-marker{display:none}
.chero__more[open] .chero__more-btn{display:none}

.chero__more-body{margin-top:var(--sp-5);padding:var(--sp-6);
  background:rgb(255 255 255 /.06);border:1px solid rgb(255 255 255 /.14);
  border-radius:var(--r-card);max-width:72ch;
  font-size:var(--fs-body);line-height:1.65;color:rgb(255 255 255 /.92)}
.chero__more-body h2{font-size:var(--fs-sub1);line-height:1.25;color:#fff;
  margin:var(--sp-5) 0 8px}
.chero__more-body h2:first-child{margin-top:0}
.chero__more-body p{margin:0 0 12px}
.chero__more-body p:last-of-type{margin-bottom:0}
.chero__more-body a{color:var(--c-primary-on-dark)}
.chero__more-body ul,.chero__more-body ol{margin:0 0 12px;padding-left:20px}

.chero__less{margin-top:var(--sp-5);background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--c-primary-on-dark);
  text-decoration:underline}
.chero__less:hover{color:#fff}

@media (max-width:700px){
  .chero__more-body{padding:var(--sp-5)}
}

/* Váltakozó sorháttér – a szomszédos szekciók így elválnak egymástól. */
.row--alt{background:var(--c-accent)}

@media (max-width:1200px){
  /* A kártya és három érv 1200 alatt szorít – a kártya külön sort kap. */
  .usp__in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .usp__showroom{grid-column:1/-1}
}

/* ---------- Mobil finomhangolás (≤560px) ------------------------------ */
/* A statikus audit négy helyen talált mobilon felül nem írt rácsot. */
@media (max-width:560px){

  /* Kétoszlopos termékrács 390 px-en 175 px-es kártyákat adna – egy oszlop. */
  .prod-grid.columns-2,ul.products.columns-2{grid-template-columns:1fr}

  /* Bizalmi sáv: a bemutatóterem-kártya és a három érv egymás alá. */
  .usp__in{grid-template-columns:1fr;gap:var(--sp-4);padding-block:var(--sp-5)}
  .usp__showroom{grid-column:auto}

  /* Vélemény-kártyák: ötről egyre. */
  .quotes{grid-template-columns:1fr}

  /* Statisztikák: balra zárva, egymás alatt olvashatóbb. */
  .stats{grid-template-columns:1fr;gap:16px}
  .stats__i{justify-content:flex-start}

  /* Akciósáv: egy kártya fér ki. */
  .promo__track{grid-auto-columns:calc(100% - 8px)}
  .promo__nav{display:none}

  /* Kategória-rács és letöltések egy oszlopban. */
  .cats__grid{grid-template-columns:1fr}
  .docs{grid-template-columns:1fr}

  /* Fejléc: a keresőmező teljes sor, a gombok elférnek. */
  .hd__util2-in{flex-wrap:wrap;gap:12px}
  .hd__search{order:10;flex-basis:100%;max-width:none;margin:0}
  .hd__act{margin-left:auto;gap:12px}
  .hd__socials,.hd__quick{display:none}
  .hd__navbar-in{flex-direction:column;align-items:flex-start;gap:10px}
  .nav__list{justify-content:flex-start;gap:16px}
  .nav__list a{padding:8px 0}

  /* Lábléc és CTA sáv. */
  .ft__in{grid-template-columns:1fr}
  .fcta__act{width:100%}
  .fcta__act .btn{width:100%}

  /* Hero: kisebb cím, hogy ne törjön szét. */
  .hero__title,.chero__title{font-size:clamp(2rem,9vw,2.75rem)}
  .hero__lead{font-size:var(--fs-body)}
  .hero__cta{width:100%;gap:12px}
  .hero__cta .btn{width:100%}

  /* Termékoldal: a galéria és a vásárlási blokk teljes szélességben. */
  .pdp__ident{flex-wrap:wrap;gap:8px}
  .pdp__title{font-size:clamp(1.5rem,7vw,2rem)}

  /* Táblázatok ne feszítsék szét az oldalt. */
  .spec,.woocommerce table.shop_table{font-size:var(--fs-xs)}
  .spec th,.spec td{padding:10px 12px}
}

/* Semmi ne lógjon ki vízszintesen – ez a leggyakoribb mobilhiba. */
@media (max-width:900px){
  html,body{overflow-x:clip}
  .wrap{width:100%}
  img,video,iframe,table{max-width:100%}
}

@media (max-width:1200px){ .subcats__grid{grid-template-columns:repeat(min(var(--cols,3),3),minmax(0,1fr))} }
@media (max-width:760px){ .subcats__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:480px){ .subcats__grid{grid-template-columns:1fr} }

/* ---------- Kategóriaoldal finomítások (Figma 84:1403) ---------------- */

/* 1) Az utolsó morzsa a márkaszínnel – ez jelzi, hol vagyunk. */
/* Morzsa: levegős sorköz, hogy ne csússzon össze. */
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:var(--fs-sm);line-height:1.5}
.bc .sep{color:var(--c-line)}
.bc a{color:var(--c-muted);text-decoration:none}
.bc a:hover{color:var(--c-primary)}
.crumbs{padding-block:var(--sp-5)}

.breadcrumb-last{color:var(--c-primary);font-weight:700}
.chero__bc .breadcrumb-last{color:var(--c-primary-on-dark)}

/* 2) Hero: a szöveg szélesebb (7), a doboz szűkebb (5). */
.chero__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}

/* 3) A találatszám a kategóriadoboz tetejével egy magasságban induljon. */
.arch__cols{align-items:start}
.arch__side{padding-top:0}
.arch__list{padding-top:0}
.arch__bar{margin-bottom:var(--sp-5)}

/* 4) Rendezés lenyíló: kattintva/fókuszban dupla keret. */
.arch__sort select:focus,.woocommerce-ordering select:focus,
.arch__sort select:focus-visible,.woocommerce-ordering select:focus-visible{
  outline:2px solid var(--c-primary);outline-offset:2px;
  border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary) inset}

/* 5) „Nem találja" kis változat az oldalsávban. */
.helpbox--side{margin-top:var(--sp-6);padding:24px 18px;gap:12px;
  border-radius:var(--r-field)}
.helpbox--side .helpbox__h{font-size:var(--fs-sub1);line-height:1.2}
.helpbox--side .helpbox__s{font-size:var(--fs-sm);font-weight:700}
.helpbox--side .helpbox__btn{width:100%;height:44px;padding-inline:14px;font-size:14px}
.helpbox--side .helpbox__btn svg{width:16px;height:16px}
.helpbox--side .helpbox__meta{font-size:12px;line-height:1.4}

/* ---------- Vélemények: egységes tipográfia ---------------------------- */
/* A WooCommerce sablonja saját méreteket hoz – itt hozzuk a téma skálájára. */
#reviews h2,#reviews h3,#reviews .comment-reply-title{
  font-family:var(--font);letter-spacing:normal}
/* A WooCommerce saját címe halkabb: a szekciónak már van H2-je a
   fülnavigációban, itt elég egy visszafogott felirat. */
#reviews > h2,#reviews .woocommerce-Reviews-title{
  font-size:var(--fs-sub2);line-height:1.25;font-weight:700;margin:0 0 var(--sp-5)}
#reviews .comment-reply-title{font-size:var(--fs-sub1);line-height:1.25;font-weight:700}
#reviews p,#reviews li,#reviews label{font-size:var(--fs-body);line-height:1.6}
#reviews .comment-text p.meta{font-size:var(--fs-sm);line-height:1.4}
#reviews .description p{margin:0 0 8px}
#reviews .description p:last-child{margin-bottom:0}
.commentlist .comment_container{background:#fff}
.psec--alt #reviews .commentlist .comment_container{background:#fff}

/* ---------- Mennyiség + kosárgomb egy sorban --------------------------- */
.pdp__buy form.cart,.woocommerce div.product form.cart{
  display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:0}
.pdp__buy .quantity,.woocommerce .quantity{display:flex;align-items:stretch;flex:none;
  border:1px solid var(--c-stroke);border-radius:var(--r-btn);overflow:hidden;background:#fff}
.pdp__buy .quantity input.qty,.woocommerce .quantity input.qty{
  width:74px;height:56px;border:0;text-align:center;font:inherit;font-size:var(--fs-body);
  font-weight:700;color:var(--c-text);background:transparent;
  -moz-appearance:textfield;appearance:textfield}
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantity input.qty:focus{outline:2px solid var(--c-primary);outline-offset:-2px}
.pdp__buy form.cart button[type=submit],
.woocommerce div.product form.cart .button{flex:1 1 220px;min-height:56px}

/* Blokk-kosár mennyiségválasztója ugyanerre a formára */
.wc-block-components-quantity-selector{border:1px solid var(--c-stroke)!important;
  border-radius:var(--r-btn);overflow:hidden;background:#fff;max-width:132px}
.wc-block-components-quantity-selector::after{display:none}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
  font:inherit;font-size:var(--fs-body);font-weight:700;color:var(--c-text);height:44px}
.wc-block-components-quantity-selector__button{font-size:20px;line-height:1;
  color:var(--c-ink);background:transparent;border:0;width:36px}
.wc-block-components-quantity-selector__button:hover{color:var(--c-primary)}

/* ---------- Variáció-választó ------------------------------------------ */
.woocommerce div.product form.cart .variations{width:100%;border:0;margin:0 0 var(--sp-4)}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{display:block;width:100%;
  border:0;padding:0;background:none}
.woocommerce div.product form.cart .variations tr + tr{margin-top:var(--sp-4)}
.woocommerce div.product form.cart .variations label{display:block;margin:0 0 6px;
  font-weight:700;font-size:var(--fs-sm);color:var(--c-text)}
.woocommerce div.product form.cart .variations select{
  appearance:none;-webkit-appearance:none;width:100%;height:56px;
  font:inherit;font-size:var(--fs-body);color:var(--c-text);
  background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  padding:0 44px 0 16px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.woocommerce div.product form.cart .variations select:hover{border-color:var(--c-primary)}
.woocommerce div.product form.cart .variations select:focus{
  outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}
.woocommerce div.product form.cart .reset_variations{display:inline-block;margin-top:8px;
  font-size:var(--fs-sm);font-weight:700;color:var(--c-primary)}
.woocommerce div.product .single_variation_wrap{width:100%}
.woocommerce div.product .woocommerce-variation-price{margin-bottom:var(--sp-4)}

/* Kiegészítő-mezők (Product Add-Ons) ugyanezzel a formával */
.wc-pao-addon-container select,.wc-pao-addon-container input[type=text],
.wc-pao-addon-container input[type=number]{
  width:100%;height:52px;font:inherit;font-size:var(--fs-body);
  border:1px solid var(--c-stroke);border-radius:var(--r-field);padding:0 16px;background:#fff}
.wc-pao-addon-name{font-weight:700;font-size:var(--fs-sm)}

@media (max-width:560px){
  .pdp__buy form.cart button[type=submit],
  .woocommerce div.product form.cart .button{flex:1 1 100%}
}

/* ---------- Kosárba tétel visszajelzése -------------------------------- */
.cmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.cmodal[hidden]{display:none}
.cmodal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 /.55);
  animation:ep-fade .15s ease}
.cmodal__box{position:relative;width:min(440px,100%);background:#fff;
  border-radius:var(--r-card);padding:var(--sp-7);
  display:flex;flex-direction:column;gap:var(--sp-4);
  box-shadow:0 24px 60px rgb(0 0 0 /.28);animation:ep-pop .18s ease}
@keyframes ep-fade{from{opacity:0}to{opacity:1}}
@keyframes ep-pop{from{opacity:0;transform:translateY(12px) scale(.98)}
                  to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .cmodal__backdrop,.cmodal__box{animation:none}
}

.cmodal__x{position:absolute;top:12px;right:14px;width:36px;height:36px;
  border:0;background:none;font-size:26px;line-height:1;color:var(--c-muted);cursor:pointer}
.cmodal__x:hover{color:var(--c-primary)}

.cmodal__title{display:flex;align-items:center;gap:10px;margin:0;
  font-size:var(--fs-sub2);font-weight:700}
.cmodal__check{display:grid;place-items:center;width:28px;height:28px;flex:none;
  border-radius:50%;background:var(--c-in-stock);color:#fff}
.cmodal__check svg{width:18px;height:18px}

.cmodal__item{display:flex;gap:14px;align-items:center;margin:0;
  padding:var(--sp-4);border:1px solid var(--c-stroke);border-radius:var(--r-field)}
.cmodal__img{flex:none;width:72px;height:72px;display:grid;place-items:center;
  background:var(--c-accent);border-radius:var(--r-field);overflow:hidden}
.cmodal__img img{width:100%;height:100%;object-fit:contain}
.cmodal__info{display:flex;flex-direction:column;gap:6px;min-width:0}
.cmodal__name{font-weight:700;font-size:var(--fs-sm);line-height:1.3}
.cmodal__meta{font-size:var(--fs-sm);color:var(--c-primary);font-weight:700}

.cmodal__sum{display:flex;justify-content:space-between;align-items:baseline;
  margin:var(--sp-5) 0 var(--sp-6);padding-top:var(--sp-5);
  border-top:1px solid var(--c-stroke);font-size:var(--fs-sm)}
.cmodal__total{font-size:var(--fs-sub1);font-weight:700}

/* A gombok egyforma szélesek, tömörebb belső térrel – a hosszú
   „Kosár megtekintése" felirat miatt korábban ormótlanok voltak. */
.cmodal__act{display:flex;gap:10px;margin-top:var(--sp-5)}
.cmodal__act .btn{flex:1 1 0;justify-content:center;white-space:nowrap;
  min-width:0;height:46px;padding-inline:16px;font-size:14px}

@media (max-width:520px){
  .cmodal__box{padding:var(--sp-6)}
  .cmodal__act{flex-direction:column}
}

/* Készletsor: a szállítási ígéret kiemelve */
/* A készletsor kiemelt része */
.ep-stock__now{color:var(--c-primary);font-weight:700}

/* Termékkártyán: kisebb betű és szűkebb köz, hogy egy sorba férjen.
   Ha a kártya mégis nagyon keskeny, a szöveg zsugorodik, nem törik. */
.card .ep-stock{font-size:var(--fs-xs);gap:6px;overflow:hidden}
.card .ep-stock .dot{width:8px;height:8px}
.card .ep-stock__now{font-size:var(--fs-xs)}
@media (max-width:1400px){
  .card .ep-stock{font-size:11px}
}

/* ---------- Termékkártya: második kép és készlet-szalag ---------------- */
/* A második kép a helyén ül, átlátszón. Hoverre váltunk – nincs elmozdulás,
   mert mindkettő ugyanabban a rácscellában van. */
.card__media{position:relative;display:grid;isolation:isolate}
.card__media > .card__img{grid-area:1/1}
/* Csak ott váltunk, ahol tényleg van második kép – különben üresre
   halványodna a kártya. */
.card__img--alt{opacity:0;transition:opacity .25s ease}
.card--has-alt:hover .card__img--alt,
.card--has-alt:focus-within .card__img--alt{opacity:1}
.card--has-alt:hover .card__img:not(.card__img--alt){opacity:0}
.card--has-alt .card__img:not(.card__img--alt){transition:opacity .25s ease}

/* Készlet-szalag: átlós sáv a kép bal felső sarkában. */
/* Készletjelzés: vízszintes sáv a kép alján. Az átlós szalag rövid
   feliratra jó, a „Beszállítás alatt" viszont kilógott belőle. */
.card__ribbon{position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:7px 12px;background:rgb(230 138 0 /.94);color:#fff;
  text-align:center;font-size:12px;font-weight:700;line-height:1.3;
  letter-spacing:.01em;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .card__img,.card__img--alt{transition:none}
}

/* ---------- Termékoldali négy érv ------------------------------------- */
.ptrust{list-style:none;margin:var(--sp-6) 0 0;padding:var(--sp-5) 0 0;
  border-top:1px solid var(--c-stroke);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px var(--sp-5)}
.ptrust__i{display:flex;gap:10px;align-items:center;min-width:0}
.ptrust__ico{display:grid;place-items:center;width:34px;height:34px;flex:none;
  border-radius:50%;background:rgb(221 0 23 /.08);color:var(--c-primary)}
.ptrust__ico svg{width:19px;height:19px}
.ptrust__txt{font-size:var(--fs-sm);font-weight:700;line-height:1.3}
@media (max-width:560px){ .ptrust{grid-template-columns:1fr} }

/* ---------- Kiemelt termékek nagy kártyán ------------------------------ */
.fcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6);
  margin-bottom:var(--sp-8)}
.fcard{position:relative;background:#fff;border:1px solid var(--c-stroke);
  border-radius:var(--r-card);overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease}
.fcard:hover{border-color:var(--c-primary);box-shadow:0 8px 26px rgb(221 0 23 /.10)}

/* Az első kártya piros kerettel és szalaggal. */
.fcard--top{border-color:var(--c-primary)}
.fcard__ribbon{margin:0;padding:9px 18px;background:var(--c-primary);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

.fcard__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:var(--sp-5);padding:var(--sp-6);align-items:center}
.fcard__media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.fcard__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.fcard__title{margin:0;font-size:var(--fs-sub1);line-height:1.2}
.fcard__title a{text-decoration:none;color:var(--c-text)}
.fcard:hover .fcard__title a{color:var(--c-primary)}
.fcard__sub{margin:0;font-size:var(--fs-sm);color:var(--c-muted);line-height:1.4}

.fcard__list{list-style:none;margin:6px 0 0;padding:0;
  display:flex;flex-direction:column;gap:8px}
.fcard__list li{display:flex;gap:10px;align-items:flex-start;
  font-size:var(--fs-sm);line-height:1.4}
.fcard__list svg{width:18px;height:18px;flex:none;color:var(--c-primary);margin-top:1px}

.fcard__price{margin-top:6px}
.fcard__price .ar__net{font-size:var(--fs-sub1);line-height:1.15}
.fcard__price .ar__save,.fcard__price .ar__badge{display:none}
.fcard__act{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.fcard__act .btn{flex:1 1 auto;justify-content:center;padding:12px 18px;font-size:14px}

@media (max-width:1100px){
  .fcards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .fcard__in{grid-template-columns:1fr;gap:var(--sp-4);padding:var(--sp-5)}
  .fcard__media img{max-width:220px;margin-inline:auto}
}

/* ---------- Mobil vásárlási sáv ---------------------------------------- */
/* Csak mobilon, és csak akkor látszik, ha a fenti kosárgomb már kigörgött
   a képernyőről – így nem takar el semmit feleslegesen. */
.buybar{display:none}
@media (max-width:900px){
  .buybar{position:fixed;left:0;right:0;bottom:0;z-index:120;
    display:block;background:#fff;border-top:1px solid var(--c-stroke);
    box-shadow:0 -4px 18px rgb(0 0 0 /.10);
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    transform:translateY(110%);transition:transform .22s ease}
  .buybar.is-on{transform:none}
  .buybar__in{display:flex;align-items:center;gap:12px;
    max-width:640px;margin-inline:auto}
  .buybar__price{flex:1;min-width:0}
  .buybar__price .ar__net{font-size:var(--fs-sub2);line-height:1.1}
  .buybar__price .ar__gross{font-size:11px}
  .buybar__price .ar__save,.buybar__price .ar__badge,
  .buybar__price .ar__old{display:none}
  .buybar__form{margin:0}
  .buybar__btn{white-space:nowrap;padding:14px 22px;min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  .buybar{transition:none}
}

/* ---------- Nyitvatartás jelzése -------------------------------------- */
.hd__hours{display:inline-flex;align-items:center;gap:8px}
.hd__now{display:inline-flex;align-items:center;gap:6px;font-weight:700;
  white-space:nowrap}
.hd__now::before{content:"";width:8px;height:8px;border-radius:50%;
  background:currentColor;flex:none}
.hd__hours.is-open .hd__now{color:#7BE38B}
.hd__hours.is-closed .hd__now{color:rgb(255 255 255 /.72)}

.helper__time{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.helper__now{display:inline-flex;align-items:center;gap:6px;
  color:var(--c-in-stock);font-weight:700}
.helper__now::before{content:"";width:8px;height:8px;border-radius:50%;
  background:currentColor;flex:none}

/* A jelzés mobilon is kell – ott ez az egyetlen nyitvatartási információ. */

/* A terméklista fölötti H2 – a kategórianévnél halkabb, de nem dísz. */
.arch__h2{margin:0 0 var(--sp-5);font-size:var(--fs-h4);line-height:1.25;
  font-weight:700;color:var(--c-text);text-wrap:balance}

/* A H2-vé alakított dobozcímek megjelenése ne változzon. */
.helper__h,.helpbox__h{margin:0}

/* A lábléc CTA saját tördeléssel: a text-wrap ne írja felül a <br>-t. */
.fcta__h{text-wrap:initial}
.fcta__s{text-wrap:initial}
.fcta__cim{display:inline-block;margin-top:4px;font-weight:700}

/* ---------- Akció: kedvezmény és visszaszámláló ------------------------ */
/* Kedvezmény-jelvény a képen, bal felül – a csillagsor jobb felül van. */
.card__disc{position:absolute;top:12px;left:12px;z-index:3;
  padding:5px 10px;border-radius:999px;background:var(--c-primary);color:#fff;
  font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;
  box-shadow:0 1px 4px rgb(0 0 0 /.18);pointer-events:none}

.cdown{display:inline-flex;align-items:center;gap:8px;margin:0;
  font-size:var(--fs-xs);font-weight:700;color:var(--c-eta)}
.cdown svg{width:15px;height:15px;flex:none}
.cdown.is-soon{color:var(--c-primary)}

.cdown--card{margin-top:6px}
.cdown--pdp{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 var(--sp-4);padding:10px 14px;border-radius:var(--r-field);
  font-size:var(--fs-sm);
  background:rgb(230 138 0 /.10);border:1px solid rgb(230 138 0 /.28)}
.cdown--pdp.is-soon{background:rgb(221 0 23 /.08);border-color:rgb(221 0 23 /.28)}
.cdown--pdp .cdown__t{display:flex;gap:6px}
.cdown__u{display:flex;flex-direction:column;align-items:center;
  min-width:44px;padding:4px 6px;border-radius:6px;
  background:rgb(255 255 255 /.75);line-height:1}
.cdown__u b{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cdown__u i{font-style:normal;font-size:10px;font-weight:700;opacity:.7;margin-top:2px}

/* Kedvezmény a galéria bal felső sarkában. */
.pdp__gallery{position:relative}
/* A kép két jelvénye azonos alakú: pirula, azonos magasság és betűméret. */
.gal__badges{inset:16px auto auto 16px;gap:8px}
.gal__badges .badge,.pdp__disc{display:inline-flex;align-items:center;height:34px;
  padding:0 16px;border-radius:999px;font-size:var(--fs-sm);font-weight:700;
  line-height:1;letter-spacing:.01em}

.pdp__disc{position:absolute;top:16px;right:16px;z-index:3;
  padding:8px 14px;border-radius:999px;background:var(--c-primary);color:#fff;
  font-size:var(--fs-sm);font-weight:700;line-height:1.2;
  box-shadow:0 2px 8px rgb(0 0 0 /.18);pointer-events:none}

/* ---------- Termékoldali négy érv: cím + magyarázat -------------------- */
.ptrust__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ptrust__txt strong{font-size:var(--fs-sm);line-height:1.25;color:var(--c-text)}
.ptrust__txt span{font-size:12px;line-height:1.45;color:var(--c-text-soft);
  font-weight:400}
.ptrust{grid-template-columns:1fr;gap:var(--sp-4)}
.ptrust__i{align-items:flex-start}
.ptrust__ico{margin-top:2px}

/* Az értékelés-sor egy sorban maradjon. */
.pdp__rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 var(--sp-4);font-size:var(--fs-sm);line-height:1.2}
.pdp__rating .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0}
.pdp__rating .star-rating{margin:0;float:none}
.pdp__rating .woocommerce-review-link{white-space:nowrap}
.pdp__sep{width:1px;height:14px;background:var(--c-line);flex:none}

/* ---------- Trustindex-widgetek ---------------------------------------- */
/* A bővítmény saját stílust hoz; itt csak a helyét szabjuk meg, hogy ne
   lógjon ki a rácsból, és ne kelljen a widget belsejébe nyúlni. */
.grating-ti{width:100%}
.grating-ti:empty{display:none}

/*
 * A kézi értékelés csak akkor látszik, ha a Trustindex NEM renderelt.
 * A widget kliensoldalon épül fel, tehát a szerver nem tudja előre,
 * sikerül-e – ezért CSS dönt, futásidőben.
 */
.about__in:has(.ti-widget-container) .grating--manual,
.grating-sec:has(.ti-widget-container) .grating--manual,
.pdp__rating:has(.ti-widget-container) .pdp__shoprating--manual{display:none}
.grating-ti .ti-widget{margin:0!important}
.shoprating--ti{display:inline-flex;align-items:center;max-width:100%}
.shoprating--ti .ti-widget{margin:0!important}
.shoprating--ti .ti-widget-container{line-height:1}

/* Öt termék egy sorban – a főoldali sávokhoz. */
.prod-grid.columns-5,ul.products.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1400px){ .prod-grid.columns-5,ul.products.columns-5{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:1100px){ .prod-grid.columns-5,ul.products.columns-5{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:820px){ .prod-grid.columns-5,ul.products.columns-5{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .prod-grid.columns-5,ul.products.columns-5{grid-template-columns:1fr} }
/* Négyoszlopos hírrács. A .post-grid általános hármas szabálya után áll,
   különben az írná felül – azonos erősségnél a sorrend dönt. */
.post-grid.post-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1400px){ .post-grid.post-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:1100px){ .post-grid.post-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .post-grid.post-grid--4{grid-template-columns:1fr} }

/* ---------- „Mire van szüksége?" sötét sávon ------------------------- */
/* A kategóriaválasztó a főoldal fordulópontja – a sötét háttér elválasztja
   a termékfolyamtól, és megállítja a szemet. */
.cats{background:var(--c-ink);color:#fff;padding-block:var(--sp-12)}
.cats .h2{color:#fff}
.cats .lead{color:rgb(255 255 255 /.72)}
.cats__i{background:rgb(255 255 255 /.06);border-color:rgb(255 255 255 /.14)}
.cats__i:hover{background:rgb(255 255 255 /.10);border-color:var(--c-primary)}
.cats__i strong{color:#fff}
.cats__i span{color:rgb(255 255 255 /.68)}
.cats__i .link-arrow{color:var(--c-primary-on-dark)}
.cats__i:hover .link-arrow{color:#fff}

/* Hírkártya: a kép teljes szélességű ÉS vágatlan – a magasság igazodik
   a képarányhoz. Fix arány + contain esetén oldalt sávok maradtak. */
.pcard__media img{width:100%;height:auto;aspect-ratio:auto;object-fit:fill;
  display:block;background:var(--c-accent)}

/* Ha csak ajánlott termékek vannak (csomaglista nélkül), a blokk
   teljes szélességben áll, és a kártyák négyesével férnek ki. */
.pack:has(.pack__col:only-child){grid-template-columns:1fr}
.pack__col:only-child .pack__cross{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){ .pack__col:only-child .pack__cross{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- Tapadó fejléc --------------------------------------------- */
/* A hosszú oldalakon a navigáció és a kereső maradjon elérhető. A piros
   segédsáv kigördül – az csak információ –, a logó, a kereső és a menü
   viszont ott marad. Termékoldalon NEM tapad: ott a fülsáv teszi. */
/*
 * Egyetlen tapadó sáv: logó + menü + kereső.
 *
 * A piros segédsáv és a gombsor kigördül – azok egyszeri információk.
 * Görgetés közben a keresőmező becsúszik a menüsorba, így minden fontos
 * elem egy 68 px magas sávban van, nem kettőben.
 */
/*
 * A TELJES fejléc tapad, nem a belső sor.
 *
 * A position:sticky csak a szülő dobozán belül tart – ha a menüsorra
 * tesszük, a 200 px magas fejléccel együtt kigördül. Ezért a .hd tapad,
 * és görgetéskor a felső két sáv csukódik össze, hogy egy 73 px-es
 * menüsor maradjon.
 */
.ep-sticky-head .hd{position:sticky;top:0;z-index:60;background:#fff;
  transition:box-shadow .15s ease}
.ep-sticky-head.is-scrolled .hd{box-shadow:0 2px 12px rgb(0 0 0 /.08)}
.admin-bar.ep-sticky-head .hd{top:32px}

/* Görgetéskor csak a piros segédsáv csukódik; a logó, a kereső és a menü marad. */
.ep-sticky-head .hd__utility{overflow:hidden;
  transition:max-height .22s ease,opacity .18s ease}
.ep-sticky-head.is-scrolled .hd__utility{max-height:0;opacity:0;
  padding-block:0;border:0}
.ep-sticky-head .hd__navbar{border-bottom:1px solid var(--c-stroke)}


@media (max-width:1000px){
  /* Mobilon csak a második sáv tapad – a menü úgyis a hamburger mögött van. */
  .ep-sticky-head .hd__navbar{position:static;top:auto}
}
@media (max-width:782px){
  .admin-bar.ep-sticky-head .hd__util2{top:46px}
}

/* ---------- Fejléc a termékoldalon ------------------------------------ */
/* Itt nem tapad (a fülsáv teszi), ezért finom eszközökkel választjuk el a
   fehér termékoldaltól: halvány alap, alul vékony vonal és pehelynyi
   árnyék. Ez elég ahhoz, hogy a menü ne olvadjon a tartalomba. */
.single-product .hd__navbar{background:var(--c-accent);
  border-bottom:1px solid var(--c-stroke);
  box-shadow:0 1px 0 rgb(0 0 0 /.03)}
.single-product .hd__util2{border-bottom:1px solid rgb(0 0 0 /.05)}

/* ==========================================================================
   A testreszabó „Egyedi CSS" mezőjéből átemelve (2026-08-29)
   Innentől a témában él, a testreszabóból törölhető.
   ========================================================================== */

.nav{border-block:0}
.wrap--narrow{max-width:var(--wrap)}
.hd__search .dgwt-wcas-sf-wrapp{border:0;background:initial}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:40px;top:7px}
.btn--primary:hover{background:var(--c-primary-dark);color:#fff}
.card__brand{display:none}
.nav__list a{text-transform:uppercase;font-size:16px}
.current-menu-item > a{color:var(--c-primary)}
.hd__utility{background:#505050}
.chero__bc .breadcrumb-last{color:var(--c-primary)}
.cdown--pdp{margin:20px 0 0}
.pdp__hero{margin-bottom:30px}

/* Csak a mobil menüben látszó pontok (Kezdőlap, Akciós termékek, Kapcsolat…) */
@media (min-width:768px){
  .nav__list li.mobil-only{display:none}
}

@media (max-width:767px){
  /* Termékkártyás sávok: két termék egymás mellett. */
  .prod-grid,ul.products{display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
  .prod-grid > li,.prod-grid > .card,ul.products > li{min-width:0}

  .card__title{font-size:14px;line-height:1.25}
  .ar__net{font-size:15px}
  .ar__gross,.ar__old,.ar__save{font-size:11px}
  .ar,.ar > *{min-width:0;overflow-wrap:anywhere}
  .card__act .btn{padding-inline:6px;font-size:13px}
  .ep-stock{flex-wrap:wrap;white-space:normal;gap:0 4px;font-size:10px}
  .ep-stock__now{white-space:normal}
  .cdown{font-size:10px}

  /* Kiemelt termékek: kép a szöveg fölé, hogy ne vágódjon le a név és az ár. */
  .promo__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
  .promo__link{flex-direction:column;align-items:flex-start;gap:8px}
  .promo__img{width:100%}
  .promo__img img{width:100%;height:auto}
  .promo__txt{width:100%;min-width:0}
  .promo__name{font-size:13px;line-height:1.25;display:block}
  .promo__price{display:block;white-space:normal;font-size:13px}
  .promo__price .ar{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
  .promo__price .ar__net{font-size:14px}
  .promo__price .ar__gross,.promo__price .ar__old,
  .promo__price .ar__save,.promo__price .ar__badge{font-size:11px}

  /* Ujjal is eltalálható érintőfelületek (min. 44 px). */
  .hd__act{gap:4px}
  .hd__act .hd__ico,.hd__cart{min-width:44px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center}
  .hd__lang-list{gap:0}
  .hd__lang-list a{display:flex;align-items:center;justify-content:center;
    min-width:40px;min-height:44px}
  .hd__burger{min-width:44px;min-height:44px}
  .nav__list li.mobil-only > a{font-weight:400}
}

/* ---------- Mobil menü: oldalról becsúszó panel ------------------------ */
@media (max-width:1000px){
  .nav{position:fixed;inset:0 0 0 auto;width:min(340px,86vw);z-index:200;
    background:#fff;display:flex !important;flex-direction:column;
    transform:translateX(101%);transition:transform .24s ease;
    overflow-y:auto;overscroll-behavior:contain;
    box-shadow:-8px 0 32px rgb(0 0 0 /.18)}
  .nav.is-open{transform:none}

  /* Sötét fátyol a panel mögé. */
  body.nav-open::after{content:"";position:fixed;inset:0;z-index:190;
    background:rgb(0 0 0 /.45)}
  body.nav-open{overflow:hidden}

  /*
   * A fejléc position:sticky + z-index miatt saját rétegkontextust nyit,
   * ezért a benne lévő panel z-indexe a .hd-hoz képest számít – a fátyol
   * (190) alá került, és a panel nem látszott. Nyitáskor a fejléc megy
   * legfelülre, így a panel a fátyol fölé kerül.
   */
  body.nav-open .hd{z-index:210}

  .nav__head{display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:16px 18px;border-bottom:1px solid var(--c-stroke)}
  .nav__brand img{max-height:36px;width:auto;display:block}
  .nav__close{width:44px;height:44px;border:0;background:none;cursor:pointer;
    font-size:30px;line-height:1;color:var(--c-ink)}

  .nav__list{flex-direction:column;gap:0;padding:8px 0}
  .nav__list li{width:100%}
  .nav__list a{display:block;padding:13px 18px;font-size:15px;
    border-bottom:1px solid rgb(0 0 0 /.05)}

  .nav__foot{margin-top:auto;padding:18px;border-top:1px solid var(--c-stroke);
    display:flex;flex-direction:column;gap:12px;background:var(--c-accent)}
  .nav__contact{display:flex;align-items:center;gap:10px;font-weight:700;
    font-size:14px;text-decoration:none;color:var(--c-text)}
  .nav__contact svg{width:20px;height:20px;color:var(--c-primary)}
  .nav__hours{display:flex;align-items:center;gap:10px;margin:0;
    font-size:13px;color:var(--c-muted)}
  .nav__hours svg{width:18px;height:18px}
  .nav__soc{display:flex;gap:10px;margin-top:4px}
}
@media (min-width:1001px){
  .nav__head,.nav__foot{display:none}
}

/* ---------- Kereső: fókuszkeret ---------------------------------------- */
/* A böngésző alapértelmezett piros körvonala összeért a mező keretével.
   Helyette a mező kerete jelzi a fókuszt. */
.hd__search input:focus,
.hd__search input:focus-visible,
.hd__search .dgwt-wcas-search-input:focus{outline:0;box-shadow:none}
.hd__search .dgwt-wcas-sf-wrapp:focus-within{outline:0;
  border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)}

/* ---------- Készlet és akció a kártyán --------------------------------- */
/* Az „azonnal szállítható" zölddel: ez pozitív hír, nem sürgetés. */
.ep-stock__now{color:var(--c-in-stock)}

/* Az akció-badge és a kedvezmény ne csússzon egymásra: badge balra fent,
   kedvezmény alatta. */
.card__media .gal__badges,.card__badges{top:12px;left:12px}
.card__disc{top:12px;left:12px}
.card:has(.badge) .card__disc,
.card:has(.gal__badges) .card__disc{top:48px}

/* ---------- Kosárablak: belső térközök --------------------------------- */
/* A doboz minden gyereke a belső margón belül marad. */
.cmodal__box{gap:var(--sp-4);padding:var(--sp-7) !important}
.cmodal__box > *{margin:0;max-width:100%}
.cmodal__act{margin-top:var(--sp-2)}
.cmodal__act .btn{margin:0}

/* ---------- Cikk aloldal: négyoszlopos ajánló -------------------------- */
.blog .post-grid,.single-post .post-grid,
.archive .post-grid,.post-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){
  .blog .post-grid,.single-post .post-grid,.archive .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .blog .post-grid,.single-post .post-grid,.archive .post-grid{grid-template-columns:1fr}
}

/* ---------- Lapozó: ne csússzon el a rács alatt ------------------------ */
.woocommerce-pagination{grid-column:1/-1;width:100%;clear:both}
.arch__list > .woocommerce-pagination{margin-top:var(--sp-8)}



/* ---------- Mobil fejléc: logó a második sávba ------------------------- */
@media (max-width:1000px){
  /*
   * A logósáv magában egy egész sort foglalt – mobilon ez pazarlás, ezért
   * a logó átkerül a kereső/ikon sávba, balra.
   *
   * A sávot viszont NEM rejthetjük el: a kicsúszó mobil menü (<nav>)
   * ezen belül van. display:none esetén a panel szülője rejtett, így a
   * hamburger hiába kapcsolt – semmi nem jelent meg. Ehelyett a sáv
   * tartalmát ürítjük ki: a logó és a kereső eltűnik, a magasság nulla,
   * a fixen pozicionált panel pedig ettől függetlenül működik.
   */
  .hd__navbar{border:0;background:none}
  .hd__navbar-in{padding:0;min-height:0;gap:0}
    .hd__util2-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .hd__brand--mobile{order:-1;display:flex;align-items:center;max-width:150px;
    text-decoration:none;font-weight:700;font-size:14px;color:var(--c-text)}
  .hd__brand--mobile img{max-height:34px;width:auto}
}

/* A bizalmi sáv mobilon 2×2-ben. */
@media (max-width:700px){
  .usp__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .usp__showroom{grid-column:1/-1}
  .usp__i{gap:8px}
  .usp__i .usp__t strong{font-size:13px}
  .usp__i .usp__t span{font-size:11px}
  .usp__ico svg{width:22px;height:22px}
}

/* ---------- Cikk aloldal és információs oldalak ------------------------ */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;
  gap:var(--sp-10);align-items:start;padding-block:var(--sp-6) var(--sp-12)}
.post-main{min-width:0}
.post-title{margin:0 0 10px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;
  font-weight:700;text-wrap:balance}
.entry__meta{margin:0 0 var(--sp-6);font-size:var(--fs-sm);color:var(--c-muted)}
.entry__img{margin:0 0 var(--sp-7);border-radius:var(--r-card);overflow:hidden}
.entry__img img{width:100%;height:auto;display:block}

.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:var(--sp-8) 0 0;
  padding-top:var(--sp-5);border-top:1px solid var(--c-stroke)}
.post-tags a{padding:6px 12px;border:1px solid var(--c-stroke);border-radius:999px;
  font-size:var(--fs-xs);font-weight:700;text-decoration:none;color:var(--c-muted)}
.post-tags a:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* Oldalsáv */
.post-side{position:sticky;top:100px;display:flex;flex-direction:column;
  gap:var(--sp-6);min-width:0}
.pside{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-5);background:#fff}
.pside__h{margin:0 0 var(--sp-4);font-size:var(--fs-sub2);line-height:1.2;font-weight:700}
.pside__prods,.pside__posts{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column}
.pside__prods li + li,.pside__posts li + li{margin-top:12px;padding-top:12px;
  border-top:1px solid var(--c-stroke)}
.pside__prod{display:flex;gap:12px;align-items:center;text-decoration:none}
.pside__img{flex:none;width:56px}
.pside__img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.pside__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.pside__txt strong{font-size:13px;line-height:1.3;color:var(--c-text)}
.pside__prod:hover strong{color:var(--c-primary)}
.pside__price .ar__net{font-size:13px}
.pside__price .ar__gross,.pside__price .ar__save,.pside__price .ar__badge{display:none}
/* Cikklista kis képpel – a bélyegkép segít felismerni a témát. */
.pside__post{display:flex;gap:10px;align-items:flex-start;text-decoration:none}
.pside__thumb{flex:none;width:56px;border-radius:6px;overflow:hidden;
  background:var(--c-accent)}
.pside__thumb img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pside__ptxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.pside__ptxt strong{font-size:13px;font-weight:700;line-height:1.35;color:var(--c-text)}
.pside__post:hover strong{color:var(--c-primary)}
.pside__ptxt time{font-size:11px;color:var(--c-muted)}
.post-side .helpbox{margin-top:0}

/* Információs oldalak */
/* Szélesebb szövegoszlop: a 820 px a rács közepén kis ablaknak hatott.
   A prose sorhossza így is korlátos (max-width a bekezdéseken). */
.infopage{padding-block:var(--sp-6) var(--sp-12);max-width:var(--wrap)}
.infopage__body{max-width:none}
.infopage__body p,.infopage__body li{max-width:100%}
.infopage__head{margin-bottom:var(--sp-7)}
.infopage__meta{margin:8px 0 0;font-size:var(--fs-sm);color:var(--c-muted)}
.infopage__toc{margin:0 0 var(--sp-8);padding:var(--sp-5);
  background:var(--c-accent);border-radius:var(--r-card)}
.infopage__toc-h{margin:0 0 10px;font-size:var(--fs-sm);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
.infopage__toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.infopage__toc a{font-size:var(--fs-sm);color:var(--c-text);text-decoration:none}
.infopage__toc a:hover{color:var(--c-primary);text-decoration:underline}
.infopage__body h2{scroll-margin-top:110px}
.infopage .helpbox{margin-top:var(--sp-10)}

.kb--related{padding-block:var(--sp-10);background:var(--c-accent)}

@media (max-width:1000px){
  .post-layout{grid-template-columns:1fr;gap:var(--sp-8)}
  .post-side{position:static}
}

/* ---------- Gravity Forms: az „Orbital" téma változóin át ------------- */
/*
 * A Gravity Forms 2.9 saját design rendszert hoz (gform-theme--foundation),
 * ami CSS-változókból építkezik és erős szelektorokkal védi magát.
 * Ezért NEM a mezőket írjuk felül egyesével, hanem a hivatalos változókat
 * állítjuk – így a bővítmény frissítései nem törik szét a megjelenést.
 */
.gform-theme--foundation,
.gform-theme--framework,
.gform_wrapper.gform-theme{
  --gf-color-primary: var(--c-primary);
  --gf-color-primary-rgb: 221 0 23;
  --gf-color-primary-contrast: #fff;
  --gf-color-primary-darker: var(--c-primary-dark);
  --gf-color-primary-lighter: var(--c-primary-dark);

  --gf-ctrl-radius: var(--r-field);
  --gf-ctrl-border-color: var(--c-stroke);
  --gf-ctrl-border-color-hover: #b8b8b8;
  --gf-ctrl-border-color-focus: var(--c-primary);
  --gf-ctrl-border-width: 1px;
  --gf-ctrl-bg-color: #fff;
  --gf-ctrl-color: var(--c-text);
  --gf-ctrl-shadow-focus: 0 0 0 3px rgb(221 0 23 / .10);

  --gf-ctrl-size-md-height: 48px;
  --gf-ctrl-size-md-padding-x: 14px;
  --gf-ctrl-size-md-font-size: 15px;
  --gf-ctrl-size-lg-height: 48px;

  --gf-ctrl-label-color-primary: var(--c-text);
  --gf-ctrl-label-font-size-primary: 14px;
  --gf-ctrl-label-font-weight-primary: 700;
  --gf-ctrl-desc-color: var(--c-muted);
  --gf-ctrl-desc-font-size: 12px;

  --gf-ctrl-btn-bg-color-primary: var(--c-primary);
  --gf-ctrl-btn-bg-color-hover-primary: var(--c-primary-dark);
  --gf-ctrl-btn-color-primary: #fff;
  --gf-ctrl-btn-radius: var(--r-btn);
  --gf-ctrl-btn-size-lg-height: 52px;
  --gf-ctrl-btn-font-weight: 700;

  --gf-field-gap-y: var(--sp-4);
  --gf-field-gap-x: var(--sp-4);
  --gf-form-gap-y: var(--sp-5);

  --gf-local-color-primary: var(--c-primary);
}

/* Betűkészlet: a bővítmény sajátot hozna. */
.gform_wrapper,.gform_wrapper input,.gform_wrapper select,
.gform_wrapper textarea,.gform_wrapper button{font-family:var(--font)}

/* Biztosíték a régi (2.5–2.8) elrendezéshez is. */
.gform_wrapper .gform_fields{gap:var(--sp-4)}
.gform_wrapper .gfield_label{margin-bottom:6px}
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper input[type=number],
.gform_wrapper input[type=date],
.gform_wrapper select{height:48px;padding:0 14px;font-size:15px;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff}
.gform_wrapper textarea{padding:12px 14px;font-size:15px;line-height:1.55;
  min-height:130px;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  background:#fff;resize:vertical}
.gform_wrapper input:focus,.gform_wrapper select:focus,
.gform_wrapper textarea:focus{outline:0;border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)}

/* Kétoszlopos elrendezés a fél szélességű mezőknek. */
.gform_wrapper .gfield.gf-half{grid-column:span 6}
.gform_wrapper .gform_fields{grid-column-gap:var(--sp-4)}

/* A választógombok kártyaként – ez a form első és legfontosabb döntése. */
.gform_wrapper .gfield_radio{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gform_wrapper .gfield_radio .gchoice{margin:0;position:relative}
.gform_wrapper .gfield_radio label{display:flex;align-items:center;gap:10px;
  margin:0;padding:14px 16px;cursor:pointer;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;
  font-size:14px;font-weight:700;line-height:1.3;
  transition:border-color .15s ease,background-color .15s ease}
.gform_wrapper .gfield_radio label:hover{border-color:var(--c-primary);
  background:rgb(221 0 23 /.03)}
.gform_wrapper .gfield_radio input{width:18px;height:18px;flex:none;margin:0;
  accent-color:var(--c-primary)}
.gform_wrapper .gfield_radio .gchoice:has(input:checked) label{
  border-color:var(--c-primary);background:rgb(221 0 23 /.06);
  box-shadow:0 0 0 1px var(--c-primary) inset}

/* Hozzájárulás */
.gform_wrapper .ginput_container_consent{display:flex;gap:10px;align-items:flex-start}
.gform_wrapper .ginput_container_consent input{width:18px;height:18px;flex:none;
  margin-top:2px;accent-color:var(--c-primary)}
.gform_wrapper .gfield_consent_label{font-size:13px;line-height:1.5;font-weight:400}

/* Küldés gomb */
.gform_wrapper .gform_footer{margin-top:var(--sp-5);padding:0}
.gform_wrapper .gform_button,
.gform_wrapper button.gform_button{width:100%;min-height:52px;border:0;cursor:pointer;
  background:var(--c-primary);color:#fff;border-radius:var(--r-btn);
  font-family:var(--font);font-weight:700;font-size:15px;
  transition:background-color .15s ease}
.gform_wrapper .gform_button:hover{background:var(--c-primary-dark)}

/* Hibák és visszajelzés */
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea{border-color:var(--c-primary);
  background:rgb(221 0 23 /.03)}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message{margin-top:6px;padding:0;border:0;background:none;
  font-size:12px;font-weight:700;color:var(--c-primary)}
.gform_wrapper .gform_validation_errors{margin:0 0 var(--sp-4);padding:12px 14px;
  border:1px solid rgb(221 0 23 /.30);border-radius:var(--r-field);
  background:rgb(221 0 23 /.05);box-shadow:none}
.gform_wrapper .gform_validation_errors h2{margin:0;font-size:14px;
  color:var(--c-primary);font-weight:700}
.gform_confirmation_message{padding:var(--sp-5);border-radius:var(--r-card);
  background:rgb(27 166 57 /.08);border:1px solid rgb(27 166 57 /.28);
  font-size:15px;line-height:1.6}

@media (max-width:640px){
  .gform_wrapper .gfield_radio{grid-template-columns:1fr}
  .gform_wrapper .gfield.gf-half{grid-column:1/-1}
}

/* ---------- Kapcsolatoldal --------------------------------------------- */
.contact{padding-block:var(--sp-6) var(--sp-12)}
.contact__head{margin-bottom:var(--sp-7)}
.contact__now{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;
  font-size:var(--fs-sm);font-weight:700}
.contact__now::before{content:"";width:9px;height:9px;border-radius:50%;
  background:currentColor}
.contact__now.is-open{color:var(--c-in-stock)}
.contact__now.is-closed{color:var(--c-muted)}

.contact__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;
  gap:var(--sp-10);align-items:start}
.contact__main{display:flex;flex-direction:column;gap:var(--sp-8)}
.contact__main{min-width:0}
.contact__side{display:flex;flex-direction:column;gap:var(--sp-5);
  position:sticky;top:110px}

.cform{padding:var(--sp-7);border:1px solid var(--c-stroke);
  border-radius:var(--r-card);background:var(--c-accent)}
.cform__h{margin:0 0 8px;font-size:var(--fs-h4);line-height:1.2;font-weight:700}
.cform__s{margin:0 0 var(--sp-5);font-size:var(--fs-sm);color:var(--c-text-soft);
  line-height:1.55;max-width:56ch}
.cform__body .gform_wrapper input,
.cform__body .gform_wrapper select,
.cform__body .gform_wrapper textarea{background:#fff}

@media (max-width:640px){
  .cform{padding:var(--sp-5)}
}

.ccard{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-5);background:#fff}
.ccard__h{margin:0 0 var(--sp-4);font-size:var(--fs-sub2);line-height:1.2;font-weight:700}
.ccard__row{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;
  font-size:var(--fs-sm);line-height:1.45;color:var(--c-text);text-decoration:none}
.ccard__row svg{width:20px;height:20px;flex:none;color:var(--c-primary);margin-top:1px}
a.ccard__row:hover{color:var(--c-primary)}
.ccard__btn{width:100%;margin-top:4px}

.chours{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.chours th{text-align:left;font-weight:400;color:var(--c-text-soft);
  padding:7px 0;border-bottom:1px solid rgb(0 0 0 /.05)}
.chours td{text-align:right;padding:7px 0;border-bottom:1px solid rgb(0 0 0 /.05);
  font-variant-numeric:tabular-nums}
.chours tr:last-child th,.chours tr:last-child td{border-bottom:0}
.chours tr.is-today th,.chours tr.is-today td{font-weight:700;color:var(--c-text)}

@media (max-width:1000px){
  .contact__grid{grid-template-columns:1fr}
  .contact__side{position:static}
}

/* ---------- Bolt értékelése csillagokkal ------------------------------- */
.shoprating--manual{display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:var(--c-muted);font-size:var(--fs-sm)}
.shoprating--manual:hover{color:var(--c-primary)}
.shoprating__stars{position:relative;display:inline-block;width:5em;height:1em;
  font-size:.95rem;line-height:1;flex:none}
.shoprating__stars::before,.shoprating__stars::after{content:"★★★★★";
  position:absolute;left:0;top:0;letter-spacing:.06em}
.shoprating__stars::before{color:var(--c-line)}
.shoprating__stars::after{color:var(--c-primary);width:var(--fill,0%);
  overflow:hidden;white-space:nowrap}
.shoprating__txt{white-space:nowrap;border-bottom:1px dotted currentColor}

/* ---------- Mérföldkövek idővonal (Cégünkről) -------------------------- */
.miles{list-style:none;margin:var(--sp-6) 0;padding:0;position:relative}
.miles::before{content:"";position:absolute;left:64px;top:8px;bottom:8px;
  width:2px;background:var(--c-stroke)}
.miles__i{position:relative;display:grid;grid-template-columns:64px 1fr;
  gap:var(--sp-5);padding:0 0 var(--sp-5) 0;align-items:start}
.miles__i:last-child{padding-bottom:0}
.miles__y{position:relative;z-index:1;font-size:var(--fs-sub2);font-weight:700;
  color:var(--c-primary);line-height:1.4;font-variant-numeric:tabular-nums}
.miles__t{position:relative;padding-left:var(--sp-5);line-height:1.6}
.miles__t::before{content:"";position:absolute;left:-9px;top:9px;
  width:12px;height:12px;border-radius:50%;
  background:#fff;border:2px solid var(--c-primary)}

@media (max-width:640px){
  .miles::before{left:0}
  .miles__i{grid-template-columns:1fr;gap:4px;padding-left:var(--sp-6)}
  .miles__t{padding-left:0}
  .miles__t::before{left:-30px}
  .miles__y::before{content:"";position:absolute;left:-30px;top:6px;
    width:12px;height:12px;border-radius:50%;background:#fff;
    border:2px solid var(--c-primary)}
  .miles__t::before{display:none}
}

/* ---------- Akciós termékek oldal -------------------------------------- */
.chero--sale{background:linear-gradient(115deg,#141414 0%,#282828 55%,#1c1c1c 100%)}
.chero--sale .chero__in{grid-template-columns:1fr;padding-block:var(--sp-10)}
.chero--sale .chero__txt{max-width:760px}

.tree__list{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:8px}
.tree__list a{font-size:var(--fs-sm);text-decoration:none;color:var(--c-text)}
.tree__list a:hover{color:var(--c-primary)}

/* ---------- Kapcsolat fül és felugró űrlap ----------------------------- */
/* Oldalt rögzített fül – függőleges felirattal, hogy ne takarja a tartalmat. */
.cmodal--contact .cmodal__box{width:min(560px,100%);max-height:88vh;overflow-y:auto;
  text-align:left;align-items:stretch}
.cmodal__sub{margin:0;font-size:var(--fs-sm);color:var(--c-muted);line-height:1.5}
.cmodal__form{margin-top:var(--sp-2)}
.cmodal__alt{margin:0;padding-top:var(--sp-4);border-top:1px solid var(--c-stroke);
  font-size:var(--fs-sm);color:var(--c-muted)}
.cmodal__alt a{font-weight:700;color:var(--c-primary);text-decoration:none}

/* A felugróban egy oszlop – szűkebb a hely, mint egy oldalon. */
.cmodal__form .gform_wrapper .gform_fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.cmodal__form .gform_wrapper input,
.cmodal__form .gform_wrapper select{height:44px}

/* Választógombok kártyaként – ez a form első és legfontosabb döntése. */
.gform_wrapper .ginput_container_radio .gfield_radio{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gform_wrapper .gfield_radio .gchoice{margin:0}
.gform_wrapper .gfield_radio label{display:flex;align-items:center;gap:10px;
  padding:12px 14px;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  cursor:pointer;font-size:var(--fs-sm);font-weight:700;line-height:1.3;
  transition:border-color .15s ease,background-color .15s ease}
.gform_wrapper .gfield_radio label:hover{border-color:var(--c-primary);
  background:rgb(221 0 23 /.03)}
.gform_wrapper .gfield_radio input{width:18px;height:18px;flex:none;margin:0;
  accent-color:var(--c-primary)}
.gform_wrapper .gfield_radio .gchoice:has(input:checked) label{
  border-color:var(--c-primary);background:rgb(221 0 23 /.06)}

@media (max-width:640px){
  .gform_wrapper .ginput_container_radio .gfield_radio{grid-template-columns:1fr}
  .cmodal__form .gform_wrapper .gform_fields{grid-template-columns:1fr}
}

/* ---------- Mobil: nyitvatartás helyett állapot ------------------------ */
@media (max-width:1000px){
  /* A teljes nyitvatartási sor nem fér ki, és ott nem is döntés – a
     látogatót csak az érdekli, most nyitva vagyunk-e. */
  .hd__hours > span:not(.hd__now){display:none}
  .hd__hours svg{display:none}
  .hd__now{display:inline-flex}
  .helper__time > span:not(.helper__now){display:none}
}

/* A logó képe – saját link nélkül írjuk ki, a méretet itt szabjuk. */
.ep-logo{width:auto;height:auto;max-height:57px;object-fit:contain;display:block}
.hd__brand--mobile .ep-logo{max-height:32px}
.nav__brand .ep-logo{max-height:36px}

/* ---------- Cégünkről oldal -------------------------------------------- */
/* Váltakozó sávok: sötét fejléc → fehér számok → fehér szöveg → szürke
   idővonal → fehér márkák → piros zárás. A ritmus tagolja a hosszú
   szöveget, és a márkaszínek végig ugyanazok, mint a bolt többi részén. */

.chero--about{background:linear-gradient(115deg,#141414 0%,#282828 55%,#1c1c1c 100%)}
.chero--about .chero__in{grid-template-columns:1fr;padding-block:var(--sp-12)}
.chero--about .chero__txt{max-width:820px}
.chero--about .chero__lead{margin-top:var(--sp-5);font-size:var(--fs-sub2);
  line-height:1.6;color:rgb(255 255 255 /.86)}

.abstats{background:#fff;border-bottom:1px solid var(--c-stroke)}
.abstats__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-6);padding-block:var(--sp-8)}
.abstat{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.abstat__ico{display:grid;place-items:center;width:44px;height:44px;
  border-radius:50%;background:rgb(221 0 23 /.08);color:var(--c-primary)}
.abstat__ico svg{width:22px;height:22px}
.abstat__n{font-size:var(--fs-h4);line-height:1.1;font-weight:700;color:var(--c-text)}
.abstat__t{font-size:var(--fs-sm);color:var(--c-text-soft);line-height:1.4}

.abbody{padding-block:var(--sp-12)}
.abbody__text{max-width:760px}
.abbody__text p{margin:0 0 var(--sp-4)}
.abbody__text h2,.abbody__text h3{margin:var(--sp-8) 0 var(--sp-3)}

.abmiles{background:var(--c-accent);padding-block:var(--sp-12)}
.abmiles__h{margin:0 0 var(--sp-7)}
.abmiles .miles{max-width:820px;margin:0}
.abmiles .miles__t::before{background:var(--c-accent)}

.abbrands{padding-block:var(--sp-12)}
.abbrands h2{margin:0 0 var(--sp-6)}
.abbrands__list{list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:10px}
.abbrands__list a{display:inline-flex;align-items:center;height:44px;
  padding:0 18px;border:1px solid var(--c-stroke);border-radius:999px;
  font-size:var(--fs-sm);font-weight:700;text-decoration:none;color:var(--c-text);
  transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.abbrands__list a:hover{border-color:var(--c-primary);color:var(--c-primary);
  background:rgb(221 0 23 /.04)}

.abcta{background:var(--c-primary);color:#fff}
.abcta__in{display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-8);flex-wrap:wrap;padding-block:var(--sp-10)}
.abcta__h{margin:0 0 6px;font-size:var(--fs-h3);line-height:1.2;font-weight:700}
.abcta__s{margin:0;max-width:56ch;line-height:1.55;color:rgb(255 255 255 /.9)}
.abcta__act{display:flex;gap:12px;flex-wrap:wrap}
.abcta .btn--primary{background:#fff;color:var(--c-primary)}
.abcta .btn--primary:hover{background:rgb(255 255 255 /.9);color:var(--c-primary)}
.abcta .btn--outline{border-color:rgb(255 255 255 /.6);color:#fff}
.abcta .btn--outline:hover{background:rgb(255 255 255 /.12);border-color:#fff;color:#fff}

@media (max-width:1000px){
  .abstats__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .abcta__in{flex-direction:column;align-items:flex-start}
  .abcta__act{width:100%}
  .abcta__act .btn{flex:1 1 auto;justify-content:center}
}
@media (max-width:560px){
  .abstats__in{grid-template-columns:1fr;gap:var(--sp-4)}
  .abbody,.abmiles,.abbrands{padding-block:var(--sp-8)}
}

/* ---------- Fejléc gyorslinkek ----------------------------------------- */
/* A „Hírek" és „Kapcsolat" halkabb súllyal áll a fiók-gombok előtt, vékony
   elválasztóval – hogy ne versenyezzen a Belépés/Fiókom gombbal. */
.hd__link{font-size:var(--fs-sm);font-weight:700;color:var(--c-muted);
  text-decoration:none;white-space:nowrap;padding:6px 2px}
.hd__link:hover{color:var(--c-primary)}
.hd__divider{width:1px;height:22px;background:var(--c-stroke);flex:none;
  margin-inline:4px}

@media (max-width:1200px){
  .hd__link,.hd__divider{display:none}
}

/* ---------- Külön mobil menü ------------------------------------------- */
/* Ha van „Mobil menü" hozzárendelve, mobilon az jelenik meg a főmenü
   helyett. Ha nincs, a főmenü marad – üres panel nem fordulhat elő. */
.nav__list--mobile{display:none}

@media (max-width:1000px){
  .nav--hasmobile .nav__list:not(.nav__list--mobile){display:none}
  .nav__list--mobile{display:flex}
}

/* ---------- Hírek listaoldal ------------------------------------------- */
.blog{padding-bottom:var(--sp-14)}
.blog__head{text-align:center;max-width:640px;margin:0 auto var(--sp-10);
  padding-top:var(--sp-8)}
.blog__title{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;
  font-weight:700;text-wrap:balance}
.blog__lead{margin:var(--sp-4) 0 0;font-size:var(--fs-sub2);line-height:1.55;
  color:var(--c-text-soft)}

/* ---------- Cégünkről: a törzsszöveg tagolása -------------------------- */
/* A migrált szöveg egyetlen bekezdésfolyam. Nagyobb sorköz és sorhossz-
   korlát nélkül olvashatatlan, ezért itt szélesebb a levegő. */
.abbody__text{font-size:var(--fs-body);line-height:1.75;color:var(--c-text)}
.abbody__text p{margin:0 0 var(--sp-5);max-width:70ch}
.abbody__text p:first-of-type{font-size:var(--fs-sub2);line-height:1.6;
  color:var(--c-text)}
.abbody__text img{max-width:100%;height:auto;border-radius:var(--r-card);
  margin-block:var(--sp-5)}
.abbody__text ul{margin:0 0 var(--sp-5);padding-left:22px;max-width:70ch}
.abbody__text li{margin-bottom:8px;line-height:1.65}
.abbody__text h2{margin:var(--sp-9) 0 var(--sp-4);font-size:var(--fs-h4);
  line-height:1.25}

/* ---------- Fejléc: új elrendezés (2026-09) ---------------------------- */
/* Felső piros sáv: elérhetőségek + közösségi ikonok balra, nyitvatartás
   és cím jobbra. Második sáv: logó + kereső + gombok. Menüsáv: teljes
   szélesség, lenyíló almenükkel. */

.hd__u-left{display:flex;align-items:center;gap:var(--sp-5)}
.hd__u-left .hd__soc-list{display:flex;gap:6px;margin:0 0 0 var(--sp-3);
  padding-left:var(--sp-4);border-left:1px solid rgb(255 255 255 /.25)}
.hd__u-left .hd__soc{width:26px;height:26px;background:rgb(255 255 255 /.14)}
.hd__u-left .hd__soc:hover{background:#fff;color:var(--c-primary)}
.hd__u-left .hd__soc svg{width:14px;height:14px}

.hd__util2-in{display:flex;align-items:center;gap:var(--sp-6);padding-block:12px}
.hd__util2 .hd__brand{flex:none;display:flex;align-items:center;max-width:220px}
.hd__util2 .hd__brand .ep-logo{max-height:57px}
.hd__search{flex:1 1 auto;max-width:460px;margin-inline:0 auto}
.hd__search .dgwt-wcas-sf-wrapp{height:44px}

/* Menüsáv teljes szélességben, elosztott pontokkal. */
.hd__navbar{background:var(--c-accent);border-block:1px solid var(--c-stroke)}
.hd__navbar-in{padding-block:0;gap:0}
.nav{flex:1 1 100%;min-width:0}
.nav__list{justify-content:space-between;gap:0;overflow:visible}
.nav__list > li{position:relative;flex:1 1 auto;text-align:center}
.nav__list > li > a{display:block;padding:15px 12px;font-size:14px;
  text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.nav__list > li:hover > a,.nav__list > li.current-menu-ancestor > a{
  color:var(--c-primary);background:#fff}

/* Almenü nyíl */
.nav__list > li.menu-item-has-children > a::after{content:"";display:inline-block;
  width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);
  opacity:.6}

/* Lenyíló almenü – hoverre és fókuszra. */
.nav__list .sub-menu{position:absolute;left:0;top:100%;z-index:80;min-width:260px;
  list-style:none;margin:0;padding:8px 0;text-align:left;
  background:#fff;border:1px solid var(--c-stroke);border-top:2px solid var(--c-primary);
  border-radius:0 0 var(--r-card) var(--r-card);box-shadow:0 12px 32px rgb(0 0 0 /.12);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
.nav__list > li:hover > .sub-menu,
.nav__list > li:focus-within > .sub-menu{opacity:1;visibility:visible;
  transform:none;transition-delay:0s}
.nav__list .sub-menu li{margin:0}
.nav__list .sub-menu a{display:block;padding:10px 18px;font-size:14px;
  font-weight:600;text-transform:none;letter-spacing:0;color:var(--c-text);
  text-decoration:none}
.nav__list .sub-menu a:hover{background:var(--c-accent);color:var(--c-primary)}
.nav__list > li:last-child > .sub-menu{left:auto;right:0}

@media (max-width:1500px){ .nav__list > li > a{font-size:13px;padding-inline:10px} }
@media (max-width:1250px){ .nav__list > li > a{font-size:12px;padding-inline:8px} }

/* Mobilon az almenü nem lebeg – egyszerűen a pont alá kerül a panelben. */
@media (max-width:1000px){
  .hd__u-left .hd__soc-list{display:none}
  .hd__util2 .hd__brand{max-width:140px}
  .hd__util2 .hd__brand .ep-logo{max-height:32px}
  .nav__list > li{flex:none;text-align:left}
  .nav__list > li > a{padding:13px 18px;text-transform:none;letter-spacing:0}
  .nav__list > li:hover > a{background:none}
  .nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;
    min-width:0;border:0;box-shadow:none;border-radius:0;padding:0 0 4px 12px;
    background:var(--c-accent)}
  .nav__list .sub-menu a{padding:10px 18px;font-size:14px}
  .nav__list > li.menu-item-has-children > a::after{display:none}
}

/* ---------- Mennyiség léptető gombokkal -------------------------------- */
.woocommerce .quantity{display:inline-flex;align-items:stretch;
  border:1px solid var(--c-stroke);border-radius:var(--r-btn);overflow:hidden;
  background:#fff}
.qty__btn{width:44px;border:0;background:var(--c-accent);cursor:pointer;
  font:inherit;font-size:20px;line-height:1;color:var(--c-ink);
  transition:background-color .15s ease,color .15s ease}
.qty__btn:hover{background:var(--c-primary);color:#fff}
.qty__btn:active{background:var(--c-primary-dark);color:#fff}
.woocommerce .quantity input.qty{width:56px;border:0;text-align:center;
  font:inherit;font-size:var(--fs-body);font-weight:700;
  -moz-appearance:textfield;appearance:textfield}
.woocommerce .quantity input.qty:focus{outline:2px solid var(--c-primary);
  outline-offset:-2px}
/* Egy darabnál (készlet 1 / csak egyet lehet) a Woo hidden inputot ad – a
   doboz kerete és helye ilyenkor felesleges, a kosárgomb kapja a teljes sort. */
.woocommerce .quantity:has(> input[type=hidden]),
.woocommerce .quantity:has(> .qty--single),
.woocommerce .quantity.hidden{display:none !important}
.woocommerce div.product form.cart:has(.quantity:has(> input[type=hidden])) .single_add_to_cart_button{flex:1 1 100%}

/* ---------- Kiemelt hírsáv ---------------------------------------------- */
/* A legfelső sáv: sötét alapon fehér szöveg, piros címkével. Elég feltűnő
   ahhoz, hogy ne lehessen átsiklani rajta, de nem villog. */
.newsflash{display:block;background:var(--c-ink);color:#fff;text-decoration:none;
  border-bottom:2px solid var(--c-primary)}
.newsflash__in{display:flex;align-items:center;justify-content:center;gap:14px;
  padding-block:10px;font-size:14px;line-height:1.35;text-align:center}
.newsflash__tag{flex:none;padding:3px 10px;border-radius:999px;
  background:var(--c-primary);color:#fff;font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase}
.newsflash__txt{font-weight:600}
.newsflash__more{flex:none;font-weight:700;color:var(--c-primary-on-dark);white-space:nowrap}
a.newsflash:hover .newsflash__more{text-decoration:underline}
@media (max-width:640px){
  .newsflash__in{gap:10px;font-size:13px;flex-wrap:wrap}
  .newsflash__more{display:none}
}

/* Kézi zárás: a jelzés pirosan, hogy egyértelmű legyen. */
.hd__hours.is-closed .hd__now{color:#fff;background:var(--c-primary);
  padding:2px 10px;border-radius:999px}
.hd__hours.is-closed .hd__now::before{display:none}

/* ---------- Főoldali banner-slider -------------------------------------- */
.hslider{padding-block:var(--sp-6) var(--sp-8);background:#fff}

.hslider__box{position:relative;border-radius:var(--r-card);overflow:hidden;
  background:var(--c-accent);box-shadow:0 10px 36px rgb(0 0 0 /.10)}
.hslider__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  outline:0}
.hslider__track::-webkit-scrollbar{display:none}
.hslider__track:focus-visible{outline:3px solid var(--c-primary);outline-offset:-3px}
.hslide{scroll-snap-align:start}
.hslide__link{display:block}
.hslide__img{display:block;width:100%;height:auto;aspect-ratio:1400/560;object-fit:cover}

.hslider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;
  background:rgb(255 255 255 /.9);color:var(--c-ink);font-size:30px;line-height:1;
  box-shadow:0 4px 14px rgb(0 0 0 /.18);transition:background-color .15s ease,color .15s ease;
  opacity:0}
.hslider__box:hover .hslider__nav,.hslider__box:focus-within .hslider__nav{opacity:1}
.hslider__nav:hover{background:var(--c-primary);color:#fff}
.hslider__nav--prev{left:16px}
.hslider__nav--next{right:16px}

.hslider__dots{position:absolute;left:0;right:0;bottom:14px;z-index:2;
  display:flex;justify-content:center;gap:8px}
.hslider__dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;
  cursor:pointer;background:rgb(255 255 255 /.55);
  box-shadow:0 0 0 1px rgb(0 0 0 /.15);transition:background-color .15s ease,transform .15s ease}
.hslider__dot.is-on{background:var(--c-primary);transform:scale(1.25)}

@media (max-width:900px){
  .hslider{padding-block:var(--sp-4) var(--sp-5)}
  .hslider__nav{display:none}          /* mobilon a húzás a természetes */
  .hslider__box{border-radius:var(--r-field)}
}

/* ---------- Okoskassza: hívás a kosár helyett -------------------------- */
.ar--call{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sub2);
  font-weight:700;color:var(--c-text)}
.ar--call a{color:var(--c-primary);text-decoration:none;font-size:var(--fs-h4)}
.ar--call a:hover{text-decoration:underline}
.pdp__pricebox--call{padding:0;background:none;border:0}
.pdp__pricebox--call .pdp__call{margin-top:0}
.pdp__call{margin-top:var(--sp-4)}
.pdp__call .btn--call{width:100%;justify-content:center;min-height:56px;font-size:16px}
.btn--call svg{width:20px;height:20px;margin-right:6px}
.card .ar--call{font-size:12px;gap:2px}
.card .ar--call a{font-size:14px}

/* ---------- Kosár és pénztár (WooCommerce blokkok) --------------------- */
/* A blokkok saját stílust hoznak; itt a téma színeit, kerekítéseit és
   gombjait vezetjük rá – szelektorokat csak ott írunk felül, ahol muszáj. */

.woopage{padding-block:var(--sp-6) var(--sp-14)}
.woopage__h{margin:0 0 var(--sp-5);font-size:clamp(1.75rem,3vw,2.5rem);
  line-height:1.2;font-weight:700}
.woopage__body{--wc-form-border-color:var(--c-stroke);
  --wc-form-border-radius:var(--r-field);--wc-form-border-width:1px}

/* Lépésjelző */
.wsteps{list-style:none;margin:0 0 var(--sp-8);padding:0;display:flex;gap:0;
  counter-reset:none;border:1px solid var(--c-stroke);border-radius:var(--r-card);
  overflow:hidden;background:#fff}
.wsteps li{flex:1;display:flex;align-items:center;gap:10px;padding:12px 18px;
  font-size:var(--fs-sm);font-weight:700;color:var(--c-muted);
  border-right:1px solid var(--c-stroke)}
.wsteps li:last-child{border-right:0}
/* A számkör csak a belső span – a wsteps__dis burkoló nem kaphat kört. */
.wsteps li > a > span,.wsteps li > .wsteps__dis > span{display:grid;place-items:center;
  width:26px;height:26px;flex:none;border-radius:50%;background:var(--c-accent);
  color:var(--c-muted);font-size:13px}
.wsteps li.is-on{color:var(--c-text);background:rgb(221 0 23 /.04)}
.wsteps li.is-on > a > span,.wsteps li.is-on > .wsteps__dis > span{background:var(--c-primary);color:#fff}
.wsteps li.is-done{color:var(--c-in-stock)}
.wsteps li.is-done > a > span{background:var(--c-in-stock);color:#fff}
@media (max-width:640px){
  .wsteps li{padding:10px 10px;font-size:12px;gap:6px}
  .wsteps li span{width:22px;height:22px;font-size:11px}
}

/* Blokk-gombok a téma gombjaira */
.woopage .wc-block-components-button,
.woopage .wc-block-components-checkout-place-order-button,
.woopage .wp-block-button__link,
.woopage .wc-block-cart__submit-button{background:var(--c-primary)!important;
  color:#fff!important;border:0!important;border-radius:var(--r-btn)!important;
  font-family:var(--font)!important;font-weight:700!important;font-size:15px!important;
  min-height:52px;padding-inline:22px;box-shadow:none!important;
  transition:background-color .15s ease}
.woopage .wc-block-components-button:hover,
.woopage .wc-block-cart__submit-button:hover{background:var(--c-primary-dark)!important}
.woopage .wc-block-components-button.outlined,
.woopage .wc-block-components-button--outlined{background:transparent!important;
  color:var(--c-text)!important;border:1px solid var(--c-stroke)!important}

/* Mezők */
.woopage .wc-block-components-text-input input,
.woopage .wc-block-components-text-input textarea,
.woopage .wc-block-components-combobox .components-combobox-control__input,
.woopage .wc-block-components-select .components-custom-select-control__button,
.woopage .wc-block-components-country-input input,
.woopage .wc-block-components-totals-coupon__input input{
  border:1px solid var(--c-stroke)!important;border-radius:var(--r-field)!important;
  font-family:var(--font)!important;font-size:15px;min-height:52px;background:#fff}
.woopage .wc-block-components-text-input.is-active input,
.woopage .wc-block-components-text-input input:focus{border-color:var(--c-primary)!important;
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)!important;outline:0}
.woopage .wc-block-components-text-input label{font-family:var(--font);color:var(--c-muted)}

/* Kártyák, panelek, összesítő */
.woopage .wc-block-components-sidebar,
.woopage .wc-block-cart__sidebar,
.woopage .wc-block-checkout__sidebar,
.woopage .wc-block-components-order-summary{border:1px solid var(--c-stroke);
  border-radius:var(--r-card);background:var(--c-accent);padding:var(--sp-5)}
.woopage .wc-block-components-checkout-step,
.woopage .wc-block-components-panel{font-family:var(--font)}
.woopage .wc-block-components-checkout-step__title,
.woopage .wc-block-components-title{font-family:var(--font);font-weight:700;
  font-size:var(--fs-sub2)}
.woopage .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woopage .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-size:var(--fs-sub1);font-weight:700;color:var(--c-text)}
.woopage .wc-block-components-totals-item{font-family:var(--font)}

/* Kosártétel */
.woopage .wc-block-cart-items{font-family:var(--font)}
.woopage .wc-block-cart-items__header{font-size:12px;text-transform:uppercase;
  letter-spacing:.04em;color:var(--c-muted)}
.woopage .wc-block-cart-item__image img{border-radius:var(--r-field);
  border:1px solid var(--c-stroke);background:#fff}
.woopage .wc-block-components-product-name{font-weight:700;color:var(--c-text);
  text-decoration:none}
.woopage .wc-block-components-product-name:hover{color:var(--c-primary)}
.woopage .wc-block-cart-item__remove-link{color:var(--c-muted);font-size:13px}
.woopage .wc-block-cart-item__remove-link:hover{color:var(--c-primary)}
.woopage .wc-block-components-product-price{font-weight:700;color:var(--c-text)}

/* Rádiók (szállítás, fizetés) kártyaként */
.woopage .wc-block-components-radio-control__option{border:1px solid var(--c-stroke);
  border-radius:var(--r-field);padding:14px 16px 14px 48px;margin-bottom:8px;
  background:#fff;font-family:var(--font)}
.woopage .wc-block-components-radio-control__option:has(input:checked),
.woopage .wc-block-components-radio-control__option--checked-option-highlighted{
  border-color:var(--c-primary);background:rgb(221 0 23 /.04)}
.woopage .wc-block-components-radio-control__input{accent-color:var(--c-primary)}
.woopage .wc-block-components-radio-control__input:checked{border-color:var(--c-primary)!important}
.woopage .wc-block-components-radio-control__input:checked::before{background:var(--c-primary)!important}

/* Jelölőnégyzetek, linkek, üzenetek */
.woopage .wc-block-components-checkbox input{accent-color:var(--c-primary)}
.woopage .wc-block-components-notice-banner{border-radius:var(--r-field);font-family:var(--font)}

/* Üres kosár */
.woopage .wp-block-woocommerce-empty-cart-block h2,
.woopage .wc-block-cart__empty-cart__title{font-family:var(--font);font-size:var(--fs-h4)}
.woopage .wp-block-woocommerce-empty-cart-block .wp-block-button__link{display:inline-flex}

/* Klasszikus (shortcode-os) kosár és pénztár – ha valaha átváltanak */
.woopage table.shop_table{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  border-collapse:separate;overflow:hidden}
.woopage table.shop_table th{background:var(--c-accent);font-size:12px;text-transform:uppercase;
  letter-spacing:.04em;color:var(--c-muted)}
.woopage .woocommerce-cart-form .button,
.woopage .checkout-button,.woopage #place_order{background:var(--c-primary);color:#fff;
  border-radius:var(--r-btn);font-weight:700;border:0;min-height:48px}
.woopage .woocommerce-cart-form .button:hover,.woopage #place_order:hover{background:var(--c-primary-dark)}
.woopage .form-row input.input-text,.woopage .form-row select,
.woopage .form-row textarea{border:1px solid var(--c-stroke);border-radius:var(--r-field);
  min-height:48px;padding:0 14px;font:inherit;width:100%}

/* Fiókom navigáció */
.woopage .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:4px}
.woopage .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;
  border-radius:var(--r-field);text-decoration:none;color:var(--c-text);font-weight:600}
.woopage .woocommerce-MyAccount-navigation .is-active a,
.woopage .woocommerce-MyAccount-navigation a:hover{background:rgb(221 0 23 /.06);color:var(--c-primary)}

/* Lépésjelző linkekkel */
.wsteps li a,.wsteps li .wsteps__dis{display:flex;align-items:center;gap:10px;
  color:inherit;text-decoration:none;width:100%}
.wsteps li a:hover{color:var(--c-primary)}
.wsteps li .wsteps__dis{cursor:default;opacity:.7}

/* 2) A termék leírása ne jelenjen meg a kosár- és pénztár-tételeknél –
   ott a név és a variáció elég, a leírás csak hosszít. */
.woopage .wc-block-components-product-metadata__description,
.woopage .wc-block-components-product-details{display:none}

/* 3) Hosszú kosárnál az összesítő ragadjon a jobb oldalon. */
.woopage--cart .wc-block-cart__sidebar,
.woopage--checkout .wc-block-checkout__sidebar{position:sticky;top:100px;
  align-self:flex-start}
.woopage .wp-block-woocommerce-cart .wc-block-components-sidebar-layout{align-items:flex-start}

/* 4) A blokk saját kereszt-értékesítő rácsa el – a téma kártyái jönnek helyette. */
.woopage .wp-block-woocommerce-cart-cross-sells-block,
.woopage .cross-sells{display:none}
/* A kosár rácsának első oszlopában, a tételek alatt – az összesítő mellett. */
.woopage--cart .woocommerce > .woopage__xs{grid-column:1;grid-row:2;min-width:0}
.woopage__xs{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--c-stroke)}
.woopage__xs h2{margin:0 0 var(--sp-5);font-size:var(--fs-sub1)}
.woopage__xs .prod-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
@media (max-width:1000px){ .woopage--cart .woocommerce > .woopage__xs{grid-column:1;grid-row:auto} }
@media (max-width:700px){ .woopage__xs .prod-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- Vízszintes túlnyúlás megszüntetése -------------------------- */
/*
 * A lenyíló almenük abszolút pozícióval, rejtve is a jobb szélen túl
 * lógtak (visibility:hidden nem vonja ki őket a görgetésből), ezért az
 * oldal 120 px-szel szélesebb lett a képernyőnél. Két védelem:
 * 1) a jobb szélhez közeli almenük jobbra igazodnak,
 * 2) a body vízszintesen nem görgethető – az overflow:clip NEM töri el a
 *    position:sticky-t, az overflow:hidden törné.
 */
html,body{overflow-x:clip}
.nav__list > li:nth-last-child(-n+3) > .sub-menu{left:auto;right:0}
/* Rejtve ne foglaljon helyet egyáltalán. */
.nav__list .sub-menu{display:none}
.nav__list > li:hover > .sub-menu,
.nav__list > li:focus-within > .sub-menu{display:block}

/* ---------- Kosár: a WooCommerce saját ajánló blokkjai el ---------------- */
/* A kosár-oldal sablonja két Termékgyűjtemény blokkot tartalmaz
   („Érdekelhet még…", „Újdonságok"). A téma saját, egységes kártyás
   ajánlója van helyettük. */
.woopage--cart .wp-block-woocommerce-product-collection,
.woopage--cart .wp-block-woocommerce-product-new,
.woopage--cart .wp-block-woocommerce-product-best-sellers{display:none}

/* ---------- Fiókom ------------------------------------------------------ */
/* Bal oldalt tapadó menü, jobbra a tartalom. A WooCommerce alapból
   egymás alá rakja őket – nagy képernyőn ez fél oldalnyi üres helyet
   hagy a menü mellett. */
/* A WooCommerce saját CSS-e float + width:30%/68% párost ad a két
   oszlopnak; a rácsban ez felcserélte és rossz méretre húzta őket. Ezért
   a hely és a szélesség itt explicit. */
.woopage--account .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);
  gap:var(--sp-10);align-items:start}
.woopage--account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1;grid-row:1}
.woopage--account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;
  float:none !important;width:auto !important;
  position:sticky;top:100px;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:8px;background:#fff}
.woopage--account .woocommerce-MyAccount-content{grid-column:2;grid-row:2;
  float:none !important;width:auto !important}
.woopage--account .woocommerce > .woocommerce-notices-wrapper:empty{display:none}
.woopage--account .woocommerce > .woocommerce-notices-wrapper:empty ~ .woocommerce-MyAccount-navigation,
.woopage--account .woocommerce > .woocommerce-notices-wrapper:empty ~ .woocommerce-MyAccount-content{grid-row:1}
.woopage--account .woocommerce-MyAccount-navigation ul{gap:2px}
.woopage--account .woocommerce-MyAccount-navigation a{font-size:var(--fs-sm);padding:11px 14px}
.woopage--account .woocommerce-MyAccount-navigation .is-active a{font-weight:700}
.woopage--account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px;
  padding-top:6px;border-top:1px solid var(--c-stroke)}
.woopage--account .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--c-muted)}
.woopage--account .woocommerce-MyAccount-content{min-width:0}

/* Áttekintés kártyái */
.acc-dash__hi{margin:0 0 var(--sp-5);font-size:var(--fs-sub1);font-weight:700}
.acc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.acc-card{display:flex;flex-direction:column;gap:12px;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-5);background:#fff}
.acc-card:first-child{grid-column:1/-1}
.acc-card__h{margin:0;font-size:var(--fs-sub2);line-height:1.2;font-weight:700}
.acc-card__empty,.acc-card__meta{margin:0;font-size:var(--fs-sm);color:var(--c-text-soft)}
.acc-card__addr{font-style:normal;font-size:var(--fs-sm);line-height:1.6}
.acc-card__more{margin-top:auto;font-size:var(--fs-sm);font-weight:700;
  color:var(--c-primary);text-decoration:none}
.acc-card__more:hover{text-decoration:underline}
.acc-card .btn{align-self:flex-start}
.acc-dash__help{margin:var(--sp-6) 0 0;font-size:var(--fs-sm);color:var(--c-muted)}
.acc-dash__help a{color:var(--c-primary);font-weight:700;text-decoration:none}

.acc-orders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.acc-orders li + li{border-top:1px solid rgb(0 0 0 /.06)}
.acc-orders a{display:grid;grid-template-columns:90px 1fr auto auto;gap:14px;align-items:center;
  padding:10px 0;font-size:var(--fs-sm);text-decoration:none;color:var(--c-text)}
.acc-orders a:hover strong{color:var(--c-primary)}
.acc-orders__date{color:var(--c-muted)}
.acc-orders__status{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;
  background:var(--c-accent);color:var(--c-text-soft)}
.acc-orders__status--completed{background:rgb(27 166 57 /.12);color:#1a7a35}
.acc-orders__status--processing{background:rgb(230 138 0 /.14);color:#8a5200}
.acc-orders__status--on-hold{background:rgb(230 138 0 /.14);color:#8a5200}
.acc-orders__status--cancelled,.acc-orders__status--failed{background:rgb(221 0 23 /.10);color:var(--c-primary)}
.acc-orders__sum{font-weight:700;font-variant-numeric:tabular-nums}

/* Rendelések táblázata */
.woopage--account table.woocommerce-orders-table{border:1px solid var(--c-stroke);
  border-radius:var(--r-card);border-collapse:separate;border-spacing:0;overflow:hidden;width:100%}
.woopage--account table.woocommerce-orders-table th{background:var(--c-accent);
  font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);
  padding:12px 14px;text-align:left}
.woopage--account table.woocommerce-orders-table td{padding:12px 14px;font-size:var(--fs-sm);
  border-top:1px solid rgb(0 0 0 /.06);vertical-align:middle}
.woopage--account .woocommerce-orders-table__cell-order-actions .button{
  display:inline-flex;align-items:center;min-height:36px;padding:0 14px;
  border-radius:var(--r-btn);background:var(--c-primary);color:#fff;
  font-size:13px;font-weight:700;text-decoration:none;border:0}
.woopage--account .woocommerce-orders-table__cell-order-actions .button:hover{background:var(--c-primary-dark)}
.woopage--account .woocommerce-orders-table__cell-order-number a{font-weight:700;
  color:var(--c-text);text-decoration:none}

/* Rendelés részletei */
.woopage--account .woocommerce-order-details,
.woopage--account .woocommerce-customer-details{margin-top:var(--sp-6)}
.woopage--account .woocommerce-order-details__title,
.woopage--account .woocommerce-column__title{font-size:var(--fs-sub2);margin:0 0 var(--sp-4)}
.woopage--account table.shop_table.order_details{border:1px solid var(--c-stroke);
  border-radius:var(--r-card);border-collapse:separate;border-spacing:0;width:100%}
.woopage--account table.order_details th,.woopage--account table.order_details td{
  padding:12px 14px;font-size:var(--fs-sm);border-top:1px solid rgb(0 0 0 /.06);text-align:left}
.woopage--account table.order_details thead th{border-top:0;background:var(--c-accent);
  font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
.woopage--account table.order_details tfoot th{background:var(--c-accent)}

/* Címek */
.woopage--account .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.woopage--account .woocommerce-Address{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-5);background:#fff;float:none;width:auto}
.woopage--account .woocommerce-Address-title{display:flex;justify-content:space-between;
  align-items:baseline;gap:10px;margin-bottom:var(--sp-3)}
.woopage--account .woocommerce-Address-title h2,.woopage--account .woocommerce-Address-title h3{
  margin:0;font-size:var(--fs-sub2)}
.woopage--account .woocommerce-Address-title .edit{font-size:var(--fs-sm);font-weight:700;
  color:var(--c-primary);text-decoration:none}
.woopage--account .woocommerce-Address address{font-style:normal;font-size:var(--fs-sm);line-height:1.6}

/* Űrlapok (cím, fiókadatok, belépés) */
.woopage--account .woocommerce-form-row,.woopage--account .form-row{margin-bottom:var(--sp-4)}
.woopage--account .form-row label{display:block;margin-bottom:6px;font-size:var(--fs-sm);font-weight:700}
.woopage--account .form-row .required{color:var(--c-primary);text-decoration:none}
.woopage--account .form-row input.input-text,
.woopage--account .form-row select,.woopage--account .form-row textarea,
.woopage--account .woocommerce-Input{width:100%;min-height:48px;padding:0 14px;font:inherit;
  font-size:15px;border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff}
.woopage--account .form-row input:focus,.woopage--account .form-row select:focus{
  outline:0;border-color:var(--c-primary);box-shadow:0 0 0 3px rgb(221 0 23 /.10)}
.woopage--account .form-row-first,.woopage--account .form-row-last{width:calc(50% - 8px);float:left}
.woopage--account .form-row-last{float:right}
.woopage--account .form-row-wide{clear:both}
.woopage--account fieldset{border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-5);margin:var(--sp-6) 0}
.woopage--account legend{padding:0 8px;font-weight:700;font-size:var(--fs-sm)}
.woopage--account .button[type=submit],.woopage--account button.button{
  min-height:48px;padding:0 22px;border:0;border-radius:var(--r-btn);cursor:pointer;
  background:var(--c-primary);color:#fff;font:inherit;font-weight:700;font-size:15px}
.woopage--account .button[type=submit]:hover,.woopage--account button.button:hover{background:var(--c-primary-dark)}
.woopage--account .show-password-input{top:14px;right:14px}

/* Belépés / regisztráció – kijelentkezett állapot: két kártya */
.woopage--account .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
.woopage--account .u-column1,.woopage--account .u-column2{width:auto;float:none}
.woopage--account .u-columns h2{font-size:var(--fs-sub1);margin:0 0 var(--sp-4)}
.woopage--account form.login,.woopage--account form.register{border:1px solid var(--c-stroke);
  border-radius:var(--r-card);padding:var(--sp-6);background:#fff;margin:0}
.woopage--account .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;
  font-weight:400;margin-bottom:var(--sp-4)}
.woopage--account .lost_password{font-size:var(--fs-sm)}
.woopage--account .lost_password a{color:var(--c-primary);font-weight:700;text-decoration:none}
.woopage--account .woocommerce-privacy-policy-text{font-size:12px;color:var(--c-muted);line-height:1.5}

/* Értesítések */
.woopage--account .woocommerce-message,.woopage--account .woocommerce-info,
.woopage--account .woocommerce-error{border:1px solid;border-radius:var(--r-field);
  padding:12px 14px 12px 44px;margin:0 0 var(--sp-5);font-size:var(--fs-sm);background:#fff}
.woopage--account .woocommerce-message{border-color:rgb(27 166 57 /.4);background:rgb(27 166 57 /.06)}
.woopage--account .woocommerce-info{border-color:var(--c-stroke);background:var(--c-accent)}
.woopage--account .woocommerce-error{border-color:rgb(221 0 23 /.4);background:rgb(221 0 23 /.05)}

@media (max-width:1000px){
  .woopage--account .woocommerce{grid-template-columns:1fr;gap:var(--sp-6)}
  .woopage--account .woocommerce-MyAccount-navigation{position:static}
  .woopage--account .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap}
  .woopage--account .woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border:0}
  .acc-cards,.woopage--account .woocommerce-Addresses,.woopage--account .u-columns{grid-template-columns:1fr}
  .acc-orders a{grid-template-columns:1fr auto;gap:6px 14px}
  .acc-orders__date{grid-column:1/-1}
  .woopage--account .form-row-first,.woopage--account .form-row-last{width:100%;float:none}
}

/* ---------- Készletértesítés (WooCommerce Waitlist) --------------------- */
.pdp__waitlist{margin-top:var(--sp-4);padding:var(--sp-5);scroll-margin-top:110px;
  border:1px solid rgb(230 138 0 /.35);border-radius:var(--r-card);
  background:rgb(230 138 0 /.06)}
.pdp__waitlist-h{margin:0 0 4px;font-size:var(--fs-sub2);font-weight:700}
.pdp__waitlist-s{margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-soft);line-height:1.5}
.pdp__waitlist .wcwl_control{margin:0}
.pdp__waitlist .wcwl_elements{display:flex;flex-direction:column;gap:12px}
.pdp__waitlist .wcwl_email_elements{display:flex;gap:10px;flex-wrap:wrap}

/*
 * A bővítmény saját rejtő osztályai érvényesek maradnak: bejelentkezett
 * vevőnél az e-mail mező rejtett (a fiók címét használja), és az
 * értesítés-doboz csak akkor jelenik meg, ha van üzenet.
 */
.pdp__waitlist .wcwl_hide,
.pdp__waitlist .wcwl_email_elements.wcwl_hide{display:none !important}
.pdp__waitlist .wcwl_notice{display:none;position:relative;margin:0;padding:10px 40px 10px 14px;
  border-radius:var(--r-field);border:1px solid var(--c-stroke);background:#fff;
  font-size:var(--fs-sm)}
.pdp__waitlist .wcwl_notice.wcwl_show,
.pdp__waitlist .wcwl_notice:has(p:not(:empty)){display:block}
.pdp__waitlist .wcwl_notice_dismiss{position:absolute;right:6px;top:6px;
  width:28px;height:28px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--c-muted);cursor:pointer;
  font-size:0;line-height:0}
.pdp__waitlist .wcwl_notice_dismiss::before{content:"×";font-size:20px;line-height:28px}
.pdp__waitlist .wcwl_notice_dismiss:hover{background:var(--c-accent);color:var(--c-text)}
.pdp__waitlist .wcwl_intro p{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--c-text)}

/* Bejelentkezve: a bővítmény kitölti a fiók e-mailjét – ezt megmutatjuk,
   hogy a vevő tudja, hova kap levelet. */
.pdp__waitlist .wcwl_email:disabled{background:var(--c-accent);color:var(--c-text-soft);
  cursor:default}
.pdp__waitlist input[type=email],
.pdp__waitlist .wcwl_email{flex:1 1 220px;min-height:48px;padding:0 14px;font:inherit;
  font-size:15px;border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff}
.pdp__waitlist input[type=email]:focus{outline:0;border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)}
.pdp__waitlist .woocommerce_waitlist,
.pdp__waitlist button,.pdp__waitlist a.button{display:inline-flex;align-items:center;
  justify-content:center;min-height:48px;padding:0 22px;border:0;cursor:pointer;
  border-radius:var(--r-btn);background:var(--c-primary);color:#fff;
  font:inherit;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.pdp__waitlist .woocommerce_waitlist:hover,.pdp__waitlist button:hover{background:var(--c-primary-dark)}
.pdp__waitlist .wcwl_notice,.pdp__waitlist .wcwl_intro{font-size:var(--fs-sm);margin:0 0 8px}
.pdp__waitlist .wcwl_notice.success{color:#1a7a35;font-weight:700}
.pdp__waitlist label{font-size:var(--fs-sm);display:flex;gap:8px;align-items:flex-start}
.pdp__waitlist input[type=checkbox]{accent-color:var(--c-primary);margin-top:3px}

/* ---------- Klasszikus pénztár ----------------------------------------- */
/* Bal oldalt az adatok, jobb oldalt a rendelés összesítője és a fizetés,
   tapadva. Az űrlapmezők a fiókoldali stílust követik. */
.woopage--checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;
  gap:var(--sp-10);align-items:start}
.woopage--checkout .col2-set{grid-column:1;grid-row:1;width:auto;min-width:0}
.woopage--checkout .col2-set .col-1,.woopage--checkout .col2-set .col-2{float:none;width:auto}
.woopage--checkout .col2-set .col-2{margin-top:var(--sp-6)}
/* Az eredeti külső cím rejtve – a doboz belsejében van a saját. */
.woopage--checkout #order_review_heading{display:none}
.woopage--checkout .woocommerce-checkout-review-order{grid-column:2;grid-row:1;
  position:sticky;top:100px;min-width:0;box-sizing:border-box;
  padding:var(--sp-5);border:1px solid var(--c-stroke);border-radius:var(--r-card);
  background:var(--c-accent)}
/* Nincs belső görgetés: az eldugta a Megrendelés gombot. Ha a doboz
   magasabb a képernyőnél, egyszerűen az oldallal görgethető. */
.woopage--checkout .orev__h{margin:0 0 var(--sp-4);font-size:var(--fs-sub2);font-weight:700}
.woopage--checkout .woocommerce-NoticeGroup,
.woopage--checkout .woocommerce-notices-wrapper,
.woopage--checkout .woocommerce-additional-fields{grid-column:1}
.woopage--checkout .woocommerce-additional-fields{grid-row:2}

.woopage--checkout .woocommerce-billing-fields h3,
.woopage--checkout .woocommerce-shipping-fields h3,
.woopage--checkout .woocommerce-additional-fields h3{margin:0 0 var(--sp-4);
  font-size:var(--fs-sub2);font-weight:700}
.woopage--checkout .woocommerce-shipping-fields h3 label{display:flex;align-items:center;
  gap:10px;font-weight:700;cursor:pointer}
.woopage--checkout .woocommerce-shipping-fields h3 input{accent-color:var(--c-primary);
  width:18px;height:18px}

.woopage--checkout .form-row{margin:0 0 var(--sp-4);padding:0}
.woopage--checkout .form-row label{display:block;margin-bottom:6px;font-size:var(--fs-sm);font-weight:700}
.woopage--checkout .form-row .required{color:var(--c-primary);text-decoration:none}
.woopage--checkout .form-row .optional{font-weight:400;color:var(--c-muted);font-size:12px}
.woopage--checkout .form-row .input-text,
.woopage--checkout .form-row select,
.woopage--checkout .form-row textarea,
.woopage--checkout .select2-container .select2-selection--single{width:100%;min-height:48px;
  padding:0 14px;font:inherit;font-size:15px;border:1px solid var(--c-stroke);
  border-radius:var(--r-field);background:#fff;box-shadow:none}
.woopage--checkout .form-row textarea{min-height:110px;padding:12px 14px;line-height:1.5}
.woopage--checkout .form-row .input-text:focus,.woopage--checkout .form-row select:focus,
.woopage--checkout .form-row textarea:focus{outline:0;border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)}
.woopage--checkout .select2-container .select2-selection--single .select2-selection__rendered{
  line-height:46px;padding-left:0;color:var(--c-text)}
.woopage--checkout .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:8px}
.woopage--checkout .form-row-first,.woopage--checkout .form-row-last{width:calc(50% - 8px);float:left}
.woopage--checkout .form-row-last{float:right}
.woopage--checkout .form-row-wide{clear:both}
.woopage--checkout .woocommerce-invalid .input-text,
.woopage--checkout .woocommerce-invalid select{border-color:var(--c-primary);
  background:rgb(221 0 23 /.03)}

/* Összesítő táblázat */
.woopage--checkout table.shop_table{width:100%;border:0;border-collapse:collapse;margin:0}
.woopage--checkout table.shop_table th,.woopage--checkout table.shop_table td{
  padding:10px 0;border:0;border-bottom:1px solid rgb(0 0 0 /.07);font-size:var(--fs-sm);
  text-align:left;vertical-align:top}
.woopage--checkout table.shop_table thead th{font-size:12px;text-transform:uppercase;
  letter-spacing:.04em;color:var(--c-muted);padding-top:0}
.woopage--checkout .woocommerce-checkout-review-order{overflow:hidden}
.woopage--checkout table.shop_table .product-total,
.woopage--checkout table.shop_table tfoot td{text-align:right;white-space:normal;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* Az áfa-tartalom külön sorba – a végösszeg mellett nem fér el. */
.woopage--checkout table.shop_table tfoot td .includes_tax{display:block;
  font-size:12px;font-weight:400;color:var(--c-muted);margin-top:2px}
/* A csomagpont-választó link tördelhet, ne lógjon ki. */
.woopage--checkout table.shop_table tfoot td a{white-space:normal;overflow-wrap:anywhere}
.woopage--checkout table.shop_table .product-quantity{color:var(--c-muted)}
/*
 * Rögzített táblázat-elrendezés: automatikus elrendezésnél az ár-oszlop
 * a nowrap miatt szétnyomta a táblát (617 px egy 400 px-es dobozban).
 * Fixed layoutnál a táblázat SOHA nem lehet szélesebb a konténerénél –
 * a cellák tördelnek, nem a doboz nő.
 */
.woopage--checkout table.shop_table{table-layout:fixed !important;width:100% !important;
  max-width:100%}
.woopage--checkout table.shop_table th,.woopage--checkout table.shop_table td{
  overflow-wrap:anywhere;word-break:normal}
.woopage--checkout table.shop_table .product-name{width:66%;line-height:1.4;padding-right:10px}
.woopage--checkout table.shop_table .product-total{width:34%;white-space:normal}
.woopage--checkout table.shop_table tfoot th{width:auto}
.woopage--checkout table.shop_table .amount{white-space:nowrap}
/* Szállítás: saját review-order sablon, egy colspan=2 cellában – a
   táblázat marad táblázat, a lábléc-sorok teljes szélességűek. */
.woopage--checkout table.shop_table tfoot{display:table-footer-group}
.woopage--checkout table.shop_table tfoot tr{display:table-row}
.woopage--checkout table.shop_table tfoot th,
.woopage--checkout table.shop_table tfoot td{display:table-cell}
.woopage--checkout .ep-shipping-row td{padding:12px 0 !important;text-align:left}
.woopage--checkout .ep-shipping-row__label{margin:0 0 8px;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
.woopage--checkout .ep-shipping-row ul#shipping_method,
.woopage--checkout .ep-shipping-row .woocommerce-shipping-methods{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:8px}
.woopage--checkout .ep-shipping-row li{display:flex;gap:10px;align-items:flex-start;margin:0;
  padding:10px 12px;border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff}
.woopage--checkout .ep-shipping-row li:has(input:checked){border-color:var(--c-primary);
  background:rgb(221 0 23 /.04)}
.woopage--checkout .ep-shipping-row input[type=radio]{flex:none;margin:3px 0 0;accent-color:var(--c-primary)}
.woopage--checkout .ep-shipping-row label{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.45;
  font-weight:600;overflow-wrap:anywhere}
.woopage--checkout .ep-shipping-row label .amount{font-weight:700;color:var(--c-primary)}
.woopage--checkout .ep-shipping-row label img{display:inline-block;max-height:22px;width:auto;
  vertical-align:middle;margin:2px 4px 2px 0}
.woopage--checkout .ep-shipping-row .woocommerce-shipping-destination,
.woopage--checkout .ep-shipping-row .shipping-calculator-button{display:none}
.woopage--checkout .woocommerce-shipping-totals li{align-items:flex-start;text-align:left}
.woopage--checkout .woocommerce-shipping-totals label{flex:1;min-width:0;line-height:1.45;
  overflow-wrap:anywhere;font-size:13px}
.woopage--checkout .woocommerce-shipping-totals label img{display:inline-block;
  max-height:22px;width:auto;vertical-align:middle;margin:2px 4px 2px 0}
.woopage--checkout table.shop_table .order-total th,
.woopage--checkout table.shop_table .order-total td{font-size:var(--fs-sub2);font-weight:700;
  border-bottom:0;padding-top:14px;color:var(--c-text)}
.woopage--checkout .woocommerce-shipping-totals ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:6px}
.woopage--checkout .woocommerce-shipping-totals li{display:flex;align-items:center;gap:8px}
.woopage--checkout .woocommerce-shipping-totals input{accent-color:var(--c-primary)}
.woopage--checkout .woocommerce-shipping-totals label{margin:0;font-size:var(--fs-sm)}

/* Fizetési módok kártyaként */
.woopage--checkout #payment{background:none;border-radius:0;margin-top:var(--sp-5);
  padding-top:var(--sp-5);border-top:1px solid var(--c-stroke)}
.woopage--checkout #payment ul.payment_methods{list-style:none;margin:0 0 var(--sp-4);padding:0;
  border:0;display:flex;flex-direction:column;gap:8px}
.woopage--checkout #payment ul.payment_methods li{margin:0;padding:0;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;
  transition:border-color .15s ease,background-color .15s ease}
.woopage--checkout #payment ul.payment_methods li:has(input:checked){
  border-color:var(--c-primary);background:rgb(221 0 23 /.04)}
.woopage--checkout #payment ul.payment_methods li > label{display:flex;align-items:center;
  gap:10px;padding:12px 14px;margin:0;font-size:var(--fs-sm);font-weight:700;cursor:pointer}
/* Egyetlen fizetési módnál a Woo elrejti a rádiót – a leírás akkor is a cím alatt, balra. */
.woopage--checkout #payment ul.payment_methods li:has(input[type=radio]:not([style*="display: none"])) div.payment_box{padding-left:42px}
.woopage--checkout #payment ul.payment_methods li > label img{max-height:24px;margin-left:auto}
.woopage--checkout #payment ul.payment_methods input{accent-color:var(--c-primary);
  width:18px;height:18px;margin:0}
/* A Woo a .woocommerce-checkout #payment div.payment_box szelektorral
   (0,3,1) adja a szürke dobozt és a háromszöget – ugyanilyen erővel írjuk felül. */
.woopage--checkout .woocommerce-checkout #payment div.payment_box,
.woopage--checkout #payment div.payment_box{margin:0;padding:0 14px 12px 14px;
  background:none !important;border:0;border-radius:0;font-size:13px;
  color:var(--c-text-soft);line-height:1.5}
.woopage--checkout .woocommerce-checkout #payment div.payment_box::before,
.woopage--checkout #payment div.payment_box::before{display:none !important}
.woopage--checkout #payment div.payment_box p{margin:0}
.woopage--checkout .woocommerce-checkout #payment{background:none !important}
.woopage--checkout .woocommerce-checkout #payment ul.payment_methods{border:0 !important;
  padding:0 !important}
.woopage--checkout .woocommerce-checkout #payment ul.payment_methods li{
  line-height:1.4;text-align:left}
.woopage--checkout .woocommerce-checkout #payment div.place-order{padding:0;margin-top:var(--sp-4)}
.woopage--checkout .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{margin:0 0 var(--sp-4)}

.woopage--checkout .woocommerce-privacy-policy-text{font-size:12px;line-height:1.5;
  color:var(--c-muted);margin:0 0 var(--sp-4)}
.woopage--checkout .woocommerce-terms-and-conditions-wrapper .form-row{margin-bottom:var(--sp-4)}
.woopage--checkout .woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:flex-start;
  font-weight:400;font-size:13px;line-height:1.5}
.woopage--checkout .woocommerce-form__input-checkbox{accent-color:var(--c-primary);
  width:18px;height:18px;flex:none;margin-top:1px}

.woopage--checkout #place_order{width:100%;min-height:56px;border:0;cursor:pointer;
  border-radius:var(--r-btn);background:var(--c-primary);color:#fff;
  font:inherit;font-weight:700;font-size:16px;transition:background-color .15s ease}
.woopage--checkout #place_order:hover{background:var(--c-primary-dark)}

/* Kuponmező és belépés-emlékeztető */
.woopage--checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woopage--checkout .woocommerce-form-login-toggle .woocommerce-info{border-radius:var(--r-field);
  background:var(--c-accent);border:1px solid var(--c-stroke);padding:12px 14px 12px 44px;
  font-size:var(--fs-sm);margin:0 0 var(--sp-4)}
.woopage--checkout form.checkout_coupon,.woopage--checkout form.woocommerce-form-login{
  grid-column:1;border:1px solid var(--c-stroke);border-radius:var(--r-card);
  padding:var(--sp-5);margin:0 0 var(--sp-5);background:#fff}

/* ---------- Köszönő oldal ---------------------------------------------- */
.woopage--thanks{max-width:960px}
.woopage--thanks .wsteps li.is-on{color:var(--c-in-stock);background:rgb(27 166 57 /.06)}
.woopage--thanks .wsteps li.is-on > .wsteps__dis{opacity:1}
.woopage--thanks .wsteps li.is-on > .wsteps__dis > span{background:var(--c-in-stock);color:#fff}
.woopage--thanks .woocommerce{display:block}

.woopage--checkout .woocommerce-thankyou-order-received,
.woopage--thanks .woocommerce-notice--success{display:flex;align-items:center;gap:12px;
  font-size:var(--fs-sub1);font-weight:700;padding:var(--sp-5);border-radius:var(--r-card);
  margin:0 0 var(--sp-6);background:rgb(27 166 57 /.08);
  border:1px solid rgb(27 166 57 /.28);color:#1a7a35}
.woopage--thanks .woocommerce-notice--success::before{content:"✓";display:grid;place-items:center;
  width:32px;height:32px;flex:none;border-radius:50%;background:var(--c-in-stock);color:#fff;
  font-size:18px}

/* Rendelés-adatok: 5 kártya egy sorban, középre zárva. A WooCommerce
   ul.order_details li-kre float+margin+border-right párost ad (0,2,1);
   ezért az azonos erősségű szelektor és !important. */
.woopage--checkout ul.woocommerce-order-overview,
.woopage--checkout ul.order_details{display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);
  list-style:none;margin:0 auto var(--sp-8) !important;padding:0 !important;
  max-width:1100px;border:0}
.woopage--checkout ul.order_details li,
.woopage--checkout .woocommerce-order-overview li{float:none !important;width:auto !important;
  margin:0 !important;padding:14px 16px !important;
  border:1px solid var(--c-stroke) !important;border-radius:var(--r-field);
  font-size:11px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;
  line-height:1.3;text-align:center;background:#fff}
.woopage--checkout ul.order_details li strong,
.woopage--checkout .woocommerce-order-overview strong{display:block;margin-top:6px;
  font-size:var(--fs-body);color:var(--c-text);text-transform:none;letter-spacing:0;
  line-height:1.35;overflow-wrap:anywhere}

/* A WooCommerce clearfix ::before/::after (display:table) rácselemként
   elfoglalta az első cellát – ettől csúszott át az 5. kártya, és került a
   szállítási cím a számlázási alá. */
.woopage--checkout ul.order_details::before,.woopage--checkout ul.order_details::after,
.woopage--checkout ul.woocommerce-order-overview::before,.woopage--checkout ul.woocommerce-order-overview::after,
.woopage--thanks .woocommerce-columns::before,.woopage--thanks .woocommerce-columns::after,
.woopage--thanks .woocommerce-customer-details::before,.woopage--thanks .woocommerce-customer-details::after{
  display:none !important;content:none !important}

/* Rendelés részletei */
.woopage--thanks .woocommerce-order-details{margin:0 0 var(--sp-8)}
.woopage--thanks .woocommerce-order-details__title,
.woopage--thanks .woocommerce-column__title{margin:0 0 var(--sp-4);font-size:var(--fs-sub1);
  font-weight:700}
.woopage--thanks table.shop_table.order_details{width:100% !important;border:1px solid var(--c-stroke);
  border-radius:var(--r-card);border-collapse:separate;border-spacing:0;overflow:hidden;
  table-layout:fixed}
.woopage--thanks table.order_details .product-name,
.woopage--thanks table.order_details thead th:first-child{width:72%}
.woopage--thanks table.order_details .product-total,
.woopage--thanks table.order_details thead th:last-child{width:28%}
.woopage--thanks table.order_details tfoot th{width:72%}
.woopage--thanks table.order_details th,.woopage--thanks table.order_details td{
  padding:12px 16px;font-size:var(--fs-sm);text-align:left;border:0;
  border-top:1px solid rgb(0 0 0 /.06);vertical-align:middle;white-space:normal}
.woopage--thanks table.order_details thead th{border-top:0;background:var(--c-accent);
  font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
.woopage--thanks table.order_details .product-total,
.woopage--thanks table.order_details tfoot td{text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums}
/* Lábléc: a Woo a th-kra szürke hátteret és a td-kre külön dobozt rajzol –
   egységes sorok, jobbra zárt összegek. */
.woopage--thanks table.order_details tfoot th,
.woopage--thanks table.order_details tfoot td{background:#fff !important;
  font-weight:400;color:var(--c-text-soft);border-left:0 !important;border-right:0 !important;
  text-transform:none;letter-spacing:0;font-size:var(--fs-sm)}
.woopage--thanks table.order_details tfoot td{text-align:right;color:var(--c-text);font-weight:700}
.woopage--thanks table.order_details tfoot td small,
.woopage--thanks table.order_details tfoot .includes_tax{display:block;font-size:12px;
  font-weight:400;color:var(--c-muted);margin-top:2px}
.woopage--thanks table.order_details tfoot .order-total th,
.woopage--thanks table.order_details tfoot .order-total td,
.woopage--thanks table.order_details tfoot tr:nth-last-child(2) th,
.woopage--thanks table.order_details tfoot tr:nth-last-child(2) td{
  background:var(--c-accent) !important;font-weight:700;font-size:var(--fs-body);color:var(--c-text)}
.woopage--thanks .woocommerce-column h2,.woopage--thanks .woocommerce-column__title{margin-top:0 !important}
.woopage--thanks table.order_details .product-name a{font-weight:700;color:var(--c-text);
  text-decoration:none}
.woopage--thanks table.order_details .product-quantity{color:var(--c-muted);font-weight:400}
.woopage--thanks table.order_details .wc-item-meta{margin:6px 0 0;padding:0;list-style:none;
  font-size:12px;color:var(--c-muted)}
.woopage--thanks table.order_details .wc-item-meta li{margin:0}
.woopage--thanks table.order_details .wc-item-meta p{display:inline;margin:0}
.woopage--thanks .woocommerce-table__product-name .product-image{display:none}

/* Címek egymás mellett */
.woopage--thanks .woocommerce-customer-details{margin:0}
.woopage--thanks .woocommerce-customer-details .woocommerce-columns,
.woopage--thanks section.woocommerce-columns--2{display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);width:100%}
.woopage--thanks .woocommerce-columns--2 .woocommerce-column--1,
.woopage--thanks .woocommerce-columns--2 .woocommerce-column--2,
.woopage--thanks .woocommerce-customer-details .woocommerce-column{float:none !important;
  width:auto !important;min-width:0}
.woopage--thanks .woocommerce-customer-details .woocommerce-column address{height:100%;box-sizing:border-box}
.woopage--thanks .woocommerce-customer-details address{margin:0;padding:var(--sp-5);
  border:1px solid var(--c-stroke);border-radius:var(--r-card);background:#fff;
  font-style:normal;font-size:var(--fs-sm);line-height:1.6}
.woopage--thanks .woocommerce-customer-details--phone,
.woopage--thanks .woocommerce-customer-details--email{margin:8px 0 0;padding-left:26px;
  position:relative}
.woopage--thanks .woocommerce-customer-details--phone::before,
.woopage--thanks .woocommerce-customer-details--email::before{left:0;top:2px;color:var(--c-muted)}

/* Fizetési utasítás (utalás) */
.woopage--thanks .woocommerce-bacs-bank-details{margin:0 0 var(--sp-8);padding:var(--sp-5);
  border:1px solid var(--c-stroke);border-radius:var(--r-card);background:var(--c-accent)}
.woopage--thanks .woocommerce-bacs-bank-details h2{font-size:var(--fs-sub2);margin:0 0 var(--sp-3)}
.woopage--thanks .woocommerce-bacs-bank-details ul{margin:0;padding-left:18px;font-size:var(--fs-sm)}

@media (max-width:1000px){
  .woopage--checkout ul.woocommerce-order-overview,
  .woopage--checkout ul.order_details{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .woopage--thanks .woocommerce-customer-details .woocommerce-columns,
  .woopage--thanks section.woocommerce-columns--2{grid-template-columns:1fr}
  .woopage--checkout ul.woocommerce-order-overview,
  .woopage--checkout ul.order_details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woopage--thanks table.order_details th,.woopage--thanks table.order_details td{padding:10px 12px}
}

@media (max-width:1000px){
  .woopage--checkout form.checkout{grid-template-columns:1fr}
  .woopage--checkout .col2-set,.woopage--checkout .woocommerce-additional-fields,
  .woopage--checkout .woocommerce-checkout-review-order{grid-column:1;grid-row:auto;position:static}
  .woopage--checkout .form-row-first,.woopage--checkout .form-row-last{width:100%;float:none}
}

/* ---------- Klasszikus kosár ------------------------------------------- */
.woopage--cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 380px;
  gap:var(--sp-10);align-items:start}
.woopage--cart .woocommerce-notices-wrapper{grid-column:1/-1}
.woopage--cart form.woocommerce-cart-form{grid-column:1;grid-row:1;min-width:0}
.woopage--cart .cart-collaterals{grid-column:2;grid-row:1 / span 2;position:sticky;top:100px;align-self:start}
.woopage--cart .cart-collaterals .cross-sells{display:none}   /* a téma saját ajánlója jön */

/* Tételek */
.woopage--cart form.woocommerce-cart-form{max-width:100%;overflow-x:auto}
.woopage--cart table.shop_table{width:100%;border:1px solid var(--c-stroke);
  border-radius:var(--r-card);border-collapse:separate;border-spacing:0;overflow:hidden;
  background:#fff;margin:0}
.woopage--cart table.shop_table th{background:var(--c-accent);padding:12px 14px;
  font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);
  text-align:left;border:0}
.woopage--cart table.shop_table td{padding:14px;border:0;border-top:1px solid rgb(0 0 0 /.06);
  vertical-align:middle;font-size:var(--fs-sm)}
.woopage--cart .product-remove{width:36px;padding-right:0}
.woopage--cart .product-remove a.remove{display:grid;place-items:center;width:28px;height:28px;
  border-radius:50%;color:var(--c-muted)!important;font-size:20px;line-height:1;
  text-decoration:none;font-weight:400}
.woopage--cart .product-remove a.remove:hover{background:var(--c-primary);color:#fff!important}
.woopage--cart .product-thumbnail{width:84px}
.woopage--cart .product-thumbnail img{width:72px;height:72px;object-fit:contain;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;display:block}
.woopage--cart .product-name a{font-weight:700;color:var(--c-text);text-decoration:none}
.woopage--cart .product-name a:hover{color:var(--c-primary)}
.woopage--cart .product-name .variation{margin:4px 0 0;font-size:12px;color:var(--c-muted)}
.woopage--cart .product-name .variation dt,.woopage--cart .product-name .variation dd{
  display:inline;margin:0;font-weight:400}
.woopage--cart .product-price,.woopage--cart .product-subtotal{white-space:nowrap;
  font-variant-numeric:tabular-nums}
.woopage--cart .product-subtotal{font-weight:700}
.woopage--cart .product-quantity .quantity{display:inline-flex;align-items:stretch;
  border:1px solid var(--c-stroke);border-radius:var(--r-btn);overflow:hidden;background:#fff}
.woopage--cart .product-quantity input.qty{width:48px;height:40px;border:0;text-align:center;
  font:inherit;font-weight:700;-moz-appearance:textfield;appearance:textfield}
.woopage--cart .product-quantity .qty__btn{width:36px;font-size:18px}

/* Alsó sor: kupon + frissítés */
.woopage--cart td.actions{padding:14px;background:var(--c-accent)}
.woopage--cart td.actions .coupon{display:flex;gap:8px;align-items:center;float:none}
.woopage--cart td.actions .coupon label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.woopage--cart td.actions .coupon .input-text{width:180px;height:40px;padding:0 12px;
  font:inherit;font-size:14px;border:1px solid var(--c-stroke);border-radius:var(--r-btn);background:#fff}
.woopage--cart td.actions .coupon .input-text:focus{outline:0;border-color:var(--c-primary)}
.woopage--cart td.actions .button{min-height:40px;padding:0 16px;border:1px solid var(--c-stroke);
  border-radius:var(--r-btn);background:#fff;color:var(--c-text);font:inherit;font-size:14px;
  font-weight:700;cursor:pointer;float:none}
.woopage--cart td.actions .button:hover{border-color:var(--c-primary);color:var(--c-primary)}
.woopage--cart td.actions .button[name=update_cart]{float:right}
.woopage--cart td.actions .button:disabled{opacity:.5;cursor:default}

/* Összesítő */
/* A WooCommerce a .woocommerce .cart-collaterals .cart_totals-ra 48%-os
   szélességet és float-ot ad (0,3,0 erősség). Ugyanilyen erős szelektorral
   írjuk felül, különben a doboz a sáv felére szűkül. */
.woopage--cart .woocommerce .cart-collaterals .cart_totals,
.woopage--cart .cart_totals{width:100% !important;float:none !important;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);
  background:var(--c-accent);padding:var(--sp-5);box-sizing:border-box}
.woopage--cart .woocommerce .cart-collaterals{width:100%;float:none}
.woopage--cart .cart_totals h2{margin:0 0 var(--sp-4);font-size:var(--fs-sub2);font-weight:700}
.woopage--cart .cart_totals table.shop_table{border:0;background:none;border-radius:0}
.woopage--cart .cart_totals table.shop_table th,.woopage--cart .cart_totals table.shop_table td{
  padding:10px 0;background:none;border:0;border-bottom:1px solid rgb(0 0 0 /.07);
  font-size:var(--fs-sm);text-transform:none;letter-spacing:0;color:var(--c-text)}
.woopage--cart .cart_totals table.shop_table th{font-weight:400;color:var(--c-text-soft)}
.woopage--cart .cart_totals table.shop_table td{text-align:right;font-variant-numeric:tabular-nums;
  white-space:normal;overflow-wrap:anywhere}
.woopage--cart .cart_totals table.shop_table td .includes_tax{display:block;font-size:12px;
  font-weight:400;color:var(--c-muted);margin-top:2px}
.woopage--cart .cart_totals .order-total th,.woopage--cart .cart_totals .order-total td{
  border-bottom:0;padding-top:14px;font-size:var(--fs-sub2);font-weight:700}
/* A cellák blokkok, de a SOR is az kell legyen – különben a tr
   table-row marad, és 118 px-re zsugorodik a 338-as táblában. */
.woopage--cart .cart_totals table.shop_table{display:block;width:100%}
.woopage--cart .cart_totals table.shop_table tbody{display:block;width:100%}
.woopage--cart .cart_totals table.shop_table tr{display:flex;justify-content:space-between;
  gap:12px;width:100%;box-sizing:border-box}
.woopage--cart .cart_totals table.shop_table tr > th,
.woopage--cart .cart_totals table.shop_table tr > td{display:block;flex:1 1 auto;width:auto}
.woopage--cart .cart_totals table.shop_table tr > td{flex:0 1 auto;text-align:right}
.woopage--cart .cart_totals .woocommerce-shipping-totals{flex-direction:column;gap:6px}
.woopage--cart .cart_totals .woocommerce-shipping-totals th{display:block;padding-bottom:4px;width:100%}
.woopage--cart .cart_totals .woocommerce-shipping-totals td{display:block;flex:1 1 100%;
  width:100%;text-align:left;padding-top:0}
.woopage--cart .cart_totals .woocommerce-shipping-totals ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:8px}
.woopage--cart .cart_totals .woocommerce-shipping-totals li{display:flex;gap:10px;
  align-items:flex-start;text-align:left}
.woopage--cart .cart_totals .woocommerce-shipping-totals input{accent-color:var(--c-primary);
  flex:none;margin-top:3px}
.woopage--cart .cart_totals .woocommerce-shipping-totals label{flex:1;margin:0;
  font-weight:400;font-size:13px;line-height:1.45;text-align:left;
  display:block;min-width:0;overflow-wrap:anywhere}
.woopage--cart .cart_totals .woocommerce-shipping-totals label img{display:inline-block;
  max-height:22px;width:auto;vertical-align:middle;margin:2px 4px 2px 0}
.woopage--cart .cart_totals .woocommerce-shipping-totals .amount{font-weight:700}
.woopage--cart .cart_totals .woocommerce-shipping-destination{font-size:12px;color:var(--c-muted);margin:6px 0 0}
.woopage--cart .cart_totals .shipping-calculator-button{font-size:12px;color:var(--c-primary);font-weight:700}
.woopage--cart .wc-proceed-to-checkout{padding:var(--sp-4) 0 0;margin:0}
/* A WooCommerce a.button.alt lila (#7f54b3) alapszínét !important-tal írjuk felül. */
.woopage--cart .woocommerce a.button.checkout-button,
.woopage--cart .wc-proceed-to-checkout .checkout-button{display:flex !important;
  justify-content:center;align-items:center;width:100%;min-height:56px;height:auto;
  margin:0;padding:0 22px;border:0;border-radius:var(--r-btn) !important;
  background:var(--c-primary) !important;color:#fff !important;
  font:inherit;font-weight:700 !important;font-size:16px !important;line-height:1.2;
  text-decoration:none;transition:background-color .15s ease}
.woopage--cart .woocommerce a.button.checkout-button:hover,
.woopage--cart .wc-proceed-to-checkout .checkout-button:hover{background:var(--c-primary-dark) !important}

/* Üres kosár */
.woopage--cart .cart-empty{grid-column:1/-1;margin:0 0 var(--sp-4);padding:var(--sp-6);
  border:1px solid var(--c-stroke);border-radius:var(--r-card);background:var(--c-accent);
  font-size:var(--fs-sub2);font-weight:700}
.woopage--cart .return-to-shop{grid-column:1/-1}
.woopage--cart .return-to-shop .button{display:inline-flex;align-items:center;min-height:48px;
  padding:0 22px;border-radius:var(--r-btn);background:var(--c-primary);color:#fff;
  font-weight:700;text-decoration:none}

@media (max-width:1000px){
  .woopage--cart .woocommerce{grid-template-columns:1fr}
  .woopage--cart .cart-collaterals{grid-column:1;position:static}
}

/* ---------- Product Add-Ons: opciók és összesítő ------------------------ */
/* A képernyőn a rádiógombok nyersek voltak, az ár külön sorban lógott, az
   összesítőben pedig a „86 360 Ft" két sorba tört. */

/* Opciók kártyaként. A tényleges szerkezet:
   fieldset.wc-pao-fieldset > legend + .form-row > div[class^=wc-pao-addon-] > input + label */
.wc-pao-addon-container{margin:0 0 var(--sp-4)}
.wc-pao-fieldset{border:0;padding:0;margin:0;min-width:0}
.wc-pao-legend,.wc-pao-addon-name{display:block;margin:0 0 8px;padding:0;
  font-size:var(--fs-sm);font-weight:700;color:var(--c-text)}
.wc-pao-fieldset .form-row{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.wc-pao-fieldset .form-row > div{position:relative;display:flex;align-items:flex-start;
  gap:12px;padding:12px 14px;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  background:#fff;cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease}
.wc-pao-fieldset .form-row > div:hover{border-color:var(--c-primary);background:rgb(221 0 23 /.03)}
.wc-pao-fieldset .form-row > div:has(input:checked){border-color:var(--c-primary);
  background:rgb(221 0 23 /.05)}
.wc-pao-fieldset .form-row > div input[type=radio],
.wc-pao-fieldset .form-row > div input[type=checkbox]{flex:none;width:18px;height:18px;
  margin:2px 0 0;accent-color:var(--c-primary);cursor:pointer}
.wc-pao-fieldset .form-row > div label{flex:1;display:flex;flex-wrap:wrap;
  justify-content:space-between;gap:4px 12px;margin:0;padding:0;cursor:pointer;
  font-size:14px;line-height:1.4;font-weight:400;color:var(--c-text)}
/* A felár a sor végén, jobbra, egy sorban. */
.wc-pao-fieldset .form-row > div label .wc-pao-addon-price{margin-left:auto;flex:none;
  font-weight:700;color:var(--c-primary);white-space:nowrap}
/* Legördülős vagy szöveges kiegészítő */
.wc-pao-addon-container select.wc-pao-addon-field,
.wc-pao-addon-container input.wc-pao-addon-field[type=text],
.wc-pao-addon-container textarea.wc-pao-addon-field{width:100%;min-height:48px;padding:0 14px;
  font:inherit;font-size:15px;border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff}

/* Összesítő: két oszlop, az ár egy sorban, jobbra zárva. */
#product-addons-total{margin:var(--sp-4) 0 var(--sp-5);padding:var(--sp-4) var(--sp-5);
  border:1px solid var(--c-stroke);border-radius:var(--r-card);background:var(--c-accent)}
#product-addons-total .product-addon-totals ul{list-style:none;margin:0;padding:0}
#product-addons-total .product-addon-totals li{display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:6px var(--sp-4);align-items:baseline;
  padding:8px 0;border-bottom:1px solid rgb(0 0 0 /.06);font-size:13px;line-height:1.4}
#product-addons-total .product-addon-totals li:last-child{border-bottom:0}
#product-addons-total .wc-pao-col1,#product-addons-total .wc-pao-col2{width:auto;
  float:none;padding:0;text-align:left}
#product-addons-total .wc-pao-col1 strong{font-weight:600;color:var(--c-text)}
#product-addons-total .wc-pao-col1 .wc-pao-addon-name{display:inline;margin:0;
  font-size:13px;font-weight:600}
#product-addons-total .wc-pao-col1 .wc-pao-addon-value{font-weight:400;color:var(--c-text-soft)}
#product-addons-total .wc-pao-col2{text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums;font-weight:700}
#product-addons-total .wc-pao-subtotal-line{grid-template-columns:1fr;margin-top:4px;
  padding-top:12px;border-top:1px solid var(--c-stroke)}
#product-addons-total .wc-pao-subtotal-line p.price{display:flex;justify-content:space-between;
  align-items:baseline;margin:0;font-size:var(--fs-sub2);font-weight:700;color:var(--c-text)}
#product-addons-total .wc-pao-subtotal-line .amount{white-space:nowrap;
  font-variant-numeric:tabular-nums}

@media (max-width:560px){
  .wc-pao-addon-wrap > label{flex-wrap:wrap}
  .wc-pao-addon-wrap > label .wc-pao-addon-price{margin-left:30px;padding-left:0}
}

/* ---------- Csomagtermék (Composite Products) --------------------------- */
/* A bővítmény saját elrendezése kilógott a vásárlási oszlopból; itt
   minden elem a konténer szélességére szorul, és a téma formáit kapja. */
.composite_form,.composite_form *{box-sizing:border-box}
.composite_form{max-width:100%;display:flex;flex-direction:column;gap:var(--sp-4)}
.composite_form .composite_wrap,.composite_form .composite_components,
.composite_form .component,.composite_form .component_inner,
.composite_form .component_content,.composite_form .component_options,
.composite_form .component_selections,.composite_form .composited_product,
.composite_form .composited_product_details_wrapper,.composite_form .details{
  max-width:100%;min-width:0;width:100%;float:none;margin-left:0;margin-right:0}

/* Komponens fejléc: „1. Pénztárgép" – nagy, és MINDIG nyitva.
   A bővítmény lépésenként csukja-nyitja a komponenseket; egy 2–4 elemű
   csomagnál ez csak kattintgatás. Itt minden látszik. */
.composite_form .component{padding-top:var(--sp-5);margin-top:var(--sp-3);
  border-top:1px solid var(--c-stroke)}
.composite_form .component:first-child{border-top:0;padding-top:0;margin-top:0}
.composite_form .component_title_wrapper,.composite_form .component_title{margin:0 0 var(--sp-4)}
.composite_form .component_title{display:flex;align-items:center;gap:10px;
  font-size:var(--fs-h4);line-height:1.2;font-weight:700;color:var(--c-text);cursor:default}
.composite_form .component_title .step_title_index{color:var(--c-primary)}
.composite_form .component_title .toggle_indicator{display:none}
.composite_form .component_inner,.composite_form .component_content{display:block !important;
  height:auto !important;opacity:1 !important;overflow:visible !important}
.composite_form .component_title_wrapper .toggled_component_title,
.composite_form .component_title_wrapper.toggled .component_title{color:var(--c-text)}

/* Választó legördülő a téma select-stílusával. */
.composite_form .component_options_select,
.composite_form select.component_options_select{appearance:none;-webkit-appearance:none;
  width:100%;min-height:48px;padding:0 44px 0 14px;font:inherit;font-size:15px;
  color:var(--c-text);background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-field);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;
  cursor:pointer;text-overflow:ellipsis}
.composite_form .component_options_select:focus{outline:0;border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgb(221 0 23 /.10)}
.composite_form .component_options_select_wrapper,.composite_form .component_selections{margin:0 0 var(--sp-3)}
.composite_form .component_options .options_title,
.composite_form .component_selections .selections_title,
.composite_form .component_selections_title{display:block;margin:0 0 6px;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}

/* A kiválasztott termék kártyája */
.composite_form .composited_product_details_wrapper,.composite_form .component_content{
  padding:var(--sp-4);border:1px solid var(--c-stroke);border-radius:var(--r-card);background:#fff}
.composite_form .composited_product_title{margin:0 0 var(--sp-3);font-size:var(--fs-body);
  font-weight:700;line-height:1.35}
/* A kiválasztott termék képe kicsiben, balra; mellette a részletek. */
.composite_form .composited_product{display:grid;grid-template-columns:96px minmax(0,1fr);
  gap:var(--sp-4);align-items:start}
.composite_form .composited_product_images{display:block;width:96px;margin:0;float:none}
.composite_form .composited_product_images img{width:96px;height:96px;object-fit:contain;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;display:block}
.composite_form .composited_product_images .woocommerce-product-gallery__trigger,
.composite_form .composited_product_images .flex-control-nav{display:none}
.composite_form .composited_product_details{display:block;width:auto;float:none;padding:0;min-width:0}
/* A készlet darabszáma nem a vevőre tartozik – a bővítmény a
   component_wrap közvetlen gyerekeként írja ki, nem a részletekbe. */
.composite_form p.stock,.composite_form .stock,
.composite_form .component_wrap > p.stock,
.composite_form .composited_product_details .stock{display:none !important}

/* „Subtotal:" tartalék, ha a JS-ből jövő felirat nem fordulna:
   a szöveget elrejtjük, és CSS-ből írjuk a magyart. */
.composite_form .subtotal:not(:lang(en)){font-size:0}
.composite_form .subtotal:not(:lang(en))::before{content:"Részösszeg:";font-size:13px}
.composite_form .subtotal:not(:lang(en)) .amount{font-size:13px;font-weight:700;margin-left:4px}

/* Egyoldalas („single") elrendezés: nincs lépcső, nincs nyíl, nincs csukás. */
.composite_form .component_title .toggle_indicator,
.composite_form .component_title_wrapper .toggle_indicator,
.composite_form.progressive .component_title::before{display:none !important}
.composite_form .component_title{pointer-events:none}
.composite_form .component_title *{pointer-events:none}
.composite_form .composited_product_details .price{margin:0 0 var(--sp-3)}
.composite_form .composited_product_details .stock{margin:var(--sp-3) 0 0}
.composite_form .composited_product_details .wc-pao-addons-container{margin-top:var(--sp-3)}

/* Végösszeg és gomb */
.composite_form .composite_price{margin:var(--sp-4) 0;padding:var(--sp-4) var(--sp-5);
  border:1px solid var(--c-stroke);border-radius:var(--r-card);background:var(--c-accent)}
.composite_form .composite_price .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  margin:0;font-size:var(--fs-sub1);font-weight:700;color:var(--c-text)}
.composite_form .composite_price .price del{font-size:var(--fs-sm);font-weight:400;color:var(--c-muted)}
.composite_form .composite_price .price ins{text-decoration:none;color:var(--c-primary)}
/* Saját megjelenítés a JS-ből: nettó nagyban, bruttó és kedvezmény alatta. */
.composite_form .composite_price.is-ep{display:none}
.composite_form .ep-cprice{display:flex;flex-direction:column;gap:4px;margin:var(--sp-4) 0;
  padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-stroke);border-radius:var(--r-card);
  background:var(--c-accent)}
.composite_form .composite_price .ep-cprice__l,.composite_form .ep-cprice__l{font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--c-muted)}
.composite_form .ep-cprice__net{font-size:var(--fs-h3);line-height:1.1;font-weight:700;
  color:var(--c-text)}
.composite_form .ep-cprice__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:var(--fs-sm);color:var(--c-text-soft)}
.composite_form .ep-cprice__row b{color:var(--c-text)}
.composite_form .ep-cprice__row s{color:var(--c-muted)}
.composite_form .ep-cprice__badge{padding:2px 8px;border-radius:999px;
  background:var(--c-primary);color:#fff;font-size:12px;font-weight:700}
.composite_form .composite_price .total{font-size:var(--fs-sm);font-weight:700;color:var(--c-muted);
  text-transform:uppercase;letter-spacing:.04em;margin-right:auto}
.composite_form .composite_message{margin:0 0 var(--sp-3)}
.composite_form .composite_message .woocommerce-info,
.composite_form .composite_message .composite_message_content{margin:0;padding:10px 14px 10px 40px;
  border:1px solid rgb(230 138 0 /.35);border-radius:var(--r-field);
  background:rgb(230 138 0 /.06);font-size:13px;color:var(--c-text)}
.composite_form .composite_summary{display:none}         /* az üres szürke sáv */
.composite_form .composite_button{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;
  margin:0;padding:0;background:none;border:0}
.composite_form .composite_button .quantity{margin:0}
.composite_form .composite_add_to_cart_button{flex:1 1 220px;min-height:56px}
.composite_form .composite_add_to_cart_button.disabled,
.composite_form .composite_add_to_cart_button:disabled{opacity:.45;cursor:not-allowed}

/* Lépéses (progressive) mód: a fejlécek kattinthatók, a lezártak halványak */
.composite_form.progressive .component.component_disabled{opacity:.5}
.composite_form .component_title_wrapper.toggled .component_title{color:var(--c-primary)}

@media (max-width:560px){
  .composite_form .composite_add_to_cart_button{flex-basis:100%}
}

/* ---------- Üres kosár --------------------------------------------------- */
.woopage--cart .woocommerce:has(.cart-empty-state){display:block}
.cart-empty-state{max-width:560px;margin:var(--sp-6) auto var(--sp-8);padding:var(--sp-9) var(--sp-7);
  text-align:center;border:1px solid var(--c-stroke);border-radius:var(--r-card);background:#fff}
.cart-empty-state__ico{display:grid;place-items:center;width:72px;height:72px;
  margin:0 auto var(--sp-5);border-radius:50%;background:var(--c-accent);color:var(--c-muted)}
.cart-empty-state__ico svg{width:34px;height:34px}
.cart-empty-state__h{margin:0 0 8px;font-size:var(--fs-h4);line-height:1.2;font-weight:700}
.cart-empty-state__s{margin:0 0 var(--sp-6);font-size:var(--fs-sm);line-height:1.55;
  color:var(--c-text-soft)}
.cart-empty-state__act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  margin:0 0 var(--sp-7)}
.cart-empty-state__act .btn{min-width:180px;justify-content:center}
.cart-empty-state__cats-h{margin:0 0 10px;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}
.cart-empty-state__cats{list-style:none;margin:0 0 var(--sp-6);padding:0;
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cart-empty-state__cats a{display:inline-flex;align-items:center;height:38px;padding:0 16px;
  border:1px solid var(--c-stroke);border-radius:999px;font-size:13px;font-weight:700;
  color:var(--c-text);text-decoration:none;transition:border-color .15s ease,color .15s ease}
.cart-empty-state__cats a:hover{border-color:var(--c-primary);color:var(--c-primary)}
.cart-empty-state__help{margin:0;font-size:13px;color:var(--c-muted)}
.cart-empty-state__help a{color:var(--c-primary);font-weight:700;text-decoration:none}

/* A Woo saját üres-üzenete és gombja rejtve, ha a sajátunk fut. */
.woopage--cart .wc-empty-cart-message,
.woopage--cart .return-to-shop{display:none}

@media (max-width:560px){
  .cart-empty-state{padding:var(--sp-6) var(--sp-5)}
  .cart-empty-state__act .btn{width:100%}
}

/* ---------- Csomag: nem vásárolható jelzés a lap tetején ---------------- */
.pdp__blocked{display:flex;flex-direction:column;gap:4px;margin:0 0 var(--sp-4);
  padding:12px 16px;border:1px solid rgb(221 0 23 /.35);border-radius:var(--r-field);
  background:rgb(221 0 23 /.06);font-size:var(--fs-sm);line-height:1.5}
.pdp__blocked strong{color:var(--c-primary);font-size:var(--fs-body)}

/* ---------- Kosárűrlap: kiegészítők teljes sorban, üres összesítő rejtve -- */
/* A form.cart flex-sor; a Product Add-Ons konténere és az összesítő nem
   foglalta el a teljes sort, ezért a mennyiség melléjük csúszott, és a
   magasságukra nyúlt. */
.woocommerce div.product form.cart .wc-pao-addons-container,
.woocommerce div.product form.cart #product-addons-total{flex:1 1 100%;width:100%;
  min-width:0;box-sizing:border-box}
.woocommerce div.product form.cart .quantity{align-self:center;height:auto}
/* Az összesítő doboz csak akkor látszik, ha van benne sor – kötelező,
   még ki nem választott kiegészítőnél üres lenne. */
#product-addons-total:empty,
#product-addons-total:not(:has(li)){display:none}
/* ---------- Reszponzív ------------------------------------------------ */
@media (max-width:1200px){
  .pdp__hero{grid-template-columns:1fr;gap:var(--sp-8)}
  .prod-grid.columns-4,ul.products.columns-4{grid-template-columns:repeat(3,1fr)}
  .cats__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1100px){
  .chero__in{grid-template-columns:1fr;gap:var(--sp-8);padding-block:56px}
  .hero{min-height:520px}
  .hero__in{padding-block:56px}
  .hd__act .btn{display:none}
  .hd__quick{display:none}
  .hd__logo-img{height:36px}
}
@media (max-width:1100px){
  .ft__in{grid-template-columns:1fr 1fr;gap:var(--sp-8)}
  .ft__latest,.ft__news{grid-column:auto}
  .ft__trust{grid-column:1/-1;flex-direction:row;justify-content:flex-start}
}
@media (max-width:1000px){
  .fcta__in{flex-direction:column;align-items:flex-start}
  .ft__in{grid-template-columns:1fr}
  .ft__bottom{flex-direction:column;align-items:flex-start}
  .arch__cols{grid-template-columns:1fr}
  .arch__side{position:static}
  .guide__in{grid-template-columns:1fr}
  .toc{position:static;order:-1}
  .usp__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usp__showroom{grid-column:1/-1}
  .post-grid:not(.post-grid--4){grid-template-columns:repeat(2,1fr)}
  .ft__in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .prod-grid,ul.products,.prod-grid.columns-4,ul.products.columns-4,.prod-grid.columns-3,ul.products.columns-3{grid-template-columns:repeat(2,1fr)}
  .cats__grid,.post-grid:not(.post-grid--4){grid-template-columns:1fr}
  .warranty{grid-template-columns:1fr}
  .hd__search{order:3;flex-basis:100%;max-width:none;margin-inline:0}
  .hd__socials,.hd__quick{display:none}
  .hd__util2-in{flex-wrap:wrap}
  .hd__navbar-in{flex-wrap:wrap;gap:var(--sp-4)}
  .hd__left{gap:16px}
  .nav__list{justify-content:flex-start}
  .hd__utility-in{font-size:var(--fs-xs);gap:8px}
  .hd__u-left,.hd__u-right{gap:14px}
  .helper{padding:24px}
  .hd__burger{display:block}
  /* A panel megjelenítését az off-canvas blokk kezeli (transform),
     itt csak a hamburger láthatóságát állítjuk. */
  .nav__list{flex-direction:column;gap:0}
  .nav__list a{padding:12px 0;border-bottom:1px solid var(--c-stroke)}
  .card__act{flex-direction:column}
  .card__act .btn{width:100%}
}
@media (max-width:480px){
  .prod-grid,ul.products,.prod-grid.columns-4,ul.products.columns-4,.prod-grid.columns-3,ul.products.columns-3{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .card:hover{transform:none}
}
.err{padding-block:var(--sp-16);text-align:center}

/* ikonméretek – a fejléc SVG-inek nem volt méretkorlátja */
.hd__phone{white-space:nowrap}
.hd__phone svg,.hd__cart svg{width:22px;height:22px;flex:none}
.hd__cart{align-items:center}
.askbox .btn svg,.helpbox .btn svg{width:1.1em;height:1.1em}
.link-arrow svg{width:1em;height:1em}

/* Figmából átvett kiegészítések */
.hd__bar-in{align-items:center}
.hd__meta{display:flex;align-items:center;gap:8px}
.hd__meta svg{width:16px;height:16px;flex:none;color:var(--c-primary-on-dark)}
.social{display:flex;gap:12px;align-items:center}
.social a{display:grid;place-items:center;color:var(--c-primary)}
.social svg{width:26px;height:26px}
.ft .social a{color:var(--c-primary-on-dark)}
.trustbadges{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:var(--sp-6)}
.trustbadges img{max-height:64px;width:auto}
.pay__list img{height:32px;width:auto}


/* =========================================================================
 * Testreszabóból átvett szabályok (2026-09-10)
 *
 * A Testreszabó „Egyedi CSS" mezőjét a téma már nem tölti be; az ott
 * gyűlt, még érvényes szabályok ide kerültek – ismétlések nélkül, a
 * témával egyeztetve. A dátumos blokkok az eredeti jegyzeteket őrzik.
 * ====================================================================== */

/* --- Fejléc ---------------------------------------------------------- */
a.custom-logo-link{display:none}
.hd__utility{background:#2b2b2b}
.hd__utility a,.hd__utility span{justify-content:center}
.is-scrolled .nav__list a{text-transform:uppercase;font-size:12px}
.hd__search .dgwt-wcas-sf-wrapp:focus-within{box-shadow:initial}
@media (max-width:760px){
  .hd__utility-in{text-align:center;justify-content:center}
  ul#menu-fomenu a{padding-left:15px}
}

/* --- Gombok: hover fehér szöveg --------------------------------------- */
a.btn.btn--primary:hover,
a.btn.btn--primary.helpbox__btn:hover,
a.btn.btn--primary.btn--lg.svcbox__btn:hover,
a.btn.btn--ghost-light.btn--lg:hover{color:#fff !important}
a.added_to_cart.wc-forward{display:none !important}

/* --- Termékrács, kártya ----------------------------------------------- */
.prod-grid,ul.products{gap:var(--sp-4)}
a.pcard__img img{width:100%}
.cmodal__box{padding:20px !important}

/* --- Product Add-Ons, kompozit ---------------------------------------- */
#product-addons-total .product-addon-totals li:last-child{border:0 !important}
.product-addon-totals,div.product-addon-totals,li.wc-pao-subtotal-line{border:0 !important}
legend.wc-pao-addon-name.wc-pao-legend{margin-bottom:5px !important}
.form-row.form-row-wide.wc-pao-addon-wrap > div{display:flex;align-items:center;gap:10px}
.composite_form .component{border:0 !important}
.composite_form:not(.paged) .component .component_inner{padding-bottom:0}
.component .composited_product_title_wrapper{padding-top:0}
form.cart.cart_group.composite_form.single.standard.full_width{margin-top:40px}
.composite_form .composite_price.is-ep{display:none !important}

/* --- Űrlapok ---------------------------------------------------------- */
.woocommerce form .form-row label{margin-bottom:0}
section#urlap{padding:20px}
.gform-theme--framework .gfield--type-choice .gchoice,
.gform-theme--framework .gfield--type-choice .ginput_container_consent{align-items:center;gap:10px !important}

/* --- Információs oldalak: teljes szélesség --------------------------- */
.infopage__body p,.infopage__body li{max-width:100%}

/* --- Kosár / pénztár -------------------------------------------------- */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{float:right;width:100%}
.wc-block-components-totals-coupon.wc-block-components-panel{padding:10px !important}
.woopage--checkout .wc-block-checkout__sidebar{background:#fff !important}
.woopage .wc-block-components-order-summary{background:#fff !important;border:0}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper{padding:10px}

/* Kosár + pénztár: breadcrumb elrejtése (minden nézet, 2026-09-07) */
body.woocommerce-cart .crumbs,
body.woocommerce-checkout .crumbs{display:none !important}

/* ===== MOBIL: 2 termékkártya egy sorban (2026-09-06) ===== */
@media (max-width:767px){
  .prod-grid,ul.products,
  .prod-grid.columns-2,ul.products.columns-2,
  .prod-grid.columns-3,ul.products.columns-3,
  .prod-grid.columns-4,ul.products.columns-4,
  .prod-grid.columns-5,ul.products.columns-5{display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 8px !important}
  .prod-grid > li,.prod-grid > .card,ul.products > li{min-width:0}
  .card__title{font-size:14px;line-height:1.25}
  .card__brand{font-size:11px}
  .ar__net{font-size:15px}
  .ar__gross,.ar__old,.ar__save{font-size:11px}
  .ar,.ar > *{min-width:0;overflow-wrap:anywhere}
  .card__act .btn{padding-left:6px;padding-right:6px;font-size:13px}
  .ep-stock{flex-wrap:wrap;white-space:normal;gap:0 4px;font-size:10px}
  .ep-stock__now{white-space:normal}
  .cdown{font-size:10px}
}

/* ===== MOBIL: bizalmi sáv 2×2 (2026-09-06) ===== */
@media (max-width:767px){
  .usp__in{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;align-items:stretch}
  .usp__in > *{min-width:0}
  .usp__showroom{grid-column:auto !important;padding:14px !important;flex-direction:column;
    align-items:flex-start;gap:8px}
  .usp__i{align-items:flex-start}
  .usp__sr-txt,.usp__t{min-width:0;overflow-wrap:break-word}
  .usp__sr-ico,.usp__ico{flex:0 0 auto}
}

/* ===== MOBIL: kategória hero, oldalsáv, kosár (2026-09-07) ===== */
@media (max-width:767px){
  .chero__in aside.helper{display:none !important}
  .chero__in{grid-template-columns:1fr !important}
  .helpbox--side{display:none !important}
  .arch__cols{display:grid !important;grid-template-columns:minmax(0,1fr) !important}
  .arch__side{order:2;min-width:0}
  .arch__side:not(:has(.tree)){display:none !important}
  .arch__side .tree{margin-top:28px}

  .woocommerce table.shop_table_responsive tr.cart_item,
  .woocommerce-page table.shop_table_responsive tr.cart_item{display:grid !important;
    grid-template-columns:72px minmax(0,1fr) auto !important;
    grid-template-areas:'thumb name remove' 'thumb price price' 'thumb qty subtotal' !important;
    gap:6px 12px !important;align-items:center;padding:14px !important;
    border-top:0 !important;border-bottom:1px solid #e3e3e3 !important}
  .woocommerce table.shop_table_responsive tr.cart_item > td,
  .woocommerce-page table.shop_table_responsive tr.cart_item > td{display:block !important;
    padding:0 !important;border:0 !important;text-align:left !important;min-width:0;background:none !important}
  .woocommerce table.shop_table_responsive tr.cart_item > td::before,
  .woocommerce-page table.shop_table_responsive tr.cart_item > td::before{display:none !important;float:none !important}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-thumbnail{grid-area:thumb;display:block !important;align-self:start}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-thumbnail img{width:72px !important;height:72px !important;
    object-fit:contain;border:1px solid #e3e3e3;border-radius:6px;background:#fff}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-name{grid-area:name;font-weight:700;font-size:14px;line-height:1.3}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-name a{color:inherit}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-remove{grid-area:remove;justify-self:end;align-self:start}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-remove a.remove{width:32px;height:32px;line-height:32px;font-size:22px;margin:0}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-price{grid-area:price;font-size:13px;color:#666}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-price::before{display:inline !important;content:'Egységár: ';font-weight:400;color:#666}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-quantity{grid-area:qty}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-quantity .quantity{margin:0}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-subtotal{grid-area:subtotal;justify-self:end;
    text-align:right !important;font-weight:700;font-size:16px;white-space:nowrap}
  .woocommerce table.shop_table_responsive tr.cart_item > td.product-subtotal::before{display:block !important;content:'Részösszeg';
    font-size:10px;font-weight:400;color:#666;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
}

/* ===== MOBIL pénztár összegző: nincs kártya/keret, szállítás teljes szélesség (2026-09-07b) ===== */
@media (max-width:767px){
  .woocommerce-checkout-review-order-table,
  .woocommerce-checkout-review-order-table thead,
  .woocommerce-checkout-review-order-table tbody,
  .woocommerce-checkout-review-order-table tfoot,
  .woocommerce-checkout-review-order-table tr,
  .woocommerce-checkout-review-order-table th,
  .woocommerce-checkout-review-order-table td{display:block !important;border:0 !important;
    border-radius:0 !important;background:transparent !important;width:auto !important;overflow:visible !important}
  .woocommerce-checkout-review-order-table thead{display:none !important}
  .woocommerce-checkout-review-order-table tr.cart_item{display:flex !important;justify-content:space-between !important;
    align-items:baseline !important;gap:12px !important;padding:10px 0 !important}
  .woocommerce-checkout-review-order-table tr.cart_item > td.product-name{padding:0 !important;font-weight:700;font-size:14px;line-height:1.3}
  .woocommerce-checkout-review-order-table tr.cart_item > td.product-name .product-quantity{font-weight:400;color:#666;white-space:nowrap}
  .woocommerce-checkout-review-order-table tr.cart_item > td.product-total{padding:0 !important;text-align:right !important;
    font-weight:700;white-space:nowrap;flex:0 0 auto}
  .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
  .woocommerce-checkout-review-order-table tfoot tr.fee,
  .woocommerce-checkout-review-order-table tfoot tr.order-total{display:flex !important;justify-content:space-between !important;
    gap:12px !important;padding:8px 0 !important}
  .woocommerce-checkout-review-order-table tfoot tr th{padding:0 !important;font-weight:400;text-align:left !important}
  .woocommerce-checkout-review-order-table tfoot tr td{padding:0 !important;font-weight:700;text-align:right !important;white-space:normal}
  .woocommerce-checkout-review-order-table tfoot tr.order-total th,
  .woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:16px}
  .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{padding:10px 0 !important}
  .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th{padding:0 0 6px !important;font-weight:400;text-align:left !important}
  .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td{padding:0 !important;text-align:left !important}
  .woocommerce-checkout-review-order-table #shipping_method{width:100% !important;margin:0 !important;padding:0 !important;list-style:none !important}
}

/* ---------- Lábléc: legújabb termékek, hírek, Teya --------------------- */
.ft__prods,.ft__posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ft__prod{display:flex;gap:12px;align-items:center;text-decoration:none !important}
.ft__prod-img{flex:none;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#fff}
.ft__prod-img img{width:100%;height:100%;object-fit:contain;display:block}
.ft__prod-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ft__prod-name{font-size:13px;line-height:1.3;color:#fff}
.ft__prod:hover .ft__prod-name{color:var(--c-primary-on-dark)}
.ft__prod-price{font-size:12px;font-weight:700;color:rgb(255 255 255 /.7)}
.ft__prod-price .amount{color:#fff}

.ft__posts li{display:flex;flex-direction:column;gap:3px}
.ft__posts a{font-size:13px;line-height:1.35;font-weight:600}
.ft__posts time{font-size:11px;color:rgb(255 255 255 /.55)}
.ft__more{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;
  color:var(--c-primary-on-dark) !important}

/* Teya a legalján, a fizetési ikonok mellett */
.ft__teya{display:flex;align-items:center;gap:12px;margin:0 var(--sp-6) 0 auto;
  font-size:12px;color:rgb(255 255 255 /.7)}
.ft__teya-img{height:26px;width:auto;display:block;background:#fff;padding:4px 10px;border-radius:6px}
.ft__teya-txt{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:6px;
  background:#fff;color:#111;font-weight:800;letter-spacing:-.02em;font-size:15px}

@media (max-width:1200px){
  .ft__in{grid-template-columns:1fr 1fr 1fr}
  .ft__trust{grid-column:1/-1;flex-direction:row;justify-content:flex-start}
}
@media (max-width:760px){
  .ft__in{grid-template-columns:1fr}
  .ft__teya{margin:0 0 12px}
}

/* ---------- Kiegészítések (2026-09-10) --------------------------------- */
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered{text-align:left}
tr.woocommerce-shipping-totals.shipping th{display:none !important}

/* Fiókom → Címek: a két címkártya egymás mellett. A Woo clearfix
   ::before/::after itt is rácselemként viselkedett, és a .u-columns
   float+width párost ad. */
.woopage--account .woocommerce-Addresses,
.woopage--account .woocommerce-Addresses.u-columns{display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);width:100%}
.woopage--account .woocommerce-Addresses::before,
.woopage--account .woocommerce-Addresses::after{display:none !important;content:none !important}
.woopage--account .woocommerce-Addresses .woocommerce-Address,
.woopage--account .u-columns .u-column1,.woopage--account .u-columns .u-column2{
  float:none !important;width:auto !important;max-width:none !important;min-width:0}
.woopage--account .woocommerce-Address-title{display:flex;justify-content:space-between;
  align-items:center;gap:12px;flex-wrap:nowrap}
.woopage--account .woocommerce-Address-title h2,.woopage--account .woocommerce-Address-title h3{
  white-space:nowrap;margin:0}
.woopage--account .woocommerce-Address-title .edit{white-space:nowrap;flex:none}
@media (max-width:700px){ .woopage--account .woocommerce-Addresses{grid-template-columns:1fr} }

/* Lábléc: csak a Teya logó, kártyaikonok nélkül */
.ft__pay{display:none}
.ft__teya{margin-left:auto;margin-right:0}
.ft__teya-img{height:32px;background:none;padding:0;border-radius:0}

/* Cégünkről: az egymást követő képek rácsban, üres listaelemek nélkül */
.abbody__text .ep-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
  margin:var(--sp-6) 0;max-width:none}
.abbody__text .ep-gallery img{width:100%;height:220px;object-fit:cover;border-radius:var(--r-card);margin:0}
.abbody__text li:empty,.abbody__text ul:empty,.abbody__text p:empty{display:none}
@media (max-width:700px){ .abbody__text .ep-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .abbody__text .ep-gallery img{height:150px} }

/* ---------- Kiegészítések (2026-09-10b) -------------------------------- */
.woopage--checkout .ep-shipping-row__label{text-align:left;margin-bottom:0 !important}

/* Kosár: egységár a kiegészítőkkel, alatta az összetétel */
.woopage--cart .cart-unit{display:flex;flex-direction:column;gap:2px}
.woopage--cart .cart-unit b{font-weight:700;white-space:nowrap}
.woopage--cart .cart-unit small{font-size:11px;color:var(--c-muted);white-space:normal;line-height:1.35}

/* Fiókom: a Woo értesítő gombja a téma gombjához igazítva */
.woopage--account .woocommerce-info,
.woopage--account .woocommerce-message{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:14px 16px;line-height:1.5}
.woopage--account .woocommerce-info::before,
.woopage--account .woocommerce-message::before{position:static;margin:0}
.woopage--account .woocommerce-info .button,
.woopage--account .woocommerce-message .button{order:2;margin-left:auto;min-height:40px;
  padding:0 16px;display:inline-flex;align-items:center;border:0;border-radius:var(--r-btn);
  background:var(--c-primary);color:#fff;font-weight:700;font-size:13px;text-decoration:none;
  white-space:nowrap}
.woopage--account .woocommerce-info .button:hover{background:var(--c-primary-dark);color:#fff}
@media (max-width:600px){ .woopage--account .woocommerce-info .button{order:0;margin-left:0;width:100%;justify-content:center} }

/* ---------- Kiegészítések (2026-09-10c) -------------------------------- */
img.ft__teya-img{max-width:200px;height:auto}
p.ep-shipping-row__label{text-align:left !important;margin-bottom:0 !important}

/* ---------- Fiókom → Készletértesítéseim (WooCommerce Waitlist) --------- */
.woopage--account .woocommerce-MyAccount-content h2,
.woopage--account .woocommerce-MyAccount-content h3{font-size:var(--fs-sub2);margin:0 0 var(--sp-4)}
.woopage--account .woocommerce-MyAccount-content > p{margin:0 0 var(--sp-5);font-size:var(--fs-sm);
  color:var(--c-text-soft);line-height:1.55}

/* Bármely táblázat a fiók tartalmi részében (rendelések, készletértesítés) */
.woopage--account .woocommerce-MyAccount-content table:not(.order_details){width:100%;
  border:1px solid var(--c-stroke);border-radius:var(--r-card);border-collapse:separate;
  border-spacing:0;overflow:hidden;margin:0 0 var(--sp-8);background:#fff}
.woopage--account .woocommerce-MyAccount-content table:not(.order_details) th{background:var(--c-accent);
  padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);
  text-align:left;border:0}
.woopage--account .woocommerce-MyAccount-content table:not(.order_details) td{padding:12px 14px;
  font-size:var(--fs-sm);border:0;border-top:1px solid rgb(0 0 0 /.06);vertical-align:middle}

/* Waitlist-táblázat: termékkép, név, dátum, leiratkozás */
.woopage--account .wcwl_waitlist_table img,
.woopage--account table.wcwl-waitlist-table img,
.woopage--account .woocommerce-MyAccount-content td img{width:48px;height:48px;object-fit:contain;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;vertical-align:middle;margin-right:10px}
.woopage--account .woocommerce-MyAccount-content td a:not(.button):not(.btn){font-weight:700;
  color:var(--c-text);text-decoration:none}
.woopage--account .woocommerce-MyAccount-content td a:not(.button):not(.btn):hover{color:var(--c-primary)}
.woopage--account .wcwl_remove_link,
.woopage--account a.wcwl_remove,
.woopage--account .woocommerce-MyAccount-content .button.wcwl,
.woopage--account .woocommerce-MyAccount-content td .button{display:inline-flex;align-items:center;
  min-height:36px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-stroke);
  background:#fff;color:var(--c-text) !important;font-size:13px;font-weight:700;text-decoration:none;
  white-space:nowrap;transition:border-color .15s ease,color .15s ease}
.woopage--account .wcwl_remove_link:hover,
.woopage--account .woocommerce-MyAccount-content td .button:hover{border-color:var(--c-primary);
  color:var(--c-primary) !important}
.woopage--account .wcwl_notice,.woopage--account .woocommerce-MyAccount-content .wcwl-message{
  padding:12px 14px;border-radius:var(--r-field);border:1px solid var(--c-stroke);
  background:var(--c-accent);font-size:var(--fs-sm);margin:0 0 var(--sp-5)}

@media (max-width:700px){
  .woopage--account .woocommerce-MyAccount-content table:not(.order_details) thead{display:none}
  .woopage--account .woocommerce-MyAccount-content table:not(.order_details) tr{display:block;padding:10px 0;
    border-top:1px solid rgb(0 0 0 /.06)}
  .woopage--account .woocommerce-MyAccount-content table:not(.order_details) td{display:block;
    border:0;padding:4px 14px}
}

/* Csomagautomata-korlát magyarázata a pénztáron */
.woopage--checkout .ep-locker-note td{padding:0 0 10px !important}
.woopage--checkout .ep-locker-note p{margin:0;padding:10px 12px;border-radius:var(--r-field);
  border:1px solid rgb(230 138 0 /.35);background:rgb(230 138 0 /.07);
  font-size:12px;line-height:1.5;color:var(--c-text)}

/* Ingyenes szállítás logózás miatt – magyarázat a pénztáron */
.woopage--checkout .ep-freeship-note td{padding:0 0 10px !important}
.woopage--checkout .ep-freeship-note p{margin:0;padding:10px 12px;border-radius:var(--r-field);
  border:1px solid rgb(27 166 57 /.30);background:rgb(27 166 57 /.07);
  font-size:12px;line-height:1.5;color:var(--c-text)}

/* ---------- Minikosár a fejlécben ---------------------------------------- */
.hd__cartwrap{position:relative}
.mcart{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:360px;
  background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-card);
  box-shadow:0 16px 40px rgb(0 0 0 /.14);padding:var(--sp-4);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
.mcart::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}   /* hover-híd */
.hd__cartwrap.is-open .mcart{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mcart ul.cart_list{list-style:none;margin:0 0 var(--sp-3);padding:0;max-height:320px;
  overflow-y:auto;display:flex;flex-direction:column}
/* A Woo minikosár jelölése: <li><a.remove>×</a><a href><img>Név</a><span.quantity>1 × ár</span></li>
   A kép a link BELSEJÉBEN van, ezért nem rács, hanem a link maga flex. */
.mcart ul.cart_list li{position:relative;display:block;padding:10px 32px 10px 0;
  border-bottom:1px solid rgb(0 0 0 /.06)}
.mcart ul.cart_list li:last-child{border-bottom:0}
.mcart ul.cart_list li a:not(.remove){display:flex;gap:12px;align-items:center;
  font-size:13px;font-weight:700;line-height:1.3;color:var(--c-text);text-decoration:none}
.mcart ul.cart_list li a:not(.remove):hover{color:var(--c-primary)}
.mcart ul.cart_list img{flex:none;width:56px;height:56px;object-fit:contain;
  border:1px solid var(--c-stroke);border-radius:var(--r-field);background:#fff;
  float:none;margin:0}
.mcart ul.cart_list .quantity{display:block;margin:4px 0 0 68px;font-size:12px;color:var(--c-muted)}
.mcart ul.cart_list .quantity .amount,.mcart ul.cart_list .quantity b{color:var(--c-text);font-weight:700}
.mcart ul.cart_list .cart-unit{display:inline}
.mcart ul.cart_list .cart-unit small{display:none}     /* a részletes bontás a kosároldalé */
.mcart ul.cart_list a.remove{position:absolute;right:0;top:12px;width:24px;height:24px;
  display:grid;place-items:center;border-radius:50%;color:var(--c-muted) !important;
  font-size:18px;line-height:1;text-decoration:none}
.mcart ul.cart_list a.remove:hover{background:var(--c-primary);color:#fff !important}
.mcart ul.cart_list .variation,.mcart ul.cart_list .wc-pao-addon-name{display:none}
.mcart .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:baseline;
  margin:0 0 var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-stroke);
  font-size:var(--fs-sm);font-weight:700}
.mcart .woocommerce-mini-cart__total .amount{font-size:var(--fs-sub2)}
.mcart .woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.mcart .woocommerce-mini-cart__buttons a.button{display:inline-flex;justify-content:center;
  align-items:center;min-height:42px;padding:0 12px;border-radius:var(--r-btn);
  font-size:13px;font-weight:700;text-decoration:none;
  border:1px solid var(--c-stroke);background:#fff;color:var(--c-text)}
.mcart .woocommerce-mini-cart__buttons a.button.checkout{background:var(--c-primary);
  border-color:var(--c-primary);color:#fff}
.mcart .woocommerce-mini-cart__buttons a.button.checkout:hover{background:var(--c-primary-dark)}
.mcart .woocommerce-mini-cart__empty-message{margin:0;padding:var(--sp-3) 0;text-align:center;
  font-size:var(--fs-sm);color:var(--c-muted)}
.hd__count[hidden]{display:none}
@media (max-width:600px){ .mcart{width:calc(100vw - 32px);right:-8px} }

/* ---------- Termékoldal: összesen a mennyiség szerint ------------------- */
.pdp__qtytotal{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:10px 0 0;
  padding-top:10px;border-top:1px dashed var(--c-stroke);font-size:var(--fs-sm)}
.pdp__qtytotal-l{color:var(--c-muted)}
.pdp__qtytotal-net{font-size:var(--fs-sub2);color:var(--c-text)}
.pdp__qtytotal-gross{color:var(--c-text-soft)}

/* ---------- Ajánlott termékek a „Csomag tartalma" mellett: fekvő kártyák -- */
/* Egymás alatt, kép balra, adatok jobbra – a fél oszlopban így olvasható. */
.prod-grid.prod-grid--rows{display:grid !important;grid-template-columns:1fr !important;gap:12px !important}
.prod-grid--rows .card{display:grid;grid-template-columns:120px minmax(0,1fr);
  grid-template-rows:auto auto;align-content:start;align-items:start;gap:0 var(--sp-4);
  padding:12px;min-height:0;height:auto}
.prod-grid--rows .card__media{grid-row:1 / span 2;align-self:start;width:120px;height:120px;
  padding:0;margin:0;border-radius:var(--r-field);overflow:hidden;position:relative;
  display:block;aspect-ratio:auto}
.prod-grid--rows .card__media img{width:100%;height:100%;object-fit:contain;display:block}
.prod-grid--rows .card__media .card__img--alt{display:none}
.prod-grid--rows .card__media .card__badges{position:absolute;left:6px;bottom:6px;margin:0}
.prod-grid--rows .card__media .card__badges .badge{font-size:10px;padding:2px 6px;display:none}
.prod-grid--rows .card__media .card__disc{left:6px;top:6px;font-size:11px;padding:2px 6px}
.prod-grid--rows .card__media .card__rating{display:none}
.prod-grid--rows .card__bottom{justify-content:flex-start}
.prod-grid--rows .ep-stock,.prod-grid--rows .cdown{font-size:11px}
.prod-grid--rows .card__body{display:contents}
.prod-grid--rows .card__top{grid-column:2;padding:0;min-width:0}
.prod-grid--rows .card__bottom{grid-column:2;padding:0;margin:6px 0 0;display:flex;
  flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 16px;height:auto}
.prod-grid--rows .card__bottom .ar{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;
  margin:0;flex:1 1 auto;min-width:200px;min-height:0;height:auto}
.prod-grid--rows .card__bottom .ar > *{margin:0}
.prod-grid--rows .card__act{display:flex;gap:8px;margin:0}
.prod-grid--rows .card__title{font-size:14px;line-height:1.3;-webkit-line-clamp:2}
.prod-grid--rows .card__sub{display:none}
.prod-grid--rows .card__act{margin:0}
.prod-grid--rows .card__act .btn{min-height:38px;padding:0 14px;font-size:13px}
.prod-grid--rows .ar{gap:2px 8px}
.prod-grid--rows .ar__net{font-size:15px}
.prod-grid--rows .ar__gross,.prod-grid--rows .ar__old,.prod-grid--rows .ar__save{font-size:11px}
@media (max-width:1100px){ .pack{grid-template-columns:1fr;gap:var(--sp-8)} }
@media (max-width:480px){
  .prod-grid--rows .card{grid-template-columns:88px minmax(0,1fr)}
  .prod-grid--rows .card__media{width:88px}
}

/* ---------- Beágyazott videó a leírásban (16:9, reszponzív) ------------- */
.prose__video{position:relative;width:100%;max-width:860px;aspect-ratio:16/9;margin:var(--sp-5) 0;
  border-radius:var(--r-card);overflow:hidden;background:#000}
.prose__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.prose p:empty{display:none}