/* Suite typography policy: frontend product sections inherit the active theme font. */
#zgw{--p:#7B2FBE;--p2:#9147D1;--d:#0a0a0c;--d2:#0f0d14;--dtx:#bcbcc6;--l:#fff;--l2:#f6f5f9;--lln:#e7e6ec;--ltx:#5a5a63;--lk:#1c1c20;
font-family:inherit;font-size:16px;line-height:1.7;color:var(--ltx);}
#zgw *{box-sizing:border-box}
#zgw .w{max-width:1140px;margin:0 auto;padding:0 32px}
#zgw .wn{max-width:900px;margin:0 auto;padding:0 32px}
#zgw section{padding:clamp(72px,8vw,118px) 0}
#zgw h1,#zgw h2,#zgw h3,#zgw h4,#zgw h5{font-family:inherit;font-weight:800;line-height:1.18;margin:0}
#zgw .h2{font-size:clamp(30px,3.4vw,46px);line-height:1.18;letter-spacing:-.01em}
#zgw .h3{font-size:clamp(21px,2vw,27px);line-height:1.28}
#zgw .lead{font-size:17px;line-height:1.75;max-width:46ch;margin:0}
#zgw .eyebrow{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--p2);margin-bottom:18px}
#zgw p{margin:0 0 18px}#zgw p:last-child{margin-bottom:0}
#zgw .mt24{margin-top:24px}#zgw .mt32{margin-top:32px}#zgw .mt40{margin-top:40px}

#zgw .s-dark{background:var(--d);color:var(--dtx)}
#zgw .s-dark2{background:var(--d2);color:var(--dtx)}
#zgw .s-light{background:var(--l);color:var(--ltx)}
#zgw .s-deep{background:var(--l2);color:var(--ltx)}
#zgw .s-band{background:linear-gradient(118deg,#24063a,#7B2FBE 68%,#9147D1);color:#fff}
#zgw .s-dark .h2,#zgw .s-dark2 .h2,#zgw .s-band .h2{color:#fff}
#zgw .s-light .h2,#zgw .s-deep .h2{color:var(--lk)}
#zgw .s-dark .h3,#zgw .s-dark2 .h3,#zgw .s-band .h3{color:#fff}
#zgw .s-light .h3,#zgw .s-deep .h3{color:var(--lk)}
#zgw .s-band p{color:rgba(255,255,255,.93)}
#zgw strong,#zgw b{font-weight:800}
#zgw .s-dark strong,#zgw .s-dark2 strong,#zgw .s-band strong{color:#fff}
#zgw .s-light strong,#zgw .s-deep strong{color:var(--lk)}

#zgw .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;padding:14px 34px;border-radius:5px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:.18s;font-family:inherit}
#zgw .btn-p{background:var(--p);color:#fff}#zgw .btn-p:hover{background:#65259c;color:#fff}
#zgw .btn-k{background:#111;color:#fff}#zgw .btn-k:hover{background:#000;color:#fff}
#zgw .btn-white{background:#fff;color:var(--p)}#zgw .btn-white:hover{background:#f2eaf7;color:var(--p)}
#zgw .btn-wout{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}#zgw .btn-wout:hover{border-color:#fff;color:#fff}
#zgw .row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
#zgw .note{font-size:13px;line-height:1.6;color:#9a9aa4}
#zgw .s-dark .note,#zgw .s-dark2 .note{color:#77777f}
#zgw .s-band .note{color:rgba(255,255,255,.7)}

/* ---------- HERO ---------- */
#zgw .hero{position:relative;min-height:clamp(600px,68vh,820px);display:flex;align-items:center;overflow:hidden;background:#050507;padding:0}
#zgw .hero-img{position:absolute;inset:0;background:center/cover no-repeat;opacity:.93}
#zgw .hero-grad{position:absolute;inset:0;background:linear-gradient(92deg,rgba(5,5,7,.7) 0%,rgba(5,5,7,.53) 32%,rgba(5,5,7,.22) 58%,rgba(5,5,7,0) 80%)}
#zgw .hero-c{position:relative;z-index:5;max-width:820px;margin:0 0 0 clamp(24px,13vw,240px);padding:130px 24px 96px 0}
#zgw .hero-lock{display:inline-block}
#zgw .hero h1{font-size:clamp(32px,4.1vw,56px);font-weight:700;color:#fff;line-height:1.1;letter-spacing:.005em;text-transform:uppercase;margin:0}
#zgw .hero h1 .pu{color:#8D1BD8;display:block}
#zgw .hero .h1sub{display:flex;align-items:center;gap:clamp(14px,1.6vw,30px);width:100%;font-size:clamp(19px,1.95vw,30px);font-weight:400;color:rgba(255,255,255,.7);margin:clamp(14px,1.4vw,24px) 0 0;text-transform:none;letter-spacing:0}
#zgw .hero .h1sub .rule{flex:1 1 auto;height:1px;background:rgba(255,255,255,.55);display:block;min-width:40px}
#zgw .hero .h1sub span{flex:0 0 auto;white-space:nowrap}
#zgw .hero .h1sub b{font-weight:800;color:#fff}
#zgw .hero .sub{font-size:clamp(16px,1.25vw,18px);color:rgba(255,255,255,.9);margin:34px 0 10px;max-width:none;font-weight:500}
#zgw .hero .supp{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.48);margin:0 0 34px;font-weight:600}
#zgw .hero .row{margin-top:6px}

/* ---------- shop card ---------- */
#zgw .shopwrap{display:flex;justify-content:center}
#zgw .pcard{width:min(420px,100%);background:#fff;border-radius:6px;overflow:hidden;text-decoration:none;display:block;border:1px solid var(--lln);transition:.18s}
#zgw .pcard:hover{border-color:#c9c9d4;box-shadow:0 10px 34px rgba(20,20,30,.08)}
#zgw .pcard .im{aspect-ratio:1/1;background:#fff center/cover no-repeat;display:block}
#zgw .pcard .bd{padding:22px 26px 26px;border-top:1px solid var(--lln)}
#zgw .pcard h3{color:#111;font-size:19px;font-weight:600;margin-bottom:6px}
#zgw .pcard .mo{color:#8b8b95;font-size:13px;margin-bottom:18px}
#zgw .pcard .pz{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--lln);padding-top:16px}
#zgw .pcard .pz b{color:#111;font-size:24px;font-weight:700;letter-spacing:-.01em}
#zgw .pcard .pz span{color:var(--p);font-size:14px;font-weight:600}

/* ---------- garancia sav — kep + oldalra igazitott copy ---------- */
#zgw .gband2{position:relative;padding:0;background:#5c1180 right center/cover no-repeat;min-height:clamp(440px,38vw,600px);display:flex;align-items:center;overflow:hidden}
#zgw .gband2-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(77,13,112,.97) 0%,rgba(95,21,135,.9) 26%,rgba(110,26,155,.55) 42%,rgba(124,32,170,0) 58%)}
#zgw .gband2-in{position:relative;z-index:3;width:100%;padding:clamp(48px,5vw,84px) 32px clamp(48px,5vw,84px) clamp(26px,13vw,240px)}
#zgw .gb-eyebrow{font-size:clamp(22px,2.15vw,34px);font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#0a0410;margin:0 0 clamp(16px,1.4vw,24px);line-height:1}
#zgw .gb-h{font-size:clamp(32px,3.5vw,54px);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.015em;margin:0}
#zgw .gb-lead{font-size:clamp(16px,1.35vw,21px);font-weight:400;color:rgba(255,255,255,.95);line-height:1.5;margin:clamp(16px,1.3vw,22px) 0 0;max-width:30ch}
#zgw .gb-lead b{font-weight:800;color:#0d0512}
#zgw .gb-note{font-size:clamp(12px,1vw,15px);color:rgba(255,255,255,.82);margin:clamp(52px,6vw,104px) 0 0}

/* ---------- table reset — WooCommerce theme CSS centres td and boxes cells ---------- */
#zgw table{border-collapse:collapse;border:0;background:none;width:100%}
#zgw table td,#zgw table th{text-align:left;border-left:0;border-right:0;border-top:0;background:none;vertical-align:top}
#zgw table tr{background:none}

/* ---------- math table ---------- */
#zgw .quote-apple{border-left:3px solid var(--p);padding:4px 0 4px 26px;margin:26px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.55;font-weight:600;color:var(--lk);max-width:52ch}
#zgw .ptab{width:100%;border-collapse:collapse;margin-top:44px;font-size:16px}
#zgw .ptab th{text-align:left;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#9a9aa4;font-weight:800;padding:0 0 14px;border-bottom:1px solid var(--lln)}
#zgw .ptab th:last-child,#zgw .ptab td:last-child{text-align:right}
#zgw .ptab td,#zgw .ptab th{text-align:left}
#zgw .ptab td:last-child,#zgw .ptab th:last-child{text-align:right}
#zgw .ptab td{padding:17px 0;border-bottom:1px solid var(--lln);color:var(--lk);font-weight:500}
#zgw .ptab td:last-child{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
#zgw .ptab tr.na td{color:#9a9aa4}#zgw .ptab tr.na td:last-child{font-weight:600;color:#9a9aa4}
#zgw .ptab tr.us td{background:#f6f1fc;color:var(--p);font-weight:800;border-bottom:2px solid var(--p);font-size:19px;padding:22px 0}
#zgw .ptab tr.us td:first-child{padding-left:18px}#zgw .ptab tr.us td:last-child{padding-right:18px;font-size:23px}
#zgw .ptab tr.sp td{border:0;height:14px;padding:0;background:none}
#zgw .kicker{margin-top:46px;font-size:clamp(19px,1.95vw,28px);line-height:1.4;font-weight:700;color:var(--lk);max-width:none}
#zgw .kicker em{font-style:normal;color:var(--p)}

/* ---------- water / quote band ---------- */
#zgw .bq{font-size:clamp(22px,2.6vw,34px);line-height:1.32;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}
#zgw .bqs{display:block;margin-top:26px}
#zgw .qgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
#zgw .qgrid .im{position:relative;min-height:380px;border-radius:6px;overflow:hidden;background:center/cover no-repeat}

/* ---------- 3 cols ---------- */
#zgw .c3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);text-align:center}
#zgw .c3 .h3{margin-bottom:14px}
#zgw .c3 p{font-size:16px;max-width:34ch;margin-left:auto;margin-right:auto}
#zgw .c3 .im{margin-top:34px;aspect-ratio:5/4;background:#111 center/cover no-repeat;border-radius:6px}

/* ---------- install ---------- */
#zgw .stepgrid .h2{font-size:clamp(26px,2.6vw,38px)}
#zgw .stepgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:start}
#zgw .steps{counter-reset:s;margin:0;padding:0;list-style:none}
#zgw .steps li{counter-increment:s;position:relative;padding:0 0 22px 62px;margin-bottom:22px;border-bottom:1px solid var(--lln);font-size:16px;color:var(--lk);font-weight:500}
#zgw .steps li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
#zgw ol.steps.mt40{margin-top:44px}
#zgw .steps li:before{content:counter(s);position:absolute;left:0;top:-6px;font-size:32px;font-weight:800;color:var(--p);line-height:1;font-variant-numeric:tabular-nums}
#zgw .boxnote{margin-top:34px;padding:20px 24px;background:var(--l2);border-radius:6px;font-size:14px;color:var(--ltx)}
#zgw .instim{aspect-ratio:3/4;background:#111 center/cover no-repeat;border-radius:6px;min-height:420px}

/* ---------- sapphire ---------- */
#zgw .sapgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
#zgw .sapgrid .im{aspect-ratio:4/3;background:#111 center/cover no-repeat;border-radius:6px}

/* ---------- FAQ ---------- */
#zgw .faq{border-top:1px solid var(--lln)}
#zgw .faq details{border-bottom:1px solid var(--lln)}
#zgw .faq summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;font-weight:700;font-size:17px;color:var(--lk);position:relative}
#zgw .faq summary::-webkit-details-marker{display:none}
#zgw .faq summary:after{content:"+";position:absolute;right:6px;top:20px;font-size:26px;font-weight:400;color:var(--p);line-height:1}
#zgw .faq details[open] summary:after{content:"–"}
#zgw .faq .a{padding:0 60px 26px 0;font-size:16px;max-width:64ch}

/* ---------- closing CTA ---------- */
#zgw .cta{text-align:center}
#zgw .cta .big{font-size:clamp(44px,5.6vw,78px);font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}
#zgw .cta .h2{max-width:22ch;margin:22px auto 0}

/* ---------- PDP — a valodi termekoldal raszterе ---------- */
#zgw .pdp{padding:clamp(40px,4.6vw,74px) 0 clamp(48px,5vw,80px)}
#zgw .pdp .w{max-width:1304px}
#zgw .pdp-grid{display:grid;grid-template-columns:minmax(0,570fr) minmax(0,530fr);gap:clamp(30px,5vw,72px);align-items:start}

/* galeria: fuggoleges bumiatura-oszlop balra + negyzetes fokep */
#zgw .pdp-gallery{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;align-items:start;min-width:0}
#zgw .pg-thumbs{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cfcfd8 transparent}
#zgw .pg-thumbs::-webkit-scrollbar{width:4px}
#zgw .pg-thumbs::-webkit-scrollbar-thumb{background:#cfcfd8;border-radius:4px}
#zgw .pg-thumbs img{width:70px;height:70px;flex:0 0 70px;object-fit:cover;background:#E1E5F1;border-radius:3px;cursor:pointer;border:1px solid #e3e3ea;transition:.15s}
#zgw .pg-thumbs img:hover{border-color:#b9b9c6}
#zgw .pg-thumbs img.active{border-color:var(--p);box-shadow:0 0 0 1px var(--p)}
#zgw .pdp-main{width:100%;aspect-ratio:1/1;object-fit:cover;background:#E1E5F1;border-radius:3px;display:block;cursor:zoom-in}

/* vasarlo doboz */
#zgw .pdp-title{font-size:clamp(22px,2vw,30px);color:#111;line-height:1.32;margin:0 0 10px;font-weight:400;letter-spacing:-.01em}
#zgw .pdp-price{font-size:clamp(22px,1.8vw,27px);font-weight:600;color:#111;margin:0 0 4px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#zgw .pdp-price small{font-size:15px;font-weight:400;color:#6f6f78}
#zgw .pdp-short{font-size:15px;line-height:1.7;color:#5a5a63;margin:16px 0 24px;max-width:46ch}
#zgw .pdp-short b{color:#111}
#zgw .qty{display:flex;align-items:center;gap:14px;margin:0 0 18px}
#zgw .qty label{font-size:15px;color:#111;font-weight:500}
#zgw .qty-box{display:inline-flex;align-items:center;border:1px solid #d9d9e1;border-radius:5px;overflow:hidden;height:46px;background:#fff}
#zgw .qty-box button{width:42px;height:44px;border:0;background:none;font-size:19px;line-height:1;color:#111;cursor:pointer;font-family:inherit}
#zgw .qty-box button:hover{background:#f4f4f7}
#zgw .qty-box input{width:44px;height:44px;border:0;text-align:center;font-size:16px;font-weight:600;color:#111;background:none;font-family:inherit;-moz-appearance:textfield}
#zgw .qty-box input::-webkit-outer-spin-button,#zgw .qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#zgw .btn-cart{display:flex;align-items:center;justify-content:center;width:100%;height:54px;background:#000;color:#fff;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:.16s;margin:0 0 12px}
#zgw .btn-cart:hover{background:#222;color:#fff}
#zgw .btn-pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;background:#61D37A;color:#0b2a14;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:.16s}
#zgw .btn-pay:hover{background:#54c66d;color:#0b2a14}
#zgw .btn-pay b{background:#0b2a14;color:#61D37A;border-radius:3px;padding:1px 7px;font-weight:700;font-size:14px}
#zgw .pdp-notes{text-align:center;font-size:14px;line-height:1.65;color:#5a5a63;margin:16px 0 0}
#zgw .pdp-notes b{color:#111}
#zgw .pdp-vat{font-size:13px;line-height:1.5;color:#8a8a94;margin:14px 0 0}
#zgw .pdp-share{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#111;text-decoration:none;margin:14px 0 0;font-weight:500}
#zgw .pdp-share svg{flex:0 0 auto}
#zgw .pdp-share:hover{color:var(--p)}
#zgw .pdp-hr{border:0;border-top:1px solid var(--lln);margin:30px 0}
#zgw .pdp-meta{font-size:14px;color:var(--ltx)}
#zgw .pdp-meta div{display:flex;gap:14px;padding:7px 0}
#zgw .pdp-meta dt{width:130px;flex:0 0 130px;color:#9a9aa4}
#zgw .pdp-meta .cmp dt{width:108px;flex:0 0 108px}
#zgw .pdp-meta .cmp dd{white-space:nowrap;font-size:12.5px;letter-spacing:-.005em}
#zgw .pdp-meta dd{margin:0;color:var(--lk);font-weight:600}
#zgw .pdp-ship{font-size:14px;color:var(--p);font-weight:700;margin-top:20px;line-height:1.5}
#zgw .norev{padding:44px 0;text-align:center;border:1px dashed var(--lln);border-radius:6px;color:#9a9aa4;font-size:15px}

/* ---------- teljes szelessegu blokkok — 1920 raszter: 1040/880 · 835/1085 · 1040/880 ---------- */
#zgw .fb-sec{padding:0}
#zgw .fb{display:grid;align-items:center;min-height:clamp(430px,41.67vw,800px)}
#zgw .fb.r-a{grid-template-columns:1040fr 880fr}
#zgw .fb.r-b{grid-template-columns:835fr 1085fr}
#zgw .fb>*{min-width:0}
#zgw .fb.hdr .fb-tx{padding-left:clamp(26px,7.8vw,150px)}
#zgw .fb-im{align-self:stretch;min-height:320px;background:#111 center/cover no-repeat}
#zgw .fb-tx{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,3.9vw,75px) clamp(22px,1.82vw,35px) clamp(38px,3.9vw,75px) clamp(26px,4.17vw,80px)}
#zgw .fb-tx .h2{font-size:clamp(23px,2.60vw,50px);white-space:nowrap;line-height:1.23;text-transform:uppercase;letter-spacing:-.015em;font-weight:800;margin:0 0 clamp(18px,1.77vw,34px)}
#zgw .fb-tx .h2 .ac{color:#8D1BD8;display:block}
#zgw .fb-tx p{font-size:clamp(14px,1.68vw,32px);line-height:1.36;font-weight:400;margin:0 0 clamp(19px,2.34vw,45px)}
#zgw .fb-tx p:last-child{margin-bottom:0}
#zgw .fb-tx strong{font-weight:800}
#zgw .fb .btn-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111;font-weight:500;border-radius:999px;text-decoration:none;white-space:nowrap;
  font-size:clamp(14px,1.62vw,31px);height:clamp(44px,3.70vw,71px);padding:0 clamp(26px,4.48vw,86px);margin-top:clamp(18px,2.3vw,44px);transition:.18s}
#zgw .fb .btn-pill:hover{background:#f1e7f7;color:#111}
#zgw .fb.lt .fb-tx{background:linear-gradient(76deg,#C4CCD5 0%,#D8DDE3 48%,#EDEFF1 100%);color:#000}
#zgw .fb.lt .h2,#zgw .fb.lt strong{color:#000}
#zgw .fb.pu .fb-tx{background:linear-gradient(97deg,#6F1688 0%,#72188B 26%,#7F2795 64%,#8E3AA3 100%);color:#fff}
#zgw .fb.pu .h2,#zgw .fb.pu strong{color:#fff}
#zgw .fb.bk .fb-tx{background:#040507;color:#fff}
#zgw .fb.bk .h2,#zgw .fb.bk strong{color:#fff}

/* ---------- specs ---------- */
#zgw .spec{width:100%;border-collapse:collapse;font-size:16px;margin-top:8px}
#zgw .spec td{padding:16px 0;border-bottom:1px solid var(--lln);vertical-align:top;text-align:left}
#zgw .spec td:first-child{width:34%;color:#9a9aa4;font-weight:600}
#zgw .spec td:last-child{color:var(--lk);font-weight:600}

/* ---------- lightbox — a valodi oldal galerianezete ---------- */
#zgw .pg-lightbox{position:fixed;inset:0;background:#000;z-index:99999;display:none;align-items:center;justify-content:center}
#zgw .pg-lightbox.open{display:flex}
#zgw .pg-lb-top{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:3}
#zgw .pg-lb-count{color:#fff;font-size:13px;letter-spacing:.04em;opacity:.85;font-variant-numeric:tabular-nums}
#zgw .pg-lb-tools{display:flex;align-items:center;gap:4px}
#zgw .pg-lb-tools button,#zgw .pg-lb-nav{background:none;border:0;padding:0;cursor:pointer;color:#fff;opacity:.8;transition:.15s;display:flex;align-items:center;justify-content:center}
#zgw .pg-lb-tools button{width:40px;height:40px;border-radius:5px}
#zgw .pg-lb-tools button:hover,#zgw .pg-lb-nav:hover{opacity:1;background:rgba(255,255,255,.1)}
#zgw .pg-lightbox svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#zgw .pg-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;z-index:3}
#zgw .pg-lb-nav svg{width:26px;height:26px}
#zgw .pg-lb-prev{left:20px}#zgw .pg-lb-next{right:20px}
#zgw .pg-lb-stage{position:absolute;inset:52px 84px 46px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}
#zgw .pg-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:transform .18s ease;transform-origin:center}
#zgw .pg-lb-name{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;opacity:.75;font-size:12px;letter-spacing:.02em;z-index:3}

/* ---------- ERTEKELESEK ---------- */
#zgw .rev-sec{background:#FAFAFA;padding:clamp(50px,5vw,84px) 0}
#zgw .rev-h{font-size:clamp(28px,2.6vw,42px);font-weight:400;color:#111;letter-spacing:-.01em;margin:0 0 14px}
#zgw .rev-rule{width:56px;height:3px;background:var(--p);border-radius:2px;margin-bottom:clamp(34px,3.4vw,56px)}
#zgw .rev-card{background:#fff;padding:0 clamp(14px,1.6vw,22px)}
#zgw .rev-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:clamp(28px,2.8vw,42px) 0;border-bottom:1px solid var(--lln)}
#zgw .rev-lb{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#111;margin-bottom:16px;line-height:1.4}
#zgw .rev-bar{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;color:#111}
#zgw .rev-bar .n{width:30px;flex:0 0 30px;display:flex;align-items:center;gap:3px}
#zgw .rev-bar .n i{color:#F5B301;font-style:normal;font-size:13px}
#zgw .rev-bar .t{flex:1 1 auto;max-width:230px;height:7px;border-radius:4px;background:#ECECF1;overflow:hidden}
#zgw .rev-bar .t span{display:block;height:100%;background:var(--p);border-radius:4px}
#zgw .rev-bar .p{width:42px;text-align:left;color:#5a5a63}
#zgw .rev-big{font-size:clamp(44px,4.4vw,62px);font-weight:400;color:#111;line-height:1.05;margin:0 0 6px;letter-spacing:-.02em}
#zgw .rev-stars{color:#F5B301;font-size:20px;letter-spacing:2px;margin-bottom:8px}
#zgw .rev-cnt{font-size:13px;color:#5a5a63}
#zgw .rev-bar2{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--lln);flex-wrap:wrap}
#zgw .rev-item:last-of-type{border-bottom:0}
#zgw .rev-bar2 span{font-size:13px;color:#5a5a63}
#zgw .rev-bar2 select{width:auto;flex:0 0 auto;height:46px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;color:#111;border:1px solid #d9d9e1;border-radius:4px;padding:0 34px 0 14px;min-width:190px;background:#fff;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
#zgw .rev-item{padding:20px 0;border-bottom:1px solid #ececf1}
#zgw .rev-item h4{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#111;margin:0 0 6px}
#zgw .rev-item .s{color:var(--p);font-size:16px;letter-spacing:2px;margin-bottom:8px}
#zgw .rev-item .s i{color:#d7d7de;font-style:normal}
#zgw .rev-item p{font-size:15px;color:#3f3f47;margin:0;line-height:1.6}
#zgw .rev-more{display:flex;justify-content:center;padding:14px 0 34px}
#zgw .rev-more a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;background:#111;color:#fff;font-size:14px;font-weight:600;border-radius:4px;text-decoration:none}
#zgw .rev-more a:hover{background:#000;color:#fff}

/* ---------- ONNEK AJANLJUK ---------- */
#zgw .rec-sec{background:#FAFAFA;padding:clamp(50px,5vw,86px) 0 clamp(60px,6vw,100px);text-align:center}
#zgw .rec-h{font-size:clamp(26px,2.2vw,34px);font-weight:400;color:#111;margin:0 0 clamp(34px,3.4vw,56px);letter-spacing:-.01em}
#zgw .rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px);text-align:left}
#zgw .rec-card{text-decoration:none;display:block}
#zgw .rec-thumb{display:block;background:#fff;margin-bottom:18px}
#zgw .rec-card img{width:100%;aspect-ratio:6/5;object-fit:contain;display:block}
#zgw .rec-card h4{font-size:16px;font-weight:400;color:#111;line-height:1.5;margin:0 0 8px}
#zgw .rec-rate{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#zgw .rec-rate .s{color:var(--p);font-size:13px;letter-spacing:1px}
#zgw .rec-rate .s i{color:#d7d7de;font-style:normal}
#zgw .rec-rate em{font-style:normal;font-size:13px;color:#5a5a63}
#zgw .rec-price{font-size:16px;color:#111;font-weight:600;margin-bottom:8px}
#zgw .rec-price del{color:#a2a2ac;font-weight:400;margin-right:8px}
#zgw .rec-stock{font-size:13px;color:#3BA55C;display:flex;align-items:center;gap:7px}
#zgw .rec-stock:before{content:"";width:6px;height:6px;border-radius:50%;background:#3BA55C}


/* ---------- zaro CTA hatterkeppel ---------- */
#zgw .ctaimg{position:relative;background-size:cover;background-position:center;isolation:isolate}
#zgw .ctaimg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,7,.86),rgba(4,5,7,.94));z-index:-1}


/* ---------- javitas / lead szeles ---------- */
#zgw .lead-wide{max-width:none}
#zgw .quote-apple{max-width:none}

/* ---------- majdnem teljes szelessegu tarolo ---------- */
#zgw .wwide{max-width:1860px;margin:0 auto;padding:0 clamp(22px,2.2vw,40px)}
#zgw .wwide .c3{gap:clamp(28px,3.6vw,64px)}


/* ---------- FUNKCIO SLIDESHOW ---------- */
#zgw .feat{background:#000;padding:calc(200px + clamp(64px,7vw,120px)) 0 calc(200px + clamp(56px,6vw,100px))}
#zgw .feat-stage{position:relative;max-width:clamp(1200px,84.4vw,2100px);margin:0 auto;padding:0 clamp(14px,2vw,34px);
  display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,46px)}
#zgw .feat-view{flex:1 1 auto;max-width:clamp(1000px,72.9vw,1820px);overflow:hidden;min-width:0}
#zgw .feat-track{display:flex;transition:transform .6s cubic-bezier(.65,.05,.36,1);will-change:transform}
#zgw .feat-slide{flex:0 0 100%;position:relative}
#zgw .feat-slide img{width:100%;display:block;aspect-ratio:2.357/1;object-fit:cover}
#zgw .feat-cap{position:absolute;left:6%;right:6%;bottom:clamp(14px,2.4vw,40px);margin:0;text-align:center;
  color:#fff;font-size:clamp(13px,1.05vw,19px);line-height:1.5;font-weight:400;text-shadow:0 2px 18px rgba(0,0,0,.75)}
#zgw .feat-nav{position:relative;flex:0 0 auto;z-index:6;box-sizing:border-box;
  width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;
  border:0;background:#33333b;padding:0;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .18s}
#zgw .feat-nav:hover{background:#4a4a55}
#zgw .feat-nav:before{content:none !important;display:none !important}
#zgw .feat-nav:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;
  display:block;box-sizing:border-box;background:none;font-size:0;
  border-top:2px solid #fff;border-right:2px solid #fff;border-left:0;border-bottom:0;
  margin-top:-6px;transform-origin:50% 50%}
#zgw .feat-prev:after{transform:rotate(-135deg);margin-left:-3px}
#zgw .feat-next:after{transform:rotate(45deg);margin-left:-9px}
#zgw .feat-dots{display:flex;justify-content:center;gap:9px;margin-top:clamp(18px,2vw,32px)}
#zgw .feat-dots button{width:10px;height:10px;border-radius:99px;border:0;background:#3a3a42;cursor:pointer;padding:0;transition:.22s}
#zgw .feat-dots button.on{width:44px;background:#fff}

/* ---------- FELHELYEZES: teljes magassagu, oldalra kilogo kep ---------- */
#zgw .instsec{overflow:hidden}
#zgw .instsec > .w{max-width:none;padding:0}
#zgw .instsec .stepgrid{align-items:stretch;gap:0;grid-template-columns:1fr 1fr;max-width:none}
#zgw .instsec .stepgrid > div:first-child{padding:0 clamp(26px,4vw,72px) 0 clamp(26px,13vw,240px)}
#zgw .instsec .instim{aspect-ratio:auto;min-height:0;height:auto;align-self:stretch;border-radius:0;
  margin:calc(-1 * clamp(72px,8vw,118px)) 0;background-size:cover;background-position:50% center;
  display:block;width:100%;position:relative;overflow:hidden}
#zgw .instsec .instim video{position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;object-position:50% center}

/* ---------- zaro CTA ---------- */
#zgw .ctax{position:relative;background-size:cover;background-position:center;padding:clamp(84px,8vw,132px) 0;isolation:isolate;overflow:hidden}
#zgw .ctax:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.85) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.25) 68%,rgba(0,0,0,0) 88%);z-index:-1}
#zgw .ctax .w{max-width:1304px}
#zgw .ctax-grid{display:block;max-width:900px}
#zgw .ctax-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--p2);margin:0 0 22px}
#zgw .ctax-price{display:flex;align-items:flex-start;gap:.05em;font-size:clamp(84px,13.5vw,238px);font-weight:800;line-height:.86;letter-spacing:-.04em;margin:0 0 18px;
  font-variant-numeric:tabular-nums;color:transparent;-webkit-text-stroke:2px #fff;paint-order:stroke fill}
#zgw .ctax-price .ft{font-size:.34em;font-weight:800;letter-spacing:.01em;text-transform:uppercase;margin-top:.03em;
  -webkit-text-stroke:1.6px rgba(255,255,255,.85)}
#zgw .ctax-price .num{font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin:0}
#zgw .ctax-hrow{display:flex;align-items:center;gap:clamp(20px,3vw,46px)}
#zgw .ctax-h{font-size:clamp(24px,2.5vw,38px);font-weight:800;color:#fff;line-height:1.22;letter-spacing:-.01em;margin:0;}
#zgw .ctax-h .ac{color:#8D1BD8;display:block}
#zgw .ctax-r{margin-top:clamp(28px,3vw,50px);display:flex;align-items:center;gap:clamp(20px,2.4vw,32px)}
#zgw .ctax-note{font-size:13px;line-height:1.7;color:#b6b6c0;margin:0}
#zgw .ctax-iconloop{position:relative;flex:0 0 auto;
  width:clamp(46px,4.6vw,77px);height:clamp(46px,4.6vw,77px);z-index:4;pointer-events:none}
#zgw .ctax-iconloop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  opacity:0;transform:scale(.78) rotate(-6deg);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
#zgw .ctax-iconloop img.on{opacity:1;transform:scale(1) rotate(0deg)}
#zgw .ctax-iconloop-m{display:none}

@media (max-width:860px){
  #zgw .ctax-iconloop{width:44px;height:44px}
  #zgw .ctax-hrow .ctax-iconloop{display:none}
  #zgw .ctax-iconloop-m{display:block;width:40px;height:40px}
  #zgw .ctax-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  #zgw .ctax-hrow{gap:16px}
  #zgw .ctax-r{flex-wrap:wrap}
  #zgw .instsec .instim{margin:0;aspect-ratio:4/5;min-height:300px;width:100%}
  #zgw .instsec .stepgrid{grid-template-columns:1fr}
  #zgw .instsec .stepgrid > div:first-child{padding:0 22px}

  /* slideshow: fullscreen szelesseg, kevesebb ures ter, nav a kepek alatt */
  #zgw .feat{padding:32px 0 clamp(36px,8vw,56px)}
  #zgw .feat-stage{flex-wrap:wrap;max-width:none;padding:0;gap:16px}
  #zgw .feat-view{order:-1;flex:0 0 100%;max-width:none}
  #zgw .feat-nav{display:flex;position:relative}

  #zgw .gband2{background-position:78% center;min-height:clamp(560px,72vw,660px)}
  #zgw .gband2-fade{background:linear-gradient(180deg,rgba(77,13,112,.55) 0%,rgba(90,18,128,.18) 28%,rgba(90,18,128,.12) 42%,rgba(77,13,112,.6) 74%,rgba(60,10,100,.94) 100%)}
  #zgw .gband2-in{padding-top:clamp(210px,46vw,270px)}
  #zgw .hero-img{background-position:64% center}
  #zgw .hero-c{margin-left:0}
  #zgw .hero .h1sub{padding-left:0}
}

/* ---------- LABLEC ---------- */
#zgw .zgfoot{background:#fff;padding:clamp(46px,4.6vw,74px) 0 clamp(40px,4vw,64px)}
#zgw .zgfoot-in{max-width:660px}
#zgw .zgfoot .zglogo{display:block;width:118px;margin-bottom:34px}
#zgw .zgfoot details{border-bottom:1px solid #e4e4ea}
#zgw .zgfoot summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;font-size:16px;color:#111;font-weight:400}
#zgw .zgfoot summary::-webkit-details-marker{display:none}
#zgw .zgfoot summary:after{content:"";width:8px;height:8px;border-right:1.6px solid #111;border-bottom:1.6px solid #111;transform:translateY(-3px) rotate(45deg);transition:.2s}
#zgw .zgfoot details[open] summary:after{transform:translateY(2px) rotate(-135deg)}
#zgw .zgfoot details a{display:block;color:#5a5a63;text-decoration:none;font-size:15px;padding:6px 0}
#zgw .zgfoot details .in{padding:0 0 16px}
#zgw .zgfoot details a:hover{color:var(--p)}
#zgw .zgfoot-note{margin-top:36px;font-size:15px;color:#111;line-height:2}
#zgw .zgfoot-note a{color:var(--p);text-decoration:none;font-weight:600}
#zgw .legal{font-size:12px;line-height:1.7;color:#9a9aa4;max-width:96ch}


@media (max-width:980px){
  #zgw .c3{grid-template-columns:1fr;text-align:left}
  #zgw .c3 p{margin-left:0;margin-right:0}
  #zgw .qgrid,#zgw .stepgrid,#zgw .sapgrid,#zgw .pdp-grid{grid-template-columns:1fr}
  #zgw .fb.r-a,#zgw .fb.r-b{grid-template-columns:1fr}
  #zgw .fb.r-b .fb-im{order:-1}
  #zgw .fb-tx .h2{white-space:normal}
  #zgw .fb-im{min-height:260px;aspect-ratio:4/3;width:100%}
  #zgw .pdp-gallery{grid-template-columns:1fr}
  #zgw .pg-thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;order:2;padding:8px 0 4px}
  #zgw .hero-c{margin-left:0;padding:110px 28px 78px}
  #zgw .hero-grad{background:linear-gradient(180deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.8) 55%,rgba(5,5,7,.55) 100%)}
  #zgw .instim{min-height:320px;aspect-ratio:4/3}
}
@media (max-width:860px){
  #zgw .rev-sum{grid-template-columns:1fr;gap:26px}
  #zgw .rec-grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:560px){
  #zgw .w,#zgw .wn{padding:0 22px}
  #zgw .ptab{font-size:14px}
  #zgw .pg-lb-stage{inset:52px 8px 46px}
  #zgw .pg-lb-prev{left:2px}#zgw .pg-lb-next{right:2px}
  #zgw .pg-lb-tools button{width:34px;height:34px}
}

#zgw .zg-variant{margin:0 0 18px}
#zgw .zg-variant label{display:block;font-size:15px;color:#111;font-weight:500;margin:0 0 8px}
#zgw .zg-select{width:100%;height:46px;border:1px solid #d9d9e1;border-radius:5px;background:#fff;padding:0 14px;font-size:15px;font-family:inherit;color:#111;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}

/* Suite integration: a hosszú leírás a WooCommerce összefoglaló alatt teljes böngészőszélességű. */
#zgw.zgs-product-description{width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;clear:both;overflow:hidden}
#zgw.zgs-product-description .fb-sec{width:100%}