:root{--ink:#26332C;--canvas:#FBFBF9;--line:#E3E5DF;--muted:#6B7469;--accent:#2E5429;--cta:#00643C;
--deep:#07301F;--h:'Alata',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--h);font-weight:400}
button,input{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
::selection{background:rgba(46,84,41,.24)}
/* A ©/® MINDIG felső indexben (tulajdonosi szabály). A jelölést a `hw_sup()`
   PHP-helper és a `supx()` JS-helper adja — GLOBÁLIS szabály, hogy bárhol
   működjön, ahol terméknevet írunk ki. `line-height:0`, hogy ne feszítse szét
   a sort, és a nagy Oswald címekben se lógjon ki. */
.hw-sup{font-size:.5em;line-height:0;vertical-align:super;letter-spacing:0;font-weight:inherit}

/* ================= DYNAMIC ISLAND ================= */
.isl-wrap{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;flex-direction:column;align-items:center;padding-top:13px;pointer-events:none;transition:padding-top .5s cubic-bezier(.22,1,.36,1)}
.isl-wrap.cmp{padding-top:7px}
.isl{position:relative;display:flex;align-items:center;gap:2px;padding:6px 8px;width:var(--iw,min(1420px,calc(100vw - 26px)));border-radius:999px;overflow:visible;margin-top:22px;
 background:linear-gradient(155deg,rgba(255,255,255,.6),rgba(255,255,255,.3) 46%,rgba(240,241,243,.42));
 backdrop-filter:blur(30px) saturate(.3) brightness(1.55);-webkit-backdrop-filter:blur(30px) saturate(.3) brightness(1.55);
 box-shadow:
   inset 0 1px 0 rgba(255,255,255,1),
   inset 0 0 0 1px rgba(255,255,255,.5),
   inset 0 -12px 22px -14px rgba(4,35,22,.55),
   0 0 0 .5px rgba(4,35,22,.16),
   0 22px 48px -22px rgba(3,30,19,.75);
 transition:padding .5s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s,transform .5s cubic-bezier(.22,1,.36,1)}
.isl::before{content:'';position:absolute;left:6%;right:6%;top:1px;height:44%;border-radius:999px 999px 60% 60%/999px 999px 100% 100%;
 background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.06));pointer-events:none}
.cmp .isl{--iw:min(1120px,calc(100vw - 26px));padding:5px 6px;background:linear-gradient(155deg,rgba(255,255,255,.9),rgba(255,255,255,.74) 46%,rgba(240,241,243,.84));
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.85),inset 0 -10px 20px -14px rgba(4,35,22,.35),0 0 0 .5px rgba(4,35,22,.1),0 16px 34px -20px rgba(3,30,19,.5)}
.isg{display:flex;align-items:center;gap:2px;flex:1 1 0;min-width:0}
.isg--l{justify-content:flex-end;padding-right:6px}
.isg--r{justify-content:flex-start;padding-left:6px}
.util{margin-left:auto;display:flex;align-items:center;gap:2px;padding-left:4px}
.isep--s{margin:9px 8px 9px 4px}
.isep--u{margin:9px 8px;align-self:center;height:20px}
.iv{position:relative;display:flex;align-items:center;gap:5px;padding:9px 10px;border-radius:999px;font-size:12.4px;font-weight:500;color:#1F2723;white-space:nowrap;transition:padding .45s cubic-bezier(.22,1,.36,1),font-size .45s,background .24s,color .24s}
.cmp .iv{padding:6px 8px;font-size:11.4px}
.iv:hover,.iv.on{background:rgba(255,255,255,.72);color:#00532F}
.iv em{font-style:normal;font-size:9.4px;font-weight:600;color:#5E6660;background:rgba(28,36,32,.09);border-radius:999px;padding:2px 6px;transition:opacity .35s,margin .45s,max-width .45s;overflow:hidden}
.cmp .iv em{opacity:0;max-width:0;margin-left:-6px;padding:2px 0}
.iv::after{content:'';position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:2px;background:#00764A;transform:translateX(-50%);transition:width .3s cubic-bezier(.22,1,.36,1)}
.iv.on::after{width:calc(100% - 22px)}
.iv--biz{color:#00532F;font-weight:600;padding-left:14px;padding-right:14px}
.ideal{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;border-radius:999px;font-size:11.8px;font-weight:600;color:#1F2723;white-space:nowrap;margin-left:3px;position:relative;overflow:hidden;
 background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(255,255,255,.38));
 box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.62),0 5px 12px -7px rgba(31,39,35,.5);
 transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,background .28s}
.ideal::before{content:'';position:absolute;top:0;bottom:0;width:34%;left:-42%;pointer-events:none;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.8),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}
.ideal:hover::before{left:118%}
.ideal:hover{transform:translateY(-1.5px);background:linear-gradient(150deg,rgba(255,255,255,.86),rgba(255,255,255,.52));box-shadow:inset 0 1px 0 #fff,0 11px 20px -10px rgba(31,39,35,.6)}
.ideal svg{width:14px;height:14px;color:#C77A16}
.ideal span{padding-right:8px}
.ideal s{text-decoration:none;position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:#E0A22B;box-shadow:0 0 0 3px rgba(224,162,43,.24);animation:blip 2.6s ease-in-out infinite}
@keyframes blip{0%,100%{box-shadow:0 0 0 3px rgba(224,162,43,.24)}50%{box-shadow:0 0 0 6px rgba(224,162,43,.05)}}
.cmp .ideal{height:29px;padding:0 9px;font-size:11px}
.cmp .ideal span{display:none}
.cmp .ideal s{top:5px;right:5px}
.cmp .lng{display:none}
.cmp .isep--s{display:none}
.cmp .util{padding-left:2px}
.cmp .iic{width:32px;height:32px}
.cmp .iic svg{width:16px;height:16px}
.cmp .cart3{width:36px;height:36px;border-radius:12px}
.cmp .cart3 svg{width:17px;height:17px}
.cmp .cart3__b{min-width:17px;height:17px;font-size:9.4px;top:-5px;right:-5px}

/* középső kör alakú logó */
.ilogo{position:relative;z-index:3;flex:none;width:96px;height:96px;margin:-18px 12px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
 background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(240,241,243,.84));
 box-shadow:inset 0 1.5px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.9),inset 0 -8px 16px -10px rgba(4,35,22,.4),0 12px 26px -12px rgba(3,30,19,.7);
 transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),margin .5s,transform .6s cubic-bezier(.22,1,.36,1)}
.ilogo img{width:88%;height:88%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}
.ilogo:hover{transform:rotate(-6deg) scale(1.05)}
.cmp .ilogo{width:74px;height:74px;margin:-14px 9px}
.isep{width:1px;align-self:center;height:22px;margin:8px 6px;background:linear-gradient(180deg,transparent,rgba(28,36,32,.2),transparent)}

/* ikonok az island jobb végén */
.iic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative;color:#1F2723;transition:.22s}
.iic svg{width:18px;height:18px}
.iic:hover{background:rgba(255,255,255,.72)}
.iic.on{background:linear-gradient(150deg,#0E4A31,#00643C);color:#fff;box-shadow:0 8px 18px -10px rgba(0,100,60,.9)}
/* ===== 3D kosár + mini-kosár ===== */
.cartw{position:relative;perspective:600px}
.cart3{position:relative;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#1F2723;
 transform-style:preserve-3d;will-change:transform;
 background:linear-gradient(152deg,rgba(255,255,255,.9),rgba(236,240,237,.6));
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -7px 12px -9px rgba(4,35,22,.45),
  0 3px 0 rgba(14,58,36,.14),0 8px 16px -10px rgba(4,35,22,.6);
 transition:box-shadow .34s cubic-bezier(.22,1,.36,1),background .3s,transform .16s linear}
.cart3__in{display:grid;place-items:center;transform:translateZ(14px);transition:transform .34s cubic-bezier(.22,1,.36,1)}
.cart3 svg{width:19px;height:19px}
.cart3__b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;
 font-size:10.4px;font-weight:800;color:#03271A;padding:0 5px;transform:translateZ(30px);
 background:linear-gradient(150deg,#8FE9B8,#22C97F);
 box-shadow:0 5px 12px -4px rgba(34,201,127,.95),inset 0 1px 0 rgba(255,255,255,.7);
 transition:transform .38s cubic-bezier(.34,1.56,.64,1)}
.cart3__ring{position:absolute;inset:-6px;border-radius:19px;pointer-events:none;opacity:0;
 background:conic-gradient(from 0deg,transparent,#22C97F,transparent 42%);
 filter:blur(6px);transition:opacity .35s;animation:spin 3.4s linear infinite}
.cartw:hover .cart3{background:linear-gradient(152deg,#fff,rgba(240,246,242,.86));
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.9),0 6px 0 rgba(14,58,36,.16),0 20px 30px -14px rgba(4,35,22,.75)}
.cartw:hover .cart3__in{transform:translateZ(26px)}
.cartw:hover .cart3__b{transform:translateZ(46px) scale(1.12)}
.cartw:hover .cart3__ring{opacity:.75}
.cart3:active{transform:translateY(3px) scale(.96)!important}
/* mini-kosár */
.mini{position:absolute;right:0;top:calc(100% + 14px);width:330px;padding:16px;border-radius:20px;z-index:82;text-align:left;
 background:linear-gradient(160deg,#FDFEFC,#F1F7F2);
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.85),0 30px 56px -28px rgba(3,30,19,.85),0 0 0 .5px rgba(4,35,22,.12);
 opacity:0;visibility:hidden;transform:translateY(-10px) scale(.96);transform-origin:88% 0;
 transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility .3s}
.cartw:hover .mini,.cartw:focus-within .mini{opacity:1;visibility:visible;transform:none}
.mini__h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}
.mini__h b{font-family:var(--h);font-weight:400;font-size:14.6px;color:var(--ink)}
.mini__h span{font-size:10.6px;color:var(--muted)}
.mini__l{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.mini__l a{display:flex;align-items:center;gap:10px;padding:7px;border-radius:13px;transition:background .2s}
.mini__l a:hover{background:rgba(46,84,41,.07)}
.mini__t{flex:none;width:42px;height:42px;border-radius:11px;background-color:#0B0E0C;background-image:var(--px);background-size:cover;background-position:center 46%;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mini__l b{display:block;font-size:11.8px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.mini__l small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.mini__l i{margin-left:auto;font-style:normal;font-size:11.4px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mini__p{margin-bottom:11px}
.mini__pb{height:5px;border-radius:999px;background:rgba(38,51,44,.12);overflow:hidden;margin-bottom:6px}
.mini__pb i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8FC178,#00764A)}
.mini__p span{font-size:10.4px;color:var(--cta);font-weight:600}
.mini__f{display:flex;align-items:baseline;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(14,58,36,.1);margin-bottom:11px}
.mini__f span{font-size:11px;color:var(--muted)}
.mini__f b{font-family:var(--h);font-weight:400;font-size:17px;color:var(--ink)}
.mini__c{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:999px;font-size:12.6px;font-weight:600;color:#fff;
 background:linear-gradient(135deg,#00784A,#005936);box-shadow:0 14px 26px -14px rgba(0,100,60,.9);transition:transform .26s cubic-bezier(.22,1,.36,1)}
.mini__c:hover{transform:translateY(-2px)}
.mini__c svg{width:15px;height:15px}
@media(max-width:900px){.mini{display:none}}
.lng{position:relative}
.lng__t{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:999px;font-size:11.4px;color:#1F2723;transition:.22s}
.lng__t:hover,.lng.on .lng__t{background:rgba(255,255,255,.72)}
.lng__t svg{width:15px;height:15px;opacity:.72}
.lng__t b{font-weight:700;letter-spacing:.04em}
.lng__p{position:absolute;left:0;right:auto;top:calc(100% + 10px);min-width:162px;padding:5px;border-radius:14px;z-index:80;
 background:linear-gradient(160deg,#FDFEFC,#F2F8F3);
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.8),0 24px 46px -24px rgba(3,30,19,.8),0 0 0 .5px rgba(4,35,22,.12);
 opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:12% 0;transition:.28s cubic-bezier(.22,1,.36,1)}
.lng.on .lng__p{opacity:1;visibility:visible;transform:none}
.lng__p a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:10px;font-size:12.4px;color:var(--ink);transition:background .18s}
.lng__p a:hover{background:rgba(46,84,41,.08)}
.lng__p a.on{font-weight:600;color:var(--cta)}
.lng__p span{font-size:14px;line-height:1}
.iic b{position:absolute;top:1px;right:0;min-width:16px;height:16px;border-radius:999px;background:var(--cta);color:#fff;font-size:9.2px;font-weight:700;display:grid;place-items:center;padding:0 4px}

/* ================= KERESŐSÁV ================= */
.sbar{pointer-events:none;opacity:0;transform:translateY(-14px) scale(.94);margin-top:-58px;width:min(560px,88vw);position:relative;
 transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),margin-top .42s}
.isl-wrap.sopen .sbar{pointer-events:auto;opacity:1;transform:none;margin-top:12px}
.sbar input{width:100%;height:50px;border-radius:999px;padding:0 52px 0 48px;font-size:13.2px;color:#1F2723;
 background:linear-gradient(155deg,rgba(255,255,255,.6),rgba(255,255,255,.3) 48%,rgba(240,241,243,.42));
 backdrop-filter:blur(28px) saturate(.3) brightness(1.5);-webkit-backdrop-filter:blur(28px) saturate(.3) brightness(1.5);
 box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.48),inset 0 -10px 20px -14px rgba(4,35,22,.5),0 18px 40px -22px rgba(3,30,19,.7);
 transition:box-shadow .3s}
.sbar input::placeholder{color:rgba(31,39,35,.55)}
.sbar input:focus{outline:none;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1.5px rgba(0,140,88,.6),inset 0 -10px 20px -14px rgba(4,35,22,.4),0 22px 46px -20px rgba(3,30,19,.8)}
.sbar>svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:rgba(31,39,35,.6);pointer-events:none}
.sbar kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:inherit;font-size:10px;font-weight:600;color:rgba(31,39,35,.55);background:rgba(255,255,255,.66);border-radius:6px;padding:4px 8px}

/* bizalmi chipek */
.tchips{pointer-events:auto;display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;justify-content:center;transition:opacity .4s,transform .45s}
.cmp .tchips,.isl-wrap.sopen .tchips{opacity:0;transform:translateY(-12px);pointer-events:none;position:absolute}
.isl-wrap.pop .sbar,.isl-wrap.pop .tchips{opacity:0;transform:translateY(-10px) scale(.97);pointer-events:none}
.isl-stack{display:inline-flex;flex-direction:column;align-items:stretch;pointer-events:auto;max-width:calc(100vw - 28px)}
.cbar{display:flex;align-items:center;gap:12px;padding:0 16px 8px;justify-content:flex-end;transition:opacity .4s,transform .45s}
.cmp .cbar,.isl-wrap.sopen .cbar,.isl-wrap.pop .cbar{opacity:0;transform:translateY(6px);pointer-events:none;height:0;padding-bottom:0;overflow:hidden}
.cbar a{display:inline-flex;align-items:center;gap:7px;font-size:11.2px;font-weight:500;color:rgba(255,255,255,.68);transition:color .22s;white-space:nowrap}
.cbar a:hover{color:#fff}
.cbar svg{width:13px;height:13px;opacity:.62}
.cbar__d{width:1px;height:11px;background:rgba(255,255,255,.18)}
@media(max-width:900px){.cbar{display:none}}
.noti{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 14px 9px;transition:opacity .4s,transform .45s}
.cmp .noti,.isl-wrap.sopen .noti,.isl-wrap.pop .noti{opacity:0;transform:translateY(8px);pointer-events:none;height:0;padding-bottom:0;overflow:hidden}
.chan{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 7px;width:100%;min-width:0;overflow:hidden;border-radius:999px;
 background:linear-gradient(150deg,rgba(255,255,255,.17),rgba(255,255,255,.045));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 0 1px rgba(255,255,255,.13)}
.chan__l{flex:none;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#03291B;
 background:linear-gradient(140deg,#8FE9B8,#43C98A);padding:5px 10px;border-radius:999px;box-shadow:0 3px 9px -4px rgba(67,201,138,.9)}
.chan--w .chan__l{background:linear-gradient(140deg,#FFFFFF,#D9E6DE);color:#123024}
.chan--c.closed .chan__l{background:linear-gradient(140deg,#E7EDE9,#C3D0C8);color:#3A4A41}
.chan--c.closed .chan__i b{color:#D8E4DC}
.chan__i{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;min-width:0;flex:0 1 auto;font-size:11px;font-weight:500;color:rgba(255,255,255,.9);white-space:nowrap}
.chan__i svg{width:13px;height:13px;opacity:.78}
.chan__i b{color:#7BEAAF;font-weight:600}
.chan__i>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.chan--w .chan__i b{color:#CFE9DC}
.chan__sep{width:1px;height:14px;background:rgba(255,255,255,.2);flex:none}
.chan__x{margin-left:auto;display:flex;align-items:center;gap:9px;flex:none;padding-left:12px}
.chan__x a{display:inline-flex;align-items:center;gap:6px;font-size:10.8px;font-weight:500;color:rgba(255,255,255,.72);transition:color .22s;white-space:nowrap}
.chan__x a:hover{color:#fff}
.chan__x svg{width:13px;height:13px;opacity:.7}
.chan__x--s{gap:4px}
.chan__x--s a{width:26px;height:26px;border-radius:50%;justify-content:center;color:rgba(255,255,255,.75);
 background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .26s cubic-bezier(.22,1,.36,1),background .24s,color .22s}
.chan__x--s a:hover{transform:translateY(-2px);color:#03291B;background:linear-gradient(150deg,#8FE9B8,#43C98A)}
.chan__x--s svg{width:14px;height:14px;opacity:1}
@media(max-width:1330px){.chan--w .chan__x a span{display:none}.chan--w .chan__x .chan__sep{display:none}}
@media(max-width:1240px){.chan__i--m{display:none}.chan__i--m+.chan__sep,.chan__i+.chan__sep{display:none}}
@media(max-width:1080px){.chan__x{display:none}}
@media(max-width:1080px){.chan__i{font-size:10.2px}}
@media(max-width:900px){.noti{display:none}}

/* ================= LEBEGŐ PANELEK ================= */
.pnl{position:fixed;top:0;left:50%;z-index:69;width:min(1080px,94vw);transform:translate(-50%,-14px) scale(.97);opacity:0;visibility:hidden;
 transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),visibility .3s;pointer-events:none;
 border-radius:26px;padding:24px;color:var(--ink);
 background:linear-gradient(160deg,#FDFEFC,#F2F8F3);
 box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.7),0 40px 80px -40px rgba(3,30,19,.85),0 0 0 .5px rgba(4,35,22,.1)}
.pnl.on{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);pointer-events:auto}
.pnl__g{display:grid;gap:26px}
.g4{grid-template-columns:1.85fr 1fr 1fr 240px}
.g3{grid-template-columns:1.2fr 1fr 256px}
.g3f{grid-template-columns:1.06fr 1.12fr .92fr;gap:26px 30px;align-items:stretch}
.g3f>div:nth-child(1){grid-row:1/3;display:flex;flex-direction:column}
.g3f>.band{grid-column:2/-1}
/* Egyéb CBD — kategóriagomb fölötte, alatta fotós csempék */
.band{display:block;margin-top:2px}
.band__r{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-left:72px}
.pex--x{height:92px;background-position:center 52%}
.pex--x i{color:rgba(255,255,255,.72);font-weight:500;font-size:9.8px}
.pex--x b{font-size:12.4px}
/* egyéb */
.pil a.all{background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(240,244,241,.7));border-color:transparent;color:#0E3A24;
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(14,58,36,.1),0 5px 12px -8px rgba(14,58,36,.5);
 padding-right:9px;gap:8px;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,background .26s}
.pil a.all::after{content:'→';font-size:11.5px;font-weight:700;color:#00764A;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.pil a.all:hover{background:linear-gradient(150deg,#0B3D28,#00643C);color:#fff;transform:translateY(-1.5px);box-shadow:0 12px 22px -12px rgba(0,100,60,.9)}
.pil a.all:hover::after{color:#fff;transform:translateX(3px)}
.pp--q{margin-top:16px;min-height:auto;padding:18px;flex:1}
.pp--q h4{font-size:14.6px}
.pp--q p{font-size:11px}
.g2{grid-template-columns:repeat(2,minmax(0,200px));justify-content:start;gap:40px}
.ph{font-size:9.4px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px;width:fit-content}
.ph:not(a)::before{content:'';width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}
/* interaktív 3D kategóriagomb */
a.ph{position:relative;cursor:pointer;padding:7px 14px;margin-left:-11px;border-radius:11px;color:#1E3A2B;overflow:hidden;
 background:linear-gradient(150deg,#FFFFFF,#EDF3EE);
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(14,58,36,.09),0 2px 0 rgba(14,58,36,.1),0 5px 12px -8px rgba(14,58,36,.45);
 transform-style:preserve-3d;will-change:transform;
 transition:box-shadow .3s cubic-bezier(.22,1,.36,1),background .3s,color .25s,transform .12s linear}

a.ph::after{content:'';position:absolute;top:0;bottom:0;width:38%;left:-46%;pointer-events:none;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.9),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}
a.ph:hover::after{left:120%}
a.ph:hover{background:linear-gradient(150deg,#0E4A31,#00643C);color:#fff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 rgba(4,35,22,.5),0 16px 26px -14px rgba(0,100,60,.9)}

a.ph:active{transform:translateY(2px) scale(.985)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 rgba(4,35,22,.5),0 6px 14px -10px rgba(0,100,60,.9)}
.ph:not(a)::before{content:'';width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.pl{display:flex;flex-direction:column;gap:1px}
.pl a{display:flex;align-items:center;gap:9px;padding:6px 10px;margin-left:-10px;border-radius:10px;font-size:12.6px;transition:background .2s,transform .2s}
.pl a:hover{background:rgba(46,84,41,.08);transform:translateX(3px)}
.pl a b{font-weight:600}
.pl a small{display:block;font-size:10.4px;color:var(--muted);line-height:1.3}
.pl a i{font-style:normal;margin-left:auto;font-size:9.8px;color:var(--muted);font-variant-numeric:tabular-nums}
/* .pl2 — designolt, kép nélküli listaelemek (ikon vagy színpont + cím + alcím) */
.pl2{display:flex;flex-direction:column;gap:6px}
.pl2 a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 26px 8px 10px;border-radius:12px;border:1px solid rgba(46,84,41,.13);background:linear-gradient(135deg,#fff,#fbfcf9);overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s}
.pl2 a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--d,var(--cta));opacity:0;transition:opacity .22s}
.pl2 a:hover{border-color:rgba(46,84,41,.3);box-shadow:0 10px 20px -16px rgba(4,35,22,.8);transform:translateY(-1px)}
.pl2 a:hover::before{opacity:1}
.pl2 .pl2__i{flex:0 0 26px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--d,var(--cta)) 13%,#fff);color:var(--d,var(--cta));transition:background .22s,color .22s,transform .3s cubic-bezier(.22,1,.36,1)}
.pl2 a:hover .pl2__i{background:var(--d,var(--cta));color:#fff;transform:rotate(-6deg) scale(1.06)}
.pl2 .pl2__i svg{width:14px;height:14px;display:block}
.pl2 .pl2__d{flex:0 0 9px;width:9px;height:9px;border-radius:50%;margin:0 4px 0 5px;background:var(--d,var(--cta));box-shadow:0 0 0 3px color-mix(in srgb,var(--d,var(--cta)) 20%,transparent);transition:box-shadow .25s}
.pl2 a:hover .pl2__d{box-shadow:0 0 0 5px color-mix(in srgb,var(--d,var(--cta)) 28%,transparent)}
.pl2 .pl2__t{min-width:0}
.pl2 a b{display:block;font-weight:600;font-size:12.6px;letter-spacing:-.01em;line-height:1.2}
.pl2 a small{display:block;font-size:10.2px;color:var(--muted);line-height:1.3;margin-top:1px}
.pl2 a em{font-style:normal;position:absolute;right:8px;top:50%;transform:translateY(-50%) translateX(-4px);opacity:0;color:var(--d,var(--cta));transition:opacity .22s,transform .22s}
.pl2 a:hover em{opacity:1;transform:translateY(-50%) translateX(0)}
.pl2 a em svg{width:13px;height:13px;display:block}
@media (prefers-reduced-motion:reduce){.pl2 a,.pl2 a *{transition:none!important}}
.pf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pfx{position:relative;border-radius:11px;border:1.5px solid var(--fc);background:#fff;padding:8px 10px;min-height:44px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:.22s}
.pfx::after{content:'';position:absolute;right:-26px;top:-26px;width:92px;height:92px;border-radius:50%;background-image:var(--fim);background-size:cover;background-position:center;opacity:.21;transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.pfx:hover{background:var(--fc);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px -14px var(--fc)}
.pfx:hover::after{opacity:.34;transform:scale(1.08) rotate(6deg)}
.pfx u,.pfx b,.pfx span{position:relative;z-index:1;display:block;text-decoration:none}
.pfx u{font-size:9.4px;font-weight:700;color:var(--cta);letter-spacing:.01em}
.pfx b{font-size:11.8px;font-weight:600;letter-spacing:-.015em;line-height:1.12;white-space:normal;hyphens:auto}
.pfx span{font-size:9.2px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.pfx:hover u,.pfx:hover span{color:rgba(255,255,255,.88)}
/* kivonat-csempék: termékfotó háttérrel */
.exw{display:flex;flex-direction:column;gap:9px}
.exg{display:flex;align-items:center;gap:10px}
.exg__l{flex:none;width:62px;font-size:9.4px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);text-align:right}
.exg__r{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.exg:last-child .exg__r{grid-template-columns:1fr}
.pex{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:66px;padding:8px 10px;border-radius:13px;overflow:hidden;color:#fff;
 background-color:#0B0E0C;background-image:var(--px);background-size:cover;background-position:58% 62%;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 8px 18px -12px rgba(4,12,8,.9);
 transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.pex::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,10,.12) 0%,rgba(6,14,10,.55) 58%,rgba(6,14,10,.88) 100%);transition:opacity .3s}
.pex:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 16px 28px -14px rgba(4,12,8,1)}
.pex:hover::before{opacity:.78}
.pex b,.pex i{position:relative;z-index:1;display:block}
.pex--f{height:66px;background-position:center 46%}
.flw{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.flw a:nth-child(-n+3){grid-column:1/-1}
.pex b{font-size:11.6px;font-weight:600;letter-spacing:-.012em;line-height:1.15}
.pex i{font-style:normal;font-size:9.6px;font-weight:600;color:#9BE7BE;margin-top:1px;font-variant-numeric:tabular-nums}
.pil{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.pil a{justify-content:center}
.pil a{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:11.6px;font-weight:600;transition:.22s}
.pil a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.pil a i{font-style:normal;font-size:9.6px;font-weight:500;color:var(--muted)}
.pil a:hover i{color:rgba(255,255,255,.8)}
.pil a.all{background:rgba(0,100,60,.09);border-color:transparent;color:var(--cta)}
.lad{display:flex;flex-direction:column;gap:4px}
.lad a{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;font-size:12.2px;transition:.22s}
.lad a:hover{background:rgba(46,84,41,.08)}
.lad b{font-weight:600;min-width:92px}
.lad s{text-decoration:none;position:relative;flex:1;height:5px;border-radius:999px;background:rgba(38,51,44,.11);overflow:hidden;max-width:84px}
.lad s::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#8FC178,#2E5429)}
.lad i{font-style:normal;font-size:10.4px;color:var(--muted);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.caf{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.cafx{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;transition:.26s}
.cafx:hover{transform:translateY(-3px);box-shadow:0 18px 32px -20px rgba(38,51,44,.5);border-color:rgba(0,100,60,.35)}
.cafx b{display:block;font-size:12.6px;font-weight:600;margin-bottom:3px}
.cafx span{display:block;font-size:10.4px;color:var(--muted);line-height:1.45}
.cafx u{display:inline-flex;align-items:center;gap:5px;text-decoration:none;margin-top:8px;font-size:9.8px;font-weight:600;color:var(--cta);background:rgba(0,100,60,.09);border-radius:999px;padding:3px 9px}
.cafx u::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cta)}
.pp{border-radius:18px;padding:18px;position:relative;overflow:hidden;background:linear-gradient(150deg,#07301F,#00643C);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:186px}
.pp::after{content:'';position:absolute;right:-40px;bottom:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 66%)}
.pp h4{font-size:16px;line-height:1.25;margin-bottom:7px;position:relative;z-index:1}
.pp p{font-size:11.4px;opacity:.86;line-height:1.5;position:relative;z-index:1}
.pp a{align-self:flex-start;margin-top:14px;background:#fff;color:#07301F;font-size:11.6px;font-weight:600;padding:8px 15px;border-radius:999px;position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;transition:.24s}
.pp a:hover{transform:translateX(3px)}
.pp a svg{width:13px;height:13px}
.pp--l{background:linear-gradient(150deg,#F2F6F1,#E3EDE3);color:var(--ink)}
.pp--l p{opacity:.72}
.pp--l a{background:var(--cta);color:#fff}

/* ================= MOBIL ================= */
.ibrg{display:none}
@media(max-width:1400px){.iv em{opacity:0;max-width:0;margin-left:-5px;padding:2px 0}}
@media(max-width:1240px){.iv{padding:8px 9px;font-size:11.9px}.ilogo{width:52px;height:52px;margin:0 5px}.iic{width:34px;height:34px}}
@media(max-width:1120px){.isg .iv:nth-child(n+5){display:none}}
@media(max-width:1000px){.ideal{display:none}}
@media(max-width:900px){.hero{padding:186px 0 70px}.hcon h1 br{display:none}.isg{display:none}.ibrg{display:grid}.pnl{display:none!important}
 .isl{gap:8px;padding:6px 10px}.ilogo{width:48px;height:48px;margin:0 4px}}
.scrim{position:fixed;inset:0;background:rgba(4,35,22,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.34s;z-index:80}
.scrim.on{opacity:1;visibility:visible}
.drw{position:fixed;top:0;left:0;bottom:0;width:min(92vw,384px);background:var(--canvas);z-index:90;transform:translateX(-102%);transition:transform .44s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;box-shadow:0 0 60px -10px rgba(4,35,22,.6)}
.drw.on{transform:none}
.drw__h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.drw__h img{width:40px;height:40px;object-fit:contain}
.drw__x{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(38,51,44,.06)}
.drw__x svg{width:17px;height:17px}
.drw__s{padding:12px 16px;border-bottom:1px solid var(--line)}
.drw__s input{width:100%;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 16px;font-size:12.6px}
.drw__b{flex:1;overflow-y:auto;padding:6px 8px 20px}
.acc{border-bottom:1px solid rgba(227,229,223,.75)}
.acc__t{width:100%;display:flex;align-items:center;gap:10px;padding:14px 10px;font-size:14px;font-weight:500;text-align:left}
.acc__t svg{width:14px;height:14px;margin-left:auto;opacity:.55;transition:transform .3s}
.acc.on .acc__t{color:var(--cta)}.acc.on .acc__t svg{transform:rotate(180deg)}
.acc__p{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.22,1,.36,1)}.acc2__h{display:flex;align-items:center;gap:4px;margin:8px 0 0}.acc2__l,.acc__p a.acc2__l{display:block;border-radius:0;flex:1;min-width:0;font-size:9.6px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:9px 0 9px 12px;text-decoration:none}.acc2__l:active{color:var(--cta)}.acc2__b{flex:none;width:40px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--muted);cursor:pointer}.acc2__b svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.acc2.on .acc2__b svg{transform:rotate(180deg)}.acc2.on .acc2__l{color:var(--cta)}.acc2__p{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.22,1,.36,1)}.acc2+.acc2{border-top:1px solid rgba(38,51,44,.08)}
.acc__p>div{padding:0 10px 14px}
.acc__p a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:13px}
.acc__p a i{font-style:normal;margin-left:auto;font-size:10.4px;color:var(--muted)}
.acc__p a small{font-size:10.8px;color:var(--muted);display:block}
.acc__g{font-size:9.4px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:14px 0 5px 12px}
.drw__f{padding:12px 16px;border-top:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:9px}
.drw__f .bt{width:100%;justify-content:center;height:46px}

/* demo törzs */
.demo{padding:70px 0 120px;max-width:1080px;margin:0 auto;padding-inline:24px}
.demo h2{font-size:clamp(22px,3vw,32px);margin-bottom:10px}
.demo p{color:var(--muted);font-size:13.4px;line-height:1.7;max-width:660px}
.note{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.note b{display:block;font-size:12.8px;margin-bottom:8px}
.note ul{margin:0;padding-left:18px;font-size:12.6px;color:var(--muted);line-height:1.9}

/* ================= WEEDSHAKE HERO v2 ================= */
:root{--fut:"futura-pt-condensed","fut-hu-fix","Oswald","Arial Narrow",sans-serif;
  --e-out:cubic-bezier(.33,1,.68,1);     /* belepes: sima lassulas (easeOutCubic) */
  --e-in:cubic-bezier(.3,.9,.45,1)}      /* kilepes: azonnal indul, idoben nullaz */
.ws2{position:relative;height:100svh;min-height:600px;display:flex;flex-direction:column;
     background:var(--w2-bg,#f7f4f0);color:var(--w2-ink,#2b2b28);
     overflow:hidden;isolation:isolate;
     padding-top:clamp(152px,16.5vh,174px);
     transition:background-color .9s cubic-bezier(.22,.9,.28,1),color .9s cubic-bezier(.22,.9,.28,1)}

/* --- jobb oldali fuggoleges sav --- */
.ws2__band{position:absolute;inset:0 0 0 auto;width:clamp(165px,19.7vw,330px);z-index:0;
  --bandArc:clamp(30px,3.4vw,58px);
  border-radius:var(--bandArc) 0 0 var(--bandArc) / 50% 0 0 50%;
  background:var(--w2-slab,#3a2a1c);
  box-shadow:-30px 0 80px -50px rgba(0,0,0,.45);
  transition:background .9s cubic-bezier(.66,0,.2,1),border-radius .9s cubic-bezier(.66,0,.2,1)}
.ws2__band::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.18;
  pointer-events:none;
  background:radial-gradient(120% 60% at 50% 0%,var(--w2-a1,#d9803a),transparent 70%);
  transition:background .9s}
/* fuggoleges felirat: allando outline WEEDSHAKE + valtozo termeknev */
.ws2__bandtx{position:absolute;top:var(--bandtxT,calc(50% + 24px));right:clamp(54px,5.8vw,104px);
  transform:translate(50%,-50%) rotate(-90deg);transform-origin:50% 50%;
  display:flex;flex-direction:column;align-items:flex-start;gap:.06em;white-space:nowrap;
  font-family:var(--fut);font-weight:700;font-size:var(--bandfs,clamp(46px,5.4vw,92px));
  letter-spacing:.03em;text-transform:uppercase;pointer-events:none;z-index:3;line-height:.98}
.ws2__mark{color:transparent;-webkit-text-stroke:1.7px var(--w2-onslab,#fff);
  text-stroke:1.7px var(--w2-onslab,#fff);display:inline-block;
  font-size:var(--markfs,1em);line-height:.98;
  transition:font-size .62s cubic-bezier(.22,.9,.28,1)}
.ws2__pname{color:var(--w2-onslab,#fff);opacity:.96;display:inline-block;
  transition:opacity .5s var(--e-out) .08s,transform .56s var(--e-out) .08s,color .9s}
.ws2__pname.is-swap{opacity:0;transform:translateY(14px);
  transition:opacity .26s var(--e-in),transform .26s var(--e-in)}

/* --- panel --- */
.ws2__stage{position:relative;flex:1;min-height:0;z-index:1;
  display:grid;grid-template-columns:1fr;
  align-items:center;
  padding:0 clamp(40px,5vw,90px) 0 clamp(22px,5vw,92px)}

/* --- bal oszlop --- */
.p__copy{max-width:min(48vw,660px);position:relative}
.p__cr{font-size:.44em;letter-spacing:0;vertical-align:.86em;margin-left:.16em;
  font-weight:500;opacity:.9}
/* allando WEEDSHAKE felirat a nev felett - csak a szine valt */
.p__wm{display:block;font-family:var(--fut);font-weight:500;text-transform:uppercase;
  font-size:clamp(16px,1.72vw,24px);letter-spacing:.32em;line-height:1;
  color:var(--w2-a1,#d9803a);margin-bottom:2px;transition:color .9s cubic-bezier(.22,.9,.28,1)}
.p__badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--fut);font-weight:700;
  font-size:clamp(12px,1.15vw,15px);letter-spacing:.15em;text-transform:uppercase;
  background:var(--w2-a1,#d9803a);color:#fff;border-radius:999px;padding:5px 14px 5px 11px;
  margin-left:14px;vertical-align:3px;box-shadow:0 8px 20px -12px var(--w2-a1,#d9803a);
  transition:background .9s,opacity .3s,box-shadow .9s}
.p__badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;
  animation:sPulse 2.2s ease-in-out infinite}
@keyframes sPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
.p__badge.is-off{opacity:0;box-shadow:none}
.th__s{box-shadow:0 0 0 3px var(--w2-wash,#f7f4f0)}
/* A szovegblokk es a pohar egy koreografia: azonos gorbe, egymasra hangolt ido.
   Kilepes gyors (.26s), belepes lassabb (.52s) es elemenkent lepcsozetes.
   A .p__copy prefix kell, kulonben a .p__title/.p__desc/.p__price sajat
   `transition:color .9s` szabalya feluliria ezt. */
.p__copy .p__swap{opacity:1;transform:none;
  transition:opacity .52s var(--e-out) var(--sd,0ms),
             transform .58s var(--e-out) var(--sd,0ms),
             color .9s cubic-bezier(.22,.9,.28,1)}
.p__copy .p__swap.is-swap{opacity:0;transform:translateY(12px);
  transition:opacity .2s var(--e-in),transform .22s var(--e-in),
             color .9s cubic-bezier(.22,.9,.28,1)}
.p__title{--sd:0ms}
.p__desc{--sd:55ms}
.p__copytext{--sd:110ms}
.p__facts .p__swap{--sd:165ms}
.p__title{font-family:var(--fut);font-weight:700;line-height:.92;letter-spacing:.005em;
  text-transform:uppercase;font-size:clamp(44px,min(7.9vw,10.6vh),120px);margin:0 0 4px;
  color:var(--w2-ink,#2b2b28);transition:color .9s cubic-bezier(.22,.9,.28,1)}
.p__desc{font-size:clamp(14px,1.52vw,18.5px);color:var(--w2-a1,#d9803a);
  letter-spacing:.01em;margin:0 0 16px;font-weight:500;line-height:1.25;
  min-height:1.25em;transition:color .9s}
/* Ket sor, fix savban - igy az ar-sor helye izenkent nem ugral. */
.p__copytext{font-size:clamp(14px,1.42vw,17.5px);line-height:1.6;opacity:.76;
  margin:0 0 24px;max-width:46ch;
  height:3.2em;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.p__facts{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px);margin-bottom:0;flex-wrap:wrap}
.p__price{font-family:var(--fut);font-weight:700;font-size:clamp(30px,3.5vw,48px);line-height:1;
  color:var(--w2-ink,#2b2b28);transition:color .9s}
.p__price small{display:block;font-family:var(--b);font-weight:400;font-size:11px;
  letter-spacing:.02em;opacity:.55;margin-top:7px;text-transform:none;font-size:12px}
.p__fact{font-size:13.2px;line-height:1.5;opacity:.7}
.p__fact b{display:block;font-size:15px;opacity:1;font-weight:600}
.p__sep{width:1px;height:42px;background:var(--w2-line,#d9cfc6);transition:background .9s}
.p__cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn2{display:inline-flex;align-items:center;gap:9px;border-radius:999px;
  padding:15px 28px;font-size:14.4px;font-weight:600;white-space:nowrap;letter-spacing:.01em;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,background .9s,color .9s,border-color .9s}
.btn2--p{background:var(--w2-btn,#3a2a1c);color:var(--w2-btntx,#fff)}
.btn2--p:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.btn2--s{background:transparent;color:var(--w2-ink,#2b2b28);border-color:var(--w2-line,#d9cfc6);padding-left:22px;padding-right:22px}
.btn2--s:hover{border-color:var(--w2-a1,#d9803a);color:var(--w2-a1,#d9803a)}

/* --- pohar: v1 keresztfade, mindig jobbrol erkezik --- */
.p__cupbox{position:absolute;z-index:5;pointer-events:none;
  top:clamp(152px,16.5vh,174px);right:6vw;
  --cupH:calc(100svh - clamp(152px,16.5vh,174px));
  height:var(--cupH);width:calc(var(--cupH) * .62);
  overflow:visible}
.ws2.is-inv .p__cup{filter:drop-shadow(0 26px 40px rgba(0,0,0,.5))}
.p__halo{position:absolute;left:50%;top:50%;width:calc(var(--cupH) * .78);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,var(--w2-a2,#f5b978) 0%,transparent 66%);opacity:.5;
  transition:background .9s cubic-bezier(.22,.9,.28,1)}
.p__cup{position:absolute;overflow:visible;z-index:1;
  height:calc(var(--cupH) / var(--bh));
  width:calc(var(--cupH) / var(--bh) * var(--ar));
  left:calc(50% - (var(--x0) + var(--bw) / 2) * var(--cupH) / var(--bh) * var(--ar));
  top:calc(-1 * var(--y0) * var(--cupH) / var(--bh));
  filter:drop-shadow(0 26px 34px rgba(40,28,18,.26));
  will-change:transform,opacity;
  transition:opacity .58s var(--e-out) .06s, transform .82s var(--e-out) .06s}
.p__cup.is-in{opacity:0;transform:translate(52px,10px) scale(1.035)}
.p__cup.is-out{opacity:0;transform:translate(-34px,4px) scale(.972);
  transition:opacity .34s var(--e-in),transform .44s var(--e-in)}

/* --- elotér-targyak --- */
.p__garnish{position:absolute;left:var(--gL,8%);bottom:1.5%;width:clamp(62px,7.4vw,116px);z-index:3;
  filter:drop-shadow(0 12px 20px rgba(40,28,18,.24));animation:gfloat 8s ease-in-out infinite;
  transition:opacity .5s}
.p__garnish img{width:100%;height:auto;display:block}
/* a diszen fut a gfloat animacio, ezert csak az atlatszosagot animaljuk */
.p__garnish{transition:opacity .5s var(--e-out) .12s}
.p__garnish.is-swap{opacity:0;transition:opacity .24s var(--e-in)}
@keyframes gfloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(4deg)}}

/* --- szezonalis reszecskek --- */
.ws2__fall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:1}
/* allando hatter: darált kendervirág + orolt kave, mint a szitalo ho */
.ws2__snow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:.58}
.sn{position:absolute;top:-14%;will-change:transform}
.sn img{width:100%;height:auto;display:block;opacity:.85}
.fp{position:absolute;top:-14%;will-change:transform}
.fp img{width:100%;height:auto;display:block;opacity:.85}
.fp.is-front img{filter:blur(.4px)}

/* --- also belyegsav --- */
.ws2__foot{position:relative;z-index:3;display:flex;align-items:center;
  gap:clamp(10px,1.6vw,20px);
  padding:0 0 clamp(20px,2.8vh,38px) clamp(20px,3.6vw,62px)}
.ws2__foot .p__cta{flex:none}
.ws2__thumbs{--thW:clamp(86px,9.4vw,142px);--thGap:clamp(3px,.42vw,7px);
  --thPad:0px;
  --thH:calc(var(--thW) * .974);        /* egyseges csempemagassag (-10%) */
  /* A pohar alapallapotban TELJES EGESZEBEN a csempen belul van: a lathato
     poharmagassag = a doboz magassaga, felul es alul is hezag nelkul.
     Csak hoverre emelkedik ki a csempebol (a clip-path felfele nem vag). */
  --thVis:var(--thH);
  position:relative;flex:none;margin-left:auto;
  padding:0;overflow:visible;
  /* csak oldalt es alul vag - felul kilognak a poharak */
  clip-path:inset(-620px 0 0 0);
  width:calc(var(--thW) * 4.5 + var(--thGap) * 4)}
.ws2__track{display:flex;align-items:flex-end;gap:var(--thGap);padding:0;
  transition:transform .72s cubic-bezier(.66,0,.2,1)}
.th{position:relative;flex:none;width:var(--thW);border:0;cursor:pointer;
  padding:0;border-radius:clamp(15px,1.7vw,24px);opacity:.9;overflow:visible;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 14px 26px -18px rgba(0,0,0,.75);
  transition:opacity .3s,background .35s,transform .3s,box-shadow .35s}
.th:hover{background:rgba(255,255,255,.13)}
.th.is-on{opacity:1;background:rgba(255,255,255,.17);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 16px 30px -16px rgba(0,0,0,.8)}
 /* A doboz magassaga FIX (--thH) - minden csempe pontosan ugyanolyan magas.
    A pohar ehhez meretezodik es vizszintesen kozepre all; a teteje kilog a
    csempe fole, az alja a csempe aljanal vagodik el. */
.th__box{position:relative;display:block;width:100%;overflow:visible;
  clip-path:inset(-620px -60px 0 -60px);
  height:var(--thH)}
.th__im{position:absolute;display:block;
  width:calc(var(--thVis) / var(--bh) * var(--ar));height:auto;
  left:calc(50% - (var(--x0) + var(--bw) / 2) * var(--thVis) / var(--bh) * var(--ar));
  top:calc(-1 * var(--y0) * var(--thVis) / var(--bh));
  filter:drop-shadow(0 10px 16px rgba(20,12,6,.45));
  transform-origin:50% 100%;
  transition:transform .34s cubic-bezier(.22,1,.36,1),filter .34s}
.th:hover .th__im{transform:translateY(-15px) scale(1.06);
  filter:drop-shadow(0 20px 26px rgba(20,12,6,.55))}
.th.is-on .th__im{transform:translateY(-5px)}
.th__n{display:none;font-family:var(--fut);font-weight:500;text-transform:uppercase;
  font-size:9.6px;line-height:1.2;letter-spacing:.06em;
  text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:var(--w2-ink,#2b2b28);opacity:.8;transition:color .9s}
.th__s{position:absolute;top:1px;right:5px;width:5px;height:5px;border-radius:50%;
  background:var(--w2-a1,#d9803a);transition:background .9s}

/* --- nyilak + szamlalo --- */
.ws2__nav{position:absolute;right:clamp(28px,3.4vw,64px);bottom:clamp(26px,3.4vh,48px);
  z-index:5;display:flex;align-items:center;gap:10px}
.nb{width:42px;height:42px;border-radius:50%;border:1px solid var(--w2-onslab-d,rgba(255,255,255,.28));
  background:transparent;color:var(--w2-onslab,#fff);display:grid;place-items:center;
  cursor:pointer;transition:.24s}
.nb:hover{background:var(--w2-onslab,#fff);border-color:transparent;color:var(--w2-slab,#3a2a1c)}
.nb svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.ws2__count{font-family:var(--fut);font-weight:500;font-size:14px;letter-spacing:.12em;
  color:var(--w2-onslab,#fff);opacity:.7;min-width:56px;text-align:center}
.ws2__prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:rgba(128,128,128,.16);z-index:4}
.ws2__fill{height:100%;width:0;background:var(--w2-a1,#d9803a);transition:background .9s}

/* A kapcsolati sor jobbra igazitva, de a szines sav ELOTT er veget - igy nem vagodik el,
   es a mely alapon vegig olvashato marad. CSAK a fooldalon (ott van a jobb oldali szines sav);
   minden mas oldalon a sor a jobb szelre zar (2026-09-28: globalisan rogzitve, nem oldalankenti felulirassal). */
body.hw-home .isl-wrap .cbar{padding-right:calc(clamp(165px,19.7vw,330px) + 22px)}
.cbar a{color:rgba(255,255,255,.86)!important}
.cbar a:hover{color:#fff!important}
.cbar__d{background:rgba(255,255,255,.24)!important}
@media(max-width:1150px){.cbar a:first-of-type,.cbar .cbar__d:first-of-type{display:none}}
/* ami atlog a vilagos savra, az a sav sajat tintajat kapja - igy vegig olvashato */
.cbar a.on-slab{color:var(--w2-onslab,#3a2a1c)!important;opacity:.78;text-shadow:none}
.cbar a.on-slab:hover{color:var(--w2-onslab,#3a2a1c)!important;opacity:1}
.cbar .cbar__d.on-slab{background:var(--w2-onslab,#3a2a1c)!important;opacity:.28}
/* ami eppen a sav elere esik (pl. az email cim), az kap egy sotet halot,
   hogy a vilagos savon is olvashato maradjon */
.cbar a{text-shadow:0 1px 2px rgba(18,11,5,.55)}
.cbar a.on-edge{text-shadow:0 1px 3px rgba(18,11,5,.95),0 0 9px rgba(18,11,5,.85),
                0 0 18px rgba(18,11,5,.6)}
.cbar a.on-edge svg{filter:drop-shadow(0 1px 3px rgba(18,11,5,.9))}

/* 2. A webshop/kavezo info-sav kozelebb a menuhoz */
.isl-wrap .cbar{padding-bottom:4px}
.isl-wrap .noti{padding-bottom:4px}
.isl-wrap .isl{margin-top:8px}

/* 3. Gorgetesre a menu a WeedShake-panelhez igazodik, nem a kepernyo kozepere.
   (a .noti racs miatt a stack teljes szeles marad, ezert a pirulat kozepre kell tenni) */
/* A tomor pirula MINDIG kozepre zarodik (a .noti racs miatt kulonben a bal
   szelere esne). Nincs tobbe savhoz igazitas - a Heron at is kozepen marad. */
.isl-wrap.cmp .isl{margin-left:auto;margin-right:auto}

/* 8. A megamenu hoverre (pop) maradjon lathato a ket felso info-sav;
   csak gorgetesre (cmp) vagy keresesre (sopen) tunjon el. */
.isl-wrap.pop:not(.cmp):not(.sopen) .cbar{opacity:1;transform:none;pointer-events:auto;
  height:auto;padding-bottom:4px;overflow:visible}
.isl-wrap.pop:not(.cmp):not(.sopen) .noti{opacity:1;transform:none;pointer-events:auto;
  height:auto;padding-bottom:4px;overflow:visible}

/* 9. Az iveles uveg-el a HU|CBD hatarra es tukrozve a B2B|Akciok hatarra */
.isl::before{left:var(--glossL,6%);right:var(--glossR,6%)}

/* --- fejlec vilagos hattéren --- */
.cbar a{color:rgba(43,43,40,.60)}
.cbar a:hover{color:#2b2b28}
.cbar__d{background:rgba(43,43,40,.16)}
.noti .chan{background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(255,255,255,.66));
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(43,43,40,.07),0 8px 22px -16px rgba(43,43,40,.5);
  color:#2b2b28}
.noti .chan__i{color:rgba(43,43,40,.68)}
.noti .chan__i b{color:#2b2b28}
/* A forras-CSS zarva-allapotban vilagos (#D8E4DC) betuszint ad a vilagos chipen -> olvashatatlan */
.noti .chan--c.closed .chan__i b{color:#2b2b28}
.noti .chan--c.closed .chan__i{color:rgba(43,43,40,.72)}
.noti .chan__sep{background:rgba(43,43,40,.14)}
.noti .chan__x a{color:rgba(43,43,40,.5)}
.noti .chan__x a:hover{color:#2b2b28}

/* --- mobil --- */
@media(max-width:900px){
  /* 4. kor: alacsonyabb hero - a magassag a tartalombol jon (fejlec-savig ero
     pohar + also CTA/thumb-sav), nem 100svh; a pohar tolti ki a teret,
     felette/alatta csak par px marad */
  .ws2{height:calc(clamp(76px,9.5vh,100px) + min(50vh,420px) + 208px);
       min-height:560px;padding-top:clamp(110px,13vh,140px)}
  .ws2__band{width:100%;inset:auto 0 0 0;height:210px;border-radius:64px 64px 0 0/40px 40px 0 0;
    background:linear-gradient(90deg,var(--w2-deep,#3a2a1c),var(--w2-deep2,#241a11))}
  .ws2__bandtx{display:none}
  .p__facts{gap:14px;margin-bottom:0;flex-wrap:nowrap}
  .p__facts .p__fact,.p__facts .p__sep{display:none}
  .p__cupbox{z-index:1}
  .ws2__nav .ws2__count{color:#fff}
  .ws2__nav .nb{border-color:rgba(255,255,255,.34);color:#fff}
  .ws2__nav .nb:hover{background:#fff;color:var(--w2-deep,#3a2a1c)}
  .ws2__stage{grid-template-columns:1fr;padding:0 22px 236px;gap:6px;align-content:center;overflow:hidden}
  /* mobil kompozicio (3. kor): a pohar abszolut, jobbra zart, de teljesen a
     keretben (right:10px, nincs kiverzes); az alja kb. az ar-sor aljaig er
     (100svh - fejlec - also CTA/thumb-sav). A szovegblokk a stage-ben
     fuggolegesen kozepre zart, FELETTE levo retegkent (z-index 3 vs 1),
     halo-arnyekkal. overflow:visible, kulonben a WEEDSHAKE-kicker es a
     szezonalis badge felso resze levagodik (elozo kor hibaja). */
  .ws2__stage{position:relative;z-index:3;overflow:visible!important}
  .p__cupbox{position:absolute;order:0;margin:0;
             top:clamp(76px,9.5vh,100px);right:10px;
             --cupH:min(50vh,420px)}
  .p__title,.p__desc,.p__price{text-shadow:0 1px 2px var(--w2-bg,#f7f4f0),
    0 0 14px var(--w2-bg,#f7f4f0),0 0 30px var(--w2-bg,#f7f4f0)}
  /* a badge sajat sorba, teljes szelessegben lathato */
  .p__wm{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
  .p__badge{margin-left:0;white-space:nowrap}
  /* a (c) jel felso indexben maradjon a flex-sorban is */
  .p__wm .p__cr{align-self:flex-start;margin:1px 0 0 -9px}
  .ws2__thumbs{margin-right:0!important;margin-left:0}
  .ws2__foot .p__cta{order:-1;justify-content:center}
  .btn2{padding:12px 22px;font-size:13px}
  .p__garnish{left:auto;right:-4%;bottom:2%;width:72px}
  .p__title{font-size:clamp(40px,12vw,58px)}
  .p__copytext{display:none}
  .ws2__foot{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 56px;
    flex-direction:column;gap:10px;color:#fff}
  .ws2__thumbs{--thW:74px;--thGap:6px;width:100%!important;margin:0!important}
  .ws2__track{padding-bottom:2px}
  .th{padding:0}
  .ws2__foot .th__n,.ws2__foot .ws2__count{color:#fff}
  .ws2__foot .nb{border-color:rgba(255,255,255,.34);color:#fff}
  .ws2__foot .nb:hover{background:#fff;color:var(--w2-deep,#3a2a1c)}
  .th.is-on{background:rgba(255,255,255,.17)}
  .ws2__nav{left:0;right:auto;width:100%;bottom:13px;justify-content:center}
  .th__n{display:none}
}
@media(max-height:820px) and (min-width:901px){
  .ws2{padding-top:156px}
  .p__copytext{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .p__garnish{animation:none}
  .p__cup{transition:opacity .3s linear}
  .fp{display:none}
}
.isep--u{margin:9px 4px}.util{padding-left:2px}.ideal{padding:0 11px 0 9px;margin-left:2px}.cart3__b{right:-4px}.cmp .cart3__b{right:-4px}@media(max-width:1446px){.iv em{opacity:0;max-width:0;margin-left:-5px;padding:2px 0}}@media(max-width:1437px){.iv{padding:8px 9px;font-size:11.9px}.ilogo{width:52px;height:52px;margin:0 5px}.iic{width:34px;height:34px}}@media(max-width:1240px){.ideal span,.ideal s{display:none}.ideal{padding:0 10px;gap:0}}@media(max-width:1080px){.iv{padding:8px 6px}}@media(max-width:960px){.ideal{padding:0 8px;margin-left:0}.isep--u{margin:9px 2px}}.mini__it{display:flex;align-items:center;gap:10px;padding:7px;border-radius:13px;transition:background .2s}.mini__it:hover{background:rgba(46,84,41,.07)}a.mini__t{display:block;padding:0}.mini__d{min-width:0}.mini__d>a{display:block;padding:0;border-radius:0}.mini__d>a:hover{background:transparent}.mini__q{display:inline-flex;align-items:center;gap:7px;margin-top:5px}.mini__q button{width:20px;height:20px;border:0;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1;cursor:pointer;color:#1F2723;background:rgba(14,58,36,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:background .18s,transform .18s}.mini__q button:hover{background:rgba(14,58,36,.18)}.mini__q button:active{transform:scale(.9)}.mini__q b{display:inline-block;min-width:14px;text-align:center;font-size:11.4px;font-weight:700;font-variant-numeric:tabular-nums}.mini__it>i{margin-left:auto;font-style:normal;font-size:11.4px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.isl-wrap{padding-top:10px}.isl{width:calc(100vw - 20px);gap:0;padding:8px 10px;justify-content:space-between;margin-top:14px}.isl-wrap.cmp .isl{--iw:calc(100vw - 20px);padding:7px 9px}.isg--l{display:none!important}.isg--r{display:flex!important;flex:0 0 auto;min-width:0;padding-left:0}.isg--r .iv,.isg--r .ideal,.isg--r .isep--u{display:none!important}.util{margin-left:0;padding-left:0;gap:3px}.iic{width:38px;height:38px}.cart3{width:40px;height:40px}.ilogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;margin:0}.isl-wrap.cmp .ilogo{width:42px;height:42px;margin:0}.mini{display:none!important}.drw__b{padding-bottom:34px}.drw__f{padding-bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-width:900px){.ilogo--wide{position:static;transform:none;width:44px;height:44px;margin:0 0 0 4px;flex:none}.ilogo--wide:hover{transform:none}.util .lng{display:block;position:relative;margin-left:1px}.util .lng__t{width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center}.util .lng__t b{display:none}.util .lng__t svg{width:20px;height:20px}.util .lng__p{left:auto;right:0}#sbtn{display:none!important}.util a.iic[href*="fiok"]{display:none!important}.scrim{display:none!important}.drw{left:0;right:0;top:0;bottom:0;width:100vw;min-height:100dvh;z-index:60;transform:translateY(-2.5%);opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(168deg,rgba(251,251,249,.985),rgba(242,244,240,.97));-webkit-backdrop-filter:blur(28px) saturate(1.15);backdrop-filter:blur(28px) saturate(1.15);box-shadow:none;padding-top:calc(clamp(76px,9.5vh,100px) - 6px);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),visibility 0s .4s}.drw.on{transform:none;opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.drw__h{display:none}.drw__s{padding:10px 20px 2px;border-bottom:0}.drw__s input{height:42px;border-radius:15px;font-size:13.4px;background:rgba(255,255,255,.85);border:1px solid rgba(38,51,44,.16)}.drw__b{padding:4px 20px 26px}.acc{border-bottom:0}.acc__t{padding:7px 0;font-family:var(--fut);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}.acc--b .acc__t{font-size:24px;font-weight:700;line-height:1.05}.acc--b .acc__t svg{margin-left:auto;width:19px;height:19px;transition:transform .35s}.acc--s .acc__t{font-size:15px;font-weight:400;letter-spacing:.1em;color:#39443c;padding:5px 0}.acc--s .acc__t svg{margin-left:auto;width:14px;height:14px;opacity:.55;transition:transform .35s}.acc.on .acc__t svg{transform:rotate(180deg)}.drw__div{height:3px;border-radius:3px;margin:10px 0;background:linear-gradient(90deg,#00764A 0%,#0A8F5B 28%,#5BE39B 50%,#0A8F5B 72%,#00764A 100%);background-size:240% 100%;animation:hwdiv 3.2s ease-in-out infinite alternate;box-shadow:0 0 12px rgba(91,227,155,.38),0 1px 0 rgba(255,255,255,.6)}@keyframes hwdiv{0%{background-position:0% 0}100%{background-position:100% 0}}.drw__login{display:inline-flex;align-items:center;justify-content:center;margin:2px 0 10px;padding:12px 26px;border-radius:999px;border:2px solid #00764A;color:#00643C;font-family:var(--fut);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.06em;background:rgba(0,118,74,.05)}.drw__meta{display:flex;flex-direction:column;gap:0;padding-bottom:8px}.drw__meta a{padding:6px 0;font-size:13.4px;color:#57625a}.acc__p>div{padding:0 6px 10px}.acc__p a{padding:6px 8px;font-size:13px}.acc__g{margin:9px 0 2px 8px}.acc__chips{display:flex;flex-wrap:wrap;gap:7px;padding:4px 8px 6px}.acc__chips a{flex:none;padding:6px 13px;border-radius:999px;font-size:12.6px;font-weight:600;color:#0B3B27;background:rgba(0,118,74,.08);box-shadow:inset 0 0 0 1px rgba(0,118,74,.22)}.drw__f{display:none!important}.isl{transition:background .4s,box-shadow .4s,backdrop-filter .4s}html.menuopen .isl,html.menuopen .isl-wrap.cmp .isl{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.menuopen .isl::before{opacity:0}html.menuopen .cart3{background:transparent!important;box-shadow:none!important;transform:none!important}html.menuopen .ilogo{background:transparent!important;box-shadow:none!important}html.minishow .mini{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;position:fixed;left:10px;right:10px;width:auto;top:calc(clamp(76px,9.5vh,100px) + 4px);z-index:96}.drw .drw__s,.drw .drw__b>*{opacity:0;transform:translateY(16px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.drw.on .drw__s{opacity:1;transform:none;transition-delay:50ms}.drw.on .drw__b>*{opacity:1;transform:none;transition-delay:calc(80ms + var(--i,0)*32ms)}}.band__r{grid-template-columns:repeat(5,1fr)}.pnl:not([data-m="cbd"]) .flw a{grid-column:auto}.pnl:not([data-m="cbd"]) .pnl__g>div:not(:first-child) .flw{grid-template-columns:1fr}.pnl[data-m="merch"] .g2{grid-template-columns:1.2fr 1fr 256px;justify-content:stretch;gap:26px}.pex--logo{background-size:56% auto;background-repeat:no-repeat;background-position:center 34%;background-color:#0f1a13}

/* ================= C · KAVEZOK ================= */
.cf{position:relative;background:#0a1d12;color:#fff;isolation:isolate;overflow:hidden;
  scroll-margin-top:110px;padding:clamp(72px,8.4vh,116px) 0 clamp(64px,7.6vh,104px)}
/* 1. reteg: a sajat kavezobelso, erosen elmosva - a szekcio "szovete" */
.cf__ph{position:absolute;inset:-4%;z-index:0;pointer-events:none;
  background-position:center;background-size:cover;opacity:.20;
  filter:blur(18px) saturate(.75) brightness(.8);
  animation:cfph 46s ease-in-out infinite alternate}
@keyframes cfph{from{transform:scale(1.02) translateY(-1%)}to{transform:scale(1.1) translateY(1.5%)}}
/* 2. reteg: lassan uszo zold aurorak */
.cf::before{content:'';position:absolute;inset:-30% -10%;z-index:0;
  pointer-events:none;opacity:.65;
  background:radial-gradient(42% 30% at 18% 22%,rgba(91,227,155,.26),transparent 70%),
             radial-gradient(38% 28% at 82% 70%,rgba(0,118,74,.38),transparent 72%);
  animation:cfa 24s ease-in-out infinite alternate}
@keyframes cfa{from{transform:translate(0,0) scale(1)}to{transform:translate(3%,-2%) scale(1.12)}}
/* 3. reteg: vignetta, hogy a tartalom uljon */
.cf::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 42%,transparent 52%,rgba(5,15,9,.78))}
.cf__in{position:relative;z-index:1;max-width:1520px;margin:0 auto;
  padding:0 clamp(20px,5vw,92px)}
.cf__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  gap:clamp(16px,3vw,48px);margin-bottom:clamp(24px,3.2vh,42px)}
.cf__k{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:500;
  text-transform:uppercase;letter-spacing:.30em;font-size:clamp(12px,1.15vw,15px);
  color:#5BE39B;margin-bottom:10px}
.cf__k::before{content:'';width:26px;height:2px;border-radius:2px;background:#5BE39B}
.cf__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(34px,5.4vw,76px);margin:0}
.cf__t b{color:#5BE39B;font-weight:700}
.cf__p{margin:14px 0 0;max-width:52ch;font-size:clamp(14px,1.32vw,16.5px);
  line-height:1.65;opacity:.7}
.cf__cta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  border-radius:999px;padding:14px 26px;text-decoration:none;font-weight:600;font-size:14px;
  background:#5BE39B;color:#08210f;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s}
.cf__cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(91,227,155,.7)}
.cf__cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .26s}
.cf__cta:hover svg{transform:translateX(3px)}

.cf__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.5vw,22px)}
.cc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(300px,40vh,430px);
  border-radius:clamp(18px,1.8vw,28px);padding:clamp(20px,2vw,30px);
  text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;
  background:#0a1a10;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 24px 46px -30px rgba(0,0,0,.85);
  opacity:0;transform:translateY(24px);
  transition:transform .5s cubic-bezier(.33,1,.68,1),opacity .5s cubic-bezier(.33,1,.68,1),
             box-shadow .4s}
.cc__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit}
.cc__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);
  filter:saturate(.92);
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .5s}
.cc__bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,26,16,.30) 0%,rgba(8,26,16,.42) 42%,
             rgba(6,20,12,.90) 82%,rgba(6,20,12,.96) 100%);
  transition:opacity .5s}
.cc.in{opacity:1;transform:none}
.cc.in:hover{transform:translateY(-7px);
  box-shadow:inset 0 0 0 1px rgba(91,227,155,.5),0 32px 56px -28px rgba(0,0,0,.9)}
.cc:hover .cc__bg img{transform:scale(1.13);filter:saturate(1.05)}
.cc__n{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:1;
  font-size:clamp(26px,2.7vw,40px);margin:0 0 4px;
  text-shadow:0 2px 14px rgba(4,12,7,.75)}
.cc__c{font-size:12.6px;letter-spacing:.14em;text-transform:uppercase;
  color:#5BE39B;font-weight:600;margin-bottom:16px}
.cc__r{display:flex;align-items:flex-start;gap:10px;font-size:13.6px;line-height:1.5;
  opacity:.92;margin-bottom:9px;text-shadow:0 1px 8px rgba(4,12,7,.8)}
.cc__r svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.cc__note{margin-top:auto;padding-top:16px;font-size:12.4px;line-height:1.5;opacity:.6}
.cc__go{position:absolute;top:clamp(18px,1.8vw,26px);right:clamp(18px,1.8vw,26px);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  transition:.3s}
.cc:hover .cc__go{background:#5BE39B;box-shadow:none}
.cc__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.cc:hover .cc__go svg{stroke:#08210f}
.cf__foot{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,2.6vw,42px);
  margin-top:clamp(24px,3.2vh,42px);padding-top:clamp(20px,2.6vh,32px);
  border-top:1px solid rgba(255,255,255,.14)}
.cf__lab{font-size:12.4px;letter-spacing:.16em;text-transform:uppercase;opacity:.5}
.cf__pt{display:inline-flex;align-items:center;height:30px}
.cf__pt img{max-height:100%;width:auto;filter:brightness(0) invert(1) opacity(.62);
  transition:filter .3s,transform .3s}
.cf__pt:hover img{filter:brightness(0) invert(1) opacity(1);transform:scale(1.05)}
.cf__kf{display:inline-flex;align-items:center;gap:8px;font-family:var(--fut);
  font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:18px;
  color:rgba(255,255,255,.62);text-decoration:none;transition:color .3s}
.cf__kf:hover{color:#5BE39B}
.cf__time{margin-left:auto;display:inline-flex;align-items:center;gap:9px;font-size:13.4px;
  opacity:.75}
.cf__time i{width:8px;height:8px;border-radius:50%;background:#5BE39B;flex:none;
  box-shadow:0 0 0 0 rgba(91,227,155,.6);animation:rkp 2.4s ease-out infinite}

@media(max-width:1000px){.cf__grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
  .cf__head{grid-template-columns:1fr}
  .cf__cta{justify-self:start}
  .cf__grid{grid-template-columns:1fr}
  .cf__time{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.cc{transition:none}}
/* ================= A · MARKALOGOK (csak logok, semmi szoveg) ================= */
.lg{position:relative;width:100%;overflow:hidden;background:#F4F1E8;
  padding:clamp(34px,4.6vh,60px) 0;isolation:isolate}
.lg::before,.lg::after{content:'';position:absolute;top:0;bottom:0;
  width:clamp(50px,8vw,170px);z-index:2;pointer-events:none}
.lg::before{left:0;background:linear-gradient(90deg,#F4F1E8,transparent)}
.lg::after{right:0;background:linear-gradient(270deg,#F4F1E8,transparent)}
.lg__row{display:flex;width:max-content;align-items:center;
  animation:lgs 42s linear infinite;will-change:transform}
.lg:hover .lg__row{animation-play-state:paused}
@keyframes lgs{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lg__g{display:flex;align-items:center;flex:none}
.lg__i{display:grid;place-items:center;flex:none;
  width:clamp(140px,13vw,196px);height:clamp(44px,4.6vw,64px);
  padding:0 clamp(14px,1.6vw,26px);box-sizing:content-box}
.lg__i img{max-width:100%;max-height:100%;object-fit:contain;display:block;
  filter:grayscale(1) opacity(.42);
  transition:filter .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}
.lg__i:hover img{filter:grayscale(0) opacity(1);transform:scale(1.06)}
a.lg__i{text-decoration:none}

/* ================= B · LEGKERESETTEBB TERMEKEK ================= */
.s3{--line:rgba(38,51,44,.14);--r:20px;--muted:#6b7568;--cta:#00784A;
  position:relative;background:#F4F1E8;color:#26332C;scroll-margin-top:110px;
  overflow:hidden;isolation:isolate;
  padding:clamp(76px,8.4vh,116px) 0 clamp(60px,7.6vh,104px)}
.s3::before,.s3::after{content:'';position:absolute;z-index:0;pointer-events:none;
  border-radius:50%;filter:blur(60px);opacity:.5}
.s3::before{width:46vw;height:46vw;left:-14vw;top:-12vw;
  background:radial-gradient(circle,rgba(0,120,74,.16),transparent 68%);
  animation:s3f1 26s ease-in-out infinite}
.s3::after{width:38vw;height:38vw;right:-10vw;bottom:-14vw;
  background:radial-gradient(circle,rgba(201,162,39,.16),transparent 68%);
  animation:s3f2 32s ease-in-out infinite}
@keyframes s3f1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4vw,3vw) scale(1.12)}}
@keyframes s3f2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,-3vw) scale(1.1)}}
.s3__in{position:relative;z-index:1}
.s3__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.s3__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  gap:clamp(16px,3vw,48px);margin-bottom:clamp(24px,3.2vh,40px)}
.s3__kick{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:500;
  text-transform:uppercase;letter-spacing:.30em;font-size:clamp(12px,1.15vw,15px);
  color:#00764A;margin-bottom:12px}
.s3__kick::before{content:'';width:26px;height:2px;border-radius:2px;background:#00764A}
.s3__h{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(34px,5.4vw,76px);margin:0;color:#1b2a20}
.s3__h b{color:#00764A;font-weight:700}
.s3__lead{margin:14px 0 0;max-width:58ch;font-size:clamp(14px,1.32vw,16.5px);
  line-height:1.65;opacity:.72}
.s3__all{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  border-radius:999px;padding:14px 26px;text-decoration:none;font-weight:600;font-size:14px;
  background:#0f2a1d;color:#fff;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,background .26s}
.s3__all:hover{transform:translateY(-2px);background:#00764A;box-shadow:0 16px 32px -16px rgba(0,60,36,.7)}
.s3__all svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .26s}
.s3__all:hover svg{transform:translateX(3px)}
.s3__rail{display:flex;gap:clamp(14px,1.4vw,20px);overflow-x:auto;scroll-behavior:smooth;
  padding:6px clamp(20px,5vw,92px) 20px;margin:0 calc(-1 * clamp(20px,5vw,92px));
  scroll-snap-type:x mandatory;scrollbar-width:none}
.s3__rail::-webkit-scrollbar{display:none}

/* --- a kategoriaoldalon jovahagyott termekcsempe --- */
.pc{position:relative;flex:none;width:clamp(226px,20vw,296px);scroll-snap-align:start;
  border-radius:var(--r);border:1px solid var(--line);background:#fff;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s,border-color .3s}
.pc:hover{transform:translateY(-7px);
  box-shadow:0 30px 54px -28px rgba(38,51,44,.45),0 0 0 1px var(--fc);border-color:transparent}
/* belepo animacio: az Observer teszi ra az .in osztalyt */
.s3__rail .pc{opacity:0;transform:translateY(26px)}
.s3__rail .pc.in{opacity:1;transform:none;
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),
             box-shadow .42s,border-color .3s}
.s3__rail .pc.in:hover{transform:translateY(-7px)}
.pc__im{position:relative;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 15%,#fff,#EFF3EC 78%)}
.pc__im::before{content:'';position:absolute;width:74%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,var(--fc),transparent 68%);opacity:.14;transition:.5s}
.pc:hover .pc__im::before{opacity:.26}
.pc__halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;z-index:0;
  border:1px solid rgba(46,84,41,.18);
  background:radial-gradient(circle at 50% 42%,rgba(46,84,41,.06),transparent 62%)}
.pc__halo::after{content:'';position:absolute;inset:11%;border-radius:50%;
  border:1px dashed rgba(46,84,41,.16);
  animation:halos 34s linear infinite}
@keyframes halos{to{transform:rotate(360deg)}}
.pc:hover .pc__halo::after{animation-duration:9s}
/* lebego COA-chip a kepen */
.pc__chip{position:absolute;z-index:4;left:11px;bottom:11px;
  display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;
  font-size:9px;font-weight:600;color:#33403a;white-space:nowrap;pointer-events:none;
  background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);
  box-shadow:0 10px 22px -12px rgba(38,51,44,.42);
  animation:bobc 6.5s ease-in-out infinite}
.pc:nth-child(2n) .pc__chip{animation-duration:7.4s}
.pc:nth-child(3n) .pc__chip{animation-duration:8.2s}
.pc__chip i{width:5px;height:5px;border-radius:50%;background:var(--fc);flex:none}
@keyframes bobc{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.pc__link{position:absolute;inset:0;z-index:5}
.pc__im img{position:relative;z-index:3;width:74%;height:80%;object-fit:contain;
  filter:drop-shadow(0 20px 26px rgba(38,51,44,.22));
  transition:transform .55s cubic-bezier(.22,1,.36,1)}
.pc:hover .pc__im img{transform:scale(1.07) translateY(-4px)}
.pc__tags{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;z-index:6;
  align-items:flex-start;pointer-events:none}
.tg{font-size:9.2px;font-weight:600;letter-spacing:.03em;padding:4px 9px;border-radius:999px;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 10px -6px rgba(38,51,44,.4)}
.tg--f{background:var(--fc);color:#fff;border-color:transparent}
.tg--rk{margin-left:auto;background:#0f2a1d;color:#fff;border-color:transparent;
  font-family:var(--fut);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pc--1 .tg--rk{background:#EBD9A8;color:#0f2a1d;
  box-shadow:0 0 0 0 rgba(235,217,168,.75);animation:rkp 2.8s ease-out infinite}
@keyframes rkp{0%{box-shadow:0 0 0 0 rgba(235,217,168,.75)}
  70%{box-shadow:0 0 0 12px rgba(235,217,168,0)}100%{box-shadow:0 0 0 0 rgba(235,217,168,0)}}
.pc__b{padding:13px 15px 15px;display:flex;flex-direction:column;flex:1}
.pc__f{font-size:9.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--fc);
  font-weight:700;line-height:1.05}
.pc__n{font-size:17.5px;font-family:var(--fut);font-weight:700;line-height:1.14;
  margin:5px 0 4px;letter-spacing:.005em;text-transform:uppercase;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.28em}
.pc__n a{text-decoration:none;color:inherit}
.pc__st{font-size:11px;color:var(--fc);font-weight:600;margin-bottom:9px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc__row{display:flex;align-items:center;gap:12px;margin-top:auto}
.pc__l{min-width:0;text-align:left}
.pc__per{display:block;font-size:10.8px;color:var(--muted);margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc__p{margin-left:auto;text-align:right;text-decoration:none;font-family:var(--fut);
  font-weight:700;font-size:23px;color:#1b2a20;white-space:nowrap;transition:.2s}
.pc__p:hover{color:var(--cta)}
.pc__cta{margin-top:12px;display:flex}
.btn3{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:999px;font-size:12.4px;font-weight:500;padding:10px 16px;min-height:40px;
  border:0;cursor:pointer;flex:1;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#00784A,#005936);color:#f4f1e8;
  box-shadow:0 12px 26px -14px rgba(0,100,60,.85);transition:.24s}
.btn3::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .55s cubic-bezier(.22,1,.36,1)}
.btn3:hover{transform:translateY(-1px);box-shadow:0 18px 32px -16px rgba(0,100,60,.9)}
.btn3:hover::after{left:120%}
.btn3 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}

.s3__rail{cursor:grab}
.s3__rail.drag{cursor:grabbing;scroll-snap-type:none}
.s3__rail.drag .pc{pointer-events:none}
.s3__bar{position:relative;height:3px;border-radius:3px;background:rgba(38,51,44,.12);
  margin-top:clamp(8px,1vh,14px);overflow:hidden}
.s3__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;width:18%;
  background:linear-gradient(90deg,#00784A,#5BE39B);
  transition:transform .18s linear,width .3s}
.s3__nav{display:flex;gap:9px;margin-top:clamp(10px,1.4vh,18px);align-items:center}
.s3__auto{margin-left:auto;display:inline-flex;align-items:center;gap:8px;
  font-size:11.6px;color:#5c6b5f;border:0;background:none;cursor:pointer;padding:6px 4px}
.s3__auto i{width:8px;height:8px;border-radius:50%;background:#00784A;
  box-shadow:0 0 0 0 rgba(0,120,74,.6);animation:rkp 2.4s ease-out infinite}
.s3__auto.off i{background:#9aa79c;animation:none}
.s3b{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:transparent;color:#26332C;display:grid;place-items:center;cursor:pointer;
  transition:.24s}
.s3b:hover{background:#0f2a1d;border-color:transparent;color:#fff}
.s3b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.s3__foot{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,38px);
  margin-top:clamp(22px,3vh,38px);padding-top:clamp(18px,2.4vh,30px);
  border-top:1px solid var(--line)}
.s3__f{display:flex;align-items:center;gap:10px;font-size:13.2px;opacity:.74}
.s3__f b{font-weight:600;opacity:1}
.s3__f svg{width:18px;height:18px;fill:none;stroke:#00764A;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex:none}

@media(max-width:720px){
  .s3__head,.bs__h{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}
  .s3__all{justify-self:start}
  .pc{width:min(74vw,272px)}
  .bt{width:min(58vw,208px)}
}
@media(prefers-reduced-motion:reduce){
  .bs__row{animation:none}
  .pc,.pc__im img,.bt,.bt__im{transition:none}
}

/* --- ThreeUI "Emerald Horizon" shader-vaszon (MIT, MengTo/threeui) ---
   A szekcio aljan izzo zold horizont. blend:screen -> a fekete atlatszik. */
.ehz{position:absolute;left:0;bottom:0;width:100%;height:min(62%,420px);z-index:0;display:block;
  pointer-events:none;mix-blend-mode:screen;opacity:.85}
@media(prefers-reduced-motion:reduce){.ehz{display:none}}

/* ================= D · GARANCIAK + SAJTO ================= */
.gr{background:#F4F1E8;color:#26332C;padding:clamp(64px,7.6vh,104px) 0}
.gr__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.gr__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,22px)}
.gi{position:relative;background:#fff;border:1px solid rgba(38,51,44,.12);
  border-radius:clamp(16px,1.6vw,24px);padding:clamp(18px,1.8vw,26px);
  opacity:0;transform:translateY(20px);
  transition:opacity .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1),
             box-shadow .35s}
.gi.in{opacity:1;transform:none}
.gi:hover{box-shadow:0 22px 40px -26px rgba(38,51,44,.4)}
.gi__n{font-family:var(--fut);font-weight:700;font-size:13px;letter-spacing:.22em;
  color:#00764A;margin-bottom:10px}
.gi__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;font-size:clamp(17px,1.6vw,22px);
  line-height:1.08;margin:0 0 8px}
.gi__p{font-size:13.2px;line-height:1.6;opacity:.72;margin:0}
.gr__press{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(12px,2vw,28px);
  margin-top:clamp(26px,3.4vh,42px);padding-top:clamp(20px,2.6vh,30px);
  border-top:1px solid rgba(38,51,44,.13)}
.gr__plab{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.5}
.gr__pi{display:inline-flex;align-items:center;gap:8px;font-family:var(--fut);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;font-size:clamp(14px,1.35vw,18px);
  color:#3d4a41;opacity:.75;transition:opacity .3s,color .3s}
.gr__pi:hover{opacity:1;color:#00764A}
.gr__pi i{font-style:normal;font-family:var(--b);font-weight:400;font-size:11px;
  letter-spacing:.02em;text-transform:none;opacity:.6}

/* ================= E · VELEMENYEK ================= */
.rv{background:#fff;color:#26332C;padding:clamp(64px,7.6vh,104px) 0}
.rv__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px);
  display:grid;grid-template-columns:minmax(280px,.9fr) 1.6fr;gap:clamp(24px,3.4vw,60px);
  align-items:center}
.rv__badge{position:relative;background:radial-gradient(120% 120% at 20% 0%,#0f3d26,#0a1d12);
  color:#fff;border-radius:clamp(20px,2vw,30px);padding:clamp(26px,2.6vw,40px);
  overflow:hidden;isolation:isolate}
.rv__badge::after{content:'';position:absolute;inset:-40%;z-index:-1;opacity:.5;
  background:radial-gradient(40% 30% at 70% 20%,rgba(91,227,155,.35),transparent 70%)}
.rv__num{font-family:var(--fut);font-weight:700;font-size:clamp(64px,6.4vw,96px);line-height:1}
.rv__stars{display:flex;gap:4px;margin:10px 0 12px}
.rv__stars svg{width:20px;height:20px;fill:#EBD9A8}
.rv__src{font-size:13.4px;opacity:.75;line-height:1.55}
.rv__cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  border-radius:999px;padding:11px 20px;text-decoration:none;font-weight:600;font-size:13.4px;
  background:#5BE39B;color:#08210f;transition:transform .26s,box-shadow .26s}
.rv__cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(91,227,155,.8)}
.rv__cta{white-space:nowrap}
.rv__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex:none}
.rv__k{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:500;
  text-transform:uppercase;letter-spacing:.30em;font-size:clamp(12px,1.15vw,15px);
  color:#00764A;margin-bottom:12px}
.rv__k::before{content:'';width:26px;height:2px;border-radius:2px;background:#00764A}
.rv__h{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(30px,4.4vw,60px);margin:0 0 12px;color:#1b2a20}
.rv__h b{color:#00764A;font-weight:700}
.rv__p{font-size:clamp(14px,1.32vw,16.5px);line-height:1.65;opacity:.72;max-width:56ch;margin:0 0 18px}
.rv__widget{border:1px dashed rgba(38,51,44,.25);border-radius:16px;padding:18px 20px;
  font-size:12.6px;color:#6b7568;background:#faf8f3}

/* ================= F · B2B ================= */
.bb{background:#0a1d12;color:#fff;padding:clamp(64px,7.6vh,104px) 0;position:relative;
  overflow:hidden;isolation:isolate}
.bb::before{content:'';position:absolute;inset:-30% -10%;z-index:0;opacity:.5;pointer-events:none;
  background:radial-gradient(40% 30% at 80% 20%,rgba(91,227,155,.2),transparent 70%)}
.bb__in{position:relative;z-index:1;max-width:1520px;margin:0 auto;
  padding:0 clamp(20px,5vw,92px)}
.bb__h{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(30px,4.4vw,60px);margin:0 0 8px}
.bb__h b{color:#5BE39B;font-weight:700}
.bb__p{font-size:14.6px;line-height:1.6;opacity:.66;max-width:56ch;margin:0 0 26px}
.bb__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.5vw,22px)}
.bb__c{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#fff;
  border-radius:clamp(16px,1.6vw,24px);padding:clamp(20px,2vw,30px);
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);transition:.35s}
.bb__c:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(91,227,155,.5),
  0 26px 46px -26px rgba(0,0,0,.8);
  background:linear-gradient(160deg,rgba(91,227,155,.14),rgba(255,255,255,.04))}
.bb__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:clamp(20px,2vw,28px);line-height:1.04;margin:0}
.bb__d{font-size:13.4px;line-height:1.6;opacity:.7;margin:0}
.bb__go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-weight:600;font-size:13.4px;color:#5BE39B}
.bb__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .26s}
.bb__c:hover .bb__go svg{transform:translateX(4px)}

/* ================= G · LABLEC ================= */
.ft{background:#081a10;color:#fff;padding:clamp(56px,6.4vh,84px) 0 0}
.ft__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.ft__top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;
  gap:clamp(20px,2.6vw,44px);padding-bottom:clamp(28px,3.4vh,44px)}
.ft__brand img{height:104px;width:auto;margin-bottom:12px}
.ft__tag{font-size:13.2px;line-height:1.6;opacity:.6;max-width:30ch;margin:0 0 16px}
.ft__soc{display:flex;gap:9px}
.ft__soc a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  transition:.28s}
.ft__soc a:hover{background:#5BE39B}
.ft__soc svg{width:16px;height:16px;fill:#fff;transition:fill .28s}
.ft__soc a:hover svg{fill:#08210f}
.ft__h{font-family:var(--fut);font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  font-size:13.4px;color:#5BE39B;margin:4px 0 14px}
.ft__l{display:flex;flex-direction:column;gap:9px}
.ft__l a{text-decoration:none;color:rgba(255,255,255,.68);font-size:13.4px;
  transition:color .24s,transform .24s}
.ft__l a:hover{color:#fff;transform:translateX(3px)}
.ft__c{font-size:13px;line-height:1.6;color:rgba(255,255,255,.68)}
.ft__c b{display:block;color:#fff;font-weight:600;margin-top:10px}
.ft__c a{color:#5BE39B;text-decoration:none}
.ft__c b a{color:inherit}.ft__c b a:hover{color:#5BE39B}/* a kávézónevek a saját oldalukra visznek (2026-09-29) */
.ft__comp{border-top:1px solid rgba(255,255,255,.12);padding:clamp(16px,2vh,24px) 0;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:12.2px;color:rgba(255,255,255,.55);line-height:1.6}
.ft__ct{flex:1;min-width:200px}
.ft__18{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:2px solid #EBD9A8;color:#EBD9A8;font-family:var(--fut);font-weight:700;font-size:14px}
.ft__bot{border-top:1px solid rgba(255,255,255,.12);padding:clamp(14px,1.8vh,20px) 0;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:12.4px;color:rgba(255,255,255,.5)}
.ft__pay{display:inline-flex;align-items:center;gap:8px;font-size:11.6px;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}

@media(max-width:1100px){
  .gr__grid{grid-template-columns:1fr 1fr}
  .ft__top{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .rv__in{grid-template-columns:1fr}
  .bb__grid{grid-template-columns:1fr}
  .gr__grid{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr}
}

/* ===== fejlec kapszulak: allapot-pottyok + visszaszamlalo-szinek ===== */
.chan--c .chan__l,.chan--w .chan__l{position:relative}
.chan--c .chan__l::after,.chan--w .chan__l::after{content:'';position:absolute;
  top:-2.7px;right:-2.7px;width:7.2px;height:7.2px;border-radius:50%;background:#3EE58A;
  box-shadow:0 0 0 1.8px rgba(6,21,13,.55),0 0 8px 2px rgba(62,229,138,.7);
  animation:hwdot 2.4s ease-out infinite}
.chan--c.closed .chan__l::after{background:#FF5A57;
  box-shadow:0 0 0 1.8px rgba(6,21,13,.55),0 0 8px 2px rgba(255,90,87,.65)}
@keyframes hwdot{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){
  .chan--c .chan__l::after,.chan--w .chan__l::after{animation:none}}
.chan--c.cd-open #cafeTxt b{color:#3EE58A}
.chan--c.closed.cd-open #cafeTxt b{color:#3EE58A}
.chan--c.cd-close #cafeTxt b{color:#FF6B66}
.chan__i--oc b{color:#3EE58A}
/* az ar alatti kiegeszito szoveg megszunt — a chip hordozza az infot */
[data-pricenote]{display:none !important}

/* ================= A2 · IRANYVALASZTO ================= */
.chx{background:#F4F1E8;padding:clamp(18px,2.6vh,30px) 0 clamp(8px,1.2vh,14px)}
.chx__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.chx__grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:clamp(10px,1.2vw,18px)}
.chc--ask .chc__t b{font-size:clamp(13.5px,1.3vw,17px)}
.chc{position:relative;display:grid;grid-template-columns:auto 1fr auto;
  grid-template-areas:"ic t go";align-items:center;column-gap:clamp(12px,1.4vw,18px);
  border-radius:clamp(16px,1.6vw,22px);padding:clamp(11px,1.2vw,16px) clamp(14px,1.6vw,22px);
  text-decoration:none;overflow:hidden;isolation:isolate;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.chc:hover{transform:translateY(-3px)}
.chc--now{background:radial-gradient(130% 160% at 12% 0%,#124b2f,#0a1d12);color:#fff;
  box-shadow:0 18px 36px -22px rgba(6,40,24,.75)}
.chc--now::after{content:'';position:absolute;inset:-40%;z-index:-1;opacity:.55;pointer-events:none;
  background:radial-gradient(38% 30% at 80% 15%,rgba(91,227,155,.35),transparent 70%)}
.chc--now:hover{box-shadow:0 26px 46px -24px rgba(6,40,24,.9)}
.chc--home{background:#fff;color:#1b2a20;box-shadow:inset 0 0 0 1px rgba(38,51,44,.14),
  0 14px 30px -24px rgba(38,51,44,.5)}
.chc--home:hover{box-shadow:inset 0 0 0 1px rgba(0,118,74,.45),0 22px 40px -24px rgba(38,51,44,.55)}
.chc__ic{grid-area:ic;width:clamp(34px,2.9vw,42px);height:clamp(34px,2.9vw,42px);
  border-radius:12px;display:grid;place-items:center;flex:none}
.chc--now .chc__ic{background:rgba(91,227,155,.16);box-shadow:inset 0 0 0 1px rgba(91,227,155,.35)}
.chc--home .chc__ic{background:rgba(0,118,74,.08);box-shadow:inset 0 0 0 1px rgba(0,118,74,.22)}
.chc__ic svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.chc--now .chc__ic svg{stroke:#5BE39B}
.chc--home .chc__ic svg{stroke:#00764A}
.chc__t{grid-area:t;font-size:11.8px;letter-spacing:.02em;opacity:.72;min-width:0}
.chc__t b{display:block;font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:clamp(15px,1.5vw,20px);line-height:1.05;letter-spacing:.01em;opacity:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chc--ask{background:transparent;color:#3d4a41;
  box-shadow:inset 0 0 0 1.4px rgba(0,118,74,.28)}
.chc--ask:hover{box-shadow:inset 0 0 0 1.4px rgba(0,118,74,.6)}
.chc--ask .chc__ic{background:rgba(0,118,74,.07)}
.chc--ask .chc__ic svg{stroke:#00764A}
.chc--ask .chc__go{background:transparent;color:#00764A;
  box-shadow:inset 0 0 0 1.4px rgba(0,118,74,.35)}
.chc__go{grid-area:go;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  flex:none;transition:transform .3s}
.chc--now .chc__go{background:#5BE39B;color:#08210f}
.chc--home .chc__go{background:#0f2a1d;color:#fff}
.chc:hover .chc__go{transform:translateX(4px)}
.chc__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:960px){.chx__grid{grid-template-columns:1fr 1fr}
  .chc--ask{grid-column:1/-1}}
@media(max-width:640px){.chx__grid{grid-template-columns:1fr}
  .chc--ask{grid-column:auto}}

/* ================= C1b · AKCIOSAV ================= */
.of{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:linear-gradient(165deg,#0e2b1b 0%,#0a1d12 70%);padding:clamp(56px,6.6vh,92px) 0}
.of::before{content:'';position:absolute;inset:-30% -10%;z-index:0;pointer-events:none;
  background:radial-gradient(40% 32% at 85% 10%,rgba(235,217,168,.12),transparent 70%),
    radial-gradient(36% 30% at 8% 90%,rgba(91,227,155,.12),transparent 70%)}
.of__in{position:relative;z-index:1;max-width:1520px;margin:0 auto;
  padding:0 clamp(20px,5vw,92px)}
.of__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  gap:clamp(16px,2.4vw,40px);margin-bottom:clamp(20px,3vh,34px)}
.of__k{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:500;
  text-transform:uppercase;letter-spacing:.30em;font-size:clamp(12px,1.15vw,15px);
  color:#EBD9A8;margin-bottom:10px}
.of__k::before{content:'';width:26px;height:2px;border-radius:2px;background:#EBD9A8}
.of__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(28px,4vw,54px);margin:0}
.of__t b{color:#5BE39B;font-weight:700}
.of__all{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:13.6px;
  font-weight:600;color:#EBD9A8;text-decoration:none;transition:.25s}
.of__all:hover{color:#fff}
.of__all svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.of__all:hover svg{transform:translateX(3px)}
.of__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,20px)}
.ofc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(240px,30vh,320px);border-radius:clamp(16px,1.8vw,24px);overflow:hidden;
  text-decoration:none;color:#fff;isolation:isolate;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.ofc:hover{transform:translateY(-5px);
  box-shadow:inset 0 0 0 1px rgba(235,217,168,.5),0 26px 46px -26px rgba(0,0,0,.85)}
.ofc__bg{position:absolute;inset:0;z-index:0}
.ofc__bg img{width:100%;height:100%;object-fit:cover;object-position:center top;
  transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ofc:hover .ofc__bg img{transform:scale(1.05)}
.ofc__bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,22,14,.05) 30%,rgba(8,22,14,.62) 66%,
    rgba(8,22,14,.95) 100%)}
.ofc__tag{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;
  padding:5px 12px;border-radius:999px;font-size:10.6px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:#1b130c;background:#EBD9A8}
.ofc__tag--g{background:#5BE39B;color:#08210f}
.ofc__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;
  padding:clamp(14px,1.6vw,22px)}
.ofc__n{font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:clamp(19px,1.9vw,26px);line-height:1.02}
.ofc__d{font-size:12.8px;line-height:1.5;opacity:.82}
.ofc__d--s{font-size:11px;opacity:.55}
.ofc__go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;
  font-size:13px;color:#5BE39B}
.ofc__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .26s}
.ofc:hover .ofc__go svg{transform:translateX(4px)}
.ofc--cpn{justify-content:center;cursor:default;
  background:
    radial-gradient(120% 140% at 85% 0%,rgba(235,217,168,.16),transparent 55%),
    linear-gradient(160deg,#143622,#0c2214)}
.ofc--cpn .ofc__body{align-items:flex-start}
.cpn{display:inline-flex;align-items:stretch;margin-top:8px;border-radius:14px;
  overflow:hidden;border:1.6px dashed rgba(235,217,168,.65);background:rgba(0,0,0,.25);
  cursor:pointer;padding:0;transition:transform .25s,border-color .25s}
.cpn:hover{transform:translateY(-2px);border-color:#EBD9A8}
.cpn__code{padding:12px 18px;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-weight:700;font-size:clamp(17px,1.6vw,22px);letter-spacing:.14em;color:#EBD9A8}
.cpn__act{display:grid;place-items:center;padding:0 16px;font-size:11.4px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:#08210f;background:#EBD9A8;
  transition:background .25s}
.cpn.ok .cpn__act{background:#5BE39B}
.of__ship{display:flex;align-items:center;gap:12px;margin-top:clamp(18px,2.6vh,28px);
  padding:14px 18px;border-radius:16px;font-size:13.4px;
  background:rgba(91,227,155,.08);box-shadow:inset 0 0 0 1px rgba(91,227,155,.22)}
.of__ship b{color:#5BE39B;font-weight:600}
.of__ship svg{width:22px;height:22px;flex:none;fill:none;stroke:#5BE39B;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.of__grid{grid-template-columns:1fr}
  .ofc{min-height:220px}}
@media(max-width:720px){.of__head{grid-template-columns:1fr}}

/* bizalom-fedezet apromodositasok */
.pc__chip--doc{pointer-events:auto;z-index:6;text-decoration:none;cursor:pointer;
  transition:box-shadow .25s,transform .25s}
.pc__chip--doc:hover{box-shadow:0 12px 24px -10px rgba(38,51,44,.5);transform:translateY(-1px)}
.pc__cta{position:relative;z-index:6}
.pc__p{position:relative;z-index:6}
.gi__doc{display:inline-block;margin-top:6px;color:#00764A;font-weight:600;
  text-decoration:none;border-bottom:1px solid rgba(0,118,74,.35)}
.gi__doc:hover{border-bottom-color:#00764A}

/* ================= CTA-GLOW (ThreeUI rectangle-buttons: spinning-border port) ================= */
@property --ga{syntax:'<angle>';initial-value:0deg;inherits:false}
.ctaGlow{position:relative;isolation:auto}
.ctaGlow::before{content:'';position:absolute;inset:-2px;border-radius:999px;z-index:-1;
  background:conic-gradient(from var(--ga),#5BE39B,rgba(0,118,74,.0) 28%,
    rgba(91,227,155,.0) 55%,#EBD9A8 78%,#5BE39B);
  animation:gaspin 3.4s linear infinite;filter:blur(.4px)}
.ctaGlow::after{content:'';position:absolute;inset:-7px;border-radius:999px;z-index:-2;
  background:conic-gradient(from var(--ga),rgba(91,227,155,.55),transparent 30%,
    transparent 60%,rgba(91,227,155,.55));
  animation:gaspin 3.4s linear infinite;filter:blur(10px);opacity:.55}
@keyframes gaspin{to{--ga:360deg}}
@media(prefers-reduced-motion:reduce){.ctaGlow::before,.ctaGlow::after{animation:none}}

/* ================= C2 · SIGNATURE BLEND ================= */
.sig{position:relative;overflow:hidden;isolation:isolate;color:#F4EDE2;
  background:linear-gradient(180deg,#15100a 0%,#1c140c 55%,#17130d 100%);
  padding:clamp(32px,4vh,48px) 0}
.sig::before{content:'';position:absolute;inset:-30% -10%;z-index:0;pointer-events:none;
  background:
    radial-gradient(42% 34% at 12% 18%,rgba(235,217,168,.14),transparent 70%),
    radial-gradient(36% 30% at 88% 8%,rgba(91,227,155,.10),transparent 70%),
    radial-gradient(50% 40% at 60% 110%,rgba(120,72,32,.28),transparent 72%)}
.sig::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:26px 26px}
.sig__tree{position:absolute;right:clamp(-40px,1vw,40px);bottom:0;width:min(30vw,440px);
  height:min(58vh,520px);z-index:0;pointer-events:none;opacity:.72;display:block}
@media(max-width:1100px){.sig__tree{display:none}}
.sig__in{position:relative;z-index:1;max-width:1520px;margin:0 auto;
  padding:0 clamp(20px,5vw,92px)}
.sig__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  gap:clamp(16px,2.4vw,40px);margin-bottom:clamp(14px,2vh,22px)}
.sig__k{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:500;
  text-transform:uppercase;letter-spacing:.30em;font-size:clamp(12px,1.15vw,15px);
  color:#EBD9A8;margin-bottom:12px}
.sig__k::before{content:'';width:26px;height:2px;border-radius:2px;background:#EBD9A8}
.sig__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(30px,4.4vw,60px);margin:0}
.sig__t b{color:#5BE39B;font-weight:700}
.sig__p{margin:10px 0 0;max-width:56ch;font-size:clamp(14px,1.32vw,16.5px);
  line-height:1.65;opacity:.78}
.sig__cta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  border-radius:999px;padding:14px 26px;text-decoration:none;font-weight:600;
  font-size:14.5px;background:linear-gradient(135deg,#00784A,#005936);color:#F4F1E8;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.8);transition:transform .26s}
.sig__cta:hover{transform:translateY(-2px)}
.sig__cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.sig__cta:hover svg{transform:translateX(3px)}
/* italok-sav (marquee) */
.sig__band{position:relative;overflow:hidden;margin:0 calc(-1*clamp(20px,5vw,92px));
  padding:6px 0 2px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sig__row{display:flex;width:max-content;gap:clamp(12px,1.2vw,18px);
  animation:sigmq 52s linear infinite}
.sig__band:hover .sig__row{animation-play-state:paused}
@keyframes sigmq{to{transform:translateX(-50%)}}
.sig__g{display:flex;gap:clamp(12px,1.2vw,18px);padding-right:clamp(12px,1.2vw,18px);flex:none}
.sg{position:relative;flex:none;width:clamp(168px,14vw,206px);text-decoration:none;
  color:#F4EDE2;border-radius:18px;padding:16px 14px 14px;text-align:center;
  background:linear-gradient(165deg,#2b2115,#1e1710 60%,#1a140d);
  box-shadow:inset 0 0 0 1px rgba(244,237,226,.13);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}
.sg:hover{transform:translateY(-6px);
  box-shadow:inset 0 0 0 1px rgba(235,217,168,.55),0 24px 40px -24px rgba(0,0,0,.9);
  background:linear-gradient(165deg,#3a2d1a,#231b12 60%,#1d160f)}
.sg__im{position:relative;height:96px;display:grid;place-items:center;margin-bottom:8px}
.sg__im img{position:absolute;left:9%;top:0;width:82%;height:100%;object-fit:contain;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.55));
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sg:hover .sg__im img{transform:scale(1.06) translateY(-3px)}
/* gozszalak */
.sg__im::before,.sg__im::after{content:'';position:absolute;top:-4px;left:50%;width:7px;
  height:30px;border-radius:50%;background:rgba(244,237,226,.5);filter:blur(6px);
  opacity:0;animation:steam 3.8s ease-in-out infinite}
.sg__im::after{margin-left:11px;height:22px;animation-delay:1.6s;animation-duration:4.6s}
.sg__im::before{margin-left:-13px}
@keyframes steam{0%{transform:translateY(8px) scaleY(.6);opacity:0}
  35%{opacity:.5}100%{transform:translateY(-16px) scaleY(1.25);opacity:0}}
.sg__n{display:block;font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:13.4px;line-height:1.15;min-height:2.3em}
.sg__pr{display:inline-flex;margin-top:7px;padding:4px 12px;border-radius:999px;
  font-family:var(--fut);font-weight:700;font-size:13.5px;color:#1b130c;
  background:#EBD9A8}
.sg--ice .sg__im::before,.sg--ice .sg__im::after{display:none}
/* kapszulak */
.sig__caps{margin-top:clamp(14px,2.2vh,24px);display:grid;
  grid-template-columns:minmax(252px,1.04fr) repeat(3,1fr);
  gap:clamp(12px,1.4vw,20px);align-items:stretch}
/* a szovegblokk egy magassagu a kartyakkal: kitolti a cellat, fuggolegesen kozepre zarva */
.sig__capshead{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(4px,.8vw,12px) clamp(14px,2vw,34px) clamp(4px,.8vw,12px) 0}
.sig__capshead h3{font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:clamp(19px,1.9vw,26px);line-height:1.05;margin:0 0 8px;color:#EBD9A8}
.sig__capshead p{font-size:13.2px;line-height:1.6;opacity:.7;margin:0}
/* hangulat-kartyak: Focus / Balance / Relax */
.md{position:relative;display:flex;flex-direction:column;gap:6px;overflow:hidden;
  border-radius:20px;padding:clamp(14px,1.5vw,20px);isolation:isolate;
  background:linear-gradient(165deg,#241c12 0%,#1c150e 60%,#191510 100%);
  box-shadow:inset 0 0 0 1px rgba(244,237,226,.13);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.md::before{content:'';position:absolute;inset:-40% -40% auto auto;width:75%;
  aspect-ratio:1;border-radius:50%;z-index:-1;opacity:.28;
  background:radial-gradient(circle,var(--mc),transparent 68%);transition:opacity .4s}
.md:hover{transform:translateY(-5px);
  box-shadow:inset 0 0 0 1px var(--mc),0 24px 42px -26px rgba(0,0,0,.9)}
.md:hover::before{opacity:.42}
.md__imw{display:block;aspect-ratio:5/2.55;overflow:hidden;
  border-radius:20px 20px 0 0;margin:calc(-1*clamp(16px,1.8vw,24px))
  calc(-1*clamp(16px,1.8vw,24px)) 12px}
.md__im{width:100%;height:100%;object-fit:cover;object-position:center 42%;
  display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.md:hover .md__im{transform:scale(1.05)}
.md__body{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.md__tag{align-self:flex-start;padding:4px 11px;border-radius:999px;font-size:10px;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#191510;
  background:var(--mc)}
.md__n{font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:clamp(26px,2.6vw,36px);line-height:1;color:var(--mc)}
.md__d{font-size:12.8px;line-height:1.55;opacity:.78;margin:0;max-width:30ch}
.md__acts{margin-top:auto;display:flex;flex-direction:column;gap:5px;padding-top:6px}
.md__a{display:inline-flex;align-items:center;gap:7px;font-size:12.6px;font-weight:600;
  color:#F4EDE2;text-decoration:none;opacity:.85;transition:opacity .25s,color .25s}
.md__a:hover{opacity:1;color:var(--mc)}
.md__a--main{color:var(--mc);opacity:1;font-size:13.4px}
.md__a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.md__a:hover svg{transform:translateX(3px)}
.md__sub{font-family:var(--fut);font-weight:500;text-transform:uppercase;
  letter-spacing:.08em;font-size:12.6px;color:#F4EDE2;opacity:.85;margin-top:-2px}

/* ================= D2 · MISSZIO-SAV ================= */
.ms{position:relative;overflow:hidden;background:#fff;color:#26332C;
  padding:clamp(56px,6.6vh,92px) 0;text-align:center}
.ms::before{content:'';position:absolute;left:50%;top:-40%;width:70vw;height:70vw;
  transform:translateX(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(0,118,74,.06),transparent 62%)}
.ms__in{position:relative;max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.ms__k{display:inline-flex;align-items:center;gap:10px;font-family:var(--fut);
  font-weight:500;text-transform:uppercase;letter-spacing:.3em;
  font-size:clamp(11px,1.05vw,13.5px);color:#00764A;margin-bottom:12px}
.ms__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.96;
  font-size:clamp(30px,4.4vw,58px);margin:0 0 12px;color:#1b2a20}
.ms__t b{color:#00764A;font-weight:700}
.ms__p{font-size:clamp(14px,1.32vw,16.5px);line-height:1.65;opacity:.7;margin:0 0 18px}
.ms__a{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13.6px;
  color:#00764A;text-decoration:none;border-bottom:1px solid rgba(0,118,74,.3);
  padding-bottom:2px;transition:border-color .25s}
.ms__a:hover{border-color:#00764A}
.ms__a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ms__a:hover svg{transform:translateX(3px)}

/* ================= E2 · SZAMOK-SAV ================= */
.st{background:#F4F1E8;color:#26332C;padding:clamp(44px,5.6vh,76px) 0}
.st__in{max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px)}
.st__g{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px)}
.sti{text-align:center;padding:clamp(10px,1.2vw,18px)}
.sti+.sti{border-left:1px solid rgba(38,51,44,.12)}
.sti__n{display:block;font-family:var(--fut);font-weight:700;line-height:1;
  font-size:clamp(38px,4.6vw,64px);color:#00764A;font-variant-numeric:tabular-nums}
.sti__l{display:block;margin-top:6px;font-size:12.6px;line-height:1.45;opacity:.68}
.st__note{margin:clamp(16px,2.2vh,26px) 0 0;text-align:center;font-size:12px;
  letter-spacing:.06em;opacity:.5}
@media(max-width:860px){.st__g{grid-template-columns:1fr 1fr}
  .sti:nth-child(3){border-left:0}}
@media(max-width:480px){.st__g{grid-template-columns:1fr 1fr;gap:10px}}

/* ================= C3 · MYHOLLYWEED (vilagos hatter) ================= */
.my{position:relative;overflow:hidden;isolation:isolate;color:#26332C;
  background:radial-gradient(120% 150% at 85% -10%,#E9F3EC 0%,#F5F2E9 45%,#F4F1E8 100%);
  padding:clamp(60px,7vh,96px) 0}
.my::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(0,118,74,.07) 1px,transparent 1px);
  background-size:24px 24px}
.my__in{position:relative;z-index:1;max-width:1520px;margin:0 auto;
  padding:0 clamp(20px,5vw,92px)}
.my__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,3.4vw,64px);
  align-items:center}
.my__beta{display:inline-flex;padding:5px 13px;border-radius:999px;font-size:10.8px;
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5c4a15;
  background:rgba(201,168,76,.22);box-shadow:inset 0 0 0 1px rgba(201,168,76,.45);
  margin-bottom:14px}
.my__t{font-family:var(--fut);font-weight:700;text-transform:uppercase;line-height:.94;
  font-size:clamp(34px,4.8vw,64px);margin:0 0 10px;color:#1b2a20}
.my__t b{color:#00764A;font-weight:700}
.my__p{font-size:clamp(14px,1.32vw,16.5px);line-height:1.65;opacity:.78;max-width:50ch;
  margin:0 0 18px}
.my__p b{color:#00764A;font-weight:600}
.my__steps{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.my__s{display:flex;align-items:center;gap:11px;font-size:13.6px;opacity:.9}
.my__s b{color:#00764A;font-weight:600}
.my__s i{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--fut);font-weight:700;font-size:12px;
  color:#fff;background:#00764A}
.my__cta{display:inline-flex;align-items:center;gap:10px;border-radius:999px;
  padding:14px 26px;text-decoration:none;font-weight:600;font-size:14.5px;
  background:#0f2a1d;color:#F4F1E8;box-shadow:0 14px 30px -16px rgba(15,42,29,.6);
  transition:transform .26s}
.my__cta:hover{transform:translateY(-2px)}
.my__cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.my__tiers{display:flex;flex-direction:column;gap:10px}
.mt{display:flex;align-items:center;gap:14px;border-radius:16px;
  padding:12px 16px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(38,51,44,.1),0 14px 28px -22px rgba(38,51,44,.35);
  transition:transform .3s,box-shadow .3s}
.mt:hover{transform:translateX(5px);
  box-shadow:inset 0 0 0 1px rgba(201,168,76,.55),0 18px 32px -22px rgba(38,51,44,.4)}
.mt__pot{display:inline-flex;align-items:baseline;gap:6px;flex:none;min-width:112px}
/* POT-erme: Higgsfield-generalt arany gubo-erme (kivagott, atlatszo hatterrel).
   Elesiteskor a WP-mediatarba toltendo es URL-re cserelendo. */
.potc{width:32px;height:32px;flex:none;align-self:center;display:grid;place-items:center}
.potc img{width:100%;height:100%;object-fit:contain;display:block}
.mt__pot b{font-family:var(--fut);font-weight:700;font-size:21px;color:#A8853B}
.mt__pot i{font-style:normal;font-size:10.6px;letter-spacing:.12em;font-weight:600;
  color:#A8853B;opacity:.85}
.mt__r{min-width:0;line-height:1.3}
.mt__r b{display:block;font-family:var(--fut);font-weight:700;text-transform:uppercase;
  font-size:15px;color:#1b2a20}
.mt__r i{font-style:normal;font-size:11.8px;opacity:.6}
.mt__up{display:inline-block;font-style:normal;margin:4px 0 0 6px;padding:2.5px 9px;
  border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.05em;
  color:#7a5f1d;background:rgba(201,168,76,.16);
  box-shadow:inset 0 0 0 1px rgba(201,168,76,.4)}
.my__note{font-size:11px;opacity:.55;margin-top:4px}
@media(max-width:960px){.my__grid{grid-template-columns:1fr}}

/* ================= lablec-hirlevel ================= */
.nl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:clamp(18px,2.6vw,44px);
  align-items:center;border-radius:clamp(16px,1.8vw,24px);
  padding:clamp(20px,2.4vw,34px);margin-bottom:clamp(28px,3.6vh,48px);
  background:linear-gradient(160deg,rgba(91,227,155,.12),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(91,227,155,.25)}
.nl__k{display:block;font-size:10.8px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:#5BE39B;margin-bottom:6px}
/* nincs uppercase-transzform: a kondenzalt display-font nagy Ő-je hibasan jelent meg */
.nl__t{font-family:var(--fut);font-weight:700;
  font-size:clamp(21px,2.3vw,31px);line-height:1.02}
.nl__t b{color:#EBD9A8}
.nl__p{margin:7px 0 0;font-size:12.8px;line-height:1.55;opacity:.65}
.nl__f{display:flex;gap:8px}
.nl__i{flex:1;min-width:0;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.25);color:#fff;padding:13px 18px;font-size:13.6px;outline:none;
  transition:border-color .25s}
.nl__i::placeholder{color:rgba(255,255,255,.4)}
.nl__i:focus{border-color:#5BE39B}
.nl__b{flex:none;border:0;cursor:pointer;border-radius:999px;padding:13px 20px;
  font-weight:600;font-size:13.4px;color:#08210f;background:#5BE39B;
  transition:transform .25s}
.nl__b:hover{transform:translateY(-2px)}
@media(max-width:860px){.nl{grid-template-columns:1fr}
  .nl__f{flex-direction:column}
  .nl__b{width:100%}}

/* ================= lablec-instagram (Smash Balloon feed helye) ================= */
.ig{margin-bottom:clamp(28px,3.6vh,48px)}
.ig__h{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.ig__u{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
.ig__u svg{width:19px;height:19px;fill:#EBD9A8}
.ig__u b{font-size:14px;font-weight:600;letter-spacing:.01em}
.ig__u:hover b{color:#5BE39B}
.ig__t{font-size:11.4px;opacity:.5}
.ig__f{margin-left:auto;display:inline-flex;align-items:center;border-radius:999px;
  padding:8px 16px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:background .25s,transform .25s}
.ig__f:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.ig__g{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ig__p{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;
  background:linear-gradient(150deg,#14301f,#0c1f14)}
.ig__p img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.ig__p:hover img{transform:scale(1.06)}
.ig__p::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;
  background:linear-gradient(180deg,transparent 55%,rgba(3,20,11,.55))}
.ig__p:hover::after{opacity:1}
.ig__p .ig__v{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:8px;
  display:grid;place-items:center;background:rgba(3,20,11,.55);backdrop-filter:blur(4px)}
.ig__p .ig__v svg{width:11px;height:11px;fill:#fff}
.ig__p.noimg img{opacity:0}
.ig__p.noimg::before{content:'';position:absolute;inset:0;
  background:radial-gradient(70% 70% at 50% 40%,rgba(91,227,155,.18),transparent 70%)}
@media(max-width:860px){.ig__g{grid-template-columns:repeat(3,1fr)}
  .ig__f{margin-left:0}}
@media(max-width:1100px){.sig__caps{grid-template-columns:1fr 1fr}
  /* 2x2: a szovegblokk a racs elso cellaja, igy nincs arva kartya */
  .sig__capshead{grid-column:auto;padding-right:clamp(6px,2vw,20px)}}
@media(max-width:640px){.sig__caps{grid-template-columns:1fr}
  .sig__capshead{padding:4px 0 2px}
  .md__imw{aspect-ratio:5/2.2}}
@media(max-width:720px){
  .sig__head{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .sig__row{animation:none}
  .sig__band{overflow-x:auto}
  .sg__im::before,.sg__im::after{animation:none;opacity:0}
  .sig__tree{display:none}
}

/* ================= SAJTO-SAV (kulon szekcio) ================= */
.pr{background:#F4F1E8;color:#26332C;padding:clamp(44px,5.4vh,72px) 0;position:relative;
  overflow:hidden}
.pr::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(50% 90% at 50% 0%,rgba(0,118,74,.07),transparent 70%)}
.pr__in{position:relative;max-width:1520px;margin:0 auto;padding:0 clamp(20px,5vw,92px);
  text-align:center}
.pr__lab{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.5;
  margin:0 0 clamp(18px,2.6vh,30px)}
.pr__row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;
  gap:clamp(12px,1.8vw,30px)}
.pr__i{display:inline-flex;flex-direction:column;align-items:center;gap:3px;
  font-family:var(--fut);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(14px,1.35vw,19px);color:#3d4a41;opacity:.8;
  transition:opacity .3s,color .3s,transform .3s}
.pr__i:hover{opacity:1;color:#00764A;transform:translateY(-2px)}
a.pr__i{text-decoration:none;cursor:pointer}
.pr__i i{font-style:normal;font-family:var(--b);font-weight:400;font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;opacity:.55;max-width:200px;line-height:1.45}

/* ================= RV bovites ================= */
.rv{position:relative;overflow:hidden}
.rv::before{content:'';position:absolute;width:44vw;height:44vw;right:-16vw;top:-18vw;
  pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(91,227,155,.10),transparent 65%)}
.rv::after{content:'';position:absolute;width:34vw;height:34vw;left:-12vw;bottom:-16vw;
  pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(0,118,74,.08),transparent 65%)}
.rv__in{position:relative;z-index:1}
.rv__cafes{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.rv__cf{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;
  font-size:12.2px;background:rgba(255,255,255,.09);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.rv__cf b{font-family:var(--fut);font-weight:700;color:#EBD9A8}
.rv__cf svg{width:12px;height:12px;fill:#EBD9A8}
/* Google-velemeny kartyak (vegleges widget-megjelenes, valos cache-adatokkal) */
.rv__gw{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
.gw{display:flex;flex-direction:column;gap:8px;border-radius:18px;padding:16px;
  background:#fff;border:1px solid rgba(38,51,44,.1);
  box-shadow:0 16px 32px -24px rgba(38,51,44,.4);
  transition:transform .3s,box-shadow .3s}
.gw:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(38,51,44,.5)}
.gw__h{display:flex;align-items:center;gap:10px}
.gw__av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;
  color:#fff;font-weight:700;font-size:15px;background:var(--av,#00764A)}
.gw__who{min-width:0;line-height:1.2}
.gw__who b{display:block;font-size:13.4px;font-weight:600;color:#1b2a20;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw__who i{font-style:normal;font-size:11px;color:#8a927f}
.gw__g{width:18px;height:18px;margin-left:auto;flex:none}
.gw__s{display:flex;gap:2.5px}
.gw__s svg{width:13.5px;height:13.5px;fill:#F5B301}
.gw__t{margin:0;font-size:13px;line-height:1.55;color:#3d4a41}
.rv__foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:14px}
.rv__sum{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#3d4a41}
.rv__sum svg{width:15px;height:15px;fill:#F5B301}
.rv__sum b{font-family:var(--fut);font-weight:700;font-size:16px}
.rv__write{margin-left:auto;display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:600;
  font-size:12.8px;color:#fff;background:#0f2a1d;transition:transform .25s,background .25s}
.rv__write:hover{transform:translateY(-2px);background:#00764A}
.rv__write svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.rv__gw{grid-template-columns:1fr}}

/* ================= BB foto-kartyak + halozat ================= */
.bbnet{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;display:block;
  width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.bbnet{display:none}}
.bb__grid{grid-template-columns:repeat(3,1fr)}
.bb__c{position:relative;overflow:hidden;min-height:clamp(280px,32vh,360px);
  justify-content:flex-end;isolation:isolate}
.bb__c>*:not(.bb__bg){position:relative;z-index:1}
.bb__bg{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}
.bb__bg img{width:100%;height:100%;object-fit:cover;opacity:.44;
  filter:saturate(.85) contrast(1.02);
  transition:opacity .5s,transform .8s cubic-bezier(.22,1,.36,1)}
.bb__bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,29,18,.25) 0%,rgba(10,29,18,.55) 45%,
    rgba(8,22,14,.94) 100%)}
.bb__c:hover .bb__bg img{opacity:.6;transform:scale(1.05)}
.bb__tag{display:inline-flex;align-self:flex-start;padding:5px 12px;border-radius:999px;
  font-size:10.6px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#08210f;background:#5BE39B;margin-bottom:auto}
@media(max-width:1000px){.bb__grid{grid-template-columns:1fr}
  .bb__c{min-height:220px}}

/* ---------- ajanlat-bannerek: also atmenet, hogy az overlay-cim olvashato
   legyen a kepre egetett arszovegek folott is (kupon-kartyat nem erinti) ---------- */
.ofc:not(.ofc--cpn)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:62%;
  z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,16,10,0) 0%,rgba(8,16,10,.5) 48%,rgba(6,12,8,.85) 100%)}

/* ---------- MOBIL finomhangolas (iOS 390pt visszajelzes, 2026-08-30) ---------- */
@media(max-width:720px){
  /* (c) markasav utan tul nagy ures hely a Legkeresettebb elott */
  .lg{padding:clamp(22px,3vh,34px) 0}
  .s3{padding:clamp(40px,5.4vh,56px) 0 clamp(44px,5.8vh,60px)}
  /* (d) Signature-carousel: szelso fade szukebb + a pasztilla-arnyek nem vagodik */
  .sig__band{margin:0 -20px;padding:6px 0 10px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  /* (f) ajanlat-kartya: kisebb kartya + erosebb szoveg-kontraszt mobilon */
  .ofc{min-height:200px}
  .ofc__d{opacity:.92}
  /* kupon-kartyan a cimke ne logjon ra a HWEED20 cimre */
  .ofc--cpn .ofc__body{padding-top:52px}
  /* (g) kavezo-szekcio: kisebb also rahagyas, ne maradjon ures zold sav */
  .cf{padding:clamp(44px,5.6vh,64px) 0 clamp(36px,4.6vh,52px)}
  .cf__foot{margin-top:20px;padding-top:16px}
  /* altalanos: a nagy szekcio-rahagyasok mobilon tomorebbek */
  .of{padding:clamp(44px,5.6vh,64px) 0}
  .my{padding:clamp(44px,5.6vh,64px) 0}
}

/* ---------- 5. kor: huzhato (swipe) carouselek mobilon ---------- */
@media(max-width:720px){
  /* Lattal minket: egysoros, huzhato sor */
  .pr__row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0 -20px;padding:0 20px 12px;scrollbar-width:none}
  .pr__row::-webkit-scrollbar{display:none}
  .pr__i{flex:none;scroll-snap-align:center;min-width:150px}
  /* Gyere be egy poharra: kavezo-kartyak huzhato savban */
  .cf__grid{display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;
    margin:0 -20px;padding:0 20px 12px;scrollbar-width:none}
  .cf__grid::-webkit-scrollbar{display:none}
  .cf__grid .cc{flex:0 0 min(82vw,330px);scroll-snap-align:center}
  /* Dolgozzunk egyutt: B2B kartyak huzhato savban */
  .bb__grid{display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;
    margin:0 -20px;padding:0 20px 12px;scrollbar-width:none}
  .bb__grid::-webkit-scrollbar{display:none}
  .bb__grid .bb__c{flex:0 0 min(82vw,330px);scroll-snap-align:center;min-height:240px}
}
@media(max-width:860px){
  /* lablec Instagram: huzhato csempesor */
  .ig__g{display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;
    padding:0 0 8px;scrollbar-width:none}
  .ig__g::-webkit-scrollbar{display:none}
  .ig__p{flex:0 0 min(38vw,150px);scroll-snap-align:start}
}

/* ---------- 10. kor: mobil finomitasok (2026-08-30 este) ---------- */
@media(max-width:720px){
  /* minden huzhato sav: CSAK vizszintes mozgás (lapgorgetes nem indul rajtuk) */
  .pr__row,.cf__grid,.bb__grid,.ig__g,.s3__rail,.sig__caps{
    touch-action:pan-x;overscroll-behavior-x:contain}
  /* kavezo-kartyak mar betolteskor latszanak (IO-animacio nelkul) */
  .cc,.bb__c{opacity:1!important;transform:none!important}
  /* Gyere be egy poharra - also blokk kozepre zart oszlop:
     KENDERFUTAR / Hazhozszallitas / [foodora][wolt] / 20-40 perc */
  .cf__foot{display:grid;grid-template-columns:auto auto;justify-content:center;
    justify-items:center;align-items:center;gap:9px 20px;text-align:center;
    grid-template-areas:"kf kf" "lab lab" "pf pw" "time time"}
  .cf__kf{grid-area:kf;font-size:21px;color:rgba(255,255,255,.92)}
  .cf__lab{grid-area:lab}
  .cf__pt:nth-child(3){grid-area:pf}
  .cf__pt:nth-child(2){grid-area:pw}
  .cf__time{grid-area:time;margin-left:0}
  /* Signature - "Milyen hangulatban vagy?" kartyak huzhato carouselben */
  .sig__caps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;gap:12px;margin:14px -20px 0;
    padding:0 20px 10px;scrollbar-width:none}
  .sig__caps::-webkit-scrollbar{display:none}
  .sig__capshead{flex:0 0 76vw;scroll-snap-align:start;padding:4px 8px 4px 0}
  .sig__caps .md{flex:0 0 min(78vw,320px);scroll-snap-align:center}
  /* lablec: logo+szoveg egy blokk, alatta social szethuzva kozepre;
     a linklistak parban: Webshop|Cannabistro, Informaciok|Kapcsolat */
  .ft__top{grid-template-columns:1fr 1fr;gap:20px 16px}
  .ft__brand{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:0 16px}
  .ft__brand img{height:86px;margin-bottom:0;flex:none}
  .ft__tag{flex:1;min-width:170px;margin:0;max-width:none}
  .ft__soc{width:100%;justify-content:center;gap:clamp(30px,13vw,64px);margin-top:14px}
}

/* ---------- 11. kor: lablec-tipografia, velemeny-carousel, Signature-fejlec ---------- */
@media(max-width:720px){
  /* 18+ jogi szoveg: sorkizart, utolso sor jobbra, kisebb betu es sorkoz, elvalasztas */
  .ft__ct{text-align:justify;text-align-last:right;font-size:11.4px;line-height:1.42;
    -webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3}
  /* linklistak kozepre zarva (a brand-blokk marad flex) */
  .ft__top>div:not(.ft__brand){text-align:center}
  .ft__top>div:not(.ft__brand) .ft__l{align-items:center}
  /* velemenyek: huzhato carousel, betolteskor lathato, csak vizszintes */
  /* min-width:0 kell a grid-cellara, kulonben a flex-sav content-szelesre nyilik es nem gorgetheto */
  .rv__in>div{min-width:0;max-width:100%}
  .rv__gw{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;gap:12px;margin:6px -20px 0;
    padding:0 20px 10px;scroll-padding:0 20px;scrollbar-width:none;
    touch-action:pan-x;overscroll-behavior-x:contain}
  .rv__gw::-webkit-scrollbar{display:none}
  .rv__gw .gw{flex:0 0 min(80vw,320px);scroll-snap-align:center;
    opacity:1!important;transform:none!important}
  .gw__ph{width:100%;border-radius:12px;overflow:hidden;margin-top:4px}
  .gw__ph img{width:100%;height:150px;object-fit:cover;display:block}
  /* Signature: a fejlec a carousel FOLE kerul (JS emeli ki), rovid leirassal */
  .sig__long{display:none}
  .sig__capshead--top{flex:none;display:block;padding:0;margin:14px 0 0}
  .sig__capshead--top h3{font-size:21px;margin:0 0 4px}
  .sig__capshead--top p{font-size:12.8px}
  .sig__caps{margin-top:8px;scroll-padding:0 20px}
  .sig__caps .md{scroll-snap-align:start}
}
@font-face{font-family:"fut-hu-fix";src:url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvgUE.ttf) format("truetype");font-weight:200 700;font-display:swap;size-adjust:94%;unicode-range:U+0150-0151,U+0170-0171}sup.cpr{font-size:.55em;line-height:0;vertical-align:.62em}
/* ================= WP-KERET (kodtema) ================= */
.admin-bar .isl-wrap{top:32px}
@media(max-width:782px){.admin-bar .isl-wrap{top:46px}}
.hw-main{min-height:60vh;padding-top:calc(96px + 2vw)}
@media(max-width:900px){.hw-main{padding-top:calc(clamp(76px,9.5vh,100px) + 16px)}}
.hw-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.sfrm{display:contents}
.drw__s form{display:contents}
.mini__e{padding:22px 6px;text-align:center;color:var(--muted);font-size:13.5px}
.mini__it.is-busy{opacity:.55;pointer-events:none}
.cart3__b.is-0{display:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.sgg{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:60;padding:10px;border-radius:26px;max-height:min(72vh,560px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(155deg,rgba(255,255,255,.6),rgba(255,255,255,.3) 48%,rgba(240,241,243,.42));backdrop-filter:blur(28px) saturate(.3) brightness(1.5);-webkit-backdrop-filter:blur(28px) saturate(.3) brightness(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.48),0 26px 56px -24px rgba(3,30,19,.7)}.sgg[hidden]{display:none}.sgg__l{display:grid;grid-template-columns:1fr;gap:10px}.sgg .sgg__l .cp{--fc:#2E5429;position:relative;display:flex;flex-direction:row;align-items:center;gap:16px;border-radius:16px;border:1px solid var(--line);background:#fff;overflow:hidden;padding:10px 16px 10px 10px;animation:none;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s,border-color .3s}.sgg .sgg__l .cp:hover,.sgg .sgg__l .cp.on{transform:translateX(4px);box-shadow:0 24px 44px -28px rgba(38,51,44,.5),0 0 0 1px var(--fc);border-color:transparent}.sgg .cp__im{position:relative;width:104px;height:104px;aspect-ratio:1;flex:none;border-radius:12px;overflow:hidden;container-type:inline-size;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 15%,#fff,#EFF3EC 78%)}.sgg .cp__im::before{content:'';position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--fc),transparent 68%);opacity:.14;transition:.5s}.sgg .sgg__l .cp:hover .cp__im::before,.sgg .sgg__l .cp.on .cp__im::before{opacity:.26}.sgg .cp__halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(46,84,41,.18);background:radial-gradient(circle at 50% 42%,rgba(46,84,41,.06),transparent 62%);z-index:0}.sgg .cp__halo::after{content:'';position:absolute;inset:11%;border-radius:50%;border:1px dashed rgba(46,84,41,.14)}.sgg .cp__link{position:absolute;inset:0;z-index:1}.sgg .cp__im img{position:relative;z-index:3;display:block;width:74%;max-width:74%;height:auto;max-height:66cqw;object-fit:contain;object-position:center;transition:transform .55s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 20px 26px rgba(38,51,44,.22))}.sgg .sgg__l .cp:hover .cp__im img,.sgg .sgg__l .cp.on .cp__im img{transform:scale(1.07) translateY(-4px)}.sgg .sgg__l .cp--out .cp__im img{filter:grayscale(.5) drop-shadow(0 20px 26px rgba(38,51,44,.18));opacity:.85}.sgg .cp__tags{position:absolute;top:6px;left:6px;right:6px;display:flex;gap:4px;z-index:6;align-items:flex-start;pointer-events:none}.sgg .sgg__l .ctg{font-size:8px;font-weight:600;letter-spacing:.03em;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 10px -6px rgba(38,51,44,.4);color:#33403a}.sgg .sgg__l .ctg--f{background:var(--cta);color:#fff;border-color:transparent}.sgg .sgg__l .ctg--c{background:rgba(255,255,255,.92);color:var(--fc)}.sgg .sgg__l .ctg--out{background:#B3372E;color:#fff;margin-left:auto}.sgg .sgg__l .tgw{display:inline-flex;align-items:center;gap:5px;color:var(--wc);pointer-events:none;padding:3px 6px}.sgg .sgg__l .tgw svg{width:11px;height:11px;flex:none}.sgg .sgg__l .tgw em{display:none}.sgg .cp__b{display:flex;flex-direction:row;align-items:center;gap:18px;padding:0;flex:1;min-width:0}.sgg .cp__head{min-width:0;flex:1}.sgg .cp__f{font-size:9.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--fc);font-weight:700;line-height:1.05}.sgg .cp__n{font-size:16px;font-family:var(--h);font-weight:700;line-height:1.2;margin:3px 0 4px;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sgg .cp__n a{text-decoration:none;color:inherit}.sgg .cp__m{display:block;font-size:10.8px;color:var(--muted);white-space:nowrap;margin:0 0 3px}.sgg .cp__st{font-size:11px;color:var(--fc);font-weight:600;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgg .sgg__l .tp{display:none}.sgg .cp__row{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;flex:none;margin-top:0;width:auto}.sgg .cp__l{min-width:0;text-align:right;padding-left:2px}.sgg .cp__per{display:block;font-size:10.4px;color:var(--muted);white-space:nowrap}.sgg .cp__p{text-align:right;text-decoration:none;font-family:var(--h);font-weight:700;font-size:19px;white-space:nowrap;color:var(--ink);transition:.2s}.sgg .cp__p:hover{color:var(--cta)}.sgg .cp__p del{font-size:13px;color:var(--muted);font-weight:400;margin-right:6px}.sgg .cp__p ins{text-decoration:none}.sgg .cp__p .woocommerce-Price-currencySymbol{font-size:.7em;margin-left:2px}.sgg .cp__cta{display:none}.sgg__i{display:flex;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.sgg__i+.sgg__i{margin-top:6px}.sgg__i:hover,.sgg__i.on{border-color:rgba(0,100,60,.28)}.sgg__im{width:72px;height:72px;flex:none;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 15%,#fff,#EFF3EC 78%)}.sgg__im img{display:block;width:78%;max-width:78%;height:auto;max-height:78%;object-fit:contain}.sgg__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sgg__t b{font-family:var(--h);font-weight:700;font-size:15px;line-height:1.22}.sgg__t i{font-style:normal;font-size:9.6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#B5352A}.sgg__p{flex:none;text-align:right;white-space:nowrap;font-family:var(--h);font-weight:700;font-size:17.5px}.sgg__cur{font-size:.7em;margin-left:2px;font-weight:700}.sgg__all{display:block;margin-top:10px;padding:13px;text-align:center;border-radius:16px;font-size:12.2px;font-weight:600;color:var(--cta);text-decoration:none;background:#fff;border:1px solid var(--line)}.sgg__all:hover,.sgg__all.on{border-color:rgba(0,100,60,.3)}.sgg__e{padding:18px 14px;text-align:center;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:12.4px;color:var(--muted)}.drw__s .sgg{left:16px;right:16px;background:#F1F4F1;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:0 22px 44px -22px rgba(3,30,19,.45);max-height:min(58vh,440px)}@media(max-width:900px){.sgg{padding:8px;border-radius:22px}.sgg .sgg__l .cp{gap:12px;padding:8px 12px 8px 8px;border-radius:14px}.sgg .cp__im{width:76px;height:76px;border-radius:11px}.sgg .cp__b{gap:10px}.sgg .cp__n{font-size:13.6px;margin:2px 0 3px}.sgg .cp__f{font-size:9px}.sgg .cp__m{font-size:10px}.sgg .cp__st{font-size:10.2px}.sgg .cp__p{font-size:15.4px}.sgg .cp__per{font-size:9.4px}.sgg__im{width:60px;height:60px}.sgg__t b{font-size:13.6px}.sgg__p{font-size:15.2px}}@media(max-width:560px){.sgg .cp__b{flex-direction:column;align-items:flex-start;gap:5px}.sgg .cp__head{width:100%;flex:none}.sgg .cp__row{flex-direction:row;align-items:baseline;justify-content:space-between;gap:9px;width:100%}.sgg .cp__l{text-align:left;padding-left:0;min-width:0;overflow:hidden}.sgg .cp__per{font-size:9.6px;overflow:hidden;text-overflow:ellipsis}.sgg .cp__p{font-size:16px}.sgg .cp__im{width:68px;height:68px}}