/* ==========================================================================
   VipHost Azerbaycan — Mavi Tema (Tam Mobil Optimizasiya)
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --p1:#234E74; --p2:#1B3F5E; --p3:#2E5D87; --p4:#6A9DBF; --p5:#EAF2F8;
  --g1:#ff8a3d; --g2:#f57921; --g3:#ffae6b; --g4:#ffae6b;
  --ok:#10b981; --warn:#f59e0b; --err:#ef4444; --info:#234E74;
  --d1:#0D2035; --d2:#1B3F5E; --d3:#234E74; --d4:#234E74;
  --bg:#F4F8FC; --bg2:#E4EEF6; --w:#ffffff;
  --t1:#0D2035; --t2:#2E4A63; --t3:#6E8FA8; --t4:#B8CDD9;
  --br:#C8DAEA; --br2:#6A9DBF;
  --sh-sm:0 2px 8px rgba(27,63,94,.08);
  --sh:0 8px 24px rgba(27,63,94,.13);
  --sh-lg:0 14px 40px rgba(27,63,94,.18);
  --sh-gold:0 6px 22px rgba(255,138,61,.30);
  --r-sm:8px; --r:14px; --r-lg:20px; --r-xl:28px;
  --tr:.25s ease;
  --grad:linear-gradient(135deg,#234E74 0%,#2E5D87 100%);
  --grad-g:linear-gradient(135deg,#ff8a3d 0%,#f57921 100%);
  --grad-pg:linear-gradient(135deg,#234E74 0%,#2E5D87 100%);

  --c-topbar-bg:#1B3F5E; --c-topbar-text:#fff; --c-topbar-link:#B8CEDD;
  --c-header-bg:#234E74; --c-header-text:#fff; --c-header-link:#fff; --c-header-link-hover:#ffffff;
  --c-hero-from:#F4F8FC; --c-hero-to:#E4EEF6; --c-hero-title:#0D2035; --c-hero-text:#2E4A63;
  --c-hero-btn1-bg:#234E74; --c-hero-btn1-tx:#fff; --c-hero-btn2-bg:#fff; --c-hero-btn2-tx:#234E74;
  --c-sec-bg:#F4F8FC; --c-sec-bg-alt:#E4EEF6; --c-sec-title:#234E74; --c-sec-text:#2E4A63;
  --c-card-bg:#fff; --c-card-border:#C8DAEA; --c-card-title:#0D2035; --c-card-text:#2E4A63;
  --c-btn-p-bg:#234E74; --c-btn-p-tx:#fff; --c-btn-s-bg:#ff8a3d; --c-btn-s-tx:#fff; --c-btn-out:#234E74;
  --c-ftr-from:#1B3F5E; --c-ftr-to:#0D2035; --c-ftr-text:#B8CEDD; --c-ftr-title:#fff;
  --c-ftr-link:#B8CEDD; --c-ftr-link-hover:#ffffff;
  --c-wa:#25d366;
}

html,body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:var(--tr)}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea,select{font:inherit;outline:none;font-family:inherit}
h1,h2,h3,h4,h5{font-family:'Sora','Plus Jakarta Sans',sans-serif;color:var(--t1);line-height:1.25;font-weight:800}
.container{max-width:1280px;margin:0 auto;padding:0 16px}
.main-wrap{padding-bottom:0}

/* ───── FLASH ───── */
.flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);background:#fff;color:var(--t1);padding:14px 20px;border-radius:50px;box-shadow:var(--sh-lg);z-index:9999;display:flex;align-items:center;gap:10px;font-weight:600;animation:fl .4s;border-left:4px solid var(--p1);max-width:92vw}
@keyframes fl{from{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translateX(-50%)}}
.flash-success{border-left-color:var(--ok)} .flash-success i{color:var(--ok)}
.flash-error{border-left-color:var(--err)} .flash-error i{color:var(--err)}
.flash-info{border-left-color:var(--info)} .flash-info i{color:var(--info)}
.flash-x{margin-left:8px;color:var(--t3);font-size:13px;background:none;border:0}

/* ───── BUTTONS ───── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;transition:var(--tr);border:1.5px solid transparent;white-space:nowrap;text-align:center;line-height:1.2}
.btn-sm{padding:9px 16px;font-size:13px}
.btn-lg{padding:15px 28px;font-size:15px}
.btn-full{width:100%}
.btn-primary{background:var(--c-btn-p-bg);color:var(--c-btn-p-tx);box-shadow:var(--sh)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);filter:brightness(1.05)}
.btn-gold{background:var(--c-btn-s-bg);color:var(--c-btn-s-tx);box-shadow:var(--sh-gold)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-outline{background:transparent;color:var(--c-btn-out);border-color:var(--c-btn-out)}
.btn-outline:hover{background:var(--c-btn-out);color:#fff}
.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-w:hover{background:#fff;color:var(--p2)}
.btn-ghost{background:rgba(255,255,255,.18);color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.btn-ghost:hover{background:rgba(255,255,255,.28)}
.btn-light{background:#fff;color:var(--p2);box-shadow:0 2px 6px rgba(0,0,0,.08);border:1.5px solid var(--br)}
.btn-light:hover{background:var(--p5);transform:translateY(-1px)}
.btn-danger{background:var(--err);color:#fff}
.btn-danger:hover{filter:brightness(1.1)}

/* ───── BADGES ───── */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.3px}
.badge-p{background:var(--p5);color:var(--p2)}
.badge-g{background:#fff7ee;color:#c2410c}
.badge-ok{background:#d1fae5;color:#065f46}
.badge-er{background:#fee2e2;color:#991b1b}
.badge-info{background:#EAF2F8;color:#1B3F5E}

/* ───── TOPBAR ───── */
.topbar{background:var(--c-topbar-bg);color:var(--c-topbar-text);font-size:12px;display:none;border-bottom:1px solid rgba(255,255,255,.08)}
.tb-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.tb-l,.tb-r{display:flex;gap:18px;align-items:center}
.tb-l a,.tb-r a{color:var(--c-topbar-link);display:inline-flex;align-items:center;gap:6px}
.tb-l a:hover,.tb-r a:hover{color:#fff}
.tb-sep{opacity:.3}
.tb-st{display:inline-flex;align-items:center;gap:6px;color:var(--c-topbar-link)}
.tb-st i{color:var(--ok);font-size:8px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.tb-r a:not(.tb-st-l){width:26px;height:26px;display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:50%}
.tb-r a:not(.tb-st-l):hover{background:var(--g1);color:#fff}
@media(min-width:1024px){.topbar{display:block}}

/* ───── DESKTOP HEADER ───── */
.hdr{background:var(--c-header-bg);position:sticky;top:0;z-index:90;display:none;box-shadow:0 4px 20px rgba(27,63,94,.18)}
.hdr-row{display:flex;align-items:center;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{position:relative;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--p1);font-weight:900;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.brand-logo-bg{position:absolute;inset:2px;background:#fff;border-radius:10px}
.brand-logo-tx{position:relative;z-index:1;font-family:'Sora',sans-serif;font-size:24px;font-weight:900;color:var(--p1)}
.brand-name{display:flex;flex-direction:column;line-height:1.05}
.brand-n1{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--c-header-text);letter-spacing:-.3px}
.brand-n2{font-size:11px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.5px;margin-top:2px}
.nav{display:flex;gap:2px;align-items:center;flex:1;justify-content:center}
.nv{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;font-weight:600;color:var(--c-header-link);font-size:13.5px;transition:var(--tr);position:relative}
.nv:hover{background:rgba(255,255,255,.15);color:#fff}
.nv.active{background:rgba(255,255,255,.2);color:#fff}
.nv-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:50px;background:var(--g1);color:#fff;letter-spacing:.5px}
.hdr-act{display:flex;gap:8px;align-items:center}
.hdr-cart{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font-size:16px;transition:var(--tr)}
.hdr-cart:hover{background:rgba(255,255,255,.28)}
.hdr-cart-b{position:absolute;top:-4px;right:-4px;background:var(--g1);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--c-header-bg)}
@media(min-width:1024px){.hdr{display:block}}

/* ───── MOBILE HEADER ───── */
.m-hdr{background-color:#234E74;background-image:none;position:sticky;top:0;z-index:90;box-shadow:0 4px 20px rgba(27,63,94,.25);display:block}
.m-hdr-in{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:8px}
.m-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:0;flex:1}
.m-brand-text{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.m-brand-n1{font-family:'Sora',sans-serif;font-weight:800;font-size:17px;color:#fff;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-brand-n2{font-size:10px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.5px;margin-top:2px}
.m-acts{display:flex;align-items:center;gap:7px;flex-shrink:0}
.m-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.18);color:#fff;font-size:15px;transition:var(--tr)}
.m-btn:hover{background:rgba(255,255,255,.28)}
.m-btn-b{position:absolute;top:-3px;right:-3px;background:var(--g1);color:#fff;font-size:9px;font-weight:700;min-width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--p1)}
/* ====== HAMBURGER BUTTON — Ultra Modern v4 ====== */
.m-burger{
    position:relative;
    width:42px;height:42px;
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    border-radius:13px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.08);
    cursor:pointer;
    transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
    overflow:hidden;
}
.m-burger::before{
    content:"";position:absolute;inset:0;border-radius:13px;
    background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 60%);
    opacity:0;transition:opacity .3s ease;pointer-events:none;
}
.m-burger:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.35);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px rgba(0,0,0,.14)}
.m-burger:hover::before{opacity:1}
.m-burger:active{transform:translateY(0) scale(.96)}
.m-burger span{
    display:block;width:20px;height:2px;
    background:#fff;border-radius:2px;
    transform-origin:center;
    transition:transform .45s cubic-bezier(.68,-.4,.27,1.4),opacity .25s ease,width .35s ease;
    box-shadow:0 0 4px rgba(255,255,255,.35);
}
.m-burger span:nth-child(1){width:20px}
.m-burger span:nth-child(2){width:14px;margin-left:6px}
.m-burger span:nth-child(3){width:20px}
.m-burger:hover span:nth-child(2){width:20px;margin-left:0}
.m-burger.active{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.42);transform:rotate(180deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.18)}
.m-burger.active span{width:20px;margin-left:0}
.m-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.m-burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.m-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.m-hdr .brand-logo{width:38px;height:38px;background:#fff}
.m-hdr .brand-logo-bg{inset:2px;background:#fff;border-radius:9px}
.m-hdr .brand-logo-tx{color:var(--p1);font-size:19px}
@media(min-width:1024px){.m-hdr{display:none}}
/* PROMO BANNER (Mavi, balaca - 3-cü şəkildəki kimi) */
.m-promo-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;cursor:pointer;text-decoration:none;background:transparent}
.m-promo-bar--blue{background:linear-gradient(90deg,#234E74 0%,#2E5D87 50%,#1B3F5E 100%);border-radius:14px;margin:6px 10px;padding:6px 10px;box-shadow:0 4px 14px rgba(35,78,116,.35);position:relative;overflow:hidden}
.m-promo-bar--blue::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translateX(-100%);animation:promoShine 3.2s ease-in-out infinite}
@keyframes promoShine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.m-promo-bar .promo-label{background:#fff;color:#234E74;font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.5px;flex-shrink:0;position:relative;z-index:1}
.m-promo-bar .promo-icon{color:#ffffff;font-size:12px;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}
.m-promo-bar .promo-text{color:#fff;font-size:11px;font-weight:700;flex:0 1 auto;text-align:center;position:relative;z-index:1;white-space:nowrap}
.m-promo-bar .promo-price{background:rgba(0,0,0,.22);color:#fff;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:7px;flex-shrink:0;position:relative;z-index:1}
@media(min-width:1024px){.m-promo-bar{display:none}}

/* ═══════════════════════════════════════════════════════════════
   MOBILE DRAWER v3 — Tam Yeni, Ultra Müasir Dizayn
   ═══════════════════════════════════════════════════════════════ */

/* OVERLAY — daha hamar fade + blur */
.vh-overlay{
  position:fixed;inset:0;
  background:radial-gradient(ellipse at left center,rgba(15,23,42,.72) 0%,rgba(0,0,0,.56) 100%);
  backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);
  opacity:0;visibility:hidden;
  transition:opacity .38s ease,visibility .38s ease;
  z-index:200;
}
.vh-overlay.active{opacity:1;visibility:visible}

/* DRAWER CONTAINER — Server/server brand blue (·v3 unified) */
.vh-drawer{
  position:fixed;top:0;left:0;width:320px;max-width:88vw;height:100vh;height:100dvh;
  z-index:210;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,#234E74 0%,#2E5D87 55%,#234E74 100%);
  box-shadow:28px 0 90px rgba(0,40,120,.45),0 0 0 1px rgba(255,255,255,.05);
  transform:translateX(-110%);
  transition:transform .48s cubic-bezier(.22,1,.36,1);
  will-change:transform;
  border-right:1px solid rgba(255,255,255,.1);
}
.vh-drawer.active{transform:translateX(0)}

/* Top accent strip — animated rainbow */
.vh-drawer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#234E74 0%,#2E5D87 33%,#6A9DBF 66%,#234E74 100%);
  background-size:200% 100%;
  animation:vhDrawerStripe 6s linear infinite;
  z-index:10;
}
@keyframes vhDrawerStripe{0%{background-position:0% 0}100%{background-position:200% 0}}

/* Decorative blob behind header */
.vh-drawer::after{
  content:"";position:absolute;top:-80px;right:-60px;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(35,78,116,.16) 0%,rgba(35,78,116,0) 70%);
  pointer-events:none;z-index:1;
}

/* HEAD — server mavisi gündəmliyi (frosted) */
.vh-drawer__head{
  position:relative;z-index:2;
  padding:24px 18px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 100%);
  backdrop-filter:blur(6px);
}
.vh-drawer__brand{display:flex;align-items:center;gap:11px;min-width:0}
.vh-drawer__logo{
  position:relative;width:46px;height:46px;border-radius:14px;
  background:linear-gradient(135deg,#ffffff 0%,#EAF2F8 100%);
  display:grid;place-items:center;flex-shrink:0;
  box-shadow:0 10px 26px rgba(0,28,90,.35),inset 0 1px 0 rgba(255,255,255,.6);
  overflow:hidden;
}
.vh-drawer__logo::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);
  border-radius:14px;
}
.vh-drawer__logo span{position:relative;z-index:2;font-family:'Sora',sans-serif;font-weight:800;font-size:21px;color:#234E74;line-height:1;text-shadow:none}
.vh-drawer__logo-glow{
  display:block;position:absolute;inset:-3px;border-radius:16px;
  background:linear-gradient(135deg,#234E74,#6366f1);
  filter:blur(10px);opacity:.4;z-index:-1;
  animation:vhLogoGlow 3s ease-in-out infinite alternate;
}
@keyframes vhLogoGlow{0%{opacity:.3;transform:scale(.95)}100%{opacity:.55;transform:scale(1.05)}}
.vh-drawer__brand-text{display:flex;flex-direction:column;min-width:0}
.vh-drawer__title{font-family:'Sora',sans-serif;font-weight:800;font-size:17px;color:#ffffff;letter-spacing:-.3px;line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.vh-drawer__sub{font-size:11px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.3px;margin-top:2px}
.vh-drawer__close{
  width:36px;height:36px;border-radius:10px;
  background:rgba(255,255,255,.15);color:#ffffff;
  display:grid;place-items:center;font-size:14px;
  border:1px solid rgba(255,255,255,.2);transition:all .22s ease;cursor:pointer;flex-shrink:0;
}
.vh-drawer__close:hover{background:rgba(255,255,255,.95);border-color:#fff;color:#ef4444;transform:rotate(90deg)}

/* AUTH BUTTONS */
.vh-drawer__auth{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 4px}
.vh-auth-btn{
  position:relative;
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 10px;border-radius:12px;font-weight:700;font-size:13px;
  text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
  border:1.5px solid transparent;
  overflow:hidden;
}
.vh-auth-btn::after{
  content:"";position:absolute;top:0;left:-150%;width:80%;height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);
  transform:skewX(-20deg);transition:left .55s ease;
}
.vh-auth-btn:hover::after{left:150%}
.vh-auth-btn i{font-size:12px;position:relative;z-index:2}
.vh-auth-btn span{position:relative;z-index:2}
.vh-auth-btn--primary{background:linear-gradient(135deg,#ffffff 0%,#f0f6ff 100%);color:#234E74;box-shadow:0 6px 18px rgba(0,28,90,.3),inset 0 1px 0 rgba(255,255,255,.6)}
.vh-auth-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,28,90,.42),inset 0 1px 0 rgba(255,255,255,.7)}
.vh-auth-btn--ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#ffffff}
.vh-auth-btn--ghost:hover{background:rgba(255,255,255,.18);border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,28,90,.25)}

/* Divider label */
.vh-drawer__nav-label{
  padding:10px 16px 4px;
  font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

/* NAV */
.vh-drawer__nav{
  position:relative;z-index:2;flex:1;overflow-y:auto;
  padding:4px 10px 10px;
  display:flex;flex-direction:column;gap:2px;
  scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;
}
.vh-drawer__nav::-webkit-scrollbar{width:3px}
.vh-drawer__nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:4px}

.vh-nav-item{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:11px 13px;border-radius:13px;
  color:rgba(255,255,255,.92);font-weight:600;font-size:13.5px;text-decoration:none;
  border:1.5px solid transparent;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;
  opacity:0;transform:translateX(-12px);
  animation:vhItemIn .42s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(.05s * var(--i,1) + .12s);
  overflow:hidden;
}
.vh-nav-item::before{
  content:"";position:absolute;left:0;top:50%;
  width:3px;height:0;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#ffffff,#C8DAEA);
  transform:translateY(-50%);
  transition:height .3s ease;
}
@keyframes vhItemIn{to{opacity:1;transform:translateX(0)}}

.vh-nav-item:hover{background:rgba(255,255,255,.12);color:#ffffff;border-color:rgba(255,255,255,.18);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.vh-nav-item:hover::before{height:60%}
.vh-nav-item.is-active{
  background:linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 100%);
  color:#ffffff;border-color:rgba(255,255,255,.32);
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.vh-nav-item.is-active::before{height:70%}
.vh-nav-item.is-active .vh-nav-item__icon{
  background:linear-gradient(135deg,#ffffff 0%,#EAF2F8 100%);
  color:#234E74;border-color:transparent;
  box-shadow:0 6px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.6);
  transform:scale(1.05);
}

.vh-nav-item__icon{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;font-size:13.5px;flex-shrink:0;
  background:rgba(255,255,255,.12);color:#ffffff;
  border:1.5px solid rgba(255,255,255,.18);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .35s cubic-bezier(.68,-.4,.27,1.4),box-shadow .25s ease;
}
.vh-nav-item:hover .vh-nav-item__icon{background:rgba(255,255,255,.22);color:#ffffff;border-color:rgba(255,255,255,.32);transform:scale(1.06) rotate(-4deg)}

.vh-nav-item__title{flex:1;letter-spacing:.1px}

.vh-nav-item__badge{
  padding:3px 8px;border-radius:50px;font-size:9px;font-weight:800;
  letter-spacing:.5px;flex-shrink:0;text-transform:uppercase;line-height:1.3;
}
.vh-nav-item__badge--sale{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 2px 8px rgba(249,115,22,.4)}
.vh-nav-item__badge--new{background:linear-gradient(135deg,#234E74,#234E74);color:#fff;box-shadow:0 2px 8px rgba(35,78,116,.4)}

.vh-nav-item__arrow{font-size:9px;color:rgba(255,255,255,.5);transition:all .22s ease;flex-shrink:0}
.vh-nav-item:hover .vh-nav-item__arrow,.vh-nav-item.is-active .vh-nav-item__arrow{color:#ffffff;transform:translateX(2px)}

/* Divider */
.vh-nav-divider{height:1px;background:rgba(255,255,255,.14);margin:6px 4px;}

/* FOOT */
.vh-drawer__foot{
  position:relative;z-index:2;padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;flex-direction:column;gap:6px;
  background:rgba(0,0,0,.1);
}
.vh-foot-item{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;
  color:rgba(255,255,255,.92);font-size:13px;font-weight:600;text-decoration:none;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  transition:all .22s ease;
}
.vh-foot-item i{
  width:28px;height:28px;border-radius:8px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.14);color:#ffffff;font-size:12px;flex-shrink:0;
  border:1px solid rgba(255,255,255,.2);
}
.vh-foot-item:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#ffffff;transform:translateX(2px)}
.vh-foot-item:hover i{background:#234E74;color:#fff}

/* Köhnə class-lar (geriyə uyğunluq üçün gizli) */
.m-overlay,.m-drawer{display:none!important}
.m-grp-bd{padding:2px 8px;border-radius:50px;font-size:9px;font-weight:800;letter-spacing:.5px}
.m-grp-bd-or{background:var(--g1);color:#fff}
.m-grp-bd-bl{background:var(--p1);color:#fff}
.m-grp-bd-pr{background:#a855f7;color:#fff}
.m-grp-bd-gr{background:var(--ok);color:#fff}
.m-foot-l{color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}
.m-foot-l i{color:var(--g4)}

/* ───── HERO ───── */
.hero{background:var(--bg2,#E4EEF6);color:var(--c-hero-title);padding:30px 0 60px;position:relative;overflow:hidden;border-bottom:1px solid var(--br)}
.hero::before{content:none}
.hero::after{content:none}
.hero-slider{position:relative;z-index:2}
.hero-slide{display:none;animation:slideIn .6s}
.hero-slide.active{display:block}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.hero-card{background:#fff;backdrop-filter:none;border:1px solid var(--br);border-radius:24px;padding:30px 24px;box-shadow:var(--sh)}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.hero-tag-or{background:var(--g1);color:#fff;box-shadow:0 4px 12px rgba(255,138,61,.4)}
.hero-tag-w{background:var(--bg2);color:var(--p2);border:1px solid var(--br2)}
.hero h1{font-size:30px;font-weight:800;line-height:1.2;color:var(--c-hero-title);margin-bottom:14px;letter-spacing:-.5px}
.hero h1 .h-acc{color:var(--g4)}
.hero-desc{color:var(--c-hero-text);font-size:15px;line-height:1.6;margin-bottom:24px;opacity:.95}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.hero-dots{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px;margin-left:auto;margin-right:auto;flex-wrap:wrap;width:100%;text-align:center}
.hero-dot{width:10px;height:10px;border-radius:50%;background:var(--br2);cursor:pointer;transition:var(--tr);border:0;padding:0}
.hero-dot.active{background:var(--p1);width:10px;border-radius:50%}
.hero-arrow{width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--p1);display:grid;place-items:center;cursor:pointer;border:1px solid var(--br);transition:var(--tr)}
.hero-arrow:hover{background:var(--p1);color:#fff}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;margin-left:auto;margin-right:auto;padding:22px 16px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px rgba(0,0,0,.06);justify-items:center;text-align:center;width:100%}
.hero-v2 .hero-stats{margin-top:18px;margin-bottom:0}
.hero-v2{padding-bottom:30px}
.dom-srch-in-hero{margin-top:24px!important;margin-bottom:-60px;background:#fff;border-radius:22px;box-shadow:var(--sh-lg);padding:22px 18px;border:1px solid var(--br);position:relative;z-index:6}
.dom-srch-in-hero .dom-srch-h h3{color:var(--p2);text-align:center;font-size:18px;line-height:1.3}
.dom-srch-f-wrap{margin-top:14px}
@media(min-width:768px){.dom-srch-in-hero{padding:28px}}
.hero-stat{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0}
.hero-stat-icon{width:36px;height:36px;border-radius:10px;background:rgba(35,78,116,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#234E74;font-size:15px}
.hero-stat-mid{border-left:1px solid rgba(13,42,102,.1);border-right:1px solid rgba(13,42,102,.1)}
.hero-stat-n{font-family:'Sora',sans-serif;font-size:22px;font-weight:800;color:#0D2035}
.hero-stat-l{font-size:11px;color:rgba(13,32,53,.75);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}
@media(min-width:768px){.hero{padding:50px 0 80px}.hero-card{padding:40px 36px}.hero h1{font-size:42px}.hero-desc{font-size:17px}}
@media(min-width:1024px){.hero h1{font-size:52px}}

/* ───── DOMAIN SEARCH ───── */
.dom-srch{background:#fff;border-radius:24px;box-shadow:var(--sh-lg);padding:24px 20px;margin-top:0;position:relative;z-index:5;border:1px solid var(--br)}
.dom-srch-h{margin-bottom:18px;text-align:center}
.dom-srch-h h3{font-size:18px;color:var(--t1);margin-bottom:6px;line-height:1.3}
.dom-srch-h p{color:var(--t2);font-size:13px;margin:0}
.dom-srch-f{display:flex;gap:6px;align-items:stretch;background:var(--p5);border-radius:16px;padding:6px;flex-wrap:nowrap}
.dom-srch-i{flex:1;min-width:0;border:0;padding:12px 14px;background:transparent;font-size:14px;font-weight:600;color:var(--t1);border-radius:12px}
.dom-srch-i::placeholder{color:var(--t3)}
.dom-srch-s{padding:8px 6px;border:0;background:transparent;font-weight:700;color:var(--p2);cursor:pointer;border-radius:12px;font-size:13px;flex-shrink:0;max-width:80px}
.dom-srch-btn{width:46px;height:46px;background:var(--p1);color:#fff;border-radius:12px;display:grid;place-items:center;font-size:16px;border:0;cursor:pointer;transition:var(--tr);box-shadow:var(--sh);flex-shrink:0}
.dom-srch-btn:hover{background:var(--p2);transform:translateY(-1px)}
.dom-srch-tlds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.dom-srch-tld{background:var(--p5);border-radius:10px;padding:11px 6px;text-align:center;font-size:12px;color:var(--p2);font-weight:700;border:1px solid var(--br);transition:var(--tr);cursor:pointer}
.dom-srch-tld:hover{background:var(--p4);border-color:var(--p3)}
.dom-srch-tld b{display:block;font-family:'Sora',sans-serif;font-size:14px;color:var(--p1);margin-bottom:2px}
.dom-srch-tld small{display:block;font-size:11px;color:var(--t2);font-weight:600}
@media(min-width:768px){.dom-srch{padding:30px}.dom-srch-h h3{font-size:20px}.dom-srch-tlds{grid-template-columns:repeat(6,1fr)}}

/* ───── SECTIONS ───── */
.sec{padding:24px 0}
.sec-h{text-align:center;max-width:700px;margin:0 auto 16px}
.sec-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;background:var(--p5);color:var(--p2);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}
.sec-h h2{font-size:26px;color:var(--c-sec-title);margin-bottom:10px;line-height:1.2}
.sec-h h2 span{color:var(--p1)}
.sec-h p{color:var(--c-sec-text);font-size:15px}
@media(min-width:768px){.sec-h h2{font-size:36px}}

/* ───── GRID ───── */
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}
@media(min-width:600px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

/* ───── CARD ───── */
.card{background:var(--c-card-bg);border-radius:18px;padding:20px;border:1px solid var(--c-card-border);transition:var(--tr)}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.card h3{color:var(--c-card-title);font-size:17px;margin-bottom:10px}
.card p{color:var(--c-card-text);font-size:14px}

/* ───── FEATURE ───── */
.feat{background:var(--c-card-bg);border-radius:18px;padding:22px 18px;border:1px solid var(--c-card-border);transition:var(--tr);text-align:center}
.feat:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--p3)}
.feat-i{width:58px;height:58px;background:var(--grad);border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;margin:0 auto 12px;box-shadow:var(--sh)}
.feat h3{font-size:16px;color:var(--c-card-title);margin-bottom:8px}
.feat p{color:var(--c-card-text);font-size:13px;line-height:1.6}

/* ───── PACKAGE (Birinci şəkildəki kimi: ICON + AD YAN-YANA) ───── */
.pkg{background:#fff;border-radius:20px;padding:22px 20px;border:2px solid var(--br);transition:var(--tr);position:relative}
.pkg:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--p3)}
.pkg.popular{border-color:var(--p1);box-shadow:var(--sh)}
.pkg-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--g1);color:#fff;padding:5px 14px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--sh-gold);white-space:nowrap}

/* YAN-YANA: ikon + paket adı (icon left, name right) */
.pkg-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.pkg-i{width:46px;height:46px;background:var(--p5);border-radius:12px;display:grid;place-items:center;color:var(--p1);font-size:18px;flex-shrink:0;margin-bottom:0}
.pkg.popular .pkg-i{background:var(--grad);color:#fff}
.pkg-n{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--t1);margin-bottom:0;line-height:1.2}
.pkg-d{color:var(--t2);font-size:13px;margin-bottom:14px;margin-top:4px}
.pkg-pr{display:flex;align-items:baseline;gap:6px;padding:14px 0;border-top:1px solid var(--br);border-bottom:1px solid var(--br);margin-bottom:14px;flex-wrap:wrap}
.pkg-pr-n{font-family:'Sora',sans-serif;font-size:30px;font-weight:800;color:var(--p1)}
.pkg-pr-c{color:var(--p1);font-size:18px;font-weight:700}
.pkg-pr-p{color:var(--t2);font-size:12px}
.pkg-pr-old{color:var(--t3);text-decoration:line-through;font-size:13px;margin-left:6px}
.pkg-feat{list-style:none;margin-bottom:18px;padding:0}
.pkg-feat li{padding:7px 0;color:var(--t2);font-size:13px;display:flex;align-items:center;gap:8px}
.pkg-feat i{color:var(--ok);font-size:11px}
.pkg-tag{position:absolute;top:14px;right:14px;background:var(--g1);color:#fff;padding:4px 10px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--sh-gold)}
.pkg-h h3{font-size:18px;color:var(--t1);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.pkg-h p{color:var(--t2);font-size:13px;margin-bottom:14px}
.pkg-price{display:flex;align-items:baseline;gap:4px;padding:14px 0;border-top:1px solid var(--br);border-bottom:1px solid var(--br);margin-bottom:14px;flex-wrap:wrap}
.pkg-price-c{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:var(--p1)}
.pkg-price-n{font-family:'Sora',sans-serif;font-size:30px;font-weight:800;color:var(--p1)}
.pkg-price-p{color:var(--t2);font-size:12px}

/* ───── BNAV (Mobile bottom nav) ───── */
.bnav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;align-items:flex-end;justify-content:space-around;padding:8px 4px;z-index:80;box-shadow:0 -4px 20px rgba(27,63,94,.12);border-top:1px solid var(--br);padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}
.bnav-i{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;color:var(--t3);font-size:10px;font-weight:600;transition:var(--tr);min-width:0}
.bnav-i i{font-size:18px}
.bnav-i.on{color:var(--p1)}
.bnav-i.on i{color:var(--p1)}
.bnav-i.main{position:relative}
.bnav-i.main i{width:54px;height:54px;display:grid;place-items:center;background:var(--grad);color:#fff;border-radius:50%;font-size:22px;box-shadow:0 6px 18px rgba(35,78,116,.4);margin-top:-26px;border:4px solid #fff}
.bnav-i.main span{margin-top:0}
.bnav-b{position:absolute;top:-2px;right:calc(50% - 22px);background:var(--err);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;z-index:2}
@media(min-width:1024px){.bnav{display:none}}
@media(max-width:1023px){.main-wrap{padding-bottom:0}}

/* ───── FAB ───── */
.fab-wa{position:fixed;bottom:90px;right:14px;width:52px;height:52px;border-radius:50%;background:var(--c-wa);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 6px 18px rgba(37,211,102,.4);z-index:70;transition:var(--tr);animation:bounce 2.5s infinite}
.fab-wa:hover{transform:scale(1.1)}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.fab-top{position:fixed;bottom:152px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--p1);display:grid;place-items:center;font-size:14px;box-shadow:var(--sh);z-index:70;opacity:0;visibility:hidden;transition:var(--tr);border:1px solid var(--br)}
.fab-top.show{opacity:1;visibility:visible}
.fab-top:hover{background:var(--p1);color:#fff;transform:translateY(-3px)}
@media(min-width:1024px){.fab-wa{bottom:24px;right:24px}.fab-top{bottom:90px;right:24px}}

/* ───── FOOTER ───── */
.ftr{background:linear-gradient(180deg,var(--c-ftr-from) 0%,var(--c-ftr-to) 100%);color:var(--c-ftr-text);padding-top:0;margin-top:0}
.ftr-top{background:var(--grad);padding:32px 0;margin-top:0;margin-bottom:0;border-radius:0;position:relative;overflow:hidden}
.ftr-top::before{content:'';position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(circle,rgba(255,138,61,.15) 0%,transparent 70%)}
.ftr-cta{display:flex;flex-direction:column;gap:18px;align-items:flex-start;color:#fff;position:relative;z-index:2}
.ftr-cta h3{font-size:20px;color:#fff;margin-bottom:6px;line-height:1.3}
.ftr-cta p{color:rgba(255,255,255,.85);font-size:14px}
.ftr-cta-b{display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:768px){.ftr-cta{flex-direction:row;justify-content:space-between;align-items:center}.ftr-cta h3{font-size:28px}}
.ftr-grid{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:30px}
@media(min-width:600px){.ftr-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}}
@media(min-width:1024px){.ftr-grid{grid-template-columns:repeat(4,1fr);gap:30px}}
.ftr-grid-4{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.ftr-brand-row{padding:16px 0 14px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ftr-brand-row .ftr-desc{margin:6px 0 0;max-width:680px}
.ftr-brand-row .ftr-soc{margin-top:8px}
@media(min-width:768px){.ftr-brand-row{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ftr-brand-row .ftr-desc{flex:1;min-width:240px}}
.ftr-col h4{color:var(--c-ftr-title);font-size:15px;margin-bottom:14px}
.ftr-col ul{list-style:none}
.ftr-col li{padding:5px 0}
.ftr-col a{color:var(--c-ftr-link);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.ftr-col a:hover{color:var(--c-ftr-link-hover)}
.ftr-col a i{font-size:10px;opacity:.6}
.ftr-col .brand .brand-logo{background:var(--grad)}
.ftr-col .brand .brand-logo-bg{background:var(--grad)}
.ftr-col .brand .brand-logo-tx{color:#fff}
.ftr-col .brand-n1{color:#fff}
.ftr-col .brand-n2{color:var(--g4)}
.ftr-desc{color:rgba(255,255,255,.7);font-size:13px;margin:14px 0;line-height:1.7}
.ftr-soc{display:flex;gap:8px}
.ftr-soc a{width:34px;height:34px;background:rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}
.ftr-soc a:hover{background:var(--g1);color:#fff;transform:translateY(-2px)}
.ftr-ct li{display:flex;align-items:flex-start;gap:8px;color:var(--c-ftr-link);font-size:13px;line-height:1.5}
.ftr-ct i{color:var(--g4);margin-top:4px;flex-shrink:0}
.ftr-ct a{color:inherit;display:inline}
.ftr-bot{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.6);text-align:center}
.ftr-pay{display:flex;gap:12px;font-size:24px;color:rgba(255,255,255,.7)}
@media(min-width:768px){.ftr-bot{flex-direction:row;justify-content:space-between;text-align:left}}
.ftr .brand-logo{background:var(--grad)!important}
.ftr .brand-logo-bg{background:var(--grad)!important}
.ftr .brand-logo-tx{color:#fff!important}

/* Footer CTA Strip */
.ftr-cta-strip{background:linear-gradient(135deg,#234E74 0%,#1B3F5E 100%);border-bottom:1px solid rgba(255,255,255,.08);padding:28px 0}
.ftr-cta-inner{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ftr-cta-text{flex:1}
.ftr-cta-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:50px;margin-bottom:10px}
.ftr-cta-text h3{font-size:20px;font-weight:900;color:#fff;margin:0 0 6px;font-family:'Sora',sans-serif}
.ftr-cta-text p{font-size:13px;color:rgba(255,255,255,.7);margin:0}
.ftr-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:768px){.ftr-cta-inner{flex-direction:row;align-items:center;justify-content:space-between}.ftr-cta-text h3{font-size:26px}}

/* Footer brand left */
.ftr-brand-row{display:flex;flex-direction:column;gap:28px;padding:32px 0 24px}
.ftr-brand-left{display:flex;flex-direction:column;gap:0}
@media(min-width:1024px){.ftr-brand-row{flex-direction:row;gap:40px;align-items:flex-start}.ftr-brand-left{min-width:280px;max-width:280px}}

/* Footer stats */
.ftr-stats{display:flex;align-items:center;gap:0;margin:16px 0 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 0;overflow:hidden}
.ftr-stat{flex:1;text-align:center;padding:0 12px}
.ftr-stat-n{display:block;font-size:18px;font-weight:900;color:#fff;font-family:'Sora',sans-serif}
.ftr-stat-l{display:block;font-size:11px;color:rgba(255,255,255,.55);margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.ftr-stat-div{width:1px;background:rgba(255,255,255,.1);align-self:stretch}



/* ───── FORMS ───── */
.fg{margin-bottom:14px}
.fl{display:block;font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px}
.fc{width:100%;padding:11px 14px;background:#fff;border:1.5px solid var(--br);border-radius:11px;font-size:14px;color:var(--t1);transition:var(--tr);font-family:inherit}
.fc:focus{border-color:var(--p1);box-shadow:0 0 0 3px rgba(35,78,116,.1)}
textarea.fc{resize:vertical;min-height:80px}

/* Auth pages */
.auth,.auth-wrap{min-height:60vh;display:grid;place-items:center;padding:30px 14px}
.auth-card{background:#fff;border-radius:20px;padding:28px 22px;max-width:420px;width:100%;box-shadow:var(--sh-lg);border:1px solid var(--br)}
.auth-h{text-align:center;margin-bottom:22px}
.auth-h-i{width:60px;height:60px;background:var(--grad);border-radius:16px;display:grid;place-items:center;color:#fff;font-size:24px;margin:0 auto 14px;box-shadow:var(--sh)}
.auth-h h2{font-size:22px;margin-bottom:6px}
.auth-h p{color:var(--t2);font-size:14px}
.auth-foot{text-align:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--br);font-size:13px;color:var(--t2)}
.auth-foot a{color:var(--p1);font-weight:600}

/* Alerts */
.alert-bn{padding:12px 16px;border-radius:12px;margin-bottom:14px;display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500}
.alert-bn-e{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.alert-bn-s{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
.alert-bn-i{background:var(--p5);color:var(--p2);border:1px solid var(--p4)}

/* Tables - Mobil-uyğun horizontal scroll */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--br);background:#fff}
.tbl{width:100%;border-collapse:collapse;background:#fff;font-size:13px;min-width:560px}
.tbl th,.tbl td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--br);white-space:nowrap}
.tbl th{background:var(--p5);font-weight:700;color:var(--t1);font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.tbl tr:hover{background:var(--p5)}
.tbl-ab{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:#fff;font-size:12px;margin-right:4px;border:0;cursor:pointer;text-decoration:none}
.tbl-ab.del{background:var(--err)}
.tbl-ab.edit,.tbl-ab:not(.del){background:var(--p1)}

/* Helpers */
.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.flex-w{flex-wrap:wrap}
.flex-b{justify-content:space-between}
.text-c{text-align:center}
.text-p{color:var(--p1)}
.mt-10{margin-top:10px} .mt-20{margin-top:20px}
.mb-10{margin-bottom:10px} .mb-20{margin-bottom:20px} .mb-30{margin-bottom:30px}

/* ===== ADMIN PANEL — TAM MOBİL UYĞUN ===== */
.adm-shell{display:flex;min-height:100vh;background:var(--bg);position:relative}
.adm-side{width:260px;background:#fff;border-right:1px solid var(--br);display:flex;flex-direction:column;position:fixed;top:0;left:-280px;height:100vh;height:100dvh;z-index:300;transition:left .3s ease;box-shadow:8px 0 30px rgba(0,0,0,.15);overflow-y:auto}
.adm-side.open{left:0}
@media(min-width:992px){.adm-side{left:0;position:sticky;top:0;box-shadow:none}}
.adm-overlay{position:fixed;inset:0;background:rgba(15,37,71,.5);backdrop-filter:blur(3px);z-index:290;opacity:0;visibility:hidden;transition:.3s}
.adm-overlay.active{opacity:1;visibility:visible}
@media(min-width:992px){.adm-overlay{display:none}}

.adm-logo{padding:16px 14px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px}
.adm-logo .brand-logo{width:40px;height:40px;background:var(--grad);flex-shrink:0}
.adm-logo .brand-logo-tx{color:#fff;font-size:20px}
.adm-logo span{display:flex;flex-direction:column;font-family:'Sora',sans-serif;font-weight:800;color:var(--t1);font-size:15px;line-height:1.2}
.adm-logo small{font-size:10px;color:var(--p1);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.adm-nav{flex:1;overflow-y:auto;padding:10px 8px}
.adm-nav-h{font-size:10px;color:var(--t3);font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:14px 12px 6px}
.adm-l{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--t2);font-weight:600;font-size:13.5px;transition:var(--tr)}
.adm-l:hover{background:var(--p5);color:var(--p2)}
.adm-l.on{background:var(--grad);color:#fff;box-shadow:var(--sh)}
.adm-l i{width:20px;text-align:center;font-size:13px}
.acc-l-er{color:var(--err)!important}
.adm-foot{padding:12px 14px;border-top:1px solid var(--br);display:flex;align-items:center;gap:10px;background:var(--p5)}
.adm-foot-av{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}
.adm-foot-n{font-weight:700;font-size:13px;color:var(--t1);line-height:1.2}
.adm-foot-e{font-size:11px;color:var(--t3);line-height:1.2}

/* Admin mobile header bar */
.adm-mhdr{display:flex;align-items:center;justify-content:space-between;background:var(--grad);padding:10px 14px;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 4px 14px rgba(27,63,94,.2)}
.adm-mhdr .brand-logo{width:36px;height:36px;background:#fff}
.adm-mhdr .brand-logo-tx{color:var(--p1);font-size:18px}
.adm-mhdr-l{display:flex;align-items:center;gap:10px;color:#fff;min-width:0;flex:1}
.adm-mhdr-tit{font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-mhdr-r{display:flex;gap:6px;flex-shrink:0}
.adm-burg{display:inline-grid;place-items:center;width:40px;height:40px;background:rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:16px;border:0;cursor:pointer}
.adm-burg:hover{background:rgba(255,255,255,.28)}
.adm-mhdr-btn{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:14px}
@media(min-width:992px){.adm-mhdr{display:none}}

.adm-main{flex:1;padding:16px 14px;min-width:0;width:100%}
@media(min-width:992px){.adm-main{padding:24px}}

.adm-top{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.adm-top h1{font-size:20px;color:var(--t1);line-height:1.3}
.adm-top p{color:var(--t2);font-size:13px;margin-top:4px}
@media(min-width:768px){.adm-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.adm-top h1{font-size:26px}}

.adm-card{background:#fff;border-radius:14px;padding:16px;border:1px solid var(--br);margin-bottom:16px;overflow:hidden}
@media(min-width:768px){.adm-card{padding:22px}}
.adm-card h3{font-size:15px;margin-bottom:14px;color:var(--t1);display:flex;align-items:center;gap:8px}

.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}
@media(min-width:600px){.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px}}
.stat{background:#fff;border-radius:14px;padding:14px;border:1px solid var(--br);display:flex;align-items:center;gap:10px;min-width:0}
.stat-i{width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:16px;flex-shrink:0}
.stat-i.g{background:var(--grad-g)}
.stat-i.ok{background:var(--ok)}
.stat-i.er{background:var(--err)}
.stat>div:last-child{min-width:0}
.stat-n{font-family:'Sora',sans-serif;font-size:18px;font-weight:800;color:var(--t1);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-l{font-size:10px;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}
@media(min-width:600px){.stat-n{font-size:20px}.stat-l{font-size:11px}}

.adm-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--grad)}
.adm-login-card{background:#fff;border-radius:20px;padding:28px 22px;max-width:420px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.3)}

/* Misc */
.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--t3);background:none;border:0;font-size:14px;cursor:pointer}

/* ───── SVC TABS ───── */
.svc-tabs{background:#fff;border-bottom:1px solid var(--br);position:sticky;top:62px;z-index:60;overflow-x:auto;-webkit-overflow-scrolling:touch}
.svc-tabs-in{display:flex;gap:4px;padding:10px 12px;max-width:1280px;margin:0 auto;min-width:max-content}
.svc-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:50px;font-size:12.5px;font-weight:700;color:var(--t2);background:var(--p5);white-space:nowrap;transition:var(--tr)}
.svc-tab:hover{background:var(--p4);color:var(--p2)}
.svc-tab.on{background:#0D2035!important;color:#fff!important;box-shadow:0 4px 14px rgba(13,32,53,.5)!important;text-shadow:none!important}
.svc-tab.on i,.svc-tab.on svg{color:#fff!important;opacity:1!important}
@media(min-width:1024px){.svc-tabs{top:72px}.svc-tab{padding:10px 16px;font-size:13px}}

/* ───── PG-HERO ───── */
.pg-hero{background:var(--grad);color:#fff;padding:20px 0 36px;position:relative;overflow:hidden}
.pg-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}
.pg-hero-c{position:relative;z-index:2;text-align:center;max-width:760px;margin:0 auto}
.pg-hero-c h1{font-size:24px;color:#fff;margin-bottom:10px;line-height:1.2}
.pg-hero-c p{color:rgba(255,255,255,.92);font-size:13.5px;line-height:1.6}
.pg-bc{display:inline-flex !important;flex-direction:row !important;flex-flow:row nowrap !important;align-items:center !important;gap:6px;margin-top:0;margin-bottom:14px;padding:7px 16px;border-radius:50px;background:rgba(255,255,255,.18);font-size:12px;font-weight:600;color:#fff;flex-wrap:nowrap !important;white-space:nowrap !important;justify-content:center;line-height:1;vertical-align:middle;width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pg-bc *{white-space:nowrap !important;display:inline-flex;align-items:center;flex-shrink:0}
.pg-bc a{color:#fff;display:inline-flex;align-items:center;white-space:nowrap}
.pg-bc a:hover{color:var(--g4)}
.pg-bc i{font-size:9px;flex-shrink:0}
.pg-bc span,.pg-bc b{white-space:nowrap;flex-shrink:0}
@media(min-width:768px){.pg-hero{padding:60px 0 80px}.pg-hero-c h1{font-size:38px}.pg-hero-c p{font-size:16px}}

/* ───── DOMAIN SEARCH FORM (page) ───── */
.dom-srch-c{background:#fff;border-radius:20px;box-shadow:var(--sh-lg);padding:20px 16px;border:1px solid var(--br)}
@media(min-width:768px){.dom-srch-c{padding:30px}}

/* ───── TLD GRID ───── */
.tld-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.tld-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.tld-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.tld-grid{grid-template-columns:repeat(6,1fr)}}
.tld{background:#fff;border-radius:14px;padding:14px;text-align:center;border:1.5px solid var(--br);transition:var(--tr)}
.tld:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--p3)}
.tld-n{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--p1);margin-bottom:4px}
.tld-p{color:var(--t3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}
.tld-pr{font-family:'Sora',sans-serif;font-size:17px;font-weight:800;color:var(--g2)}
.tld-pr small{font-size:11px;color:var(--t3);font-weight:500;margin-left:2px}

/* ───── FT (Feature blocks) ───── */
.ft{background:#fff;border-radius:16px;padding:20px 16px;border:1px solid var(--br);transition:var(--tr);text-align:center}
.ft:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--p3)}
.ft-ico{width:52px;height:52px;background:var(--p5);color:var(--p1);border-radius:14px;display:grid;place-items:center;font-size:20px;margin:0 auto 12px;transition:var(--tr)}
.ft:hover .ft-ico{background:var(--grad);color:#fff}
.ft h3{font-size:15px;color:var(--t1);margin-bottom:6px}
.ft p{color:var(--t2);font-size:13px;line-height:1.6}

.sec-d{background:var(--bg2)}

/* ───── FAQ ───── */
.faq{background:#fff;border-radius:14px;border:1px solid var(--br);margin-bottom:10px;overflow:hidden;transition:var(--tr)}
.faq.open{border-color:var(--p3);box-shadow:var(--sh-sm)}
.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:13.5px;font-weight:700;color:var(--t1);text-align:left;background:none;border:0;cursor:pointer;gap:10px}
.faq-q i{color:var(--p1);transition:transform .25s;flex-shrink:0}
.faq.open .faq-q i{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq.open .faq-a{max-height:500px}
.faq-a-in{padding:0 16px 14px;color:var(--t2);font-size:13px;line-height:1.7}

/* ───── CART ───── */
.cart-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:1024px){.cart-grid{grid-template-columns:1fr 360px}}
.cart-it{background:#fff;border-radius:14px;padding:12px;border:1px solid var(--br);display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.cart-it-i{width:44px;height:44px;background:var(--p5);color:var(--p1);border-radius:12px;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.cart-it-c{flex:1;min-width:140px}
.cart-it-n{font-weight:700;color:var(--t1);margin-bottom:2px;font-size:14px}
.cart-it-d{color:var(--t3);font-size:12px}
.cart-it-p{font-family:'Sora',sans-serif;font-weight:800;color:var(--p1);font-size:16px;flex-shrink:0;white-space:nowrap}
.cart-it-r{width:34px;height:34px;border-radius:9px;background:var(--err);color:#fff;display:grid;place-items:center;cursor:pointer;border:0;flex-shrink:0;font-size:12px;transition:var(--tr)}
.cart-it-r:hover{filter:brightness(1.1);transform:scale(1.06)}
.cart-sum{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--br);position:sticky;top:80px}
.cart-row{display:flex;justify-content:space-between;padding:7px 0;color:var(--t2);font-size:13.5px;gap:10px}
.cart-row.tot{padding:14px 0 6px;border-top:1px solid var(--br);margin-top:8px;font-weight:800;color:var(--t1);font-size:18px}
.cart-empty{text-align:center;padding:40px 18px;background:#fff;border-radius:16px;border:1px solid var(--br)}
.cart-empty i{font-size:50px;color:var(--p3);margin-bottom:14px}

/* ───── ACCOUNT (Hesabım — İkinci şəkildəki kimi mobil) ───── */
.acc-shell{display:grid;grid-template-columns:1fr;gap:16px;padding:16px 0 30px}
@media(min-width:992px){.acc-shell{grid-template-columns:280px 1fr;gap:20px;padding:24px 0 40px}}
.acc-side{background:#fff;border-radius:16px;padding:16px 12px;border:1px solid var(--br)}
.acc-prof{padding:8px 8px 14px;border-bottom:1px solid var(--br);margin-bottom:12px;text-align:center}
.acc-prof-av{width:64px;height:64px;background:var(--p1);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:'Sora',sans-serif;font-size:24px;font-weight:800;margin:0 auto 10px;box-shadow:var(--sh)}
.acc-prof-n{font-weight:800;color:var(--t1);font-size:15px}
.acc-prof-e{color:var(--t3);font-size:12px;margin-top:2px;word-break:break-word}
.acc-bal{margin-top:12px;padding:10px 12px;background:var(--p5);border-radius:10px;font-size:12px;color:var(--t2);text-align:center}
.acc-bal strong{color:var(--p2);font-family:'Sora',sans-serif;font-size:18px;display:block;margin-top:2px}
.acc-nav{display:flex;flex-direction:column;gap:3px}
.acc-l{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:var(--t2);font-weight:600;font-size:13.5px;transition:var(--tr)}
.acc-l:hover{background:var(--p5);color:var(--p2)}
.acc-l.on{background:var(--grad);color:#fff;box-shadow:var(--sh)}
.acc-l i{width:18px;text-align:center}
.acc-main{background:#fff;border-radius:16px;padding:18px 14px;border:1px solid var(--br);min-height:300px;overflow:auto}
@media(min-width:768px){.acc-main{padding:26px}}
.acc-tit{font-size:20px;color:var(--t1);margin-bottom:6px}
.acc-sub{color:var(--t2);font-size:13.5px;margin-bottom:18px}

.req{color:var(--err);font-weight:800}
.fhelp{font-size:11px;color:var(--t3);margin-top:5px;font-style:italic}
.fg input[type=checkbox],.fg input[type=radio]{width:16px;height:16px;accent-color:var(--p1);cursor:pointer;margin-right:6px;vertical-align:middle}
.sec[style*="bg2"]{background:var(--bg2)}

/* ───── Status page ───── */
.st-card{background:#fff;border-radius:14px;padding:14px 16px;border:1px solid var(--br);display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.st-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}
.st-dot.ok{background:var(--ok);box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.st-dot.warn{background:var(--warn);box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.st-dot.er{background:var(--err);box-shadow:0 0 0 4px rgba(239,68,68,.18)}
.st-info{flex:1;min-width:140px}
.st-info h4{font-size:14px;color:var(--t1);margin-bottom:2px}
.st-info p{color:var(--t3);font-size:12px}
.st-val{font-family:'Sora',sans-serif;font-weight:800;color:var(--ok);font-size:14px}

@media print{.m-hdr,.bnav,.fab-wa,.fab-top,.topbar,.hdr,.ftr-top,.m-drawer,.m-overlay,.vh-drawer,.vh-overlay,.adm-mhdr,.adm-side{display:none!important}}

/* ───── ADMIN TABS ───── */
.adm-tabs{display:flex;gap:4px;margin-bottom:18px;flex-wrap:nowrap;background:#fff;padding:6px;border-radius:14px;border:1px solid var(--br);overflow-x:auto;-webkit-overflow-scrolling:touch}
.adm-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;font-size:12.5px;font-weight:700;color:var(--t2);background:transparent;border:0;cursor:pointer;white-space:nowrap;transition:var(--tr);flex-shrink:0}
.adm-tab:hover{background:var(--p5);color:var(--p2)}
.adm-tab.on{background:var(--grad);color:#fff;box-shadow:var(--sh-sm)}
.adm-tab-pn{display:none}
.adm-tab-pn.on{display:block;animation:fade .25s}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ───── COLOR ROWS ───── */
.color-grp{margin-bottom:18px;padding:12px;background:var(--bg2);border-radius:12px}
.color-grp h4{font-size:13px;color:var(--t1);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.color-row{display:grid;grid-template-columns:1fr;gap:6px;padding:8px 0;border-bottom:1px dashed var(--br)}
.color-row:last-child{border-bottom:0}
@media(min-width:600px){.color-row{grid-template-columns:1fr 260px;align-items:center;gap:14px}}
.color-row label{font-size:13px;color:var(--t2);font-weight:600}
.cp-wrap{display:flex;gap:6px;align-items:center}
.cp-wrap input[type=color]{width:42px;height:38px;border:0;background:none;cursor:pointer;padding:0;border-radius:8px;flex-shrink:0}
.cp-wrap input[type=text]{flex:1;min-width:0;padding:9px 10px;border:1.5px solid var(--br);border-radius:8px;font-family:'JetBrains Mono','Courier New',monospace;font-size:12.5px;background:#fff}
.cp-wrap input[type=text]:focus{border-color:var(--p1);outline:none}

/* ───── KÜÇÜK EKRAN İYİLƏŞTİRMƏLƏRİ ───── */
@media(max-width:600px){
    .hero{padding:0 0 30px}
    .hero-card{padding:22px 18px;border-radius:22px}
    .hero h1{font-size:24px;line-height:1.25}
    .hero-desc{font-size:13.5px}
    .hero-stats{gap:8px}
    .hero-stat-n{font-size:18px}
    .hero-stat-l{font-size:9.5px}
    .dom-srch{padding:18px 14px;margin:-30px 10px 0;border-radius:22px}
    .dom-srch-h h3{font-size:16px}
    .dom-srch-tlds{grid-template-columns:repeat(3,1fr);gap:8px}
    .dom-srch-tld{padding:10px 4px}
    .dom-srch-tld b{font-size:13px}
    .dom-srch-tld small{font-size:11px}
    .pg-hero-c h1{font-size:22px}
    .pg-hero-c p{font-size:13px}
    .container{padding:0 12px}
    .sec{padding:18px 0}
    .sec-h h2{font-size:22px}
    .sec-h{margin-bottom:12px}
    .ftr-top{padding:26px 0}
    .ftr{padding-top:0}
    .ftr-cta h3{font-size:18px}
    .acc-tit{font-size:18px}
    .adm-top h1{font-size:18px}
    .pkg{padding:18px 16px}
    .pkg-n{font-size:18px}
    .pkg-i{width:42px;height:42px;font-size:16px}
    .pkg-pr-n{font-size:26px}
    .btn{padding:11px 18px;font-size:13.5px}
    .btn-lg{padding:13px 22px;font-size:14px}
    .auth-card{padding:22px 18px}
    .auth-h h2{font-size:20px}
    .adm-card{padding:14px}
    .adm-card h3{font-size:14px}
    .stat{padding:12px}
    .stat-i{width:38px;height:38px;font-size:14px}
    .stat-n{font-size:16px}
}

/* ───── CONTACT PAGE ───── */
.cnt-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:992px){.cnt-grid{grid-template-columns:1fr 1.4fr;align-items:start}}
.cnt-info{display:flex;flex-direction:column;gap:10px}
.cnt-i{background:#fff;border-radius:14px;padding:14px;border:1px solid var(--br);display:flex;align-items:center;gap:12px;transition:var(--tr)}
.cnt-i:hover{border-color:var(--p3);transform:translateY(-2px);box-shadow:var(--sh-sm)}
.cnt-i-ico{width:44px;height:44px;background:var(--grad);color:#fff;border-radius:12px;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.cnt-i-c{min-width:0;flex:1}
.cnt-i-h{font-size:11px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.cnt-i-d{font-weight:700;color:var(--t1);font-size:14px;word-break:break-word}
.cnt-i-d a{color:var(--p1)}
.cnt-form{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--br);box-shadow:var(--sh-sm)}
@media(min-width:768px){.cnt-form{padding:24px}}
.cnt-form textarea{min-height:140px}

/* ───── PROSE ───── */
.prose h1,.prose h2,.prose h3,.prose h4{margin:18px 0 10px;color:var(--t1)}
.prose h2{font-size:20px;color:var(--p2);padding-bottom:8px;border-bottom:1px solid var(--br)}
.prose h3{font-size:17px;color:var(--p2)}
.prose p{margin:10px 0;color:var(--t2);line-height:1.75}
.prose ul,.prose ol{margin:10px 0 10px 22px;color:var(--t2)}
.prose ul li,.prose ol li{padding:5px 0;line-height:1.6}
.prose a{color:var(--p1);font-weight:600}
.prose a:hover{text-decoration:underline}
.prose blockquote{border-left:4px solid var(--p1);padding:10px 14px;margin:14px 0;background:var(--p5);border-radius:8px;color:var(--t2);font-style:italic}
.prose strong{color:var(--t1);font-weight:700}
.prose code{background:var(--p5);color:var(--p2);padding:2px 6px;border-radius:6px;font-family:'JetBrains Mono','Courier New',monospace;font-size:.9em}

/* ───── BLOG ───── */
.blg{background:#fff;border-radius:16px;border:1px solid var(--br);overflow:hidden;transition:var(--tr);display:flex;flex-direction:column}
.blg:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--p3)}
.blg-img{position:relative;background:var(--grad);height:140px;display:grid;place-items:center;color:rgba(255,255,255,.85);font-size:48px}
.blg-cat{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);color:var(--p2);padding:4px 10px;border-radius:50px;font-size:10.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.blg-c{padding:16px;flex:1;display:flex;flex-direction:column}
.blg-meta{display:flex;gap:14px;font-size:11px;color:var(--t3);margin-bottom:8px;flex-wrap:wrap}
.blg-meta i{margin-right:3px;color:var(--p1)}
.blg h3{font-size:16px;color:var(--t1);margin-bottom:8px;line-height:1.35}
.blg h3 a{color:inherit}
.blg h3 a:hover{color:var(--p1)}
.blg-ex{color:var(--t2);font-size:13px;line-height:1.6;margin-bottom:14px;flex:1}
.blg-r{display:inline-flex;align-items:center;gap:6px;color:var(--p1);font-weight:700;font-size:13px}
.blg-r:hover{gap:10px}

/* ───── İçərik image fix ───── */
.adm-card form .grid{gap:12px}

/* ───── İcon helper for pkg row ───── */
.pkg-row-feat{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.pkg-row-feat-i{display:flex;align-items:center;gap:8px;color:var(--t2);font-size:13px}
.pkg-row-feat-i i{color:var(--ok);font-size:11px;width:14px}

/* ───── Inline form fixes ───── */
.fc[disabled]{background:var(--p5);color:var(--t3);cursor:not-allowed}
select.fc{background-color:#fff}

/* ───── Settings page logo helper ───── */
.adm-logo>span{min-width:0;overflow:hidden}
.adm-logo>span>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ───── ORDER PAGE (sifaris.php) — Səliqəli paket detalları ───── */
.ord-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1100px;margin:0 auto}
@media(min-width:900px){.ord-grid{grid-template-columns:1fr 1fr;gap:20px}}
.ord-pkg{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--br);box-shadow:var(--sh-sm)}
.ord-pkg-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ord-pkg-i{width:50px;height:50px;background:var(--grad);color:#fff;border-radius:14px;display:grid;place-items:center;font-size:20px;flex-shrink:0;box-shadow:var(--sh)}
.ord-pkg-n{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--t1);line-height:1.2}
.ord-pkg-d{color:var(--t2);font-size:12.5px;margin-top:3px}
.ord-pkg-price{display:flex;align-items:baseline;gap:4px;padding:14px 0;border-top:1px solid var(--br);border-bottom:1px solid var(--br);margin-bottom:14px}
.ord-pkg-price-c{color:var(--p1);font-size:18px;font-weight:700}
.ord-pkg-price-n{font-family:'Sora',sans-serif;font-size:32px;font-weight:800;color:var(--p1)}
.ord-pkg-price-p{color:var(--t2);font-size:13px}
.ord-pkg-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ord-spec{background:var(--p5);border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px}
.ord-spec i{color:var(--p1);font-size:15px;width:22px;text-align:center;flex-shrink:0}
.ord-spec span{display:block;font-size:10.5px;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.ord-spec strong{display:block;font-size:13px;color:var(--t1);font-weight:700;line-height:1.2;margin-top:1px;word-break:break-word}
.ord-pkg-feat{margin-top:14px;padding-top:14px;border-top:1px dashed var(--br)}
.ord-pkg-feat-h{font-size:12px;font-weight:700;color:var(--t1);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.ord-pkg-feat ul{list-style:none;padding:0;margin:0}
.ord-pkg-feat li{padding:5px 0;font-size:12.5px;color:var(--t2);display:flex;align-items:center;gap:6px}
.ord-pkg-feat li i{color:var(--ok);font-size:10px}

.ord-form{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--br);box-shadow:var(--sh-sm)}
.ord-bal-bar{display:flex;justify-content:space-between;align-items:center;background:var(--grad);color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px;font-weight:600}
.ord-bal-bar strong{font-family:'Sora',sans-serif;font-size:18px}
.ord-tot{margin:14px 0 0;padding:14px;background:var(--p5);border-radius:12px;border:1px solid var(--p4)}
.ord-tot-r{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--t2)}
.ord-tot-r strong{color:var(--t1)}
.ord-tot-final{padding-top:10px;margin-top:6px;border-top:1px dashed var(--p3);font-weight:800;font-size:16px;color:var(--t1)}
.ord-tot-final span:last-child{color:var(--p1);font-family:'Sora',sans-serif;font-size:20px}

/* Balance card */
.bal-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:linear-gradient(135deg,var(--p5),#fff)}
.bal-amount{font-family:'Sora',sans-serif;font-size:42px;font-weight:800;color:var(--p1);margin:8px 0;line-height:1}
@media(max-width:600px){.bal-amount{font-size:34px}}
.bal-banks{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}
@media(min-width:600px){.bal-banks{grid-template-columns:repeat(3,1fr)}}
.bal-bank{background:linear-gradient(135deg,var(--bank-c,#234E74)08,#fff);border:1.5px solid var(--p4);border-radius:12px;padding:12px}
.bal-bank-h{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
.bal-bank-h i{color:var(--bank-c,#234E74);font-size:16px}
.bal-bank-r{font-size:11.5px;color:var(--t2);margin-top:4px;display:flex;flex-direction:column}
.bal-bank-r span{color:var(--t3);font-weight:600;text-transform:uppercase;font-size:9.5px;letter-spacing:.3px}
.bal-bank-r code{font-family:'Courier New',monospace;font-size:11px;color:var(--t1);word-break:break-all;margin-top:1px}
.bal-bank-r strong{font-size:12px;color:var(--t1)}

/* Order details (admin) */
.ord-info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--br);font-size:13px}
.ord-info-row span{color:var(--t3)}
.ord-info-row strong{color:var(--t1);text-align:right}
.ord-spec-mini{display:flex;align-items:center;gap:10px;background:var(--p5);border-radius:10px;padding:10px}
.ord-spec-mini i{color:var(--p1);font-size:15px;width:22px;text-align:center}
.ord-spec-mini span{display:block;font-size:10px;color:var(--t3);font-weight:600;text-transform:uppercase}
.ord-spec-mini strong{display:block;font-size:12.5px;color:var(--t1);margin-top:1px}

/* Admin sub headings */
.adm-sub{font-size:12px;font-weight:800;color:var(--p2);text-transform:uppercase;letter-spacing:.5px;padding:10px 0 8px;margin-top:10px;border-top:1px dashed var(--br);display:flex;align-items:center;gap:6px}
.req{color:var(--err)}

/* Account titles */
.acc-tit{font-size:22px;color:var(--t1);margin-bottom:4px}
.acc-sub{color:var(--t2);font-size:13.5px;margin-bottom:18px}
.acc-prof{text-align:center;padding:14px 8px;border-bottom:1px solid var(--br);margin-bottom:10px}
.acc-prof-av{width:62px;height:62px;background:var(--grad);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:'Sora',sans-serif;font-weight:800;font-size:24px;margin:0 auto 10px;box-shadow:var(--sh)}
.acc-prof-n{font-weight:700;color:var(--t1);font-size:15px}
.acc-prof-e{font-size:11.5px;color:var(--t3);margin-top:2px;word-break:break-all}
.acc-bal{margin-top:10px;padding:8px 12px;background:var(--p5);border-radius:50px;font-size:12px;color:var(--p2);font-weight:700;display:inline-block}
.acc-bal strong{font-family:'Sora',sans-serif}
.acc-nav{display:flex;flex-direction:column;gap:3px}
.acc-l{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--t2);font-weight:600;font-size:13.5px;transition:var(--tr)}
.acc-l:hover{background:var(--p5);color:var(--p2)}
.acc-l.on{background:var(--grad);color:#fff;box-shadow:var(--sh)}
.acc-l i{width:18px;text-align:center}

/* ===================================================================
   YENİ DÜZƏLİŞLƏR — İstifadəçi tələbinə uyğun (v7)
   1) Hero stats sonrası AĞ FON ilə domen axtarış
   2) Bloq kartı: ICON + KATEQORİYA yan-yana (1-ci şəkil)
   3) Footer 2x2 grid (Xidmətlər | Şirkət / Sənədlər | Əlaqə)
   4) Sifariş səhifəsi paket detalları daha səliqəli
   =================================================================== */

/* Hero v2 — alt boşluğu kiçilt ki, ağ fon section düz arxasına gəlsin */
.hero-v2{padding-bottom:30px}
@media(min-width:768px){.hero-v2{padding-bottom:70px}}

/* AĞ FON SECTİON — domen axtarış (2-ci şəkildəki yaşıl xəttin altı) */
.dom-srch-section{background:var(--bg);padding:16px;position:relative;z-index:5}
@media(min-width:768px){.dom-srch-section{padding:20px}}
/* Full-width hero-stats */
.hero-stats-fw{width:100%;border-radius:0 !important;margin-top:0 !important;border-left:0 !important;border-right:0 !important}
.dom-srch-on-white{background:#fff;border-radius:22px;box-shadow:var(--sh-lg);padding:24px 18px;border:1px solid var(--br);margin-top:-50px;position:relative;z-index:6}
.dom-srch-on-white,.dom-srch-on-white .dom-srch-f,.dom-srch-on-white .dom-srch-i,.dom-srch-on-white .dom-srch-tld{background:#fff!important}
.dom-srch-on-white .dom-srch-f{border:1px solid var(--br)}
.dom-srch-on-white .dom-srch-tld{border:1px solid var(--br)}
@media(min-width:768px){.dom-srch-on-white{padding:32px 28px;margin-top:-70px}}
.dom-srch-on-white .dom-srch-h h3{color:var(--p2);text-align:center;font-size:18px;line-height:1.3;margin-bottom:6px}
@media(min-width:768px){.dom-srch-on-white .dom-srch-h h3{font-size:22px}}

/* BLOQ KART — ICON + KATEQORİYA YAN-YANA (1-ci şəkildəki həll) */
.blog-card{background:#fff;border-radius:18px;padding:14px 14px;border:1px solid var(--br);transition:var(--tr);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--p3)}
.blog-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.blog-card-i{width:54px;height:54px;background:var(--grad);border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px;flex-shrink:0;box-shadow:var(--sh)}
.blog-card-cat{display:inline-flex;align-items:center;padding:6px 14px;border-radius:50px;background:var(--p5);color:var(--p2);font-size:12px;font-weight:800;letter-spacing:.3px}
.blog-card-t{font-family:'Sora','Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;color:var(--t1);line-height:1.3;margin-bottom:10px}
.blog-card-x{color:var(--t2);font-size:13.5px;line-height:1.6;margin-bottom:16px;flex:1}
.blog-card .btn{align-self:flex-start}

/* STATS SECTION */
.stats-sec{background:var(--bg)}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.stat-card{background:#fff;border-radius:20px;padding:22px 18px 20px;border:1px solid var(--br);text-align:center;transition:var(--tr);position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:0;transition:var(--tr)}
.stat-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:var(--p3)}
.stat-card:hover::before{opacity:.04}
.stat-icon{width:52px;height:52px;background:var(--grad);border-radius:14px;display:grid;place-items:center;color:#fff;font-size:20px;margin:0 auto 14px;box-shadow:0 4px 14px rgba(35,78,116,.35)}
.stat-num{font-size:36px;font-weight:800;color:var(--p1);line-height:1;margin-bottom:6px;font-family:'Sora',sans-serif}
.stat-num span{font-size:22px;color:var(--p2);font-weight:700}
.stat-label{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:4px}
.stat-sub{font-size:11.5px;color:var(--t3)}

 — bütün ekran ölçülərində 4 sütun göstərmək (Xidmətlər|Şirkət|Sənədlər|Əlaqə) */
.ftr-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;padding-top:14px;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.15)}
.ftr-grid-4 .ftr-col{min-width:0;overflow:visible}
.ftr-grid-4 .ftr-col h4{color:var(--c-ftr-title);font-size:14px;margin-bottom:8px;padding-bottom:8px;font-weight:800;letter-spacing:.3px;width:100%;display:block;position:relative;border-bottom:none}
.ftr-grid-4 .ftr-col h4::after{content:'';position:absolute;bottom:0;left:0;right:-18px;height:1px;background:rgba(255,255,255,.15)}
@media(min-width:768px){.ftr-grid-4 .ftr-col h4{font-size:15px}}
.ftr-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:0 0 12px 0;width:100%;display:block}
.ftr-grid-4 .ftr-col ul{list-style:none;padding:0;margin:0}
.ftr-grid-4 .ftr-col li{padding:4px 0}
.ftr-grid-4 .ftr-col a{color:var(--c-ftr-link);font-size:12.5px;display:inline-flex;align-items:center;gap:6px;line-height:1.5;word-break:break-word}
@media(min-width:768px){.ftr-grid-4 .ftr-col a{font-size:13px}}
.ftr-grid-4 .ftr-col a:hover{color:var(--c-ftr-link-hover)}
.ftr-grid-4 .ftr-col a i{font-size:9px;opacity:.6;flex-shrink:0}
.ftr-grid-4 .ftr-ct li{display:flex;align-items:flex-start;gap:8px;color:var(--c-ftr-link);font-size:12.5px;line-height:1.5;padding:5px 0}
.ftr-grid-4 .ftr-ct li i{color:var(--g4);margin-top:3px;flex-shrink:0;font-size:11px}
.ftr-grid-4 .ftr-ct li span,.ftr-grid-4 .ftr-ct li a{font-size:12.5px;color:var(--c-ftr-link);word-break:break-word}

/* Sifariş səhifəsi paket detallarını yığcam görüntülə */
.ord-pkg-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ord-spec{background:var(--p5);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid var(--p4)}
.ord-spec i{color:var(--p1);font-size:15px;width:22px;text-align:center;flex-shrink:0}
.ord-spec span{display:block;font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.ord-spec strong{display:block;font-size:13px;color:var(--t1);font-weight:700;line-height:1.2;margin-top:2px;word-break:break-word}
.ord-pkg-feat ul{list-style:none;padding:0;margin:0}
.ord-pkg-feat li{padding:5px 0;font-size:12.5px;color:var(--t2);display:flex;align-items:center;gap:8px}
.ord-pkg-feat li i{color:var(--ok);font-size:10px;flex-shrink:0}

/* Mobile dəqiq düzəlişlər */
@media(max-width:600px){
    .blog-card{padding:18px 16px}
    .blog-card-i{width:48px;height:48px;font-size:18px;border-radius:12px}
    .blog-card-cat{font-size:11px;padding:5px 12px}
    .blog-card-t{font-size:16px}
    .dom-srch-on-white{padding:20px 14px;margin-top:-40px}
    .dom-srch-on-white .dom-srch-h h3{font-size:16px}
    .ftr-grid-4{gap:8px 14px}
    .ftr-grid-4 .ftr-col h4{font-size:13.5px;margin-bottom:10px}
    .ftr-grid-4 .ftr-col h4::after{right:-14px}
    .ftr-grid-4 .ftr-col a,.ftr-grid-4 .ftr-ct li{font-size:12px}
}

/* Hero stats yuxarıdaki kart ilə daha gözəl uyğunluq */
.hero-v2 .hero-stats{margin-top:18px;margin-bottom:0;border-radius:18px;background:#fff!important}

/* 1-ci yer: slider dots/arrows tam ortaya */
.hero-slider .hero-dots{justify-content:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}

/* 2-ci yer: stats arxa fon ağ */
.hero .hero-stats,.hero-v2 .hero-stats,section.hero .hero-stats{background:#ffffff!important}

/* Admin paneldə paket form daha səliqəli */
.adm-card .grid.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:700px){.adm-card .grid.grid-3{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:480px){.adm-card .grid.grid-3{grid-template-columns:1fr}}
.adm-card .grid.grid-2{grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.adm-card .grid.grid-2{grid-template-columns:1fr}}

/* Admin alt başlıqlar */
.adm-sub{font-size:11.5px;font-weight:800;color:var(--p2);text-transform:uppercase;letter-spacing:.5px;padding:12px 0 8px;margin-top:14px;border-top:1px dashed var(--br);display:flex;align-items:center;gap:6px}

/* Çek faylı baxış üçün */
.receipt-img{max-width:100%;max-height:300px;border-radius:8px;border:1px solid var(--br)}

/* ===================================================================
   SON DÜZƏLİŞ — istifadəçi tələbi (v8)
   1) Slider ox düymələri (prev/next) + dots TAM ORTAYA
   2) Hero stats arxa fonu TAM AĞ (şəkil 2-dəki kimi)
   =================================================================== */

/* 1) Hero slider dots + arrows blokunu tam ortaya gətir */
.hero-slider .hero-dots{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    margin:14px auto 0!important;
    padding:0!important;
    text-align:center!important;
    flex-wrap:wrap!important;
}
.hero-slider .hero-dots .hero-arrow,
.hero-slider .hero-dots .hero-dot{
    margin:0!important;
    flex-shrink:0!important;
}

/* 2) Hero stats — arxa fon ağ (mətnlərə toxunmadan) */
.hero .hero-stats,
.hero-v2 .hero-stats,
section.hero .hero-stats,
section.hero.hero-v2 .hero-stats{
    background:#ffffff!important;
    background-color:#ffffff!important;
    border:1px solid rgba(0,0,0,.06)!important;
    box-shadow:0 4px 18px rgba(0,0,0,.06)!important;
}
.hero .hero-stats .hero-stat,
.hero-v2 .hero-stats .hero-stat{
    background:transparent!important;
}

/* ===================================================================
   FİNAL DÜZƏLİŞ — v9
   1) Hero slider dots + prev/next oxları TAM MƏRKƏZƏ
   2) Hero stats arxa fonu TAMAMILƏ AĞ
   =================================================================== */

/* 1) Dots bloku tam mərkəzə — bütün variantlar üçün */
.hero-slider > .hero-dots,
.hero .hero-slider .hero-dots,
.hero-v2 .hero-slider .hero-dots,
section.hero .hero-dots {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* 2) Hero stats — arxa fon sırf ağ, heç bir fon yoxdur */
.hero-stats,
.hero .hero-stats,
.hero-v2 .hero-stats,
section.hero .hero-stats,
section.hero.hero-v2 .hero-stats {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.06) !important;
}
.hero-stat,
.hero .hero-stats .hero-stat,
.hero-v2 .hero-stats .hero-stat {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===================================================================
   v10 — Hero stats arxası ağ + admin DNS/giriş məlumatları stili
   =================================================================== */

/* Hero stats kartının arxasındakı fon ağ */
.hero.hero-v2,
section.hero.hero-v2 {
    background: #ffffff !important;
    background-image: none !important;
}
/* Slider kart açıq mavi fon */
.hero-card {
    background: #E4EEF6 !important;
    border-radius: 18px !important;
}
/* Hero başlıq/yazı rəngini tünd saxla */
.hero-card h1, .hero-card .hero-desc,
.hero-card .hero-tags, .hero-card .hero-btns {
    color: var(--c-hero-title, #0D2035) !important;
}
/* Hero dots/arrows region da ağ fonda görünsün */
.hero-dots .hero-arrow {
    background: rgba(35,78,116,.18) !important;
    color: #234E74 !important;
}
.hero-dots .hero-arrow:hover {
    background: rgba(35,78,116,.30) !important;
}
.hero-dot {
    background: rgba(35,78,116,.25) !important;
}
.hero-dot.active {
    background: #234E74 !important;
}

/* Admin: DNS/giriş məlumatları qutusu */
.ord-creds{background:#f0f7ff;border:1px solid #C8DAEA;border-radius:12px;padding:16px 18px;margin-top:16px}
.ord-creds h4{color:#1B3F5E;font-size:13px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.ord-cred-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:13px}
.ord-cred-row span{color:#2E4A63;min-width:80px;font-weight:600}
.ord-cred-row code{background:#fff;border:1px solid #C8DAEA;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;color:#0D2035;letter-spacing:.3px;word-break:break-all}

/* ===================================================================
   v11 — Hesabım dashboard stat kartlar sütun şəklində + admin ağ ekran fix
   =================================================================== */

/* Dashboard stat kartlar — sütun (1 sütun, hər biri tam eni) */
.stat-grid.stat-grid-col {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
.stat.stat-col {
    padding: 16px 18px !important;
    border-radius: 16px !important;
    justify-content: flex-start !important;
    gap: 16px !important;
}
.stat.stat-col .stat-i {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
    flex-shrink: 0 !important;
}
.stat.stat-col .stat-n {
    font-size: 22px !important;
}
.stat.stat-col .stat-l {
    font-size: 11px !important;
    letter-spacing: .5px !important;
}

/* ft-row: icon + title side by side, description below, 2-col grid */
.ft.ft-row{text-align:left;padding:18px 16px}
.ft.ft-row .ft-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ft.ft-row .ft-ico{margin:0;flex-shrink:0}
.ft.ft-row .ft-top h3{margin-bottom:0;font-size:15px;color:var(--t1)}
.ft.ft-row p{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:0}
.ft.ft-row .ft-count{margin-top:8px;font-size:12px;color:var(--p1);font-weight:700}

/* 2x2 stat grid: Sifariş+Balans bir sırda, Aktiv+Gözləyən bir sırda */
.stat-grid.stat-grid-2x2 {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-bottom: 20px;
}
.stat-grid.stat-grid-2x2 .stat.stat-col {
    padding: 14px 14px !important;
    border-radius: 14px !important;
    gap: 12px !important;
}
.stat-grid.stat-grid-2x2 .stat.stat-col .stat-i {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.stat-grid.stat-grid-2x2 .stat.stat-col .stat-n {
    font-size: 20px !important;
    font-weight: 800 !important;
}
.stat-grid.stat-grid-2x2 .stat.stat-col .stat-l {
    font-size: 10px !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
}

/* Sadə balans mətni */
.acc-bal-simple {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--p2);
}

/* ===== DARK / LIGHT THEME TOGGLE BUTTON ===== */
.hdr-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.12);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .2s;
    flex-shrink: 0;
}
.hdr-theme-btn:hover {
    background: rgba(255,255,255,0.25);
    border-color: rgba(255,255,255,0.5);
    transform: rotate(15deg);
}
.m-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.12);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .2s;
}
.m-theme-btn:hover {
    background: rgba(255,255,255,0.3);
    transform: rotate(15deg);
}

/* ===== DARK / LIGHT MODE — TAM ===== */
[data-theme="dark"] {
    --bg:  #0f1117;
    --bg2: #1a1d27;
    --bg3: #22263a;
    --br:  #2e3248;
    --br2: #3d4466;
    --t1:  #e8ecf4;
    --t2:  #9aa3c0;
    --t3:  #5c6480;
    --t4:  #3a3f58;
    --w:   #1a1d27;
    --p5:  #0D2035;
    --c-card-bg: #1a1d27;
    --c-card-border: #2e3248;
    --c-card-title: #e8ecf4;
    --c-card-text: #9aa3c0;
    --c-sec-bg: #0f1117;
    --c-sec-bg-alt: #1a1d27;
    --sh-sm: 0 2px 8px rgba(0,0,0,.4);
    --sh: 0 8px 24px rgba(0,0,0,.5);
    --sh-lg: 0 14px 40px rgba(0,0,0,.6);
}
[data-theme="dark"] body {
    background: #0f1117;
    color: #e8ecf4;
}
/* Bütün ağ/açıq arxa planlar */
[data-theme="dark"] section,
[data-theme="dark"] .sec,
[data-theme="dark"] .sec.sec-d,
[data-theme="dark"] .dom-srch-section,
[data-theme="dark"] .stats-sec,
[data-theme="dark"] .pg-hero {
    background: #0f1117 !important;
}
[data-theme="dark"] .dom-srch-on-white,
[data-theme="dark"] .dom-srch-on-white .dom-srch-f,
[data-theme="dark"] .dom-srch-on-white .dom-srch-i {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .dom-srch-tld {
    background: #22263a !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .dom-srch-i {
    background: #22263a !important;
    color: #e8ecf4 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .dom-srch-i::placeholder { color: #5c6480; }
/* Kartlar — CSS class ilə */
[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .faq,
[data-theme="dark"] .ord-form {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
/* Kartlar — inline style="background:#fff" */
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background:#FFFFFF"] {
    background: #1a1d27 !important;
}
/* Açıq mavi arxa plan (#EAF2F8, #fef9ec, var(--p5), var(--bg2)) */
[data-theme="dark"] [style*="background:#EAF2F8"],
[data-theme="dark"] [style*="background: #EAF2F8"] {
    background: #1a2545 !important;
}
[data-theme="dark"] [style*="background:#fef9ec"],
[data-theme="dark"] [style*="background: #fef9ec"] {
    background: #2a2010 !important;
}
[data-theme="dark"] [style*="background:var(--p5)"],
[data-theme="dark"] [style*="background: var(--p5)"] {
    background: #0D2035 !important;
}
[data-theme="dark"] [style*="background:var(--bg2)"],
[data-theme="dark"] [style*="background: var(--bg2)"] {
    background: #22263a !important;
}
/* Metn rəngləri */
[data-theme="dark"] [style*="color:var(--t1)"],
[data-theme="dark"] [style*="color: var(--t1)"] { color: #e8ecf4 !important; }
[data-theme="dark"] [style*="color:var(--t2)"],
[data-theme="dark"] [style*="color: var(--t2)"] { color: #9aa3c0 !important; }
[data-theme="dark"] [style*="color:var(--t3)"],
[data-theme="dark"] [style*="color: var(--t3)"] { color: #5c6480 !important; }
/* Kənar xətlər */
[data-theme="dark"] [style*="border:1.5px solid var(--br)"],
[data-theme="dark"] [style*="border:1px solid var(--br)"],
[data-theme="dark"] [style*="border: 1.5px solid var(--br)"],
[data-theme="dark"] [style*="border: 1px solid var(--br)"] {
    border-color: #2e3248 !important;
}
/* Hero stats ağ blok */
[data-theme="dark"] .hero-stats,
[data-theme="dark"] .hero-v2 .hero-stats {
    background: #1a1d27 !important;
}
/* Header */
[data-theme="dark"] .hdr { background: #131729 !important; }
[data-theme="dark"] .m-hdr { background-color: #131729 !important; background-image: none !important; }
/* Servis tabları */
[data-theme="dark"] .svc-tabs { background: #131729 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .svc-tabs-in { background: transparent !important; }
[data-theme="dark"] .svc-tab { background: #22263a !important; color: #c8d0e8 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .svc-tab:hover { background: #2e3450 !important; color: #fff !important; }
[data-theme="dark"] .svc-tab.on { background: #0D2035 !important; color: #fff !important; box-shadow: 0 4px 14px rgba(13,32,53,.6) !important; text-shadow: none !important; }
/* FAQ */
[data-theme="dark"] .faq-q {
    background: #22263a !important;
    color: #e8ecf4 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .faq-a-in {
    background: #1a1d27 !important;
    color: #9aa3c0 !important;
    border-color: #2e3248 !important;
}
/* Admin panel */
[data-theme="dark"] .adm-shell { background: #0f1117 !important; }
[data-theme="dark"] .adm-sidebar { background: #131729 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .adm-content { background: #0f1117 !important; }
[data-theme="dark"] .adm-card { background: #1a1d27 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .adm-top h1, [data-theme="dark"] .adm-top p { color: #e8ecf4 !important; }
[data-theme="dark"] .tbl { background: #1a1d27 !important; }
[data-theme="dark"] .tbl th { background: #22263a !important; color: #e8ecf4 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .tbl td { background: #1a1d27 !important; color: #9aa3c0 !important; border-color: #2e3248 !important; }
[data-theme="dark"] .tbl tbody tr:hover td { background: #22263a !important; }
[data-theme="dark"] input.fc,
[data-theme="dark"] select.fc,
[data-theme="dark"] textarea.fc {
    background: #22263a !important;
    color: #e8ecf4 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] label.fl { color: #9aa3c0 !important; }
[data-theme="dark"] .adm-sub { color: #9aa3c0 !important; }
[data-theme="dark"] .adm-nav-lnk { color: #9aa3c0 !important; }
[data-theme="dark"] .adm-nav-lnk:hover,
[data-theme="dark"] .adm-nav-lnk.on { background: #22263a !important; color: #e8ecf4 !important; }
/* Footer */
[data-theme="dark"] .footer { background: #08090f !important; }
/* Mobil drawer */
[data-theme="dark"] .m-drawer { background: #131729 !important; }
[data-theme="dark"] .m-nv { color: #9aa3c0 !important; }
[data-theme="dark"] .m-nv:hover, [data-theme="dark"] .m-nv.on { background: #22263a !important; color: #e8ecf4 !important; }

/* Dark theme - drawer (v3 · server-mavi unified — dark/light eyni mənhəc) */
[data-theme="dark"] .vh-drawer{background:linear-gradient(180deg,#0D2035 0%,#1B3F5E 55%,#234E74 100%) !important;border-right-color:rgba(255,255,255,.08) !important}
[data-theme="dark"] .vh-drawer::before{background:linear-gradient(90deg,#6A9DBF,#2E5D87,#a5b4fc) !important;opacity:.85}
[data-theme="dark"] .vh-drawer__head{border-bottom-color:rgba(255,255,255,.14) !important;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%) !important}
[data-theme="dark"] .vh-drawer__title{color:#ffffff !important}
[data-theme="dark"] .vh-drawer__sub{color:rgba(255,255,255,.85) !important}
[data-theme="dark"] .vh-drawer__close{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.2) !important;color:#ffffff !important}
[data-theme="dark"] .vh-drawer__close:hover{background:rgba(239,68,68,.85) !important;color:#fff !important}
[data-theme="dark"] .vh-auth-btn--ghost{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.28) !important;color:#ffffff !important}
[data-theme="dark"] .vh-nav-item{color:rgba(255,255,255,.92) !important}
[data-theme="dark"] .vh-nav-item:hover{background:rgba(255,255,255,.12) !important;color:#ffffff !important;border-color:rgba(255,255,255,.18) !important}
[data-theme="dark"] .vh-nav-item.is-active{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.06)) !important;color:#ffffff !important;border-color:rgba(255,255,255,.32) !important}
[data-theme="dark"] .vh-nav-item__icon{background:rgba(255,255,255,.12) !important;color:#ffffff !important;border-color:rgba(255,255,255,.18) !important}
[data-theme="dark"] .vh-nav-divider{background:rgba(255,255,255,.14) !important}
[data-theme="dark"] .vh-drawer__nav-label{color:rgba(255,255,255,.55) !important}
[data-theme="dark"] .vh-drawer__foot{background:rgba(0,0,0,.18) !important;border-top-color:rgba(255,255,255,.14) !important}
[data-theme="dark"] .vh-foot-item{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.14) !important;color:rgba(255,255,255,.92) !important}
[data-theme="dark"] .vh-foot-item i{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.2) !important;color:#ffffff !important}
/* Domen axtarış nəticə */
[data-theme="dark"] #domCheckResult { background: #1a1d27 !important; border-color: #2e3248 !important; color: #e8ecf4 !important; }
/* Kod blokları */
[data-theme="dark"] code { background: #22263a !important; color: #6A9DBF !important; }
[data-theme="dark"] .ord-cred-row code { background: #22263a !important; color: #6A9DBF !important; border-color: #2e3248 !important; }

/* ===== HESABIM MOBILE SIDEBAR FIX ===== */
@media(max-width:991px){
    .acc-shell{gap:0;padding:8px 0 30px}
    .acc-side{
        border-radius:14px 14px 0 0;
        border-bottom:none;
        padding:10px 10px 0;
        position:sticky;top:0;z-index:20;
    }
    .acc-prof{
        display:flex;align-items:center;gap:10px;
        padding:0 2px 8px;text-align:left;border-bottom:1px solid var(--br);
    }
    .acc-prof-av{width:40px;height:40px;font-size:16px;margin:0;flex-shrink:0}
    .acc-prof-n{font-size:13px;margin:0}
    .acc-prof-e{font-size:11px;display:none}
    .acc-bal-simple{font-size:12px;margin-top:1px}
    .acc-nav{
        display:flex;flex-direction:row;
        overflow-x:auto;gap:4px;
        padding:8px 0 10px;
        scrollbar-width:none;-ms-overflow-style:none;
    }
    .acc-nav::-webkit-scrollbar{display:none}
    .acc-l{
        white-space:nowrap;flex-shrink:0;
        padding:8px 13px;font-size:12.5px;border-radius:8px;
        border:1.5px solid var(--br);
    }
    .acc-l.on{border-color:transparent}
    .acc-main{border-radius:0 0 14px 14px;border-top:none;padding:16px 12px}
}

/* ===== PROMO KOD CARD STYLES ===== */
.promo-active-card{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:linear-gradient(135deg,#f0fdf4,#dcfce7);
    border:1.5px solid #86efac;border-radius:14px;
    padding:14px 16px;margin-bottom:16px;flex-wrap:wrap;
}
.promo-ac-l{display:flex;align-items:center;gap:12px}
.promo-ac-ico{
    width:38px;height:38px;border-radius:10px;
    background:linear-gradient(135deg,#16a34a,#15803d);
    display:grid;place-items:center;color:#fff;font-size:15px;flex-shrink:0;
}
.promo-ac-code{
    font-family:'Sora',sans-serif;font-size:16px;font-weight:800;
    color:#15803d;letter-spacing:1px;
}
.promo-ac-info{font-size:12px;color:#16a34a;margin-top:2px}

.promo-empty-card{
    display:flex;align-items:center;gap:12px;
    background:var(--bg2);border:1.5px dashed var(--br);
    border-radius:14px;padding:14px 16px;margin-bottom:16px;flex-wrap:wrap;
}

/* ===== DARK MODE — GENIŞ ===== */
[data-theme="dark"] .acc-side{background:#131729 !important;border-color:#2e3248 !important}
[data-theme="dark"] .acc-main{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .acc-prof{border-color:#2e3248 !important}
[data-theme="dark"] .acc-prof-n{color:#e8ecf4 !important}
[data-theme="dark"] .acc-prof-e{color:#5c6480 !important}
[data-theme="dark"] .acc-bal-simple{color:#6A9DBF !important}
[data-theme="dark"] .acc-l{color:#9aa3c0 !important;border-color:#2e3248 !important}
[data-theme="dark"] .acc-l:hover{background:#22263a !important;color:#e8ecf4 !important}
[data-theme="dark"] .acc-l.on{background:var(--grad) !important;color:#fff !important;border-color:transparent !important}
[data-theme="dark"] .acc-tit{color:#e8ecf4 !important}
[data-theme="dark"] .acc-sub{color:#9aa3c0 !important}

/* Dark mode — stat cards in hesabim */
[data-theme="dark"] .stat.stat-col{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .stat-n{color:#e8ecf4 !important}
[data-theme="dark"] .stat-l{color:#5c6480 !important}

/* Dark mode — login & register card */
[data-theme="dark"] .vp-login-wrap,[data-theme="dark"] .vp-reg-wrap{background:#0f1117 !important}
[data-theme="dark"] .vp-panel-right{background:#0f1117 !important}
[data-theme="dark"] .vp-card{background:#1a1d27 !important;border-color:#2e3248 !important;box-shadow:0 4px 24px rgba(0,0,0,.3)}
[data-theme="dark"] .vp-card-brand,[data-theme="dark"] .vp-card-title{color:#e8ecf4 !important}
[data-theme="dark"] .vp-card-sub,[data-theme="dark"] .vp-card-foot{color:#9aa3c0 !important}
[data-theme="dark"] .vp-label{color:#9aa3c0 !important}
[data-theme="dark"] .vp-input{background:#22263a !important;border-color:#2e3248 !important;color:#e8ecf4 !important}
[data-theme="dark"] .vp-input:focus{background:#2a2f46 !important;border-color:#2E5D87 !important}
[data-theme="dark"] .vp-input::placeholder{color:#2E4A63 !important}
[data-theme="dark"] .vp-input-ico{color:#5c6480 !important}
[data-theme="dark"] .vp-btn-google{background:#22263a !important;border-color:#2e3248 !important;color:#e8ecf4 !important}
[data-theme="dark"] .vp-btn-google:hover{background:#2a2f46 !important}
[data-theme="dark"] .vp-div{color:#2e3248 !important}
[data-theme="dark"] .vp-div::before,[data-theme="dark"] .vp-div::after{background:#2e3248 !important}
[data-theme="dark"] .vp-remember{color:#9aa3c0 !important}
[data-theme="dark"] .vp-forgot{color:#6A9DBF !important}
[data-theme="dark"] .vp-g-loading{border-color:#2e3248 !important;color:#9aa3c0 !important}
[data-theme="dark"] .vp-left-feat-s{color:rgba(255,255,255,.45) !important}
[data-theme="dark"] .vp-step-s{color:rgba(255,255,255,.45) !important}

/* Dark mode — general white backgrounds */
[data-theme="dark"] .card{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .card h3{color:#e8ecf4 !important}
[data-theme="dark"] .bal-card{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .bal-amount{color:#e8ecf4 !important}
[data-theme="dark"] .bal-bank{background:#22263a !important;border-color:#2e3248 !important}
[data-theme="dark"] .bal-bank-h{color:#e8ecf4 !important}
[data-theme="dark"] .bnav{background:#131729 !important;border-color:#2e3248 !important}
[data-theme="dark"] .bnav-i{color:#9aa3c0 !important}
[data-theme="dark"] .bnav-i.on{color:var(--p1) !important}
[data-theme="dark"] .bnav-i.main{background:var(--p1) !important}
[data-theme="dark"] .ord-form{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .ord-form h3{color:#e8ecf4 !important}
[data-theme="dark"] .fg label{color:#9aa3c0 !important}
[data-theme="dark"] .stat-card{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .pkg-h h3,[data-theme="dark"] .pkg-n{color:#e8ecf4 !important}
[data-theme="dark"] .pkg-d{color:#9aa3c0 !important}
[data-theme="dark"] .feat h3{color:#e8ecf4 !important}
[data-theme="dark"] .feat p{color:#9aa3c0 !important}
[data-theme="dark"] .blog-card .card-body h3{color:#e8ecf4 !important}
[data-theme="dark"] .dom-srch-in-hero{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .ord-creds{background:#22263a !important;border-color:#2e3248 !important}
[data-theme="dark"] .promo-active-card{background:linear-gradient(135deg,#0c2016,#0f2a1a) !important;border-color:#16a34a !important}
[data-theme="dark"] .promo-ac-code{color:#4ade80 !important}
[data-theme="dark"] .promo-ac-info{color:#22c55e !important}
[data-theme="dark"] .promo-empty-card{background:#1a1d27 !important;border-color:#2e3248 !important}
[data-theme="dark"] .flash{background:#1a1d27 !important;border-color:#2e3248 !important;color:#e8ecf4 !important}
[data-theme="dark"] .hdr-cart{color:#fff !important}
[data-theme="dark"] .brand-n1,[data-theme="dark"] .brand-n2{color:#fff !important}
[data-theme="dark"] .tb-l a,[data-theme="dark"] .tb-r a,[data-theme="dark"] .tb-st{color:rgba(255,255,255,.8) !important}
[data-theme="dark"] .m-drawer-close{color:#e8ecf4 !important}
[data-theme="dark"] .m-drawer-n1{color:#e8ecf4 !important}
[data-theme="dark"] .m-drawer-n2{color:#9aa3c0 !important}
[data-theme="dark"] .m-auth-b.m-auth-o{background:#22263a !important;color:#e8ecf4 !important}

/* ===== SON SİFARİŞLƏR CARD ===== */
.son-sif-card{
    background:var(--bg);border:1.5px solid var(--br);
    border-radius:14px;overflow:hidden;margin-top:4px;
}
.son-sif-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:13px 16px 12px;border-bottom:1px solid var(--br);
}
.son-sif-title{font-weight:700;font-size:14px;color:var(--t1)}
.son-sif-all{font-size:12px;color:var(--p1);text-decoration:none;font-weight:600}
.son-sif-all:hover{text-decoration:underline}
.son-sif-empty{
    display:flex;align-items:center;gap:10px;
    padding:28px 16px;color:var(--t3);font-size:13px;
}
.son-sif-empty i{font-size:24px;opacity:.4}
.son-sif-tbl{margin:0}
.son-sif-tbl thead tr{background:var(--bg2)}
.son-sif-tbl tbody tr:last-child td{border-bottom:0}

/* ===== CREDS BLOCK (sifarişlər tab) ===== */
.creds-block{
    background:linear-gradient(135deg,#F0F6FA,#EAF2F8);
    border:1.5px solid #6A9DBF;border-radius:12px;padding:14px 16px;
}
.creds-block-h{
    font-weight:700;font-size:13px;color:#1B3F5E;margin-bottom:12px;
    display:flex;align-items:center;gap:6px;
}
.creds-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;
}
.cred-item{
    background:#fff;border:1px solid #C8DAEA;border-radius:8px;padding:8px 10px;
}
.cred-item-wide{grid-column:span 2}
.cred-lbl{font-size:10px;font-weight:700;color:#6A9DBF;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.cred-val{
    font-family:'JetBrains Mono',monospace,sans-serif;font-size:12px;
    color:#1B3F5E;word-break:break-all;display:block;font-weight:600;
}
code.cred-val{background:transparent;padding:0;border:0}

/* ===== PROMO CARD MOBILE FIX ===== */
.promo-active-card,.promo-empty-card{
    overflow:hidden;min-width:0;
}
.promo-ac-code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}

/* ===== DARK MODE — CREDS & SON SİFARİŞ ===== */
[data-theme="dark"] .son-sif-card{background:#1a1d27;border-color:#2e3248}
[data-theme="dark"] .son-sif-head{border-color:#2e3248}
[data-theme="dark"] .son-sif-title{color:#e8ecf4}
[data-theme="dark"] .son-sif-empty{color:#2E4A63}
[data-theme="dark"] .creds-block{background:linear-gradient(135deg,#0f1c3a,#0c1a30);border-color:#1B3F5E}
[data-theme="dark"] .creds-block-h{color:#6A9DBF}
[data-theme="dark"] .cred-item{background:#131729;border-color:#1B3F5E}
[data-theme="dark"] .cred-val{color:#6A9DBF}
[data-theme="dark"] .acc-main{background:#1a1d27;border-color:#2e3248}
[data-theme="dark"] .acc-side{background:#131729;border-color:#2e3248}

/* Mobile fix for cred-item-wide */
@media(max-width:600px){.cred-item-wide{grid-column:span 1}}

/* ===== SEO / ACCESSIBILITY / PERFORMANCE FIXES ===== */
/* Skip link */
.skip-link:focus{position:fixed !important;left:10px !important;top:10px !important;width:auto !important;height:auto !important;padding:10px 16px !important;background:#234E74 !important;color:#fff !important;border-radius:8px !important;z-index:99999 !important;font-weight:700}

/* Accessibility — better color contrast for low-contrast text */
.tb-st,.tb-r a,.tb-l a{color:#ffffff !important}
.m-brand-n2{color:#E4EEF6 !important;font-weight:600}
.hero-stat-l{color:#ffffff !important;opacity:.95}
.dom-srch-tld small{color:#0D2035 !important;font-weight:600}
.ftr-desc,.ftr-col a,.ftr-ct li{color:#E4EEF6 !important}
.ftr-bot{color:#B8CEDD !important}

/* Focus styles for keyboard navigation (a11y) */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
    outline:3px solid #234E74 !important;
    outline-offset:2px !important;
    border-radius:6px;
}

/* mn-input/mn-inbox üçün xarici outline-i söndür (parent .mn-inbox box-shadow göstərir) */
.mn-scope .mn-input:focus,
.mn-scope .mn-input:focus-visible,
.mn-scope .mn-eye:focus,
.mn-scope .mn-eye:focus-visible,
.mn-scope .mn-submit:focus-visible,
.mn-scope .mn-google:focus-visible{
    outline: none !important;
    outline-offset: 0 !important;
}

/* ═══ Autofill (browser "yellow" overlay) — backgroundu ağ saxla ═══ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #0D2035 !important;
    caret-color: #0D2035 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill{
    background-color: #ffffff !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}
/* Dark mode autofill */
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset !important;
    box-shadow: 0 0 0 1000px #1a1a1a inset !important;
    -webkit-text-fill-color: #fafafa !important;
    caret-color: #fafafa !important;
}

/* Touch targets ≥ 44x44 for mobile (Lighthouse a11y) */
@media (max-width:768px){
    .tb-r a,.tb-l a,.ftr-soc a,.nv,.bnav-i,.m-btn,.hdr-cart,.hdr-theme-btn{
        min-height:44px;
        min-width:44px;
    }
    input,textarea,select{font-size:16px !important}
    body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
}

/* Reduce CLS — reserve space for images */
img:not([width]):not([height]){aspect-ratio:attr(width) / attr(height)}
.brand-logo,.vh-drawer__logo{contain:layout style paint}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce){
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}

/* Print styles (SEO bonus) */
@media print{
    .topbar,.m-hdr,.m-promo-bar,.vh-drawer,.vh-overlay,.bnav,.fab-wa,.fab-top,.hdr-act{display:none !important}
    body{background:#fff;color:#000}
    a{color:#000;text-decoration:underline}
}

/* Performance: GPU acceleration for animations */
.hero-slide,.m-promo-bar--blue::before,.flash{will-change:transform,opacity}

/* Content visibility for below-fold sections (Performance boost) */
.stats-sec,#reviews-section,.ftr{content-visibility:auto;contain-intrinsic-size:auto 500px}

/* ===================================================================
   PILL-STYLE SLIDER NAVİQASİYASI — FINAL v2
   =================================================================== */
/* Qeyri-aktiv dot — kiçik dairə */
button.hero-dot,
.hero-dots button.hero-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    max-width: 8px !important;
    border-radius: 50% !important;
    background: rgba(35,78,116,.25) !important;
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
    transition: all .3s ease !important;
    flex-shrink: 0 !important;
}
/* Aktiv dot — pill (uzun, yumru uçlu) */
button.hero-dot.active,
.hero-dots button.hero-dot.active {
    width: 26px !important;
    height: 8px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    min-height: 8px !important;
    border-radius: 99px !important;
    background: #234E74 !important;
}
/* Dots konteyner */
.hero-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}
/* Ox düymələri */
button.hero-arrow,
.hero-dots button.hero-arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    border-radius: 50% !important;
    background: rgba(35,78,116,.10) !important;
    border: 1px solid rgba(35,78,116,.18) !important;
    color: #234E74 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}
button.hero-arrow:hover,
.hero-dots button.hero-arrow:hover {
    background: rgba(35,78,116,.22) !important;
    border-color: rgba(35,78,116,.38) !important;
}

/* ===================================================================
   REDESIGN — Hero Stats + Breadcrumb Nav
   =================================================================== */

/* ── Hero Stats Card ── */
.hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3,1fr) !important;
    gap: 0 !important;
    margin-top: 24px !important;
    padding: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1.5px solid rgba(35,78,116,.12) !important;
    box-shadow: 0 8px 32px rgba(35,78,116,.10), 0 2px 8px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
    width: 100% !important;
}

.hero-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 12px !important;
    position: relative !important;
    background: #fff !important;
    transition: background .2s !important;
}

.hero-stat:hover {
    background: #f5f8ff !important;
}

/* divider lines between stats */
.hero-stat + .hero-stat::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1.5px;
    background: rgba(35,78,116,.12);
}

.hero-stat-mid {
    border-left: none !important;
    border-right: none !important;
}

.hero-stat-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #F0F6FA 0%, #EAF2F8 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 10px !important;
    color: #234E74 !important;
    font-size: 16px !important;
    box-shadow: 0 2px 8px rgba(35,78,116,.15) !important;
}

.hero-stat-n {
    font-family: 'Sora', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0D2035 !important;
    line-height: 1.1 !important;
    letter-spacing: -.3px !important;
}

.hero-stat-l {
    font-size: 10.5px !important;
    color: #6b7fa8 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    margin-top: 4px !important;
    text-align: center !important;
}

@media(max-width:480px) {
    .hero-stats { border-radius: 14px !important; }
    .hero-stat { padding: 14px 6px !important; }
    .hero-stat-icon { width: 32px !important; height: 32px !important; font-size: 13px !important; border-radius: 9px !important; }
    .hero-stat-n { font-size: 17px !important; }
    .hero-stat-l { font-size: 9px !important; }
}

/* ── Breadcrumb Nav (new style) ── */
.pg-bc-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 12.5px;
    font-weight: 600;
    color: rgba(255,255,255,.75);
    flex-wrap: nowrap;
    white-space: nowrap;
}

.pg-bc-nav a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,255,255,.85);
    text-decoration: none;
    transition: color .2s;
}

.pg-bc-nav a:hover {
    color: #fff;
}

.pg-bc-nav a i.fa-house {
    font-size: 11px;
    opacity: .85;
}

.pg-bc-nav i.sep {
    font-size: 8px;
    opacity: .5;
    flex-shrink: 0;
}

.pg-bc-cur {
    color: #fff;
    font-weight: 700;
    background: rgba(255,255,255,.15);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,.2);
}

/* ==========================================================================
   MOBİL OPTİMİZASİYA — TAM (100/100 SKOR)
   ========================================================================== */

/* ── TOUCH & FOCUS STATELƏRİ ── */
:focus-visible{outline:3px solid var(--p1);outline-offset:3px;border-radius:4px}
:focus:not(:focus-visible){outline:none}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}

/* ── EKRAN GENIŞLIYI SIFIRLANMASI ── */
html{overflow-x:hidden}
body{overflow-x:hidden;position:relative}
.container{max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px}

/* ── ŞƏKIL/MEDIA RESPONSIV ── */
img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}
picture{display:block;max-width:100%}

/* ── CƏDVƏL OVERFLOW ── */
.table-responsive,table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-wrap table{min-width:600px}

/* ── KÜÇÜK EKRAN (≤480px) ── */
@media (max-width:480px){
  .container{padding-left:12px;padding-right:12px}

  /* Başlıqlar */
  h1{font-size:24px !important;line-height:1.2}
  h2{font-size:20px !important}
  h3{font-size:17px !important}

  /* Hero section */
  .hero,.hero-v2{padding:0 0 24px !important}
  .hero h1,.hero-v2 h1{font-size:23px !important;line-height:1.22 !important}
  .hero .hero-desc,.hero-v2 .hero-desc{font-size:13.5px !important}
  .hero-card{padding:22px 14px !important;border-radius:18px !important}
  .hero-btns{flex-direction:row;gap:8px;width:100%;flex-wrap:wrap}
  .hero-btns .btn{flex:1;min-width:0;justify-content:center;font-size:13px;padding:10px 12px}

  /* Section heading */
  .sec-h h2{font-size:20px !important}
  .sec-h p{font-size:13px !important}

  /* Kartlar */
  .pkg-card{padding:18px 14px !important;border-radius:16px !important}
  .pkg-price{font-size:28px !important}
  .pkg-name{font-size:14px !important}

  /* Qiymət cədvəli — horizontal scroll */
  .pkg-grid,.grid-2,.grid-3,.grid-4{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  /* Feature kartları */
  .feature-card,.feat-card,.info-card{padding:16px 14px !important}

  /* Sifariş formu */
  .ord-grid{grid-template-columns:1fr !important;gap:14px !important}
  .ord-sum{position:static !important;margin-top:0}

  /* Hesabim sidebar */
  .acc-shell{grid-template-columns:1fr !important}
  .acc-side{border-radius:12px !important}

  /* Domain axtarış */
  .dom-srch{padding:16px 12px !important;border-radius:16px !important}
  .dom-srch-row{flex-direction:column;gap:8px}
  .dom-srch-row input{width:100%;border-radius:12px !important}
  .dom-srch-row button{width:100%;border-radius:12px !important;justify-content:center}

  /* Müştəri rəyləri */
  .rev-card{padding:16px 14px !important}

  /* Blog kartları */
  .blog-card{padding:16px 12px !important}
  .blog-card-t{font-size:15px !important}

  /* Footer */
  .ftr-top{padding:30px 0 !important}
  .ftr-cta{flex-direction:column !important;gap:14px;text-align:center}
  .ftr-cta h3{font-size:20px !important}
  .ftr-grid{grid-template-columns:1fr 1fr !important;gap:20px 16px !important}
  .ftr-bot{font-size:11.5px}

  /* Admin paneli */
  .adm-main{padding:12px !important}
  .adm-card{padding:14px !important;border-radius:14px !important}
  .stat-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}
  .stat-card{padding:14px 10px !important}
  .stat-n{font-size:18px !important}

  /* Cədvəl mobile */
  .tbl-wrap{border-radius:10px !important}

  /* Tab navigasiya */
  .svc-tabs{padding:0 12px}
  .svc-tab{padding:9px 12px !important;font-size:12px !important}
  .adm-tabs{padding:4px;gap:3px}
  .adm-tab{padding:7px 10px !important;font-size:11.5px !important}

  /* Breadcrumb */
  .pg-bc-nav{font-size:11px;flex-wrap:wrap;white-space:normal}

  /* Əlaqə formu */
  .cnt-grid{grid-template-columns:1fr !important}
  .cnt-form{padding:16px 12px !important}

  /* Status səhifəsi */
  .status-grid{grid-template-columns:1fr !important}

  /* SSL paketlər */
  .ssl-grid{grid-template-columns:1fr !important}

  /* Reseller */
  .reseller-grid{grid-template-columns:1fr !important}

  /* Bank rekvizitləri */
  .bank-card{padding:16px 12px !important}

  /* Wizard/Sifariş addımları */
  .wizard-steps{gap:4px;overflow-x:auto;flex-wrap:nowrap}
  .wizard-step{padding:8px 10px !important;font-size:11px !important;flex-shrink:0}

  /* Modal */
  .modal-box,.modal-inner{margin:0 !important;border-radius:16px 16px 0 0 !important;position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important}

  /* Sənbət */
  .sebet-empty{padding:40px 20px !important}
  .cart-item{flex-wrap:wrap;gap:10px}

  /* Qeydiyyat/Giriş */
  .auth-card{padding:20px 14px !important;border-radius:18px !important;margin:0 !important}

  /* Sayı/rəqəm kartları (stats) */
  .hero-stats{padding:10px 6px !important;border-radius:14px !important}
  .hero-stat{padding:10px 8px !important}
  .hero-stat-n{font-size:18px !important}
}

/* ── 360px VƏ ALTINDA (Çox kiçik telefonlar) ── */
@media (max-width:360px){
  .container{padding-left:10px;padding-right:10px}
  h1{font-size:21px !important}
  h2{font-size:18px !important}
  .hero h1,.hero-v2 h1{font-size:21px !important}
  .pkg-price{font-size:25px !important}
  .ftr-grid{grid-template-columns:1fr !important}
  .bnav-item .bnav-label{font-size:9px !important}
  .bnav-item i{font-size:17px !important}
  .stat-grid{grid-template-columns:1fr 1fr !important}
  .btn{padding:10px 16px;font-size:13px}
  .btn-lg{padding:12px 20px;font-size:14px}
}

/* ── LANDSCAPE MOBILE (568px genişlik, 430px hündürlük) ── */
@media (max-width:768px) and (orientation:landscape){
  .hero,.hero-v2{padding:0 0 20px !important}
  .hero h1{font-size:24px !important}
  .bnav{padding-bottom:calc(6px + env(safe-area-inset-bottom, 0))}
}

/* ── TABLET (481-767px) ── */
@media (min-width:481px) and (max-width:767px){
  .pkg-grid,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr) !important;gap:14px !important}
  .grid-2{grid-template-columns:repeat(2,1fr) !important}
  .hero h1{font-size:30px !important}
  .sec-h h2{font-size:26px !important}
  .ftr-grid{grid-template-columns:repeat(2,1fr) !important}
  .ord-grid{grid-template-columns:1fr !important}
}

/* ── INPUT/FORM MOBILE FIX ── */
@media (max-width:767px){
  /* iOS zoom prevention */
  input[type="text"],input[type="email"],input[type="password"],
  input[type="tel"],input[type="url"],input[type="number"],
  input[type="search"],input[type="date"],input[type="time"],
  textarea,select{
    font-size:16px !important;
    border-radius:10px;
    -webkit-appearance:none;
    appearance:none;
  }
  /* Form group spacing */
  .form-group,.inp-group,.input-group{margin-bottom:14px}
  /* Label */
  label,.lbl{font-size:13px;margin-bottom:5px;display:block}
  /* Checkbox/Radio touch target */
  input[type="checkbox"],input[type="radio"]{
    width:20px;height:20px;cursor:pointer;flex-shrink:0
  }
  /* Promo kod */
  .promo-row{flex-direction:column;gap:8px}
  .promo-row input,.promo-row button{width:100% !important;border-radius:10px !important}
}

/* ── BOTTOM NAV İYİLƏŞDİRMƏ ── */
@media (max-width:1023px){
  .bnav{
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0));
    height:auto;
    min-height:62px;
  }
  .bnav-item{
    min-height:52px;
    min-width:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:12px;
    padding:6px 8px;
    position:relative;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  /* main-wrap padding-bottom altıda !important ilə sıfırlanır (bnav fixed-positioned) */
}

/* ── MOBILE HEADER (m-hdr) ── */
@media (max-width:1023px){
  .m-hdr{position:sticky;top:0;z-index:90}
  .m-hdr-row{min-height:56px;display:flex;align-items:center}
  /* Hamburger tap target */
  .m-menu-btn,.m-hdr-cart,.m-hdr-user{
    min-width:44px;min-height:44px;
    display:flex;align-items:center;justify-content:center;
    border-radius:10px;
    touch-action:manipulation;
  }
  /* Drawer nav linkləri */
  .m-nav-a{
    min-height:48px;
    display:flex;align-items:center;gap:12px;
    padding:10px 16px;border-radius:10px;
    font-size:14px;font-weight:600;
  }
}

/* ── HESABIM MOBILE ── */
@media (max-width:767px){
  .acc-main{padding:14px !important;border-radius:14px !important}
  .acc-sec-h{font-size:14px !important}
  .acc-prof-av{width:56px !important;height:56px !important;font-size:20px !important}
  .acc-prof-n{font-size:15px !important}
  .acc-bal{font-size:26px !important}
  /* Sifariş kartları */
  .acc-ord-card{padding:14px !important}
  .acc-ord-top{flex-wrap:wrap;gap:8px}
}

/* ── OVERFLOW DÜZƏLTMƏ ── */
@media (max-width:767px){
  /* Yatay kaydırma önlə */
  .sec-h,.pg-hero-c,.hero-c,.ftr-top,.ftr-bot-row{
    max-width:100%;overflow:hidden
  }
  /* Uzun linkləri kəs */
  .ftr-ct a,.ftr-col a{
    word-break:break-all;overflow-wrap:anywhere
  }
  /* Flex row → column */
  .ftr-bot{flex-direction:column;gap:12px;text-align:center}
  /* Promo bar */
  .m-promo-bar{font-size:12px;padding:8px 12px;line-height:1.4}
  /* Flash mesaj */
  .flash{max-width:calc(100vw - 24px);left:12px;right:12px;transform:none;top:12px}
}

/* ── ƏLYETƏR (Accessibility) ── */
.skip-link:focus{
  position:fixed !important;left:10px !important;top:10px !important;
  width:auto !important;height:auto !important;
  padding:10px 18px !important;
  background:var(--p1) !important;color:#fff !important;
  border-radius:8px !important;z-index:99999 !important;
  font-weight:700 !important;font-size:14px !important;
}

/* ── DARK MODE (prefers-color-scheme) ── */
@media (prefers-color-scheme:dark){
  .bnav{background:#0D2035;border-top-color:#0D2035}
  .m-hdr{background:#0D2035}
}

/* ── YÜKSƏK KONTRASt ── */
@media (prefers-contrast:high){
  .btn-primary{border:2px solid #000}
  .pkg-card{border-width:2px}
}

/* ── CSS VERSİYA NÖMRƏSI (cache bust üçün) ── */
/* style.css v6 — Mobile 100/100, SEO 100/100, Security 100/100 */

/* ── DOMAIN SEARCH — SOL/SAĞ KƏNAR DÜZƏLİŞİ (Image 2 fix) ── */
@media (max-width:767px){
  .dom-srch-section .container{padding-left:16px;padding-right:16px}
  .dom-srch-on-white{margin-left:12px !important;margin-right:12px !important;border-radius:18px;padding:18px 14px !important}
  .dom-srch-section{padding:16px}
}

/* ── MÜŞTƏRİ SAYTLARI (Client Sites Section) ── */
.client-sites-grid{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.client-site-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 18px;
    border-radius:14px;
    border:1.5px solid var(--br);
    background:#fff;
    transition:var(--tr);
    text-decoration:none;
    color:inherit;
}
.client-site-item:hover{
    border-color:var(--p1);
    box-shadow:var(--sh-sm);
    transform:translateY(-1px);
    background:var(--p5);
}
.csi-logo{
    width:42px;height:42px;
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:800;font-size:14px;
    flex-shrink:0;letter-spacing:.5px;
}
.csi-info{flex:1;min-width:0}
.csi-name{font-weight:700;font-size:14px;color:var(--t1);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csi-cat{font-size:12px;color:var(--t3);margin-top:2px}
.csi-status{
    display:flex;align-items:center;gap:6px;
    font-size:11.5px;font-weight:700;color:#10b981;
    white-space:nowrap;flex-shrink:0;
    background:#d1fae5;padding:4px 10px;border-radius:20px;
}
.csi-dot{
    width:7px;height:7px;border-radius:50%;
    background:#10b981;flex-shrink:0;
    animation:pulse 2s infinite;
}
@media(min-width:600px){
    .client-sites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
}
@media(min-width:900px){
    .client-sites-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── HERO KART TAM EKRAN (Mobil) ── */
@media(max-width:767px){
  .hero .container{padding-left:12px !important;padding-right:12px !important}
  .hero-card{padding:20px 16px !important;border-radius:16px !important}
}
@media(max-width:480px){
  .hero .container{padding-left:10px !important;padding-right:10px !important}
  .hero-card{padding:18px 14px !important;border-radius:14px !important}
}

/* ── HERO ÜSTDƏ / ALTDA BOŞLUQ SİFIR ── */
@media(max-width:767px){
  .hero.hero-v2,section.hero.hero-v2{padding-top:0 !important}
  .hero-slider{margin-top:0 !important}
  .hero-card{margin-top:0 !important}
}

/* ============================================================
   v7 — UI/UX TIGHTENING (Şəkillər: 4,5,6,7 boşluq fix-i)
   Hədəf: bütün şaquli boşluqları minimuma endirmək,
          stats bölməsini bütöv blok kimi göstərmək,
          domen bloku üçün düzgün kənar boşluqlar.
   ============================================================ */

/* — Section padding-lərini azalt (bütün ekran ölçüləri üçün) — */
.sec{padding:18px 0 !important}
@media(min-width:768px){.sec{padding:28px 0 !important}}
.sec-h{margin-bottom:14px !important}
@media(min-width:768px){.sec-h{margin-bottom:20px !important}}

/* — Hero-v2 alt boşluğu kəs — */
.hero.hero-v2,section.hero.hero-v2{padding-bottom:0 !important}
@media(min-width:768px){.hero.hero-v2,section.hero.hero-v2{padding-bottom:0 !important}}

/* — Domen axtarış bölməsi: yan kənarlarda boşluq, daxili tam genişlik — */
.dom-srch-section{padding:0 !important;background:var(--bg)}
@media(min-width:768px){.dom-srch-section{padding:0 !important}}
.dom-srch-on-white{
  margin-top:-30px !important;
  margin-left:12px !important;
  margin-right:12px !important;
  padding:18px 14px !important;
  border-radius:18px !important;
}
@media(min-width:768px){
  .dom-srch-on-white{margin-top:-50px !important;padding:26px 22px !important;border-radius:22px !important}
}
.dom-srch-on-white .dom-srch-f{padding:5px !important;border-radius:14px !important}
.dom-srch-on-white .dom-srch-tlds{margin-top:12px !important;gap:8px !important}

/* — Hero-stats side gaps — */
@media(max-width:767px){
  .hero-stats.hero-stats-v2{margin-left:0 !important;margin-right:0 !important;width:100% !important;box-sizing:border-box !important;}
}

/* — Stats bölməsi: vahid blok kimi — heç bir vizual sütun ayrılığı yoxdur — */
.stats-sec{padding:18px 0 !important}
@media(min-width:768px){.stats-sec{padding:30px 0 !important}}
.stats-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  background:#fff !important;
  border:1px solid var(--br) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:var(--sh-sm) !important;
}
.stats-grid .stat-card{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:18px 10px !important;
  background:transparent !important;
  position:relative;
}
.stats-grid .stat-card + .stat-card{
  border-left:1px solid var(--br) !important;
}
.stats-grid .stat-card:hover{transform:none !important;box-shadow:none !important;background:rgba(35,78,116,.03) !important}
@media (max-width:767px){
  .stats-grid{grid-template-columns:repeat(2,1fr) !important}
  .stats-grid .stat-card{padding:16px 8px !important}
  .stats-grid .stat-card:nth-child(2){border-left:1px solid var(--br) !important}
  .stats-grid .stat-card:nth-child(3),
  .stats-grid .stat-card:nth-child(4){border-top:1px solid var(--br) !important}
  .stats-grid .stat-card:nth-child(3){border-left:0 !important}
}
@media (max-width:480px){
  .stats-grid .stat-icon{width:42px;height:42px;font-size:16px;margin:0 auto 8px !important}
  .stats-grid .stat-num{font-size:26px !important}
  .stats-grid .stat-num span{font-size:18px !important}
  .stats-grid .stat-label{font-size:12.5px !important}
  .stats-grid .stat-sub{font-size:10.5px !important}
}

/* — Müştəri saytları: boş yer (white space) silinir — */
section.sec[style*="padding:40px 0 48px"],
section.sec[style*="background:#fff"]{padding:18px 0 24px !important}
@media(min-width:768px){
  section.sec[style*="padding:40px 0 48px"],
  section.sec[style*="background:#fff"]{padding:28px 0 32px !important}
}
.client-sites-grid{gap:8px !important;margin-bottom:0 !important}
.client-site-item{padding:12px 14px !important}

/* — Reviews bölməsindən sonrakı boşluq (Rəy yaz düyməsi ilə footer arası) — */
#reviews-section{padding:18px 0 8px !important}
@media(min-width:768px){#reviews-section{padding:28px 0 14px !important}}
#reviews-section + *{margin-top:0 !important}

/* — Footer öncəki boşluq sıfırla — */
.az-ftr{margin-top:0 !important;padding-top:28px !important}
@media(min-width:768px){.az-ftr{padding-top:36px !important}}

/* — Features grid yığcamlaşdır — */
.sec [style*="grid-template-columns:1fr 1fr"][style*="gap:10px"]{gap:8px !important}

/* — Hero stats card daxili padding kiçilt — */
.hero-stats{padding:16px 12px !important}
@media(min-width:768px){.hero-stats{padding:20px 16px !important}}

/* — Promo bar margin azalt (mobil banner) — */
.m-promo-bar--blue{margin:4px 10px !important}

/* — Sec-h paragraf gizlə / kiçilt mobile-da (boşluq azaltmaq) — */
@media(max-width:600px){
  .sec-h p{font-size:13px !important;margin-bottom:0 !important;line-height:1.5 !important}
  .sec-h h2{font-size:20px !important;margin-bottom:6px !important}
}

/* — Bütün section-lar arası ardıcıl boşluqları sıfırla — */
section + section{margin-top:0 !important}

/* — main-wrap alt boşluq: əvvəl 62px boşluq var idi, indi sıfırla — */
/* Bottom-nav fixed-positioned olduğu üçün özü overlap edir, reviews-section və footer əlavə scroll təmin edir */
.main-wrap{padding-bottom:0 !important}
@media(max-width:1023px){.main-wrap{padding-bottom:0 !important}}
@media(max-width:767px){.main-wrap{padding-bottom:0 !important}}

/* — main-wrap ilə reviews-section arasındakı boşluğu sıfırla — */
.main-wrap + section,
main.main-wrap + section{margin-top:0 !important}

/* — Hosting paketləri grid daxili gap az — */
.sec [style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{gap:10px !important}

/* ============================================================
   HAQQIMIZDA — Tam yenidən dizayn (mobile-first, gözəl)
   ============================================================ */
.haqq-wrap{padding:18px 0 24px}
@media(min-width:768px){.haqq-wrap{padding:32px 0 40px}}

/* — Stats grid: 2x2 mobil, 4x1 desktop — */
.haqq-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:0 0 22px;
}
@media(min-width:768px){.haqq-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}}
.haqq-stat{
  background:#fff;
  border:1px solid var(--br);
  border-radius:16px;
  padding:16px 12px;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:var(--tr);
}
.haqq-stat::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(35,78,116,.04) 0%,transparent 60%);
  pointer-events:none;
}
.haqq-stat:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--p3)}
.haqq-stat-ico{
  width:42px;height:42px;
  border-radius:12px;
  background:var(--p5);
  color:var(--p1);
  display:grid;place-items:center;
  margin:0 auto 8px;
  font-size:18px;
  position:relative;z-index:1;
}
.haqq-stat.haqq-stat-or .haqq-stat-ico{background:rgba(255,138,61,.12);color:var(--g2)}
.haqq-stat-n{
  font-family:'Sora',sans-serif;
  font-size:24px;font-weight:800;
  color:var(--p2);
  line-height:1.1;
  position:relative;z-index:1;
}
.haqq-stat.haqq-stat-or .haqq-stat-n{color:var(--g2)}
.haqq-stat-l{
  font-size:11px;
  color:var(--t3);
  margin-top:4px;
  font-weight:600;
  letter-spacing:.2px;
  position:relative;z-index:1;
}
@media(min-width:768px){
  .haqq-stat{padding:22px 16px}
  .haqq-stat-ico{width:52px;height:52px;font-size:22px;border-radius:14px;margin-bottom:10px}
  .haqq-stat-n{font-size:32px}
  .haqq-stat-l{font-size:13px}
}

/* — Intro card (şirkət təsviri) — */
.haqq-intro{
  background:#fff;
  border:1px solid var(--br);
  border-radius:18px;
  padding:20px 18px;
  margin-bottom:18px;
  position:relative;
  overflow:hidden;
}
.haqq-intro::before{
  content:'';
  position:absolute;
  top:-40px;right:-40px;
  width:140px;height:140px;
  background:radial-gradient(circle,rgba(35,78,116,.08) 0%,transparent 70%);
  border-radius:50%;
  pointer-events:none;
}
.haqq-intro-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--p5);
  color:var(--p2);
  padding:6px 12px;
  border-radius:50px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:10px;
  position:relative;z-index:1;
}
.haqq-intro h2{
  font-size:20px;
  color:var(--t1);
  margin-bottom:10px;
  line-height:1.3;
  position:relative;z-index:1;
}
.haqq-intro p{
  font-size:14px;
  color:var(--t2);
  line-height:1.7;
  position:relative;z-index:1;
}
.haqq-intro p + p{margin-top:10px}
.haqq-intro strong{color:var(--p2);font-weight:800}
@media(min-width:768px){
  .haqq-intro{padding:32px 28px;margin-bottom:24px}
  .haqq-intro h2{font-size:26px}
  .haqq-intro p{font-size:15px}
}

/* — Bölmə (Missiya/Vizyon) kart cütlüyü — */
.haqq-mv{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:18px;
}
@media(min-width:600px){.haqq-mv{grid-template-columns:1fr 1fr;gap:14px}}
@media(min-width:768px){.haqq-mv{margin-bottom:24px}}
.haqq-mv-card{
  background:#fff;
  border:1px solid var(--br);
  border-radius:16px;
  padding:18px 16px;
  position:relative;
  overflow:hidden;
  transition:var(--tr);
}
.haqq-mv-card:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--p3)}
.haqq-mv-card-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:10px;
}
.haqq-mv-ico{
  width:40px;height:40px;
  border-radius:11px;
  background:var(--grad);
  color:#fff;
  display:grid;place-items:center;
  font-size:17px;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(35,78,116,.25);
}
.haqq-mv-card.haqq-mv-or .haqq-mv-ico{
  background:var(--grad-g);
  box-shadow:0 4px 12px rgba(255,138,61,.28);
}
.haqq-mv-card h3{
  font-size:15px;
  color:var(--t1);
  margin:0;
  line-height:1.25;
}
.haqq-mv-card p{
  font-size:13px;
  color:var(--t2);
  line-height:1.65;
  margin:0;
}
@media(min-width:768px){
  .haqq-mv-card{padding:24px 20px}
  .haqq-mv-ico{width:48px;height:48px;font-size:20px;border-radius:13px}
  .haqq-mv-card h3{font-size:17px}
  .haqq-mv-card p{font-size:14px;line-height:1.7}
}

/* — "Niyə VipHost?" feature list — */
.haqq-why{
  background:#fff;
  border:1px solid var(--br);
  border-radius:18px;
  padding:20px 18px;
  margin-bottom:18px;
}
.haqq-why-h{
  text-align:center;
  margin-bottom:18px;
}
.haqq-why-h .sec-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--p5);
  color:var(--p2);
  padding:6px 12px;
  border-radius:50px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.haqq-why-h h2{
  font-size:22px;
  color:var(--t1);
  line-height:1.25;
  margin-bottom:6px;
}
.haqq-why-h h2 span{color:var(--p1)}
.haqq-why-h p{
  font-size:13px;
  color:var(--t3);
  line-height:1.6;
}
.haqq-feat-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media(min-width:600px){.haqq-feat-list{grid-template-columns:1fr 1fr;gap:12px}}
.haqq-feat{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 12px;
  background:var(--bg);
  border:1px solid var(--br);
  border-radius:13px;
  transition:var(--tr);
}
.haqq-feat:hover{background:var(--p5);border-color:var(--p3);transform:translateX(2px)}
.haqq-feat-ico{
  width:36px;height:36px;
  border-radius:10px;
  background:#fff;
  color:var(--p1);
  display:grid;place-items:center;
  font-size:15px;
  flex-shrink:0;
  border:1.5px solid var(--p4);
  transition:var(--tr);
}
.haqq-feat:hover .haqq-feat-ico{
  background:var(--grad);
  color:#fff;
  border-color:transparent;
}
.haqq-feat-body{flex:1;min-width:0}
.haqq-feat-body strong{
  display:block;
  font-size:14px;
  color:var(--t1);
  font-weight:800;
  margin-bottom:2px;
  line-height:1.3;
}
.haqq-feat-body span{
  font-size:12px;
  color:var(--t2);
  line-height:1.5;
  display:block;
}
@media(min-width:768px){
  .haqq-why{padding:32px 28px;margin-bottom:24px}
  .haqq-why-h h2{font-size:28px}
  .haqq-why-h p{font-size:14px}
  .haqq-feat{padding:16px 14px;gap:14px}
  .haqq-feat-ico{width:42px;height:42px;font-size:17px;border-radius:11px}
  .haqq-feat-body strong{font-size:15px}
  .haqq-feat-body span{font-size:13px}
}

/* — CTA bottom — */
.haqq-cta{
  background:var(--grad);
  border-radius:18px;
  padding:22px 18px;
  text-align:center;
  color:#fff;
  position:relative;
  overflow:hidden;
  margin-bottom:8px;
}
.haqq-cta::before{
  content:'';
  position:absolute;
  top:-60px;right:-60px;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);
  border-radius:50%;
}
.haqq-cta::after{
  content:'';
  position:absolute;
  bottom:-80px;left:-80px;
  width:220px;height:220px;
  background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);
  border-radius:50%;
}
.haqq-cta h2{
  font-size:20px;
  color:#fff;
  margin-bottom:8px;
  line-height:1.3;
  position:relative;z-index:1;
}
.haqq-cta p{
  font-size:13px;
  color:rgba(255,255,255,.9);
  line-height:1.6;
  margin-bottom:14px;
  position:relative;z-index:1;
}
.haqq-cta-btns{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  position:relative;z-index:1;
}
.haqq-cta-btns .btn{font-size:13px;padding:11px 18px}
@media(min-width:768px){
  .haqq-cta{padding:36px 32px}
  .haqq-cta h2{font-size:26px}
  .haqq-cta p{font-size:15px;margin-bottom:18px}
  .haqq-cta-btns .btn{font-size:14px;padding:12px 22px}
}

/* === END v7 UI tightening === */

/* ============================================================
   v8 — Səhifə boşluqlarını sıxlaşdırma (user düzəliş 2026-05)
   pg-hero alt boşluqlarını, breadcrumb sonrası boşluqları
   və section-section arası boşluqları aradan qaldırır.
   ============================================================ */
.pg-hero{padding:18px 0 22px!important}
@media(min-width:768px){.pg-hero{padding:42px 0 50px!important}}
.pg-hero-c .pg-bc-nav{margin-bottom:10px!important}
.pg-hero-c h1{margin-bottom:8px!important}
.pg-hero-c p{margin-bottom:0!important}
.pg-hero-c .pg-bc{margin-bottom:10px!important}

/* svc-tabs altında səhifə hero-ya keçəndə boşluq olmasın */
.svc-tabs + .pg-hero{margin-top:0!important}
.svc-tabs + section.pg-hero{margin-top:0!important}

/* pg-hero-dan sonrakı ilk section üçün üst boşluq azalsın */
.pg-hero + .sec,
.pg-hero + section.sec{padding-top:18px!important}
@media(min-width:768px){
  .pg-hero + .sec,
  .pg-hero + section.sec{padding-top:28px!important}
}

/* Breadcrumb (Ana səhifə > X) və başlıq arasındakı boşluq */
.pg-bc-nav{margin:0 auto 10px!important;padding:6px 14px!important}

/* === PERFORMANCE: content-visibility for off-screen sections (CLS/LCP boost) === */
@media(min-width:768px){
  .sec:not(:first-of-type),.ftr{content-visibility:auto;contain-intrinsic-size:0 500px}
}
/* === SEO: external links safety === */
a[target="_blank"]:not([rel]){rel:noopener}

/* ── HERO STATS SOL/SAĞ BƏRABƏR BOŞLUQ DÜZƏLİŞİ ──
   width:100% + margin-left/right:12px birlikdə overflow edir,
   sağ tərəf section overflow:hidden ilə kəsilirdi.
   Həll: width-i 24px azaldırıq ki, sol və sağ 12px bərabər olsun. */
.hero .hero-stats.hero-stats-v2,
.hero-v2 .hero-stats.hero-stats-v2,
section.hero .hero-stats.hero-stats-v2,
section.hero.hero-v2 .hero-stats.hero-stats-v2 {
    width: calc(100% - 24px) !important;
    box-sizing: border-box !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
}

/* ============================================================== */
/* HOSTINQ.AZ STYLE DARK HAMBURGER DRAWER OVERRIDE                  */
/* (override of .vh-drawer + child classes — dark theme + BLUE)     */
/* ============================================================== */
.vh-drawer{
  background:linear-gradient(180deg,#0f1620 0%,#141c2a 100%) !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
  box-shadow:24px 0 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) !important;
}
.vh-drawer::before{
  background:linear-gradient(90deg,#234E74 0%,#2E5D87 50%,#234E74 100%) !important;
  height:3px !important;
}
.vh-drawer::after{
  background:radial-gradient(circle,rgba(35,78,116,.18) 0%,rgba(35,78,116,0) 70%) !important;
}

/* HEAD */
.vh-drawer__head{
  background:linear-gradient(135deg,rgba(35,78,116,.05) 0%,rgba(46,93,135,.03) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.vh-drawer__logo{
  background:linear-gradient(135deg,#234E74 0%,#2E5D87 60%,#234E74 100%) !important;
  box-shadow:0 10px 26px rgba(35,78,116,.35),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.vh-drawer__logo-glow{
  background:linear-gradient(135deg,#234E74,#2E5D87) !important;
}
.vh-drawer__title{ color:#f8fafc !important; }
.vh-drawer__sub{ color:#2E5D87 !important; }
.vh-drawer__close{
  background:#1f2937 !important;
  color:#cbd5e1 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.vh-drawer__close:hover{
  background:#7f1d1d !important;
  border-color:#dc2626 !important;
  color:#fff !important;
}

/* AUTH BUTTONS — mavi "Giriş et" + ağ outline "Hesab yaradın" */
.vh-drawer__auth{ padding:14px 14px 6px !important; }
.vh-auth-btn--primary{
  background:linear-gradient(135deg,#234E74 0%,#2E5D87 50%,#234E74 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 6px 18px rgba(35,78,116,.40),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.vh-auth-btn--primary:hover{
  box-shadow:0 10px 24px rgba(35,78,116,.5),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.vh-auth-btn--ghost{
  background:transparent !important;
  border:1.5px solid rgba(255,255,255,.18) !important;
  color:#f8fafc !important;
}
.vh-auth-btn--ghost:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.32) !important;
  color:#fff !important;
}

/* NAV LABELS */
.vh-drawer__nav-label{
  color:#64748b !important;
}

/* NAV ITEMS */
.vh-drawer__nav::-webkit-scrollbar-thumb{ background:#334155 !important; }
.vh-nav-item{
  background:rgba(255,255,255,.025) !important;
  color:#e2e8f0 !important;
  border:1.5px solid rgba(255,255,255,.05) !important;
}
.vh-nav-item::before{
  background:linear-gradient(180deg,#234E74,#2E5D87) !important;
}
.vh-nav-item:hover{
  background:rgba(35,78,116,.10) !important;
  color:#2E5D87 !important;
  border-color:rgba(35,78,116,.25) !important;
  box-shadow:0 4px 12px rgba(35,78,116,.10) !important;
}
.vh-nav-item.is-active{
  background:linear-gradient(90deg,rgba(35,78,116,.95) 0%,rgba(46,93,135,.95) 100%) !important;
  color:#fff !important;
  border-color:rgba(35,78,116,.6) !important;
  box-shadow:0 6px 18px rgba(35,78,116,.30) !important;
}
.vh-nav-item.is-active::before{ height:0 !important; }
.vh-nav-item.is-active .vh-nav-item__icon{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.25) !important;
}

.vh-nav-item__icon{
  background:rgba(35,78,116,.10) !important;
  color:#2E5D87 !important;
  border:1.5px solid rgba(35,78,116,.20) !important;
}
.vh-nav-item:hover .vh-nav-item__icon{
  background:rgba(35,78,116,.18) !important;
  color:#2E5D87 !important;
  border-color:rgba(35,78,116,.32) !important;
}

.vh-nav-item__arrow{ color:#64748b !important; }
.vh-nav-item:hover .vh-nav-item__arrow,
.vh-nav-item.is-active .vh-nav-item__arrow{ color:#ffffff !important; }

.vh-nav-divider{ background:rgba(255,255,255,.06) !important; }

/* FOOTER */
.vh-drawer__foot{
  background:rgba(255,255,255,.025) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}
.vh-foot-item{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  color:#cbd5e1 !important;
}
.vh-foot-item i{
  background:rgba(35,78,116,.12) !important;
  color:#2E5D87 !important;
  border-color:rgba(35,78,116,.22) !important;
}
.vh-foot-item:hover{
  background:rgba(35,78,116,.12) !important;
  border-color:rgba(35,78,116,.28) !important;
  color:#2E5D87 !important;
}
.vh-foot-item:hover i{ background:#234E74 !important; color:#fff !important; }

/* Overlay daha qaranlıq */
.vh-overlay{ background:rgba(0,0,0,.65) !important; backdrop-filter:blur(2px); }

/* ============================================================== */
/* SCROLL REVEAL ANIMATIONS (azhosting.az tərzində)                 */
/* ============================================================== */
.vh-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1);
  will-change:opacity, transform;
}
.vh-reveal.vh-reveal--in{
  opacity:1;
  transform:translateY(0);
}
/* delay nüansları — uşaq elementlər ardıcıl açılsın */
.vh-reveal[data-vr-delay="1"]{ transition-delay:.08s }
.vh-reveal[data-vr-delay="2"]{ transition-delay:.16s }
.vh-reveal[data-vr-delay="3"]{ transition-delay:.24s }
.vh-reveal[data-vr-delay="4"]{ transition-delay:.32s }
.vh-reveal[data-vr-delay="5"]{ transition-delay:.40s }
.vh-reveal[data-vr-delay="6"]{ transition-delay:.48s }
.vh-reveal[data-vr-delay="7"]{ transition-delay:.56s }
.vh-reveal[data-vr-delay="8"]{ transition-delay:.64s }
@media (prefers-reduced-motion: reduce){
  .vh-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ===== PREMIUM #234E74 PALETTE OVERRIDES ===== */
/* Bottom navbar active */
.bnav-i.on .bnav-ic, .bnav-i.on .bnav-lb { color: #234E74 !important; }
.bnav-i.on .bnav-ic { background: none; }
/* Section tags */
.sec-tag, .tag { color: #234E74 !important; border-color: #C8DAEA !important; }
/* Section headings */
h2 .sec-title, .sec-h h2, .sec-h h3 { color: #234E74 !important; }
/* Icons in feature cards */
.feat-icon, .feature-icon, [class*="icon"] > i:not(.fa-whatsapp) { color: #234E74 !important; }
/* Links */
a:not(.btn):not(.bnav-i):not(.fab-wa) { color: #234E74; }
a:not(.btn):not(.bnav-i):not(.fab-wa):hover { color: #1B3F5E; }
/* Active nav */
.vh-nav-item.is-active { background: linear-gradient(90deg,rgba(35,78,116,.18),rgba(35,78,116,.06)) !important; border-color: rgba(35,78,116,.32) !important; }
/* Primary buttons hover */
.btn:hover, .btn-primary:hover, [class*="btn-p"]:hover { background: #1B3F5E !important; }
/* Dom search button */
.dom-srch-btn { background: #234E74 !important; }
.dom-srch-btn:hover { background: #1B3F5E !important; }
/* Package popular badge */
.pkg-pop, .pkg-badge { background: linear-gradient(135deg,#234E74,#2E5D87) !important; }
/* Slider dots active */
.hero-dot.on, .hero-dot:focus { background: #234E74 !important; width: 22px; border-radius: 5px !important; }
/* Auth button primary */
.vh-auth-btn--primary { background: linear-gradient(135deg,#234E74 0%,#2E5D87 100%) !important; color: #fff !important; }
/* TLD extension color */
.dom-srch-tld .tld-name, .dom-srch-tld strong { color: #234E74 !important; }
/* WhatsApp stays green */
.fab-wa, .fa-whatsapp { color: #25d366 !important; background-color: #25d366 !important; }
.fab-wa i { color: #fff !important; }


/* ================================================================
   DARK MODE COMPLETE FIX — v4 FINAL
   Bütün ağ/açıq arxa planları tam qara/tünd edir.
   Yazılar ağ, oxunaqlı.
   ================================================================ */

/* --- Hero card --- */
[data-theme="dark"] .hero-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .hero-card * { color: #e8ecf4; }
[data-theme="dark"] .hero-card .hero-desc { color: #9aa3c0 !important; }

/* --- Stats grid white wrapper --- */
[data-theme="dark"] .stats-grid {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Package cards (.pkg) --- */
[data-theme="dark"] .pkg {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .pkg .pkg-n,
[data-theme="dark"] .pkg h3 { color: #e8ecf4 !important; }
[data-theme="dark"] .pkg .pkg-d,
[data-theme="dark"] .pkg .pkg-feat li { color: #9aa3c0 !important; }
[data-theme="dark"] .pkg .pkg-pr,
[data-theme="dark"] .pkg .pkg-price { border-color: #2e3248 !important; }

/* --- Domain search card --- */
[data-theme="dark"] .dom-srch {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .dom-srch-c {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- TLD cards --- */
[data-theme="dark"] .tld {
    background: #22263a !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}

/* --- Feature cards (.ft) --- */
[data-theme="dark"] .ft {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .ft h3,
[data-theme="dark"] .ft .ft-t { color: #e8ecf4 !important; }
[data-theme="dark"] .ft p,
[data-theme="dark"] .ft .ft-d { color: #9aa3c0 !important; }

/* --- Auth cards --- */
[data-theme="dark"] .auth-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Table wrapper --- */
[data-theme="dark"] .tbl-wrap {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Stat card (main page stats) --- */
[data-theme="dark"] .stat {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Cart items --- */
[data-theme="dark"] .cart-it {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .cart-sum {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .cart-empty {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #9aa3c0 !important;
}

/* --- Account sidebar/main --- */
[data-theme="dark"] .acc-side {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .acc-main {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Status card --- */
[data-theme="dark"] .st-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}

/* --- Admin tabs --- */
[data-theme="dark"] .adm-tabs {
    background: #131729 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .adm-tab {
    color: #9aa3c0 !important;
}
[data-theme="dark"] .adm-tab.on {
    background: var(--p1) !important;
    color: #fff !important;
}

/* --- Contact items/form --- */
[data-theme="dark"] .cnt-i {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .cnt-form {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Blog cards --- */
[data-theme="dark"] .blg {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .blg h3,
[data-theme="dark"] .blg .blg-t { color: #e8ecf4 !important; }
[data-theme="dark"] .blg p,
[data-theme="dark"] .blg .blg-d { color: #9aa3c0 !important; }

/* --- Order form/package --- */
[data-theme="dark"] .ord-pkg {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .ord-form {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Haqqimizda page cards --- */
[data-theme="dark"] .haqq-stat {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .haqq-stat-n { color: #e8ecf4 !important; }
[data-theme="dark"] .haqq-stat-l { color: #9aa3c0 !important; }
[data-theme="dark"] .haqq-intro {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .haqq-intro h2 { color: #e8ecf4 !important; }
[data-theme="dark"] .haqq-intro p { color: #9aa3c0 !important; }
[data-theme="dark"] .haqq-mv-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .haqq-mv-card h3 { color: #e8ecf4 !important; }
[data-theme="dark"] .haqq-mv-card p { color: #9aa3c0 !important; }
[data-theme="dark"] .haqq-why {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .haqq-why-h h2 { color: #e8ecf4 !important; }

/* --- Client site items --- */
[data-theme="dark"] .client-site-item {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .client-site-item:hover {
    background: #22263a !important;
}

/* --- haqq-feat icon bg --- */
[data-theme="dark"] .haqq-feat-ico {
    background: #22263a !important;
    border-color: #2e3248 !important;
}

/* --- stat-card (main index stats) --- */
[data-theme="dark"] .stat-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .stat-card .stat-n,
[data-theme="dark"] .stat-card .stat-num { color: #e8ecf4 !important; }
[data-theme="dark"] .stat-card .stat-label,
[data-theme="dark"] .stat-card .stat-sub { color: #9aa3c0 !important; }

/* --- DOM search on white (inline override) --- */
[data-theme="dark"] .dom-srch-on-white,
[data-theme="dark"] .az-dom-card .dom-srch-inner {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .az-stats-full .hero-stat {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .az-stats-full {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Scroll-to-top button --- */
[data-theme="dark"] .fab-top {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* --- Copyable input --- */
[data-theme="dark"] .cp-wrap input[type=text] {
    background: #22263a !important;
    color: #e8ecf4 !important;
    border-color: #2e3248 !important;
}

/* --- Any remaining hardcoded white/light backgrounds in dark mode --- */
[data-theme="dark"] [style*="background:#f5f8ff"],
[data-theme="dark"] [style*="background: #f5f8ff"] {
    background: #22263a !important;
}
[data-theme="dark"] [style*="background:#f0f6fa"],
[data-theme="dark"] [style*="background: #f0f6fa"] {
    background: #22263a !important;
}
[data-theme="dark"] [style*="background:#C8DAEA"],
[data-theme="dark"] [style*="background: #C8DAEA"] {
    background: #22263a !important;
}

/* --- Ensure all text inside dark elements readable --- */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 { color: #e8ecf4; }
[data-theme="dark"] p { color: #9aa3c0; }

/* --- Section backgrounds that may have hardcoded white --- */
[data-theme="dark"] section { background: #0f1117 !important; }
[data-theme="dark"] .sec-d,
[data-theme="dark"] .sec { background: #0f1117 !important; }
[data-theme="dark"] .sec.sec-d { background: #0f1117 !important; }

/* Dark hero stats section */
[data-theme="dark"] .hero-stat {
    background: #1a1d27 !important;
}
[data-theme="dark"] .hero-stat-icon {
    background: #22263a !important;
}
[data-theme="dark"] .hero-stat-n { color: #e8ecf4 !important; }
[data-theme="dark"] .hero-stat-l { color: #9aa3c0 !important; }

/* pkg grid white background */
[data-theme="dark"] .az-dom-card {
    background: transparent !important;
}

/* ================================================================
   SPACING FIX — Bölmələr arası boşluqları minimuma endir
   ================================================================ */

/* Sections */
.sec { padding: 14px 0 !important; }
@media(min-width:768px) { .sec { padding: 22px 0 !important; } }

/* Section heading */
.sec-h { margin-bottom: 12px !important; }
@media(min-width:768px) { .sec-h { margin-bottom: 16px !important; } }

/* Hero bottom */
.hero.hero-v2, section.hero.hero-v2 { padding-bottom: 0 !important; }

/* Domain search section */
.dom-srch-section { padding: 0 !important; }

/* Stats section */
.stats-sec { padding: 14px 0 !important; }
@media(min-width:768px) { .stats-sec { padding: 22px 0 !important; } }

/* Reviews section */
#reviews-section { padding: 14px 0 8px !important; }

/* Client sites section */
section.sec[style*="background:#fff"],
section.sec[style*="padding:40px 0 48px"] { padding: 14px 0 18px !important; }
@media(min-width:768px) {
  section.sec[style*="background:#fff"],
  section.sec[style*="padding:40px 0 48px"] { padding: 22px 0 26px !important; }
}
.client-sites-grid { gap: 8px !important; margin-bottom: 0 !important; }
.client-site-item { padding: 10px 12px !important; }

/* pg-hero pages */
.pg-hero { padding: 16px 0 20px !important; }
@media(min-width:768px) { .pg-hero { padding: 36px 0 44px !important; } }
.pg-hero + .sec,
.pg-hero + section.sec { padding-top: 14px !important; }
@media(min-width:768px) {
  .pg-hero + .sec,
  .pg-hero + section.sec { padding-top: 22px !important; }
}

/* Package grid gap */
.pkg-grid { gap: 12px !important; }
@media(min-width:768px) { .pkg-grid { gap: 16px !important; } }

/* ================================================================
   DARK MODE — Hosting page & wizard specific elements
   ================================================================ */
[data-theme="dark"] .vh-stepper .step .circle {
    background: #22263a !important;
    border-color: #2e3248 !important;
    color: #9aa3c0 !important;
}
[data-theme="dark"] .vh-cfg-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .vh-opt {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .vh-opt:hover,
[data-theme="dark"] .vh-opt.selected {
    background: #22263a !important;
    border-color: var(--p1) !important;
}
[data-theme="dark"] .vh-cfg-input,
[data-theme="dark"] .vh-cfg-select {
    background: #22263a !important;
    background-color: #22263a !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .vh-pkgrow {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] .vh-pkgrow:hover,
[data-theme="dark"] .vh-pkgrow.selected {
    background: #22263a !important;
    border-color: var(--p1) !important;
}

/* Inline style backgrounds on hosting.php package cards */
[data-theme="dark"] [style*="background:#fff"][style*="border-radius:16px"],
[data-theme="dark"] [style*="background:#fff"][style*="border-radius:18px"] {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}

/* ================================================================
   DARK MODE — ensure body/html background is always dark
   ================================================================ */
[data-theme="dark"] html,
[data-theme="dark"] body {
    background: #0f1117 !important;
    color: #e8ecf4 !important;
}

/* Text colors for readable content */
[data-theme="dark"] .t1,
[data-theme="dark"] [style*="color:var(--t1)"] { color: #e8ecf4 !important; }
[data-theme="dark"] .t2,
[data-theme="dark"] [style*="color:var(--t2)"] { color: #9aa3c0 !important; }
[data-theme="dark"] .t3 { color: #5c6480 !important; }

/* Select elements */
[data-theme="dark"] select.fc,
[data-theme="dark"] select {
    background: #22263a !important;
    color: #e8ecf4 !important;
    border-color: #2e3248 !important;
}

/* Flash messages */
[data-theme="dark"] .flash {
    background: #1a1d27 !important;
    border-color: var(--p1) !important;
    color: #e8ecf4 !important;
}

/* Topbar */
[data-theme="dark"] .topbar {
    background: #0a0c14 !important;
    border-color: #2e3248 !important;
    color: #9aa3c0 !important;
}
[data-theme="dark"] .topbar a { color: #9aa3c0 !important; }
[data-theme="dark"] .topbar a:hover { color: #e8ecf4 !important; }

/* ================================================================
   DARK MODE — Hero text fix (Image 1 issue: unreadable text)
   Hero card has dark blue bg in both modes - ensure WHITE text always
   ================================================================ */
.hero-card h1,
.hero-card h2,
.hero-card h3,
.hero-card h2.hero-h1-style,
.hero-slide .hero-card h2.hero-h1-style,
section.hero .hero-card h2.hero-h1-style {
    color: #ffffff !important;
    opacity: 1 !important;
}
.hero-card .hero-desc,
.hero-card p {
    color: rgba(255,255,255,0.88) !important;
    opacity: 1 !important;
}
.hero-card .btn-light {
    background: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.35) !important;
}
.hero-card .btn-light:hover {
    background: rgba(255,255,255,0.28) !important;
}

/* Dark mode - hero section outer bg */
[data-theme="dark"] .hero,
[data-theme="dark"] .hero.hero-v2,
[data-theme="dark"] section.hero.hero-v2 {
    background: #0f1117 !important;
    background-image: none !important;
}

/* ================================================================
   SPACING — İkinci şəkil: bölmələr arası ağ boşluqları yox et
   Premium Hosting başlığı ilə domain axtarış arası boşluq
   ================================================================ */
/* Section-section arası boşluq sıfırla */
.sec + .sec,
section.sec + section.sec,
section + section.sec,
.sec + section {
    margin-top: 0 !important;
    padding-top: 12px !important;
}

/* Domen axtarış bölməsi */
.dom-srch-section,
section.dom-srch-section {
    padding: 0 !important;
    margin: 0 !important;
}

/* Hosting/pkg grid section */
section.sec[style*="background:#fff"] + section.sec,
section.sec + section.sec[style*="background:#fff"] {
    padding-top: 12px !important;
}

/* Hero → sonrakı section boşluq */
section.hero + section,
section.hero + .sec,
.hero + section,
.hero.hero-v2 + section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Stats section (3 cards after hero) top padding */
.dom-srch-section + .sec,
.stats-sec + .sec {
    padding-top: 12px !important;
}

/* Pkg/hosting kartları arası boşluq */
.pkg-grid {
    gap: 10px !important;
}

/* sec-h başlığı altı boşluq */
.sec-h {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
}

/* Bütün section-ların padding-ini azalt */
.sec { padding: 14px 0 !important; }
@media(min-width:768px) { .sec { padding: 20px 0 !important; } }

/* TLD cards arası boşluq */
.dom-tld-grid {
    gap: 8px !important;
    margin-top: 10px !important;
}

/* ================================================================
   DARK MODE — Domain check results cards  
   ================================================================ */
[data-theme="dark"] #domCheckResult .card,
[data-theme="dark"] #domCheckResult [class*="card"] {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
    color: #e8ecf4 !important;
}
[data-theme="dark"] #domCheckResult .grid {
    --bg: #1a1d27;
}

/* TLD cards dark mode */
[data-theme="dark"] .dm2-tld-card {
    background: #1a1d27 !important;
    border-color: #2e3248 !important;
}
[data-theme="dark"] .dm2-tld-ext { color: #e8ecf4 !important; }
[data-theme="dark"] .dm2-tld-price { color: #9aa3c0 !important; }
[data-theme="dark"] .dm2-sec { background: #0f1117 !important; }
[data-theme="dark"] .dm2-sec-h { color: #e8ecf4 !important; }

/* Domain wizard dark */
[data-theme="dark"] .dm2-hero { background: linear-gradient(135deg, #0D2035 0%, #1B3F5E 100%) !important; }

/* ================================================================
   GAP FIX v2 — index.php domain→hosting sections gap tamamilə sil
   ================================================================ */

/* Domain search section - heç bir alt padding/margin olmasın */
section.dom-srch-section {
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Az-dom-card - alt margin sıfır */
.az-dom-card {
    margin-bottom: 0 !important;
}

/* Dom-srch-section-dan sonrakı ilk .sec - üst padding minimum */
section.dom-srch-section + section.sec,
section.dom-srch-section + .sec {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

/* Bütün ardıcıl section-lar arası boşluq sıfır */
section + section {
    margin-top: 0 !important;
}

/* .sec universal - daha kiçik padding */
.sec {
    padding: 12px 0 !important;
}
@media(min-width:768px) {
    .sec { padding: 18px 0 !important; }
}

/* sec-h margin-bottom azalt */
.sec-h {
    margin-bottom: 10px !important;
}

/* ===== AUTO-FIX: GÖRÜNMƏZ MƏTİN DÜZƏLTMƏLƏRİ ===== */
/* Dark background üzərindəki .tag elementi */
.sst-sec-h .tag,
[class*="sst-"] .tag,
.hero-wrap .tag,
.dark-bg .tag,
.dark-bg .sec-tag,
[style*="background:#234E74"] .tag,
[style*="background:#0D2035"] .tag,
[style*="background:linear-gradient(135deg,#234E74"] .tag {
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* .sst-btn anchor rəng override */
a.sst-btn,
a.sst-btn:visited,
a.sst-btn:hover,
a.sst-btn:focus {
  color: #fff !important;
  text-decoration: none !important;
}

/* Dark gradient üzərindəki hər anchor */
.sst-card-head a,
[class*="btn-p"] a,
.btn-primary,
a.btn-primary,
a.btn-primary:visited {
  color: #fff !important;
}

/* Ümumi: dark background-lu elementlər içindəki mətn */
[class*="dark"] a:not(.bnav-i):not(.fab-wa),
[class*="hero"] a.btn,
[class*="card-head"] a {
  color: #fff !important;
}