@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122}
:root{--ink:#132e2a;--muted:#637570;--green:#087f5b;--mint:#bdf5d8;--line:#dce7e1;--soft:#f3f8f5}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{position:fixed;z-index:99;background:white;padding:20px}
.utility{background:#122e28;color:#e0eee7;font-size:12px}
.utility>.wrap,.utility>.wrap>div{display:flex;align-items:center;justify-content:space-between;gap:24px}
.utility>.wrap{min-height:36px}
.utility i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46ce95;margin-right:8px}
.utility details{position:relative}
.utility details>div{position:absolute;top:28px;right:0;background:#fff;color:var(--ink);padding:12px;box-shadow:0 6px 30px #1232;z-index:30;min-width:100px}
.utility details a{display:block;padding:4px}
.utility summary{cursor:pointer;list-style:none;text-transform:uppercase}
body>header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #eaf0ec}
.navrow{display:flex;align-items:center;justify-content:space-between;min-height:94px}
.brand img{display:block;width:164px;height:64px;object-fit:contain}
body>header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:750}
body>header nav>a:hover{color:var(--green)}
.account{border:1px solid var(--line);padding:10px 18px;border-radius:7px}
.account span{margin-left:12px}
.mega summary{list-style:none;cursor:pointer}
.mega>div{position:absolute;top:85px;right:32px;width:min(660px,90vw);display:grid;grid-template-columns:1fr 1fr;background:white;padding:20px;border:1px solid var(--line);box-shadow:0 22px 40px #132e2a18;border-radius:12px}
.mega a{padding:18px;display:flex;justify-content:space-between;gap:18px;border-radius:6px}
.mega a:hover{background:var(--soft)}
.menu-toggle{display:none}
body>footer{background:#102820;color:#b5c7bc;font-size:13px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:35px}
.footer-bottom{border-top:1px solid #34483c;padding-block:18px;display:flex;justify-content:space-between;font-size:11px}
@media(max-width:1000px){body>header nav{gap:18px;font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.utility>.wrap{min-height:32px;font-size:10px}.utility>.wrap>span{font-size:9px}.utility>.wrap>div{gap:12px}.utility a[href^=tel]{display:none}.navrow{min-height:78px}.brand img{width:135px;height:54px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:7px;background:white;font-size:22px;width:42px;height:42px}body>header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;box-shadow:0 15px 25px #132e2a12;flex-direction:column;align-items:stretch;gap:0}body>header nav.open{display:flex}body>header nav>a,body>header nav>details>summary{padding:12px}.mega>div{position:static;width:auto;display:block;padding:0 8px;border:0;box-shadow:none}.mega a{padding:12px;font-size:13px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>span{font-size:11px}.footer-top>a:last-child{width:100%}}
body>header nav .mega{position:relative}
body>header nav .mega .mega-panel{position:absolute;left:-40px;top:calc(100% + 14px);width:min(860px,92vw);display:grid;grid-template-columns:repeat(4,1fr);gap:8px 28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:0 30px 60px -24px rgba(19,46,42,.28);z-index:60}
body>header nav .mega .mega-panel h4{margin:0 0 10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--green)}
body>header nav .mega .mega-panel a{display:block;padding:7px 0;font-size:14px;font-weight:600;color:var(--ink);border:0}
body>header nav .mega .mega-panel a:hover{color:var(--green)}
body>header nav a.login{font-weight:700}
body>header nav a.account{background:var(--green);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700}
body>header nav a.account:hover{background:#066a4b}
@media(max-width:860px){body>header nav .mega .mega-panel{position:static;width:auto;grid-template-columns:1fr 1fr;box-shadow:none;padding:12px 0}}
body>footer .footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:34px;padding:56px 0 34px}
body>footer .footer-cols h4{margin:0 0 14px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#7de3bc}
body>footer .footer-cols a{display:block;color:#d6e6df;font-size:14px;padding:5px 0;opacity:.92}
body>footer .footer-cols a:hover{color:#fff}
body>footer .f-brand p{color:#b9cfc6;font-size:14px;max-width:300px;margin:14px 0}
body>footer .f-loc{display:flex;align-items:center;gap:8px;color:#d6e6df;font-size:13px;margin-bottom:8px}
body>footer .f-loc i{width:8px;height:8px;border-radius:50%;background:#4ade80}
@media(max-width:900px){body>footer .footer-cols{grid-template-columns:1fr 1fr}body>footer .f-brand{grid-column:1/-1}}
body>header{position:sticky;top:0;z-index:55;transition:box-shadow .25s}
body>header.is-stuck{box-shadow:0 10px 30px -18px rgba(19,46,42,.45)}
body>header .brand img{transition:height .25s,width .25s}
body>header.is-stuck .brand img{height:52px;width:auto}
.to-top{position:fixed;right:22px;bottom:22px;z-index:70;width:52px;height:52px;border:0;border-radius:50%;padding:0;color:var(--green);cursor:pointer;
background:radial-gradient(circle,#fff 0 58%,transparent 59%),conic-gradient(var(--green) calc(var(--p,0)*1%),#dce7e1 0);
box-shadow:0 14px 30px -12px rgba(19,46,42,.5);display:grid;place-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top svg{width:20px;height:20px}
.to-top:hover{color:#fff;background:radial-gradient(circle,var(--green) 0 58%,transparent 59%),conic-gradient(var(--green) calc(var(--p,0)*1%),#dce7e1 0)}
.to-top:focus-visible{outline:3px solid #7de3bc;outline-offset:3px}
@media(max-width:760px){.to-top{right:14px;bottom:14px;width:46px;height:46px}}
.util-right{display:flex;align-items:center;gap:10px}
.util-phone{display:flex;align-items:center;gap:7px;font-weight:700;margin-right:6px}
.util-phone svg{width:14px;height:14px}
.utility details.sel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 6px;border-radius:99px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700;color:#fff;transition:.2s}
.utility details.sel summary::-webkit-details-marker{display:none}
.utility details.sel summary:hover,.utility details.sel[open] summary{background:rgba(255,255,255,.2)}
.sel-ico{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px}
.sel-globe{width:16px;height:16px;margin-left:3px}
.sel-chev{width:10px;height:10px;transition:transform .2s}
.sel[open] .sel-chev{transform:rotate(180deg)}
.utility details.sel>.sel-menu{top:36px;right:0;min-width:190px;padding:8px;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(19,46,42,.45)}
.sel-menu em{display:block;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px}
.utility .sel-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:700;color:var(--ink)}
.utility .sel-menu a small{font-weight:500;color:var(--muted);font-size:12px}
.utility .sel-menu a:hover{background:var(--soft)}
.utility .sel-menu a.on{background:#e9f7f0;color:var(--green)}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
.ann{background:linear-gradient(90deg,#0d7a5c,var(--accent));color:#fff;font-size:13px;font-weight:700}
.ann[hidden]{display:none}
.ann .wrap{display:flex;align-items:center;justify-content:center;gap:18px;min-height:40px;position:relative;padding-right:36px}
.ann span{display:flex;align-items:center;gap:8px}
.ann a{color:#fff;opacity:.95;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ann button{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}
@media(max-width:700px){.ann span{font-size:12px}.ann a{display:none}}
.utility .util-left{display:flex;align-items:center;gap:18px}
.util-sep{width:1px;height:16px;background:rgba(255,255,255,.25);margin:0 4px}
.util-link{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#d6e6df;padding:0 6px}
.util-link:hover,.util-link.strong{color:#fff}
.util-link.strong{font-weight:800}
.util-link .ic{width:15px;height:15px}
@media(max-width:900px){.util-link{display:none}.util-sep{display:none}}
body>header .navrow{display:flex;align-items:center;gap:26px;min-height:78px}
body>header nav{display:flex;align-items:center;gap:26px;margin-right:auto}
body>header nav a,body>header nav summary{font-size:14px;font-weight:700;color:var(--ink);list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}
body>header nav summary::-webkit-details-marker{display:none}
body>header nav .sel-chev{width:11px;height:11px}
body>header nav .mega[open] .sel-chev{transform:rotate(180deg)}
.hsearch{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);width:250px;color:var(--muted)}
.hsearch:focus-within{border-color:var(--green);background:#fff}
.hsearch input{border:0;outline:0;background:transparent;font:600 13px inherit;color:var(--ink);width:100%}
.cartbtn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--green);color:#fff}
.cartbtn:hover{background:#066a4b}
.cartbtn .ic{width:22px;height:22px}
.cartbtn b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:99px;background:var(--dark);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
@media(max-width:1100px){.hsearch{display:none}}
@media(max-width:860px){body>header .navrow{gap:12px}body>header nav{margin-right:0}}
.sidenav{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px;box-shadow:0 18px 40px -18px rgba(19,46,42,.5)}
.sidenav a{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--green);transition:.2s}
.sidenav a:hover{background:var(--green);color:#fff}
.sidenav a:after{content:attr(data-tip);position:absolute;right:52px;top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}
.sidenav a:hover:after{opacity:1}
@media(max-width:1250px){.sidenav{display:none}}
.fab{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:10px}
.fab a,.fab .to-top{position:relative;right:auto;bottom:auto;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;box-shadow:0 14px 28px -12px rgba(0,0,0,.5);transition:.2s}
.fab a{color:#fff}
.fab .ic{width:24px;height:24px}
.fab-phone{background:var(--dark)}
.fab-wa{background:#25d366}
.fab a:hover{transform:translateY(-3px) scale(1.05)}
.fab a:after{content:attr(data-tip);position:absolute;right:62px;top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}
.fab a:hover:after{opacity:1}
@media(max-width:700px){.fab{right:12px;bottom:12px;gap:8px}.fab a,.fab .to-top{width:44px;height:44px}}
.support{padding:110px 0 90px;background:#fff}
.support-box{position:relative;display:flex;align-items:center;gap:36px;min-height:170px;padding:42px 44px 42px 290px;border-radius:24px;color:#fff;
background:radial-gradient(600px 240px at 90% 0,rgba(31,179,131,.32),transparent 70%),linear-gradient(120deg,#0a2a24,#0f3b32);box-shadow:0 40px 70px -40px rgba(8,42,34,.8);overflow:visible}
.support-box:before{content:"";position:absolute;inset:0;border-radius:24px;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.support-art{position:absolute;left:34px;bottom:0;width:220px;height:calc(100% + 64px);display:flex;align-items:flex-end}
.support-art svg{width:100%;height:auto;max-height:100%;display:block}
.support-copy{position:relative;flex:1}
.sup-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#7de3bc}
.support-copy h2{margin:8px 0 10px;font-size:clamp(26px,2.6vw,34px);color:#fff;letter-spacing:-.02em}
.support-copy p{margin:0;color:#c5ded5;line-height:1.7;max-width:560px;font-size:15px}
.support-act{position:relative;display:flex;gap:12px;flex-wrap:wrap}
.support-act a{display:flex;align-items:center;gap:9px;height:50px;padding:0 22px;border-radius:12px;font-weight:800;font-size:15px;white-space:nowrap;transition:.2s}
.sup-call{background:var(--accent);color:#04251d}
.sup-call:hover{background:#34d3a1}
.sup-mail{border:1px solid rgba(255,255,255,.4);color:#fff}
.sup-mail:hover{background:#fff;color:#0a2a24}
@media(max-width:1000px){.support-box{flex-direction:column;align-items:flex-start;padding:34px 28px}.support-art{display:none}.support{padding:70px 0 60px}}
.support-box{padding-left:330px}
.support-art{left:36px;bottom:0;width:270px;height:auto;display:block}
.support-art img{position:relative;display:block;width:100%;height:auto;margin-top:-84px}
@media(max-width:1000px){.support-box{padding-left:28px}}
.support-box{padding-left:400px}
.support-art{left:24px;width:340px}
.support-art img{margin-top:0}
@media(max-width:1000px){.support-box{padding-left:28px}}
.support{padding:70px 0 60px}
.support-box{padding:30px 44px;min-height:0;overflow:hidden;
background:linear-gradient(90deg,rgba(7,36,30,.95) 0,rgba(10,42,36,.8) 42%,rgba(10,42,36,.05) 100%),url("../images/support-bg.svg") right center/cover no-repeat,linear-gradient(120deg,#0a2a24,#0f3b32)}
.support-box:before{display:none}
.support-art{display:none}
.support-copy h2{margin:6px 0 8px;font-size:clamp(24px,2.3vw,30px)}
.support-copy p{max-width:520px;font-size:14.5px}
@media(max-width:1000px){.support-box{padding:28px}}
body>header.no-sticky{position:relative}
.util-soc{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:.2s}
.util-soc:hover{background:var(--accent)}
.util-soc .ic{width:13px;height:13px}
.f-soc{display:flex;gap:8px;margin-top:14px}
.f-soc a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;padding:0;transition:.2s}
.f-soc a:hover{background:var(--accent);color:#04251d}
.f-soc .ic{width:16px;height:16px}
.f-legal{padding:14px 0 6px;border-top:1px solid #34483c;color:#9db4aa;font-size:12px;line-height:1.7}
.footer-bottom a{color:#9db4aa}
.ann-cd{margin-left:8px;background:rgba(0,0,0,.22);border-radius:8px;padding:2px 9px;font-variant-numeric:tabular-nums}
.fs-popup{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(6,20,17,.6);padding:20px}
.fs-popup[hidden]{display:none}
.fs-popup-box{position:relative;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);max-height:90vh;overflow-y:auto}
.fs-popup-box img{display:block;width:100%;height:auto}
.fs-popup-body{padding:22px 24px;line-height:1.7}
.fs-popup-btn{display:block;margin:0 24px 24px;text-align:center;background:var(--green);color:#fff;font-weight:800;border-radius:12px;padding:14px}
.fs-popup-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px;cursor:pointer;z-index:2}
@media(max-width:860px){body>header .navrow{position:relative}.menu-toggle{display:block;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:22px;width:44px;height:44px;margin-left:auto}body>header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 18px;box-shadow:0 18px 28px -14px rgba(19,46,42,.25);flex-direction:column;align-items:stretch;gap:0;margin:0;max-height:calc(100vh - 90px);overflow:auto;z-index:60}body>header nav.open{display:flex}body>header nav>a,body>header nav>details>summary{padding:13px 4px;border-bottom:1px solid var(--line);justify-content:space-between}body>header nav .mega-panel{position:static;width:auto;display:block;box-shadow:none;border:0;padding:4px 0 8px}body>header nav .mega-panel section{margin-bottom:8px}}
@media(max-width:560px){.util-left{display:none}.utility>.wrap{justify-content:flex-end}.ann .wrap{padding-right:40px;text-align:left}}
@media(max-width:560px){.utility .util-left{display:none!important}}
/* ---- scoped resets so the chrome looks identical inside Bootstrap-based pages ---- */
.utility,.ann,body>header,body>footer,.fab,.sidenav,.fs-popup{font-family:Manrope,system-ui,sans-serif;line-height:1.5;color:var(--ink);box-sizing:border-box}
.utility *,.ann *,body>header *,body>footer *,.fab *,.sidenav *,.fs-popup *{box-sizing:border-box}
.utility a,.ann a,body>header a,body>footer a,.fab a,.sidenav a{text-decoration:none}
body>header a,body>footer a{color:inherit}
.utility a{color:#e0eee7}
body>header ul,body>footer ul{list-style:none;margin:0;padding:0}
body>header p,body>footer p,body>footer h4,body>header h4{margin-top:0}
body>header button,body>footer button,.fab button,.ann button{font:inherit}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
body>header details>summary{list-style:none}
body>header .mega-panel a{padding:7px 0}
body>footer .brand img{height:64px;width:auto}
.utility .wrap>div,.utility .wrap{display:flex;align-items:center}

.support a,.support-act a{text-decoration:none}
.support-act .sup-call{color:#04251d}
.support-act .sup-mail{color:#fff}
.support-act .sup-mail:hover{color:#0a2a24}
.sidenav a,.fab a{color:inherit}
.utility{color:#e0eee7}
.ann{color:#fff}
.ann a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* ---- responsive chrome (final word) ---- */
@media(max-width:860px){
 body>header .navrow{position:relative}
 .menu-toggle{display:block;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:22px;width:44px;height:44px;margin-left:auto}
 body>header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 18px;box-shadow:0 18px 28px -14px rgba(19,46,42,.25);flex-direction:column;align-items:stretch;gap:0;margin:0;max-height:calc(100vh - 90px);overflow:auto;z-index:60}
 body>header nav.open{display:flex}
 body>header nav>a,body>header nav>details>summary{padding:13px 4px;border-bottom:1px solid var(--line);justify-content:space-between}
 body>header nav .mega-panel{position:static;width:auto;display:block;box-shadow:none;border:0;padding:4px 0 8px}
 body>header nav .mega-panel section{margin-bottom:8px}
}
@media(max-width:560px){
 .util-left{display:none}
 .utility>.wrap{justify-content:flex-end}
 .ann .wrap{padding-right:40px;text-align:left}
}
@media(max-width:560px){.utility .util-left{display:none!important}}
.band-dark .section-head h2,.chrome-dark .section-head h2,.chrome-dark h2,.band-dark h2{color:#fff}
.tld-table-wrap,.table-responsive{overflow-x:auto}
@media(max-width:560px){.slide-arrows{display:none}.slide-tabs{gap:16px;overflow-x:auto}}
.wrap{width:min(1296px,calc(100% - 48px))}@media(max-width:560px){.wrap{width:calc(100% - 32px)}}

/* nav mega menus: icon + title + description, promo column */
body>header .navrow{position:relative}
body>header nav .mega.drop{position:static}
body>header nav .mega .drop-panel{position:absolute;left:0;right:0;top:calc(100% - 2px);width:auto;display:grid;grid-template-columns:1fr 300px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 36px 70px -26px rgba(19,46,42,.4);z-index:60}
.dp-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;align-content:start;padding:6px}
body>header nav .mega .dp-item{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:12px 14px;border-radius:14px;border:0;white-space:normal}
body>header nav .mega .dp-item:hover{background:var(--soft)}
.dp-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eef7f2;flex:none}
.dp-ico .ic{width:22px;height:22px;color:var(--green)}
.dp-ico img{width:26px;height:26px;object-fit:contain}
.dp-ico .flag{width:30px;height:30px;box-shadow:none;margin:0;vertical-align:0}
.dp-txt b{display:block;font-size:15px;line-height:1.3;color:var(--ink)}
.dp-txt small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--muted)}
.dp-item:hover .dp-txt b{color:var(--green)}
.dp-promo{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px;border-radius:16px;background:linear-gradient(150deg,#06261f,#0b4538);color:#fff}
.dp-promo b{font-size:19px;line-height:1.3}
.dp-promo p{margin:0;font-size:13.5px;line-height:1.6;color:#c5ded5}
body>header nav .mega .dp-promo a{align-self:flex-start;margin-top:6px;padding:10px 16px;border-radius:10px;background:var(--accent,#1fb383);color:#04251d;font-size:14px;font-weight:800}
body>header nav .mega .dp-promo a:hover{background:#34d3a1;color:#04251d}
@media(max-width:860px){body>header nav .mega.drop{position:relative}body>header nav .mega .drop-panel{position:static;display:block;border:0;box-shadow:none;padding:2px 0 8px;border-radius:0}.dp-links{grid-template-columns:1fr;padding:0}body>header nav .mega .dp-item{padding:9px 2px;border-bottom:0}.dp-ico{width:38px;height:38px}.dp-promo{display:none}}
/* flags (menu) */
.flag{display:inline-block;flex:none;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(0,0,0,.18);position:relative}
.flag.f269,.flag.f252{background:radial-gradient(circle at 40% 50%,#fff 0 24%,transparent 25%),radial-gradient(circle at 47% 50%,#e30a17 0 26%,transparent 27%),#e30a17}
.flag.f269:after,.flag.f252:after{content:"";position:absolute;left:58%;top:42%;width:7px;height:7px;background:#fff;border-radius:50%}
.flag.f254{background:linear-gradient(90deg,#0055a4 33%,#fff 33% 66%,#ef4135 66%)}
.flag.f283{background:radial-gradient(circle at 45% 50%,#d21034 0 14%,transparent 15%),linear-gradient(#fff 0 22%,#d21034 22% 30%,#fff 30% 70%,#d21034 70% 78%,#fff 78%)}
.flag.f269,.flag.f252{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23e30a17'/%3E%3Ccircle cx='17' cy='20' r='9' fill='%23fff'/%3E%3Ccircle cx='20' cy='20' r='7.2' fill='%23e30a17'/%3E%3Cpath d='M27 20l5-1.6-3.1 4.2v-5.2l3.1 4.2z' fill='%23fff'/%3E%3C/svg%3E") center/cover}
.flag.f269:after,.flag.f252:after{display:none}
.flag.f283{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23fff'/%3E%3Crect y='6' width='40' height='4' fill='%23d21034'/%3E%3Crect y='30' width='40' height='4' fill='%23d21034'/%3E%3Ccircle cx='19' cy='20' r='6' fill='%23d21034'/%3E%3Ccircle cx='21.5' cy='20' r='5' fill='%23fff'/%3E%3Ccircle cx='23' cy='20' r='2' fill='%23d21034'/%3E%3C/svg%3E") center/cover}

.util-soc{width:28px;height:28px}
.util-soc .ic{width:14px;height:14px;display:block;flex:none}
/* price block: integer large, currency sign and decimals small, billed total underneath */
.pr{text-align:center}
.pr-main{display:flex;align-items:flex-start;justify-content:center;gap:2px;line-height:1;color:var(--ink)}
.pr-main strong{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:.95;font-variant-numeric:tabular-nums}
.pr-main sup{font-size:16px;font-weight:800;line-height:1;margin-top:3px;vertical-align:baseline}
.pr-main .pr-cur{font-size:15px;opacity:.8;margin:5px 1px 0}
.pr-main .pr-dec{font-size:17px;letter-spacing:-.01em}
.pr-per{align-self:flex-end;margin:0 0 4px 6px;font-size:13px;font-weight:700;color:var(--muted)}
.pr-quote{font-size:24px}
.pr-year{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 6px;margin-top:9px;font-size:12.5px;color:var(--muted)}
.pr-year b{font-size:14px;color:var(--ink);font-weight:800}
.pr-year em{font-style:normal;font-size:11px;font-weight:700;color:var(--green);background:#e6f6ee;border-radius:99px;padding:2px 8px}
.p-price .pr-main strong{font-size:38px}
.p-price{padding:16px 14px 14px}
.pr-row{text-align:left}.pr-row .pr-main{justify-content:flex-start}.pr-row .pr-main strong{font-size:26px}.pr-row .pr-main sup{font-size:13px}.pr-row .pr-per{font-size:12px}
.pr-row .pr-year{justify-content:flex-start;margin-top:5px}
.pr-srv{margin:14px 0 12px}.pr-srv .pr-main strong{font-size:34px}
.pr-main{gap:0}
.pr-main .pr-cur{margin:6px 3px 0 0}
.pr-main strong+.pr-cur,.pr-main .pr-dec+.pr-cur{margin:6px 0 0 4px}
.pr-main .pr-dec{margin:3px 0 0 1px}
.price-now.pr-main{display:inline-flex;align-items:flex-start}
.plan-card .pr-year,.plan-row .pr-year{justify-content:flex-start;margin:4px 0 2px}
.plan-card .pr-main strong{font-size:40px}
.plan-card .pr-per,.plan-row .pr-per{align-self:flex-end}

.pr-main strong{font-variant-numeric:normal;letter-spacing:-.045em}
.pr-main .pr-cur{margin-right:1px}
.pr-main .pr-dec{margin-left:0}

/* price v2: integer large, decimals+currency and the period stacked beside it */
.pr-main{display:flex;align-items:stretch;justify-content:center;gap:5px;line-height:1}
.pr-main strong{font-size:46px;font-weight:800;letter-spacing:-.045em;line-height:.9;font-variant-numeric:normal}
.pr-main .pr-cur{align-self:flex-start;font-size:17px;font-weight:800;margin:4px 1px 0 0;opacity:.85}
.pr-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:3px 0 2px;text-align:left}
.pr-top{font-size:19px;font-weight:800;line-height:1;white-space:nowrap;letter-spacing:-.01em}
.pr-per{display:block;font-size:13px;font-weight:700;line-height:1;color:var(--muted);margin:0}
.pr-year{display:inline-flex;align-items:baseline;gap:5px;margin-top:11px;padding:5px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12.5px;color:var(--muted)}
.pr-year b{font-size:14px;color:var(--ink);font-weight:800}
.pr-card .pr-year,.pr.p-card .pr-year{margin-left:auto;margin-right:auto}
.p-price{text-align:center}
.pr-row .pr-main strong{font-size:30px}.pr-row .pr-top{font-size:15px}.pr-row .pr-per{font-size:11.5px}
.pr-srv .pr-main strong{font-size:38px}
.price-now.pr-main{display:inline-flex}
.plan-card .pr-year,.plan-row .pr-year{margin:8px 0 2px}

/* price v3: everything on one baseline: 82,53 ₺ / ay */
.pr-main{align-items:baseline;gap:0;flex-wrap:nowrap}
.pr-main strong{line-height:1}
.pr-main .pr-cur{align-self:baseline;font-size:26px;font-weight:800;margin:0 2px 0 0;opacity:1}
.pr-side{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:7px;padding:0;margin-left:1px}
.pr-top{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.02em}
.pr-per{display:inline;font-size:14px;font-weight:700;line-height:1;margin:0}
.pr-row .pr-main strong{font-size:32px}.pr-row .pr-top,.pr-row .pr-main .pr-cur{font-size:19px}.pr-row .pr-per{font-size:12.5px}
.pr-srv .pr-main strong{font-size:38px}.pr-srv .pr-top{font-size:22px}

footer .footer-cols .f-soc a{display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border-radius:50%;opacity:1;line-height:1}
footer .footer-cols .f-soc .ic{display:block;width:16px;height:16px;margin:0}
.sidenav a.on{background:var(--green);color:#fff}

/* language / currency dropdowns open above the sticky header */
.utility{position:relative;z-index:60}
.utility details>div{z-index:61}

/* floating call / WhatsApp buttons keep white icons on inner pages too (an earlier inherit rule made them dark) */
.fab a{color:#fff}