/* 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)}

.ep-stock{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-sm);line-height:var(--lh-sm)}
.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}
.hd__main{display:flex;align-items:center;gap:var(--sp-6);padding-block:12px}

.hd__left{display:flex;align-items:center;gap:40px;flex:none}
.hd__logo{display:flex;align-items:center;text-decoration:none}
.hd__logo-img{height:44px;width:auto;max-width:280px;object-fit:contain}
.hd__name{font-weight:700;font-size:var(--fs-sub1);white-space:nowrap;color:var(--c-ink)}
.hd__quick{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.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)}

.hd__search{flex:1;min-width:0;max-width:585px}
.hd__search form{display:flex;align-items:center;gap:10px;background:rgb(0 0 0 /.04);
  border:1px solid var(--c-stroke);border-radius:var(--r-btn);padding:8px 12px}
.hd__search input[type=search],.hd__search input[type=text]{flex:1;min-width:0;border:0;
  background:transparent;font:inherit;font-size:var(--fs-body);outline:none}
.hd__search button{border:0;background:transparent;cursor:pointer;font-weight:700;color:var(--c-primary)}

.hd__act{display:flex;align-items:center;gap:20px;margin-left:auto;flex:none}
.hd__act .btn{padding:14px 22px;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__icons{display:flex;align-items:center;gap:20px}
.hd__ico{display:inline-flex;color:var(--c-ink)}
.hd__ico svg{width:24px;height:24px}
.hd__ico:hover{color:var(--c-primary)}
.hd__cart{position:relative;display:flex;color:var(--c-ink)}
.hd__cart svg{width:24px;height:24px}
.hd__cart: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}
.hd__lang ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:var(--fs-sm);font-weight:700}
.hd__lang a{text-decoration:none}
.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}

.nav{border-bottom:1px solid var(--c-stroke)}
.nav{background:#fff}
.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:22px 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))}
.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)}
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;min-width:100px}

/* ---------- 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__h{font-size:var(--fs-h4);line-height:var(--lh-h4);margin-bottom:4px}
.subcats__s{margin:0 0 var(--sp-5);color:var(--c-muted)}
.subcats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-5)}
.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:615px 1fr;gap:var(--sp-16);padding-block:var(--sp-12) var(--sp-16)}
.pdp__gallery{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
.pdp__buy{display:flex;flex-direction:column;gap:var(--sp-8);min-width: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;font-size:var(--fs-h2);line-height:var(--lh-h2)}
.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)}
.usp__in{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);padding-block:var(--sp-8)}
.usp__i{display:flex;gap:var(--sp-4);align-items:center}
.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)}

.row__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-6);margin-bottom:var(--sp-8);flex-wrap:wrap}
.about{background:var(--c-accent);text-align:center}
.about .lead{margin-inline:auto}
.rating{display:inline-flex;align-items:center;gap:var(--sp-4);background:#fff;border:1px solid var(--c-stroke);border-radius:var(--r-card);padding:var(--sp-4) var(--sp-6)}
.rating__n{font-size:var(--fs-h4);font-weight:700}
.rating__t{display:flex;flex-direction:column;text-align:left;font-size:var(--fs-sm)}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.pcard{border:1px solid var(--c-stroke);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column}
.pcard__img img{width:100%;aspect-ratio:440/365;object-fit:cover}
.pcard__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:10px;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:var(--lh-sub2)}
.pcard__t a{text-decoration:none}
.pcard__x{margin:0;font-size:var(--fs-sm);color:var(--c-muted)}
.pcard .link-arrow{margin-top:auto}

/* ---------- 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 ---------------------------------------------------- */
.ft{background:var(--c-ink);color:#fff;padding-bottom:48px}
.ft__in{display:grid;grid-template-columns:336px 253px 1fr;gap:var(--sp-10);
  align-items:start;padding-top:48px}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{color:var(--c-primary-on-dark);text-decoration:underline}
.ft__h{margin:0 0 var(--sp-6);font-size:var(--fs-sub1);line-height:1.2;font-weight:700;color:#fff}
.ft__ceg{margin:0 0 var(--sp-5);font-size:var(--fs-sm)}
.ft__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;
  font-size:var(--fs-sm);line-height:1.4}
.ft__list li{display:flex;gap:16px;align-items:flex-start}
.ft__list svg{width:20px;height:20px;flex:none;opacity:.85}
.ft__list--links{gap:16px}
.ft__list--links li{gap:0}
.ft__todo{opacity:.55}
.ft__trust{display:flex;flex-direction:column;gap:var(--sp-6);align-items:center}
.ft__badge{max-width:198px;height:auto}
.ft__rule{border:0;border-top:1px solid rgb(255 255 255 /.18);margin:var(--sp-8) 0 var(--sp-6)}
.ft__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}
.ft__copy{margin:0;font-size:var(--fs-body);line-height:1.5}
.ft__pay{list-style:none;display:flex;gap:20px;align-items:center;margin:0;padding:0;flex-wrap:wrap}
.ft__pay img{height:32px;width:auto;object-fit:contain}
.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}

.ep-empty{padding:var(--sp-8);background:var(--c-accent);border-radius:var(--r-card);text-align:center;color:var(--c-text-soft)}


/* ---------- 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%}
.hd__search .dgwt-wcas-sf-wrapp{background:rgb(0 0 0 /.04);border:1px solid var(--c-stroke);
  border-radius:var(--r-btn);padding:2px 4px}
.hd__search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
  background:transparent;border:0;box-shadow:none;font:inherit;font-size:var(--fs-body);
  height:44px;padding-inline:8px;color:var(--c-text)}
.hd__search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{
  outline:none;box-shadow:none}
.hd__search .dgwt-wcas-search-submit{background:transparent;color:var(--c-primary);
  font-weight:700;border-radius:var(--r-btn)}
.hd__search .dgwt-wcas-search-submit:hover{background:rgb(221 0 23 /.08)}
.hd__search .dgwt-wcas-ico-magnifier,.hd__search .dgwt-wcas-ico-magnifier-handler{
  fill:var(--c-primary);width:20px;height:20px}
.hd__search .dgwt-wcas-preloader{right:52px}

/* 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--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 ------------------------------------- */
/* Tapadó fülnavigáció */
.ptabs{position:sticky;top:0;z-index:40;background:#fff;border-block:1px solid var(--c-stroke)}
.ptabs__in{display:flex;align-items:center;gap:var(--sp-6);overflow-x:auto;scrollbar-width:none}
.ptabs__in::-webkit-scrollbar{display:none}
.ptabs__t{padding:20px 0;font-weight:700;font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-1px}
.ptabs__t:hover,.ptabs__t.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}
.ptabs__cta{margin-left:auto;padding:10px 18px;white-space:nowrap}
.psec{scroll-margin-top:80px}

/* 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{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{display:none}
}

/* ---------- Értékelések ------------------------------------------------ */
#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 .woocommerce-review__published-date{color:var(--c-muted)}
.comment-text .description p:last-child{margin-bottom:0}

.star-rating{position:relative;display:inline-block;width:6em;height:1.2em;
  font-size:1rem;line-height:1.2;overflow:hidden;flex:none}
.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}

.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}
p.stars:hover a::before{color:var(--c-primary)}
p.stars a:hover ~ a::before{color:var(--c-line)}
p.stars.selected a::before{color:var(--c-primary)}
p.stars.selected a.active ~ a::before{color:var(--c-line)}

#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}

/* ---------- Reszponzív ------------------------------------------------ */
@media (max-width:1200px){
  .pdp__hero{grid-template-columns:1fr;gap:var(--sp-8)}
  .prod-grid.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__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,1fr)}
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .ft__in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .prod-grid,.prod-grid.columns-4,.prod-grid.columns-3{grid-template-columns:repeat(2,1fr)}
  .cats__grid,.post-grid{grid-template-columns:1fr}
  .warranty{grid-template-columns:1fr}
  .hd__search{order:3;flex-basis:100%;max-width:none}
  .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}
  .nav{display:none}
  .nav.is-open{display:block}
  .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,.prod-grid.columns-4,.prod-grid.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}