/* ===== Odera v2 components ===== */
.btn svg{width:18px;height:18px;flex:none}
.btn-wa svg{fill:#fff}
.btn.big{padding:16px 26px;font-size:1.05rem}
.btn.wide{width:100%}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.actions.sm{margin-top:0}.actions.sm .btn{padding:10px 16px;font-size:.93rem}
.actions.inv .btn-o{background:transparent;border-color:#fff;color:#fff}.actions.inv .btn-o:hover{background:#fff;color:var(--brand2)}
.actions.inv .btn-p{background:#fff;color:var(--brand2)}.actions.inv .btn-p:hover{background:#e9f7f8;color:var(--brand2)}
.hero .actions .btn-p{box-shadow:0 8px 22px rgba(11,119,131,.28)}
@media (max-width:520px){.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .actions .btn-p{grid-column:1/-1}.hero .actions .btn{padding:12px 14px;font-size:.95rem}}
.topbar .ship{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#fff}
.topbar .ship svg{width:18px;height:18px;color:#7fe0b0}
@media (max-width:600px){.topbar .tb-r{display:none}.topbar .wrap{justify-content:center}}
.cartbtn{position:relative;background:none;border:1px solid var(--line);border-radius:10px;padding:7px 9px;cursor:pointer;color:var(--ink);display:grid;place-items:center}
.cartbtn svg{width:22px;height:22px}
.cartbtn .cc{position:absolute;top:-7px;right:-7px;background:var(--amber);color:#1d1406;font:800 .72rem var(--f);border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px}
.nav .buybtn{background:var(--brandSoft);color:var(--brand2)}
.nav .dd.mega{left:auto;right:-140px;width:min(760px,92vw);display:none;grid-template-columns:240px 1fr;gap:20px;padding:18px}
.nav li:hover>.dd.mega,.nav li:focus-within>.dd.mega,.nav li.on>.dd.mega{display:grid}
.mg-l{background:var(--tint);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.mg-l img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}
.mg-l b{font-size:1rem;line-height:1.3}.mg-l p{margin:0;font-size:.86rem;color:var(--ink2)}
.nav .mg-l .btn{color:#fff;padding:9px 14px;align-self:flex-start}
.mg-r .tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt,.cht{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .2s}
.nav a.mt{padding:10px 12px}
.mt:hover,.cht:hover{border-color:var(--brand);box-shadow:var(--shadow);color:var(--ink)}
.mt .lg,.cht .lg{width:84px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;background:#f6f8fa;color:var(--brand)}
.mt .lg img,.cht .lg img{max-width:76px;max-height:28px;width:auto;height:auto;object-fit:contain}
.mt .lg svg,.cht .lg svg{width:24px;height:24px}
.ch-site .lg,.ch-form .lg{background:var(--brandSoft)}
.mt .tx,.cht .tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.mt b,.cht b{font-size:.93rem}.mt small,.cht small{color:var(--muted);font-size:.8rem;font-weight:500}
.mt.soon,.cht.soon{opacity:.55}
.mg-links{display:flex;justify-content:space-between;gap:12px;margin:12px 2px 0;font-size:.9rem}
.nav .mg-links a{padding:4px 0;color:var(--brand);font-weight:700}
.chan2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:24px 0}
.chan2 .cht{padding:14px 16px}
.ch-site{border-color:var(--brand);background:linear-gradient(120deg,#f2fbfb,#fff)}
@media (max-width:1060px){
  .hdr .wrap{gap:10px}
  .cartbtn{margin-left:auto}
  .cartbtn+.cta{display:none}
  .burger{margin-left:0}
  .hdr.open .nav>li>.dd,.hdr.open .nav>li>.dd.cols,.hdr.open .nav>li>.dd.mega{display:none}
  .hdr.open .nav>li.on>.dd,.hdr.open .nav>li.on>.dd.cols{display:block}
  .hdr.open .nav>li.on>.dd.mega{display:grid;grid-template-columns:1fr;width:auto;padding:4px 0 10px}
  .hdr.open .nav>li>button{display:flex;justify-content:space-between;color:var(--ink);font-size:1rem;text-transform:none;letter-spacing:0;padding:14px 8px;border-bottom:1px solid var(--line);border-radius:0}
  .hdr.open .nav>li>a{padding:14px 8px;border-bottom:1px solid var(--line);border-radius:0}
  .hdr.open .mg-l{display:none}
  .hdr.open .mg-r .tiles{grid-template-columns:1fr}
}
.trust{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.trust li{margin:0;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.trust svg{width:22px;height:22px;color:var(--brand);flex:none}
.ctastrip{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:34px 0 6px;padding:18px 22px;border-radius:18px;background:#fff;border:2px solid var(--brand);box-shadow:var(--shadow)}
.ctastrip b{display:block;font-size:1.12rem;color:var(--ink)}
.ctastrip small{color:var(--ink2);font-size:.88rem}
.band.tint .ctastrip{background:#fff}
@media (max-width:600px){.ctastrip{padding:16px}.ctastrip .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ctastrip .actions .btn-p{grid-column:1/-1}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0;align-items:stretch}
.dcard{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.dcard .dh{font-weight:800;font-size:1.05rem;color:var(--ink);padding:2px 4px}
.dcard .anim{margin:0;max-width:none;flex:1;display:flex;align-items:center}
.dcard .anim svg{box-shadow:none;border-radius:16px}
.dcard .dimg{flex:1;display:flex;align-items:center;background:#fff;border-radius:16px;overflow:hidden}
.dcard .dimg img{width:100%;height:auto;aspect-ratio:620/350;object-fit:contain}
.dcard .dc{margin:0;font-size:.9rem;color:var(--ink2);padding:0 4px}
@media (max-width:860px){.duo{grid-template-columns:1fr}}
.layers2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin:26px 0}
.lfig{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}
.lfig img{width:100%;height:auto;object-fit:contain;border-radius:14px}
.l3{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.l3 li{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 64px;position:relative}
.l3 .n{position:absolute;left:14px;top:14px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;background:#6b7c88}
.l3 .l1 .n{background:var(--brand)}.l3 .l2 .n{background:#9fb3bf}
.l3 .l1{border-color:var(--brand);background:linear-gradient(120deg,#f0fafa,#fff)}
.l3 b{display:block;font-size:1.02rem}.l3 p{margin:2px 0 0;font-size:.9rem;color:var(--ink2)}
@media (max-width:900px){.layers2{grid-template-columns:1fr}}
img.fit{object-fit:contain!important;background:#fff}
.hero figure img.fit{aspect-ratio:auto;height:auto}
.card img.fit{background:#fff;padding:6px}
.pstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
.pstrip figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pstrip img{aspect-ratio:4/3;object-fit:cover;width:100%}
.pstrip figcaption{padding:10px 14px 14px;display:flex;flex-direction:column}
.pstrip b{font-size:.97rem}.pstrip small{color:var(--ink2);font-size:.85rem}
@media (max-width:860px){.pstrip{grid-template-columns:1fr 1fr}}
.msec{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}
.mcard{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.mcard img{aspect-ratio:16/10;object-fit:cover;width:100%}
.mcard .mb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.mcard h3{margin:0;font-size:1.25rem}.mcard p{margin:0;color:var(--ink2)}
.mcard .actions{margin-top:auto;padding-top:12px}
@media (max-width:760px){.msec{grid-template-columns:1fr}}
.vgrid{display:grid;grid-template-columns:repeat(var(--c,3),1fr)!important;gap:14px}
@media (max-width:1100px){.vgrid{grid-template-columns:repeat(var(--c2,3),1fr)!important}}
@media (max-width:700px){.vgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;margin-right:-20px;padding-right:20px}.vgrid .vfig{flex:0 0 62%;scroll-snap-align:start}}
.galtabs,.kbtabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.galtabs button,.kbtabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 15px;font:600 .9rem var(--f);cursor:pointer;color:var(--ink)}
.galtabs button.on,.kbtabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.galstrip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:22px 0 8px}
.gi{display:block;border-radius:12px;overflow:hidden;position:relative;background:var(--tint)}
.gi img{aspect-ratio:1/1;object-fit:cover;width:100%;transition:transform .35s}
.gi:hover img{transform:scale(1.05)}
.gi.hide{display:none}
.galmore{margin:10px 0 0}
@media (max-width:900px){.galstrip{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.galgrid{grid-template-columns:1fr 1fr}}
.lbx{position:fixed;inset:0;z-index:200;background:rgba(6,16,22,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.lbx img{max-width:min(1200px,94vw);max-height:80vh;border-radius:12px;object-fit:contain}
.lbx p{color:#d9e7ee;margin:12px 0 0;font-size:.95rem;text-align:center}
.lbx button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:1.6rem;cursor:pointer}
.lbx .x{top:16px;right:16px}.lbx .pv{left:14px;top:50%}.lbx .nx{right:14px;top:50%}
.oform{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);max-width:880px;margin:20px 0}
.oform fieldset{border:0;padding:0;margin:0 0 22px}
.oform legend{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.oform legend span{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.9rem}
.oform legend a{font-size:.88rem;font-weight:600;margin-left:auto}
.popts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.popt{position:relative;border:2px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;background:#fff;transition:border-color .2s}
.popt input{position:absolute;opacity:0}
.popt img{aspect-ratio:3/2;object-fit:cover;width:100%}
.popt b{padding:8px 10px 0;font-size:.93rem}.popt small{padding:0 10px 10px;color:var(--muted);font-size:.8rem}
.popt:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--brandSoft)}
.popt:has(input:checked):after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
.mrow{display:grid;grid-template-columns:1.3fr 1fr 1fr .6fr 36px;gap:8px;margin-bottom:8px}
.oform input,.oform select,.oform textarea{width:100%;font:500 1rem var(--f);padding:12px 12px;border:1px solid #c9d6dd;border-radius:10px;background:#fff;color:var(--ink);box-sizing:border-box}
.oform input:focus,.oform select:focus,.oform textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}
.oform .bad{border-color:#d33;background:#fff5f5}
.mdel{border:0;background:var(--tint);border-radius:10px;font-size:1.3rem;cursor:pointer;color:var(--muted)}
.madd{border:1px dashed var(--brand);background:#fff;color:var(--brand);border-radius:10px;padding:9px 14px;font:700 .9rem var(--f);cursor:pointer}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.88rem;color:var(--ink2)}
.fgrid .full{grid-column:1/-1}
.pref{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:14px 0;font-size:.93rem}
.pref span{font-weight:700}.pref label{display:flex;gap:6px;align-items:center}
.pref input,.kv input{width:auto}
.kv{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;color:var(--ink2)}
.fsmall{font-size:.85rem;color:var(--muted);margin:10px 0 0}
.ferr,.perr{color:#b42318;font-weight:600}
.odone{text-align:center;background:#fff;border:2px solid var(--brand);border-radius:22px;padding:34px 22px;max-width:640px;margin:20px auto}
.odone .ok{width:64px;height:64px;border-radius:50%;background:var(--brand);color:#fff;font-size:2rem;display:grid;place-items:center;margin:0 auto 12px}
@media (max-width:760px){.popts{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr}.oform{padding:16px}.mrow{grid-template-columns:1fr 1fr 1fr 40px}.mrow select{grid-column:1/-1}}
.olcu{margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;max-width:760px}
.olcu svg{width:100%;height:auto}
.olcu .frm{fill:#eef3f6;stroke:#6b7c88;stroke-width:3}.olcu .gl{fill:#dff2f8;stroke:#9fb3bf;stroke-width:1.5}.olcu .mul{stroke:#6b7c88;stroke-width:3;fill:#6b7c88}
.olcu .ar{stroke:var(--brand);stroke-width:2.5}.olcu .ah{fill:var(--brand)}.olcu .tagb{fill:var(--brand)}
.olcu .tg{fill:#fff;font:800 13px var(--f);text-anchor:middle}.olcu .cap{fill:var(--ink);font:700 14px var(--f);text-anchor:middle}
.olcu figcaption{font-size:.9rem;color:var(--ink2);margin-top:8px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:24px 0}
.scard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .2s,transform .2s}
.scard:hover{box-shadow:var(--shadow);transform:translateY(-2px);color:var(--ink)}
.scard img{aspect-ratio:1/1;object-fit:cover;width:100%;background:#f6f8fa}
.scard .sb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.scard h3{font-size:1rem;margin:0;line-height:1.35}
.scard .btn{margin-top:auto;align-self:flex-start}
.rib{position:absolute;top:12px;left:12px;z-index:2;background:var(--amber);color:#1d1406;font-weight:800;font-size:.78rem;padding:5px 10px;border-radius:999px}
.pr{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pr small{color:var(--muted);font-size:.8rem;width:100%}
.pr b{font-size:1.35rem;color:var(--brand2)}.pr s,.pprice s{color:var(--muted);font-size:.95rem}
.badges{margin:0;display:flex;gap:6px;flex-wrap:wrap}
.badges span{background:var(--brandSoft);color:var(--brand2);font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px}
.thanks{background:#e9f8ef;border:1px solid #9bd8b2;border-radius:14px;padding:16px 18px;margin:0 0 20px}
.pwrap{padding-top:24px}
.pgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.pgal{position:sticky;top:96px}
.pmain{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#f6f8fa}
.pmain img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pthumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.pthumbs button{flex:none;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;cursor:pointer;background:none}
.pthumbs button.on{border-color:var(--brand)}
.pthumbs img{width:70px;height:70px;object-fit:cover;display:block}
.pbuy h1{font-size:1.65rem;line-height:1.25;margin:0 0 12px}
.pprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0}
.pprice b{font-size:2rem;color:var(--brand2)}
.save{background:var(--amber);color:#1d1406;font-weight:800;font-size:.78rem;border-radius:999px;padding:4px 10px}
.ptax{margin:2px 0 16px;color:var(--muted);font-size:.88rem}
.pl{font-weight:700;margin:0 0 8px}
.chipsel{display:flex;flex-wrap:wrap;gap:8px}
.chipsel button{border:1.5px solid #c9d6dd;background:#fff;border-radius:10px;padding:9px 12px;font:600 .9rem var(--f);cursor:pointer;color:var(--ink)}
.chipsel button.on{border-color:var(--brand);background:var(--brandSoft);color:var(--brand2);box-shadow:0 0 0 2px var(--brand) inset}
.psmall{font-size:.88rem;color:var(--ink2);margin:10px 0}
.pqty{display:inline-flex;border:1.5px solid #c9d6dd;border-radius:12px;overflow:hidden;margin:16px 0 12px}
.pqty button{border:0;background:#f6f8fa;width:44px;font-size:1.2rem;cursor:pointer}
.pqty input{width:56px;border:0;text-align:center;font:700 1rem var(--f);-moz-appearance:textfield}
.pqty input::-webkit-outer-spin-button,.pqty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.pact .btn{padding:15px 14px}
.pbuy .btn-wa.wide{margin-bottom:6px}
.pinfo{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
.pinfo .vfig{position:sticky;top:96px}
.pfaq details .a p{margin:0 0 8px}
.tbl th{text-align:left;white-space:nowrap}
@media (max-width:900px){.pgrid,.pinfo{grid-template-columns:1fr}.pgal,.pinfo .vfig{position:static}.pinfo .vfig{max-width:340px}}
@media (max-width:520px){.pact{grid-template-columns:1fr}.pbuy h1{font-size:1.35rem}}
.cdr{position:fixed;inset:0;z-index:150;display:none}
.cdr.open{display:block}
.cdr .sh{position:absolute;inset:0;background:rgba(6,16,22,.5)}
.cdr .pn{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
.cdr .ph{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.cdr .ph b{font-size:1.1rem}.cdr .ph button{border:0;background:none;font-size:1.6rem;cursor:pointer}
.cdr .pb{flex:1;overflow:auto;padding:12px 18px}
.cdr .li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.cdr .li img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.cdr .li b{font-size:.92rem;display:block;line-height:1.3}.cdr .li small{color:var(--muted);font-size:.82rem}
.cdr .q{display:flex;align-items:center;gap:6px;margin-top:6px}
.cdr .q button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}
.cdr .rm{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.82rem;text-decoration:underline}
.cdr .pf{padding:16px 18px;border-top:1px solid var(--line);display:grid;gap:10px}
.cdr .tot{display:flex;justify-content:space-between;font-size:1.1rem}
.cdr .empty{color:var(--muted);text-align:center;padding:40px 0}
.cdr.busy .pn{opacity:.7;pointer-events:none}
.kbq{width:100%;font:500 1.05rem var(--f);padding:14px 16px;border:1.5px solid #c9d6dd;border-radius:14px;box-sizing:border-box;margin-top:10px}
.kbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:12px 0}
.kbi{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);padding-bottom:14px}
.kbi:hover{box-shadow:var(--shadow);color:var(--ink)}
.kbi img{aspect-ratio:16/10;object-fit:cover;width:100%}
.kbi .kc{margin:10px 14px 0;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}
.kbi b{margin:0 14px;font-size:1rem;line-height:1.35}.kbi small{margin:0 14px;color:var(--ink2);font-size:.86rem}
.kbi.hide{display:none}
.ftr{padding-top:0}
.fband{background:linear-gradient(120deg,var(--brand2),var(--brand));padding:18px 0;margin-bottom:46px}
.fband .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.fband b{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.08rem}
.fband b svg{width:26px;height:26px}
.fband .btn-p{color:var(--brand2)!important;text-decoration:none!important}
.fband .btn-o,.fband .btn-wa{text-decoration:none!important}
.fbuy-l{margin-top:22px}
.fbuy-l li{margin:7px 0}
.fbuy-l a,.fbuy-l .soon{display:flex;align-items:center;gap:9px}
.fbuy-l i{width:44px;height:22px;background:#fff;border-radius:5px;display:grid;place-items:center;flex:none;color:var(--brand)}
.fbuy-l i img{max-width:38px;max-height:16px;width:auto;height:auto}
.fbuy-l i svg{width:15px;height:15px}
.fbuy-l .soon{opacity:.55}
.ftr .dist{margin-top:30px;padding:16px 18px;border:1px solid #1f3443;border-radius:14px;font-size:.88rem;line-height:1.6}
.ftr .dist p{margin:0}.ftr .dist strong{font-weight:600;color:#fff}
.ftr .others{margin:8px 0 0!important;font-size:.88rem}
.ftr .others{color:#a9bfca}
@media (max-width:760px){
  .fband{margin-bottom:26px}
  .fband .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.fband .actions .btn-p{grid-column:1/-1}
  .ftr .grid{grid-template-columns:1fr!important;gap:0}
  .ftr .fcol:not(.fabout){border-bottom:1px solid #1f3443}
  .ftr .fcol:not(.fabout)>h4{cursor:pointer;margin:0;padding:15px 0;display:flex;justify-content:space-between}
  .ftr .fcol:not(.fabout)>h4:after{content:"+";font-size:1.3rem;line-height:1;color:#8fe0e6}
  .ftr .fcol.on>h4:after{content:"–"}
  .ftr .fcol:not(.fabout)>ul,.ftr .fcol:not(.fabout)>.fbuy-l{display:none;padding-bottom:12px}
  .ftr .fcol.on>ul,.ftr .fcol.on>.fbuy-l{display:block}
  .ftr .fbuy-l{margin-top:0}
  .ftr .fbuy-l h4{font-size:.82rem;color:#8fe0e6;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px}
  .ftr .fabout{padding-bottom:16px}
}
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(15,37,51,.12);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.78rem;border-radius:12px;padding:6px 4px;background:var(--tint)}
  .mbar svg{width:22px;height:22px}
  .mbar .mb-buy{background:var(--brand);color:#fff}
  .mbar .mb-wa{background:var(--wa);color:#fff}.mbar .mb-wa svg{fill:#fff}
  .wa-float{display:none}
  body{padding-bottom:74px}
}
@media print{.mbar,.fband,.ctastrip,.cartbtn{display:none!important}}
.cartbtn .cc[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.anim .pt{animation:odHit 5.2s cubic-bezier(.45,.05,.6,1) var(--d) infinite both;opacity:0;transform:none}.anim .air{animation:odAir 4.2s linear var(--d) infinite;opacity:0;transform:none}.rv{opacity:1;transform:none}}
.hdr .cta{white-space:nowrap}
.oth{margin:30px 0 10px}.oth h3{margin:0 0 4px;font-size:1.2rem}.oth p{margin:0;color:var(--ink2)}
.oth .chan2{margin:14px 0}
.pbuy .oth{margin:18px 0 6px}.pbuy .oth h3{font-size:1rem}
.pbuy .oth .chan2{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.pbuy .oth .cht{padding:9px 10px;gap:8px}.pbuy .oth .lg{width:58px;height:30px}.pbuy .oth .lg img{max-width:52px;max-height:22px}.pbuy .oth small{font-size:.75rem}
@media (max-width:400px){.pbuy .oth .chan2{grid-template-columns:1fr}}
.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cards>.card:only-child{max-width:440px}
.sgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.btn-tel{background:#fff;color:var(--ink);border-color:var(--line)}.btn-tel:hover{border-color:var(--ink);color:var(--ink)}
.actions.inv .btn-tel{background:transparent;border-color:#fff;color:#fff}.actions.inv .btn-tel:hover{background:#fff;color:var(--brand2)}
.ctaband .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nav .mg-l .btn-p{background:var(--brand)!important;color:#fff!important}
@media (max-width:520px){.hero .actions .btn-p,.ctastrip .actions .btn-p,.fband .actions .btn-p{grid-column:auto}}
.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}@media (max-width:900px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:560px){.sgrid{grid-template-columns:1fr!important}}
.scard.sinfo{display:flex;flex-direction:column;position:relative}.scard.sinfo .sb{display:flex;flex-direction:column;flex:1}.scard.sinfo .sip{color:var(--muted,#5b6470);font-size:.92rem;line-height:1.5;margin:6px 0 14px}.scard.sinfo .sacts{display:grid;gap:8px;margin-top:auto}.scard.sinfo .sacts .btn{width:100%;justify-content:center;margin:0}

/*HX*/
.hero.hx{position:relative;overflow:hidden;background:#05212a;color:#fff;padding:88px 0 104px;min-height:min(86vh,800px);display:flex;align-items:center}
.hero.hx>.wrap{position:relative;z-index:2;width:100%}
.hx-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,22,28,.95) 0%,rgba(3,22,28,.86) 38%,rgba(3,22,28,.45) 70%,rgba(3,22,28,.7) 100%),linear-gradient(0deg,rgba(3,22,28,.85),rgba(3,22,28,0) 40%),url(https://static.wixstatic.com/media/b98d54_1bac2eb9978d4887a881f88ec9895a30~mv2.jpg/v1/fill/w_1920,h_1100,al_c,q_80,enc_auto/pencere-filtresi-acik-pencere.jpg) center 38%/cover no-repeat;transform:scale(1.1);animation:hxz 24s ease-in-out infinite alternate}
@keyframes hxz{to{transform:scale(1)}}
.hx-glow{position:absolute;z-index:1;width:620px;height:620px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(46,196,182,.35),rgba(46,196,182,0) 65%);filter:blur(10px);animation:hxp 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes hxp{to{transform:translate(-60px,60px) scale(1.15)}}
.hx-fx{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.hero.hx h1{color:#fff;font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:-.025em;margin:.2em 0 .35em;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hx-g{background:linear-gradient(92deg,#4fe3d2 0%,#a8f0ff 55%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero.hx .lead{color:rgba(236,248,250,.86);font-size:clamp(1.05rem,1.4vw,1.22rem);max-width:600px}
.hero.hx .eyebrow{color:#4fe3d2;letter-spacing:.14em}.hero.hx .eyebrow:before{background:#4fe3d2}
.hero.hx .actions .btn-p{background:linear-gradient(135deg,#14a3a8,#0b7783);border-color:transparent;box-shadow:0 12px 34px rgba(20,163,168,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.hero.hx .actions .btn-p:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(20,163,168,.7)}
.hero.hx .actions .btn-o,.hero.hx .actions .btn-tel{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.32);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero.hx .actions .btn-o:hover,.hero.hx .actions .btn-tel:hover{background:#fff;color:#05212a;border-color:#fff}
.hero.hx .actions .btn-wa{box-shadow:0 12px 30px rgba(37,211,102,.35)}
.hero.hx .chips li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#e3f6f8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero.hx .chips li:before{content:"✓";color:#4fe3d2;font-weight:800;margin-right:6px}
.hero.hx .hero-v{position:relative;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.14);border-radius:24px}
.hero.hx .hero-v:before{content:"";position:absolute;inset:-14px;border-radius:32px;border:1px solid rgba(79,227,210,.35);animation:hxr 3.2s ease-out infinite;pointer-events:none}
@keyframes hxr{0%{opacity:.9;transform:scale(.97)}100%{opacity:0;transform:scale(1.06)}}
.hero.hx .wrap>div:first-child>*{opacity:0;transform:translateY(22px);animation:hxu .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero.hx .wrap>div:first-child>*:nth-child(2){animation-delay:.12s}.hero.hx .wrap>div:first-child>*:nth-child(3){animation-delay:.24s}.hero.hx .wrap>div:first-child>*:nth-child(4){animation-delay:.36s}.hero.hx .wrap>div:first-child>*:nth-child(5){animation-delay:.48s}
@keyframes hxu{to{opacity:1;transform:none}}
.hx-scroll{position:absolute;z-index:2;left:50%;bottom:22px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.45);border-radius:14px}
.hx-scroll:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:hxs 1.8s ease-in-out infinite}
@keyframes hxs{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media (max-width:900px){.hero.hx{min-height:0;padding:56px 0 72px}.hx-bg{background:linear-gradient(180deg,rgba(3,22,28,.9),rgba(3,22,28,.8) 55%,rgba(3,22,28,.95)),url(https://static.wixstatic.com/media/b98d54_1bac2eb9978d4887a881f88ec9895a30~mv2.jpg/v1/fill/w_900,h_1200,al_c,q_75,enc_auto/pencere-filtresi-acik-pencere.jpg) center/cover no-repeat}.hx-scroll{display:none}}

/*HX2*/
.hx-bg{background:url(https://static.wixstatic.com/media/b98d54_391040e2e87843a281ab2cff8afe4faa~mv2.jpg/v1/fill/w_1920,h_1080,al_c,q_85,enc_auto/pencere-filtresi-acik-pencere-temiz-hava.jpg) 58% 50%/cover no-repeat!important;transform-origin:62% 45%;animation:hxk 18s ease-in-out infinite alternate!important}
@keyframes hxk{0%{transform:scale(1.03) translate(0,0)}100%{transform:scale(1.18) translate(-3%,1.5%)}}
.hero.hx:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,20,26,.9) 0%,rgba(4,20,26,.74) 34%,rgba(4,20,26,.18) 64%,rgba(4,20,26,.42) 100%),linear-gradient(0deg,rgba(4,20,26,.65),rgba(4,20,26,0) 38%)}
.hero.hx .hx-glow{left:38%;right:auto;top:-35%;width:1100px;height:1100px;border-radius:0;background:conic-gradient(from 150deg at 50% 0%,rgba(255,226,160,0) 0deg,rgba(255,226,160,.20) 7deg,rgba(255,226,160,0) 14deg,rgba(255,226,160,.13) 24deg,rgba(255,226,160,0) 32deg,rgba(255,226,160,.18) 44deg,rgba(255,226,160,0) 54deg,rgba(255,226,160,.1) 64deg,rgba(255,226,160,0) 72deg);filter:blur(8px);mix-blend-mode:screen;transform-origin:50% 0;animation:hxray 7s ease-in-out infinite alternate;z-index:1}
@keyframes hxray{0%{opacity:.45;transform:rotate(-5deg)}100%{opacity:1;transform:rotate(5deg)}}
@media (max-width:900px){.hx-bg{background:url(https://static.wixstatic.com/media/b98d54_391040e2e87843a281ab2cff8afe4faa~mv2.jpg/v1/fill/w_1000,h_1300,al_c,q_80,enc_auto/pencere-filtresi-acik-pencere-temiz-hava.jpg) 55% 50%/cover no-repeat!important}.hero.hx:before{background:linear-gradient(180deg,rgba(4,20,26,.82),rgba(4,20,26,.72) 50%,rgba(4,20,26,.92))}.hero.hx .hx-glow{left:-20%;width:800px;height:800px}}

/*HX3*/
.hx-bg{background:none!important;container-type:size}
.hx-img{position:absolute;left:58%;top:50%;width:max(100cqw,calc(100cqh * 1.7778));aspect-ratio:16/9;transform:translate(-58%,-50%);background:url(https://static.wixstatic.com/media/b98d54_391040e2e87843a281ab2cff8afe4faa~mv2.jpg/v1/fill/w_1920,h_1080,al_c,q_85,enc_auto/pencere-filtresi-acik-pencere-temiz-hava.jpg) center/100% 100% no-repeat}
.hx-mesh{position:absolute;left:36.6%;top:12.2%;width:34%;height:57.6%;background:repeating-linear-gradient(45deg,rgba(235,240,242,.22) 0 1px,rgba(235,240,242,0) 1px 5px),repeating-linear-gradient(-45deg,rgba(235,240,242,.22) 0 1px,rgba(235,240,242,0) 1px 5px),linear-gradient(rgba(150,165,172,.10),rgba(150,165,172,.10));-webkit-mask-image:linear-gradient(90deg,#000 0,#000 68%,rgba(0,0,0,.25) 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 68%,rgba(0,0,0,.25) 88%,transparent 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
@media (max-width:900px){.hx-img{left:50%;transform:translate(-45%,-50%)}}
/*MOBV*/
@media (min-width:761px){.lead-m{display:none}}
@media (max-width:760px){
.wrap{padding-left:18px!important;padding-right:18px!important}
.band,.content{padding-top:40px!important;padding-bottom:40px!important}
h2{font-size:1.6rem!important;line-height:1.18!important;letter-spacing:-.015em}
h3{line-height:1.3}
.prose p,.prose li{font-size:1rem;line-height:1.65}
.hero.hx{padding:30px 0 34px!important;min-height:0!important;display:block}
.hero.hx .wrap{gap:22px!important}
.hx-img{left:50%!important;height:100%;width:auto!important;transform:translate(-56%,-50%)!important}
.hero.hx:before{background:linear-gradient(180deg,rgba(4,20,26,.55) 0%,rgba(4,20,26,.78) 30%,rgba(4,20,26,.92) 70%,rgba(4,20,26,.97))!important}
.hero.hx h1{font-size:2.35rem!important;line-height:1.06!important;margin:.25em 0 .4em!important}
.hero.hx .lead{display:none}
.hero.hx .lead-m{display:block;color:rgba(236,248,250,.9);font-size:1.04rem;line-height:1.55;margin:0}
.hero .actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:20px!important}
.hero .actions .btn{flex-direction:column;gap:5px;padding:11px 6px!important;font-size:.8rem!important;line-height:1.15;text-align:center;justify-content:center;border-radius:14px;min-height:62px}
.hero .actions .btn svg{width:20px;height:20px;margin:0}
.hero .actions .btn-p{grid-column:1/-1!important;flex-direction:row;font-size:1.02rem!important;min-height:52px;gap:10px}
.hero .actions .btn-tel{font-size:0!important}
.hero .actions .btn-tel:after{content:"Ara";font-size:.8rem}
html[lang=en] .hero .actions .btn-tel:after{content:"Call"}
.hero .chips{flex-wrap:nowrap!important;overflow-x:auto;margin:18px -18px 0!important;padding:2px 18px 6px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.hero .chips::-webkit-scrollbar{display:none}
.hero .chips li{white-space:nowrap;flex:none;font-size:.82rem!important;padding:7px 12px!important;scroll-snap-align:start}
.hero .hero-v{max-width:250px;margin:6px auto 0!important}
.hero.hx .hero-v:before{inset:-8px}
.hero.small{padding:22px 0 26px!important}
.hero.small h1{font-size:1.9rem!important;line-height:1.12}
.hero.small .lead{font-size:1rem}
.hero.small figure img{aspect-ratio:16/10!important;border-radius:16px}
.crumb{font-size:.78rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.feats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.feats li{padding:14px 13px!important;border-radius:14px!important}
.feats li b{font-size:.95rem!important;line-height:1.3;display:block;margin-bottom:4px}
.feats li span{font-size:.84rem!important;line-height:1.45}
.cards{grid-template-columns:1fr 1fr!important;gap:12px!important}
.cards>.card:only-child{grid-column:1/-1;max-width:none}
.card{border-radius:14px!important}
.card img{height:118px!important;aspect-ratio:auto!important;object-fit:cover}
.card .cb{padding:11px 12px 13px!important}
.card h3{font-size:.95rem!important;line-height:1.3!important;margin:0 0 6px!important}
.card p{display:none}
.card .more{font-size:.8rem}
.cards.compact .card .cb{padding:14px!important}
.pstrip,.galstrip,.vgrid{display:flex!important;overflow-x:auto;gap:12px!important;margin:0 -18px!important;padding:4px 18px 10px!important;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none!important}
.pstrip::-webkit-scrollbar,.galstrip::-webkit-scrollbar,.vgrid::-webkit-scrollbar{display:none}
.pstrip>figure{flex:0 0 72%;scroll-snap-align:start;margin:0}
.galstrip>.gi{flex:0 0 46%;scroll-snap-align:start}
.vgrid>.vfig{flex:0 0 62%;scroll-snap-align:start;margin:0}
.duo{grid-template-columns:1fr!important;gap:14px!important}
.layers2{grid-template-columns:1fr!important;gap:16px!important}
.l3 li{padding:14px 16px!important}
.msec{grid-template-columns:1fr!important;gap:14px!important}
.mcard img{height:190px!important;aspect-ratio:auto!important}
.mcard .mb{padding:16px!important}
.mcard .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.mcard .actions .btn{justify-content:center;text-align:center;font-size:.85rem!important;padding:11px 8px!important}
.steps{grid-template-columns:1fr!important;gap:14px!important}
.steps li{display:grid!important;grid-template-columns:112px 1fr;gap:14px;align-items:start;padding:0!important}
.steps li img{width:112px!important;height:96px!important;aspect-ratio:auto!important;border-radius:12px;object-fit:cover}
.steps .sb{padding:0!important}
.steps h3{font-size:1rem!important;margin:2px 0 4px!important}
.steps p{font-size:.88rem!important;line-height:1.5}
.chan2{grid-template-columns:1fr 1fr!important;gap:10px!important}
.chan2 .cht{padding:12px!important;gap:8px}
.chan2 .cht b{font-size:.9rem}.chan2 .cht small{font-size:.75rem}
.faq details summary{font-size:1rem!important;padding:15px 40px 15px 16px!important;line-height:1.4}
.faq .a{font-size:.95rem}
.ctaband{padding:26px 20px!important;border-radius:18px!important}
.ctaband h2{font-size:1.4rem!important}
.ctaband p{font-size:.95rem}
.ctastrip{flex-direction:column;align-items:stretch!important;gap:14px!important;padding:18px!important;border-radius:16px!important}
.ctastrip .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.ctastrip .actions .btn{justify-content:center;font-size:.85rem!important;padding:11px 8px!important}
.ctastrip .actions .btn-p{grid-column:1/-1}
.sgrid{grid-template-columns:1fr 1fr!important;gap:12px!important}
.scard .sb{padding:12px!important}.scard h3{font-size:.92rem!important;line-height:1.3}
.scard .btn{font-size:.8rem!important;padding:10px 8px!important;width:100%;justify-content:center}
.scard .badges{display:none}
.scard.sinfo{grid-column:1/-1}
.trust{grid-template-columns:1fr 1fr!important;gap:8px!important}
.trust li{font-size:.8rem!important;padding:10px!important}
.fband .wrap{flex-direction:column;align-items:stretch!important;gap:14px}
.fband .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.fband .actions .btn{justify-content:center;font-size:.85rem!important}
.ftr .grid{gap:6px!important}
.legal{flex-direction:column;gap:8px;font-size:.8rem}
.topbar .ship{font-size:.78rem}
body{padding-bottom:76px}
}
@media (max-width:340px){
.cards,.sgrid{grid-template-columns:1fr!important}
.card img{height:150px!important}
.hero.hx h1{font-size:2.05rem!important}
.feats{grid-template-columns:1fr!important}
}
/*MOBV2*/
@media (max-width:760px){
.hero .wrap{grid-template-columns:minmax(0,1fr)!important}
.hero .wrap>*{min-width:0}
.hero.hx .wrap>div>*{animation:none!important;opacity:1!important;transform:none!important}
.cards,.sgrid,.chan2,.feats,.trust,.fband .actions,.ctastrip .actions,.mcard .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.chan2 .cht,.cards>*,.sgrid>*,.feats li,.trust li,.chan2 .cht .tx{min-width:0}
.chan2 .cht b,.chan2 .cht small{overflow-wrap:anywhere}
.cards>.card:only-child,.scard.sinfo{grid-column:1/-1}
.duo>*,.msec>*,.layers2>*,.steps li>*{min-width:0}
}
@media (max-width:340px){.cards,.sgrid,.feats{grid-template-columns:1fr!important}}
/*MOBV3*/
@media (max-width:760px){
.scard.sinfo img{height:150px!important;aspect-ratio:auto!important;object-fit:cover;width:100%}
.scard.sinfo .sacts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.scard.sinfo .sacts .btn{flex-direction:column;gap:4px;padding:10px 4px!important;font-size:.78rem!important;justify-content:center;text-align:center;width:auto;min-width:0}
.sacts a[href^="tel:"],.actions a[href^="tel:"]{font-size:0!important}
.sacts a[href^="tel:"]:after,.actions a[href^="tel:"]:after{content:"Ara";font-size:.8rem}
html[lang=en] .sacts a[href^="tel:"]:after,html[lang=en] .actions a[href^="tel:"]:after{content:"Call"}
.actions a[href^="tel:"] svg,.sacts a[href^="tel:"] svg{width:18px;height:18px}
}
/*MOBV4*/
@media (max-width:760px){
.actions:has(.btn-tel){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%;max-width:none!important;align-items:stretch}
.actions:has(.btn-tel) .btn{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center!important;gap:5px!important;padding:11px 4px!important;font-size:.8rem!important;line-height:1.15;text-align:center;border-radius:14px!important;min-height:62px;width:auto!important;min-width:0!important;margin:0!important;white-space:normal}
.actions:has(.btn-tel) .btn svg{width:20px!important;height:20px!important;margin:0!important;flex:none}
.actions:has(.btn-tel) .btn-p{grid-column:1/-1!important;flex-direction:row!important;gap:10px!important;font-size:1rem!important;min-height:52px}
.actions:has(.btn-tel) .btn-tel{font-size:0!important}
.actions:has(.btn-tel) .btn-tel:after{content:"Ara"!important;font-size:.8rem!important}
html[lang=en] .actions:has(.btn-tel) .btn-tel:after{content:"Call"!important}
}
/*MOBV5*/
@media (max-width:760px){
.l3 li{padding:16px 16px 16px 64px!important;min-height:68px}
.l3 li .n{left:16px!important;top:16px!important;width:34px!important;height:34px!important}
.l3 li b{display:block;line-height:1.3;margin:6px 0 6px}
.l3 li p{margin:0;font-size:.95rem;line-height:1.55}
}

/*CHIPS2*/
@media (min-width:761px){.hero.hx .chips{display:grid!important;grid-template-columns:repeat(4,max-content)!important;gap:8px!important;max-width:none!important}.hero.hx .chips li{font-size:.86rem!important;padding:6px 12px!important;white-space:nowrap}}
@media (min-width:761px) and (max-width:1180px){.hero.hx .chips{gap:5px!important}.hero.hx .chips li{font-size:.76rem!important;padding:5px 9px!important}}

/*KWREL*/
.kwrel{padding:44px 0;border-top:1px solid rgba(15,40,50,.08)}.kwrel h2{font-size:1.2rem;margin:0 0 8px}.kwrel p{margin:0 0 16px;opacity:.78;max-width:760px}.kwrel-l{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.kwrel-l li{margin:0;padding:0}.kwrel-l li::before{display:none}.kwrel-l a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid rgba(15,40,50,.16);background:#fff;color:inherit;text-decoration:none;font-size:.9rem;line-height:1.3}.kwrel-l a:hover{border-color:currentColor}@media (max-width:760px){.kwrel{padding:32px 0}.kwrel-l a{font-size:.85rem;padding:6px 12px}}

/*ACT1*/
@media (min-width:761px){.hero .actions{container-type:inline-size;flex-wrap:nowrap!important;gap:1.5cqi!important}.hero .actions .btn{flex:0 1 auto;min-width:0;white-space:nowrap;font-size:clamp(.66rem,2.05cqi,1rem)!important;padding:.8125em 1.3em!important;gap:.45em}.hero .actions .btn svg{width:1.1em!important;height:1.1em!important;flex:none}}