/* ============================================================
   FAST THEME CSS
   ============================================================ */

/* ============================================================
   GENEL SAYFA CONTAINER
   ============================================================ */
.site-container,.ud-container,.sb-inner,
.ahm-container,.ozv2-wrap,.yzl-container,.yzlp-banner-inner,.yzlp-container,
.byv2-container,.byv2-page-banner-inner,.blg-container,.blgp-banner-inner,.blgp-container,
.istv2__inner,.ugv2-banner-inner,.ugv2-container,.bbv2-banner-inner,.bbv2-container,
.dm-slider,.sp-layout,.ftr-container,
.dm-pricing-container,.ahm-cta__inner,.wh2-info-inner{max-width:1600px;margin:0 auto;padding:0 40px;}
div[style*="max-width: 1600px"],div[style*="max-width:1600px"]{padding-left:40px !important;padding-right:40px !important;}
@media(max-width:1400px){
.site-container,.ud-container,.sb-inner,
.ahm-container,.ozv2-wrap,.yzl-container,.yzlp-banner-inner,.yzlp-container,
.byv2-container,.byv2-page-banner-inner,.blg-container,.blgp-banner-inner,.blgp-container,
.istv2__inner,.ugv2-banner-inner,.ugv2-container,.bbv2-banner-inner,.bbv2-container,
.dm-slider,.sp-layout,.ftr-container,
.dm-pricing-container,.ahm-cta__inner,.wh2-info-inner{max-width:1200px;padding:0 30px;}
div[style*="max-width: 1600px"],div[style*="max-width:1600px"]{max-width:1200px !important;padding-left:30px !important;padding-right:30px !important;}
}
@media(max-width:1200px){
.site-container,.ud-container,.sb-inner,
.ahm-container,.ozv2-wrap,.yzl-container,.yzlp-banner-inner,.yzlp-container,
.byv2-container,.byv2-page-banner-inner,.blg-container,.blgp-banner-inner,.blgp-container,
.istv2__inner,.ugv2-banner-inner,.ugv2-container,.bbv2-banner-inner,.bbv2-container,
.dm-slider,.sp-layout,.ftr-container,
.dm-pricing-container,.ahm-cta__inner,.wh2-info-inner{max-width:1024px;padding:0 24px;}
div[style*="max-width: 1600px"],div[style*="max-width:1600px"]{max-width:1024px !important;padding-left:24px !important;padding-right:24px !important;}
}
@media(max-width:768px){
.site-container,.ud-container,.sb-inner,
.ahm-container,.ozv2-wrap,.yzl-container,.yzlp-banner-inner,.yzlp-container,
.byv2-container,.byv2-page-banner-inner,.blg-container,.blgp-banner-inner,.blgp-container,
.istv2__inner,.ugv2-banner-inner,.ugv2-container,.bbv2-banner-inner,.bbv2-container,
.dm-slider,.sp-layout,.ftr-container,
.dm-pricing-container,.ahm-cta__inner,.wh2-info-inner{padding:0 16px;}
div[style*="max-width: 1600px"],div[style*="max-width:1600px"]{padding-left:16px !important;padding-right:16px !important;}
}

/* ============================================================
   TOPBAR v5 — Modern, tutarlı, açık gri arkaplan
   ============================================================ */
.whdr-topbar{background:#f8f9fa !important;padding:0 !important;border-bottom:1px solid #e5e7eb !important;font-family:'Inter',sans-serif !important;height:38px !important;display:flex !important;align-items:center !important;}
.whdr-topbar-inner{max-width:1600px !important;margin:0 auto !important;padding:0 24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;height:100% !important;}

/* ---- Sol ---- */
.whdr-topbar-left{display:flex !important;align-items:center !important;gap:0 !important;height:100% !important;}
.whdr-topbar-left a{padding:0 !important;background:none !important;border:none !important;margin:0 !important;color:#1e293b !important;font-size:13px !important;}
.whdr-topbar-left a:hover{color:var(--primary-color) !important;}
.whdr-topbar-left a i{color:var(--primary-color) !important;font-size:12px !important;}

/* Sosyal ikonlar */
.wtb-social{display:flex;align-items:center;gap:2px;}
.whdr-topbar-left .wtb-social a{display:flex !important;align-items:center !important;justify-content:center !important;width:28px !important;height:28px !important;color:#334155 !important;font-size:13px !important;border-radius:6px !important;text-decoration:none !important;transition:all .2s !important;padding:0 !important;background:none !important;border:none !important;gap:0 !important;}
.whdr-topbar-left .wtb-social a:hover{color:#fff !important;background:var(--primary-color) !important;}
.whdr-topbar-left .wtb-social a i{color:inherit !important;font-size:13px !important;}

/* Ayırıcı */
.wtb-sep,.ftb-divider{width:1px !important;height:18px !important;background:#d1d5db !important;margin:0 12px !important;flex-shrink:0 !important;display:inline-block !important;}

/* Telefon / Email */
.whdr-topbar-left a.wtb-contact{display:inline-flex !important;align-items:center !important;gap:6px !important;color:#334155 !important;font-size:12px !important;font-weight:500 !important;text-decoration:none !important;transition:all .2s !important;margin-right:12px !important;padding:0 !important;border-radius:0 !important;background:none !important;border:none !important;}
.whdr-topbar-left a.wtb-contact:hover{color:var(--primary-color) !important;}
.whdr-topbar-left a.wtb-contact i{font-size:12px !important;color:var(--primary-color) !important;}

/* ---- SaÄŸ ---- */
.ftb-right{display:flex;align-items:center;gap:8px;height:100%;}

/* Select (Dil / Para) */
.ftb-sel-wrap{position:relative;display:flex;align-items:center;}
.ftb-sel-wrap i.ftb-sel-icon{position:absolute;left:8px;font-size:11px;color:var(--primary-color);pointer-events:none;z-index:1;}
.ftb-sel{background:#fff;border:1px solid #e2e5ea;color:#334155;font-size:11.5px;font-weight:600;padding:5px 24px 5px 10px;border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:all .2s;line-height:1.4;height:28px;}
.ftb-sel:hover,.ftb-sel:focus{border-color:#e2e5ea;box-shadow:none;color:#0f172a;}
.ftb-sel option{background:#fff;color:#334155;font-weight:500;}
.ftb-sel--has-icon{padding-left:26px;}

/* Ä°kon link (destek) */
.ftb-link-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#64748b;font-size:14px;border-radius:6px;text-decoration:none;transition:all .2s;padding:0;background:none;border:none;}
.ftb-link-icon:hover{color:#fff;background:var(--primary-color);}

/* Butonlar — ortak */
.ftb-btn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:6px 16px;border-radius:6px;text-decoration:none;transition:all .2s ease;letter-spacing:0.01em;line-height:1;cursor:pointer;white-space:nowrap;box-sizing:border-box;}
.ftb-btn i{font-size:11px;}

/* Primary — site rengi (Giriş / Panelim) */
.ftb-btn-primary{color:#fff;background:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.ftb-btn-primary:hover{filter:brightness(1.1);box-shadow:0 3px 10px rgba(0,0,0,0.18);color:#fff;text-decoration:none;}

/* Outline (Kayıt) */
.ftb-btn-outline{color:#475569;background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.ftb-btn-outline:hover{color:var(--primary-color);border-color:var(--primary-color);background:#f0f7ff;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,0.08);}

/* Danger — kırmızı (Çıkış) */
.ftb-btn-danger{color:#fff;background:#dc2626;border:1px solid #dc2626;box-shadow:0 1px 2px rgba(220,38,38,0.18);}
.ftb-btn-danger:hover{background:#b91c1c;border-color:#b91c1c;color:#fff;text-decoration:none;}

/* Eski class'ları gizle */
.whdr-topbar-right{display:none !important;}

/* Responsive */
@media(max-width:768px){
    .whdr-topbar-left{display:none !important;}
    .ftb-right{width:100%;justify-content:flex-end;}
}
@media(max-width:480px){
    .whdr-topbar{height:34px !important;}
    .ftb-btn{padding:5px 10px;font-size:10.5px;}
    .ftb-sel{font-size:10.5px;padding:4px 20px 4px 8px;height:26px;}
    .ftb-divider{margin:0 6px !important;}
    .ftb-link-icon{width:26px;height:26px;font-size:12px;}
}

/* ---- WhatsApp Float ---- */
.wsp-float {
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 100px;
    left: 28px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 14px rgba(37,211,102,.4);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform .25s, box-shadow .25s;
}
.wsp-float:hover { transform: scale(1.1); box-shadow: 0 6px 22px rgba(37,211,102,.5); color: #fff; text-decoration: none; }

/* ============================================================
   FOOTER
   ============================================================ */
.ftr{font-family:'Inter',sans-serif;position:relative;}
.ftr-main{background:var(--primary-color);color:rgba(255,255,255,.85);position:relative;overflow:hidden;padding:0;}
.ftr-container{max-width:1600px;margin:0 auto;padding:0 32px;position:relative;z-index:1;}

/* ---- Menü Grid (ÜSTTE) ---- */
.ftr-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px 32px;padding:48px 0 36px;border-bottom:1px solid rgba(255,255,255,.08);}
.ftr-nav-col h4{font-size:12px;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:.6px;text-transform:uppercase;position:relative;padding-bottom:10px;}
.ftr-nav-col h4::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--secondary-color);border-radius:2px;}
.ftr-nav-col ul{list-style:none;padding:0;margin:0;}
.ftr-nav-col ul li{margin-bottom:7px;}
.ftr-nav-col ul li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;transition:color .2s,padding-left .2s;display:inline-block;}
.ftr-nav-col ul li a:hover{color:#fff;padding-left:4px;}

/* ---- Alt Bilgi Grid (3 sütun) ---- */
.ftr-info{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px;padding:36px 0 40px;align-items:start;}

/* Sol: Logo + Açıklama + Sosyal */
.ftr-logo{max-height:38px;width:auto;display:block;margin-bottom:14px;}
.ftr-desc{font-size:13px;line-height:1.75;color:rgba(255,255,255,.45);margin:0 0 18px;max-width:360px;}
.ftr-social{display:flex;gap:6px;flex-wrap:wrap;}
.ftr-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;transition:all .2s;}
.ftr-social a:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);}

/* Orta: Ödeme Logoları */
.ftr-info-pay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;}
.ftr-pay-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.45);}
.ftr-pay-logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;}
.ftr-pay-logos img{height:34px;width:auto;opacity:.85;transition:opacity .2s;border-radius:4px;}
.ftr-pay-logos img:hover{opacity:1;}

/* SaÄŸ: Destek / Ä°letiÅŸim */
.ftr-info-contact{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 20px;}
.ftr-info-contact h5{font-size:14px;font-weight:700;color:#fff;margin:0 0 2px;display:flex;align-items:center;gap:8px;}
.ftr-info-contact h5 i{font-size:16px;color:var(--secondary-color);}
.ftr-contact-sub{display:block;font-size:11px;color:rgba(255,255,255,.45);margin-bottom:14px;}
.ftr-info-contact ul{list-style:none;padding:0;margin:0;}
.ftr-info-contact ul li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;border-top:1px solid rgba(255,255,255,.07);}
.ftr-info-contact ul li:first-child{border-top:none;}
.ftr-info-contact ul li i{width:28px;height:28px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;color:rgba(255,255,255,.6);}
.ftr-info-contact ul li a,.ftr-info-contact ul li span{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;}
.ftr-info-contact ul li a:hover{color:#fff;text-decoration:underline;}

/* ---- Alt Bar ---- */
.ftr-bar{background:rgba(0,0,0,.18);padding:14px 0;color:rgba(255,255,255,.35);font-size:12px;}
.ftr-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.ftr-bar-links{display:flex;gap:18px;flex-wrap:wrap;}
.ftr-bar-links a{color:rgba(255,255,255,.35);text-decoration:none;font-size:12px;transition:color .2s;}
.ftr-bar-links a:hover{color:#fff;}

/* ---- Footer Responsive ---- */
@media(max-width:1024px){
    .ftr-info{grid-template-columns:1fr 1fr;}
    .ftr-info-pay{align-items:flex-start;}
}
@media(max-width:768px){
    .ftr-container{padding:0 20px;}
    .ftr-nav{grid-template-columns:repeat(2,1fr);gap:20px;padding:36px 0 28px;}
    .ftr-info{grid-template-columns:1fr;gap:28px;padding:28px 0 32px;}
    .ftr-bar-inner{flex-direction:column;text-align:center;}
    .ftr-bar-links{justify-content:center;}
}
@media(max-width:480px){
    .ftr-nav{grid-template-columns:1fr;}
}


/* ============================================================
   ANASAYFA MODÃœLLERI
   Prefix: ahm- (Anasayfa Homepage Module)
   ============================================================ */

/* ---- Ortak Section ---- */
.ahm-section { padding: 60px 20px; font-family: 'Inter', sans-serif; }
.ahm-section--light { background: #f8fafc; }
.ahm-section--white { background: #fff; }
.ahm-container { max-width: 1600px; margin: 0 auto; }
.ahm-container--narrow { max-width: 1200px; margin: 0 auto; }
.ahm-section-subtitle { font-size: 14px; color: #64748b; margin: 8px 0 0; font-family: 'Inter', sans-serif; }
.ahm-grid { display: grid; gap: 24px; margin-top: 30px; }
.ahm-grid--3col { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.ahm-grid--3col-wide { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.ahm-more-link { text-align: center; margin-top: 24px; }
.ahm-more-link a { color: var(--primary-color); font-weight: 600; font-size: 14px; text-decoration: none; font-family: 'Inter', sans-serif; }
.ahm-more-link a:hover { text-decoration: underline; }

/* ---- Hosting Kartları (v2 Premium) ---- */
.hk2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.hk2-grid--center{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.hk2-grid--center .hk2{width:calc(25% - 18px);min-width:280px;max-width:380px;}
.hk2 { background:#fff; border-radius:16px; padding:0; text-align:center; position:relative; font-family:'Inter',sans-serif; overflow:visible; transition:all .4s cubic-bezier(.25,.8,.25,1); border:1px solid #e2e8f0; }
.hk2:hover { transform:translateY(-8px); box-shadow:0 20px 60px rgba(0,0,0,.12); border-color:var(--primary-color); }
.hk2--populer { border:2px solid var(--primary-color); box-shadow:0 8px 40px rgba(0,0,0,.08); transform:scale(1.03); z-index:2; background:linear-gradient(180deg,rgba(59,130,246,.02) 0%,#fff 40%); }
.hk2--populer:hover { box-shadow:0 24px 70px rgba(0,0,0,.16); transform:scale(1.03) translateY(-8px); }
.hk2__pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color),#1e40af);color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;z-index:3;box-shadow:0 4px 12px rgba(59,130,246,.4);white-space:nowrap;display:flex;align-items:center;gap:5px;}
.hk2__pop-badge i{font-size:11px;}
.hk2__head { padding:32px 24px 24px; position:relative; }
.hk2--populer .hk2__head{padding-top:40px;}
.hk2__kategori { display:inline-block; font-size:11px; font-weight:600; color:var(--primary-color); background:rgba(59,130,246,.08); padding:4px 12px; border-radius:20px; margin-bottom:12px; letter-spacing:.3px; text-transform:uppercase; }
.hk2__isim { font-size:22px; font-weight:800; color:#0f172a; margin:0 0 6px; letter-spacing:-.3px; }
.hk2__aciklama { font-size:13px; color:#64748b; margin:0 0 20px; line-height:1.5; }
.hk2__fiyat-blok { background:linear-gradient(135deg,rgba(59,130,246,.04),rgba(59,130,246,.08)); border-radius:12px; padding:20px 16px; margin:0 0 4px; }
.hk2__fiyat-label { font-size:12px; color:#64748b; font-weight:500; display:block; margin-bottom:4px; }
.hk2__eski-fiyat { font-size:15px; color:#94a3b8; text-decoration:line-through; margin-right:6px; }
.hk2__fiyat { font-size:38px; font-weight:900; color:var(--primary-color); line-height:1; letter-spacing:-1px; }
.hk2__fiyat--kampanya { color:#dc2626; }
.hk2__periyot { font-size:14px; color:#94a3b8; font-weight:500; margin-left:2px; }
.hk2__kampanya-row { margin-bottom:6px; }
.hk2__body { padding:20px 24px 28px; }
.hk2__ozellikler { list-style:none; padding:0; margin:0 0 24px; text-align:left; }
.hk2__ozellikler li { display:flex; align-items:center; gap:10px; padding:10px 0; font-size:13px; color:#334155; font-weight:500; border-bottom:1px solid #f1f5f9; }
.hk2__ozellikler li:last-child { border-bottom:none; }
.hk2__ozellikler li .hk2-icon { width:32px; height:32px; border-radius:8px; background:rgba(59,130,246,.08); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.hk2__ozellikler li .hk2-icon i { font-size:14px; color:var(--primary-color); }
.hk2__btn { display:block; padding:14px; background:var(--primary-color); color:#fff; border-radius:10px; font-size:14px; font-weight:700; text-decoration:none; transition:all .3s; letter-spacing:.3px; }
.hk2__btn:hover { background:var(--secondary-color); color:#fff; transform:scale(1.02); box-shadow:0 4px 16px rgba(0,0,0,.2); }
.hk2--populer .hk2__btn { background:linear-gradient(135deg,var(--primary-color),#1e40af); box-shadow:0 4px 16px rgba(59,130,246,.4); }
.hk2--populer .hk2__btn:hover { box-shadow:0 6px 24px rgba(59,130,246,.5); transform:scale(1.02); }
/* Kategori grup */
.hk2-kategori-grup{margin-bottom:48px;}
.hk2-kategori-grup:last-child{margin-bottom:0;}
.hk2-grup-baslik{font-family:'Inter',sans-serif;font-size:24px;font-weight:800;color:#0f172a;margin:0 0 28px;padding-bottom:14px;border-bottom:2px solid #e2e8f0;letter-spacing:-.3px;}
/* Hosting anasayfa tab */
.hk2-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:36px;flex-wrap:wrap;}
.hk2-tab{background:#f1f5f9;border:2px solid transparent;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s;font-family:'Inter',sans-serif;letter-spacing:-.1px;}
.hk2-tab:hover{background:#e2e8f0;color:#1e293b;}
.hk2-tab--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px rgba(59,130,246,.3);}
.hk2-tab--active:hover{background:var(--primary-color);color:#fff;}
.hk2-tab-panel{display:none;}
.hk2-tab-panel--active{display:block;animation:hk2FadeIn .35s ease;}
@keyframes hk2FadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:1200px){ .hk2-grid{grid-template-columns:repeat(3,1fr);} .hk2-grid--center .hk2{width:calc(33.333% - 16px);} }
@media(max-width:1024px){ .hk2-grid{grid-template-columns:repeat(2,1fr);} .hk2-grid--center .hk2{width:calc(50% - 12px);} }
@media(max-width:768px){ .hk2-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;} .hk2-grid--center .hk2{width:100%;max-width:420px;} .hk2__fiyat{font-size:30px;} .hk2__isim{font-size:18px;} .hk2-tabs{gap:6px;} .hk2-tab{padding:8px 16px;font-size:13px;} }
/* eski class uyumluluk */
.hosting-kart { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:32px 24px; text-align:center; transition:all .3s; position:relative; font-family:'Inter',sans-serif; }
.hosting-kart:hover { border-color:var(--primary-color); box-shadow:0 8px 30px rgba(0,0,0,.1); transform:translateY(-4px); }
.hosting-kart-populer { border-color:var(--primary-color); box-shadow:0 4px 20px rgba(0,0,0,.08); }
.hosting-siparis-btn { display:block; padding:12px; background:var(--primary-color); color:#fff; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; transition:opacity .3s; }
.hosting-siparis-btn:hover { opacity:.9; color:#fff; }
.hosting-populer-badge { position:absolute; top:0; left:50%; transform:translateX(-50%) translateY(-50%); background:linear-gradient(135deg,#f59e0b,#f97316); color:#fff; padding:5px 20px; border-radius:20px; font-size:12px; font-weight:700; letter-spacing:.5px; box-shadow:0 2px 8px rgba(245,158,11,.4); z-index:2; }

/* ---- Özellikler Bölümü (Premium) ---- */
.ozv2-section { padding:80px 20px; font-family:'Inter',sans-serif; background:#f4f6fa; }
.ozv2-wrap { max-width:1600px; margin:0 auto; display:grid; grid-template-columns:340px 1fr; gap:48px; align-items:start; }
.ozv2-intro { position:sticky; top:100px; }
.ozv2-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--primary-color); background:#fff; padding:6px 14px; border-radius:8px; margin-bottom:18px; border:1px solid #e2e8f0; }
.ozv2-badge i { font-size:11px; }
.ozv2-title { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 16px; letter-spacing:-.3px; line-height:1.25; }
.ozv2-desc { font-size:14px; color:#64748b; margin:0; line-height:1.75; }
.ozv2-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.ozv2-item { background:#fff; border-radius:14px; padding:26px 24px; display:flex; gap:16px; align-items:flex-start; border:1px solid #e8ecf1; transition:all .3s ease; }
.ozv2-item:hover { box-shadow:0 8px 28px rgba(0,0,0,.06); border-color:rgba(var(--primary-color-rgb,59,130,246),.25); transform:translateY(-3px); }
.ozv2-icon { width:44px; height:44px; min-width:44px; border-radius:12px; background:rgba(var(--primary-color-rgb,59,130,246),.08); display:flex; align-items:center; justify-content:center; }
.ozv2-icon i { font-size:18px; color:var(--primary-color); }
.ozv2-item:hover .ozv2-icon { background:var(--primary-color); }
.ozv2-item:hover .ozv2-icon i { color:#fff; }
.ozv2-text h4 { font-size:15px; font-weight:700; color:#0f172a; margin:0 0 6px; }
.ozv2-text p { font-size:13px; color:#64748b; margin:0; line-height:1.65; }
@media(max-width:992px){ .ozv2-wrap{grid-template-columns:1fr;gap:32px;} .ozv2-intro{position:static;text-align:center;} .ozv2-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:576px){ .ozv2-grid{grid-template-columns:1fr;} .ozv2-title{font-size:24px;} .ozv2-section{padding:50px 16px;} }

/* ---- Yazılımlar / Ürünler (Premium) ---- */
.yzl-section { padding:70px 20px; font-family:'Inter',sans-serif; background:#fff; }
.yzl-container { max-width:1600px; margin:0 auto; }
.yzl-header { text-align:center; margin-bottom:44px; }
.yzl-title { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 10px; letter-spacing:-.3px; }
.yzl-subtitle { font-size:14px; color:#64748b; margin:0; }
.yzl-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.yzl-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; text-decoration:none; color:inherit; transition:all .3s ease; }
.yzl-card:hover { transform:translateY(-5px); box-shadow:0 12px 36px rgba(0,0,0,.07); border-color:rgba(var(--primary-color-rgb,59,130,246),.3); text-decoration:none; color:inherit; }
.yzl-card-img { position:relative; aspect-ratio:16/10; overflow:hidden; background:#f4f6fa; }
.yzl-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.yzl-card:hover .yzl-card-img img { transform:scale(1.04); }
.yzl-card-noimg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#cbd5e1; font-size:36px; }
.yzl-tags { display:flex; gap:6px; margin-bottom:10px; flex-wrap:wrap; }
.yzl-tag { padding:3px 10px; border-radius:6px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); }
.yzl-tag--alt { color:var(--secondary-color,#64748b); background:rgba(100,116,139,.08); }
.yzl-card-body { padding:18px 20px; flex:1; display:flex; flex-direction:column; }
.yzl-card-title { font-size:15px; font-weight:700; color:#0f172a; margin:0 0 4px; line-height:1.35; }
.yzl-card-meta { font-size:12px; color:#94a3b8; margin-bottom:14px; }
.yzl-card-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:14px; border-top:1px solid #f1f5f9; }
.yzl-price { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.yzl-price-old { font-size:13px; color:#94a3b8; text-decoration:line-through; }
.yzl-price-now { font-size:18px; font-weight:800; color:var(--primary-color); }
.yzl-price--sale { color:#dc2626; }
.yzl-price-period { font-size:12px; color:#94a3b8; font-weight:500; }
.yzl-card-btn { font-size:12px; font-weight:600; color:var(--primary-color); white-space:nowrap; transition:gap .2s; display:inline-flex; align-items:center; gap:4px; }
.yzl-card:hover .yzl-card-btn { gap:8px; color:var(--secondary-color); }
.yzl-card-btn i { font-size:11px; }
@media(max-width:576px){ .yzl-section{padding:50px 16px;} .yzl-title{font-size:24px;} }

/* ---- Yazılımlar Sayfa (yzlp-) ---- */
.yzlp-banner { background:#f4f6fa; padding:48px 20px; text-align:center; font-family:'Inter',sans-serif; }
.yzlp-banner-inner { max-width:1600px; margin:0 auto; }
.yzlp-banner h1 { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.yzlp-banner-desc { font-size:14px; color:#64748b; margin:0 0 10px; }
.yzlp-breadcrumb { font-size:13px; color:#94a3b8; }
.yzlp-breadcrumb a { color:var(--primary-color); text-decoration:none; }
.yzlp-section { padding:40px 20px 60px; font-family:'Inter',sans-serif; background:#fff; }
.yzlp-container { max-width:1600px; margin:0 auto; }
.yzlp-search-bar { margin-bottom:28px; }
.yzlp-search-form { display:flex; align-items:center; background:#f4f6fa; border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; transition:border-color .2s; }
.yzlp-search-form:focus-within { border-color:var(--primary-color); }
.yzlp-search-icon { padding:0 0 0 16px; color:#94a3b8; font-size:14px; }
.yzlp-search-input { flex:1; border:none; background:none; padding:12px 14px; font-size:14px; outline:none; font-family:'Inter',sans-serif; color:#0f172a; }
.yzlp-search-input::placeholder { color:#94a3b8; }
.yzlp-search-clear { padding:0 10px; color:#94a3b8; font-size:13px; text-decoration:none; }
.yzlp-search-clear:hover { color:#dc2626; }
.yzlp-search-btn { padding:10px 24px; background:var(--primary-color); color:#fff; border:none; font-size:13px; font-weight:600; cursor:pointer; font-family:'Inter',sans-serif; transition:opacity .2s; }
.yzlp-search-btn:hover { opacity:.85; }
.yzlp-layout { display:grid; grid-template-columns:280px 1fr; gap:32px; }
.yzlp-sidebar-box { background:#f8fafc; border:1px solid #e8ecf1; border-radius:14px; padding:24px 20px; position:sticky; top:90px; }
.yzlp-sidebar-title { font-size:14px; font-weight:700; color:#0f172a; margin:0 0 16px; display:flex; align-items:center; gap:8px; }
.yzlp-sidebar-title i { color:var(--secondary-color); font-size:13px; }
.yzlp-kat-list { list-style:none; padding:0; margin:0; }
.yzlp-kat-list li { margin-bottom:2px; }
.yzlp-kat-link { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; border-radius:8px; color:#475569; font-size:13px; font-weight:500; text-decoration:none; transition:all .2s; }
.yzlp-kat-link:hover { background:#fff; color:var(--primary-color); text-decoration:none; }
.yzlp-kat-active { background:#fff; color:var(--primary-color); font-weight:700; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.yzlp-kat-count { font-size:11px; background:#e8ecf1; color:#64748b; padding:2px 8px; border-radius:10px; font-weight:600; min-width:24px; text-align:center; }
.yzlp-kat-active .yzlp-kat-count { background:rgba(var(--primary-color-rgb,59,130,246),.1); color:var(--primary-color); }
.yzlp-topbar { margin-bottom:20px; display:flex; align-items:center; gap:8px; }
.yzlp-result-text { font-size:14px; color:#64748b; font-weight:500; }
.yzlp-empty { text-align:center; padding:60px 20px; color:#94a3b8; }
.yzlp-empty i { font-size:36px; margin-bottom:12px; display:block; }
.yzlp-empty p { font-size:14px; margin:0; }
.yzlp-pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:32px; }
.yzlp-page-link { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border-radius:8px; font-size:13px; font-weight:600; color:#475569; background:#f4f6fa; border:1px solid #e8ecf1; text-decoration:none; transition:all .2s; }
.yzlp-page-link:hover { color:var(--primary-color); border-color:var(--primary-color); background:#fff; text-decoration:none; }
.yzlp-page-active { background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
.yzlp-page-active:hover { background:var(--primary-color); color:#fff; }
.yzlp-page-dots { color:#94a3b8; font-size:13px; padding:0 4px; }
.yzlp-faq { margin-top:56px; }
.yzlp-faq-header { margin-bottom:28px; }
.yzlp-faq-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); padding:5px 14px; border-radius:20px; margin-bottom:12px; text-transform:uppercase; letter-spacing:.5px; }
.yzlp-faq-badge i { font-size:12px; color:var(--secondary-color); }
.yzlp-faq-title { font-size:24px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.yzlp-faq-desc { font-size:14px; color:#64748b; margin:0; line-height:1.6; }
.yzlp-faq-list { display:flex; flex-direction:column; gap:10px; }
.yzlp-faq-item { background:#f8fafc; border:1px solid #e8ecf1; border-radius:12px; cursor:pointer; transition:all .25s ease; overflow:hidden; }
.yzlp-faq-item:hover { border-color:#cbd5e1; background:#fff; }
.yzlp-faq-open { background:#fff; border-color:var(--primary-color); box-shadow:0 2px 12px rgba(var(--primary-color-rgb,59,130,246),.08); }
.yzlp-faq-q { display:flex; align-items:center; gap:14px; padding:16px 20px; }
.yzlp-faq-num { flex-shrink:0; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#e8ecf1; color:#64748b; font-size:12px; font-weight:700; transition:all .25s; }
.yzlp-faq-open .yzlp-faq-num { background:var(--primary-color); color:#fff; }
.yzlp-faq-q-text { flex:1; font-size:14px; font-weight:600; color:#1e293b; line-height:1.5; }
.yzlp-faq-toggle { flex-shrink:0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#e8ecf1; color:#64748b; font-size:11px; transition:all .3s; }
.yzlp-faq-open .yzlp-faq-toggle { background:var(--primary-color); color:#fff; transform:rotate(45deg); }
.yzlp-faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.yzlp-faq-open .yzlp-faq-a { max-height:600px; }
.yzlp-faq-a-inner { padding:0 20px 18px 66px; color:#475569; line-height:1.8; font-size:13px; }
@media(max-width:768px){ .yzlp-layout{grid-template-columns:1fr;} .yzlp-sidebar-box{position:static;} .yzlp-banner h1{font-size:24px;} .yzlp-faq-title{font-size:20px;} .yzlp-faq-q{padding:14px 16px; gap:10px;} .yzlp-faq-a-inner{padding:0 16px 16px 56px;} }

/* ---- Bayilik v2 (byv2-) ---- */
.byv2-section { padding:60px 20px; background:#f4f6fa; font-family:'Inter',sans-serif; }
.byv2-container { max-width:1600px; margin:0 auto; }
.byv2-header { text-align:center; margin-bottom:40px; }
.byv2-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); padding:5px 14px; border-radius:20px; margin-bottom:12px; text-transform:uppercase; letter-spacing:.5px; }
.byv2-badge i { font-size:13px; }
.byv2-title { font-size:28px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.byv2-subtitle { font-size:14px; color:#64748b; margin:0; line-height:1.6; }
.byv2-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }
.byv2-card { background:#fff; border:1px solid #e8ecf1; border-radius:16px; padding:32px 28px; display:flex; flex-direction:column; position:relative; transition:all .3s ease; }
.byv2-card:hover { border-color:var(--primary-color); box-shadow:0 8px 32px rgba(0,0,0,.07); transform:translateY(-3px); }
.byv2-card--pop { border-color:var(--primary-color); box-shadow:0 4px 20px rgba(var(--primary-color-rgb,59,130,246),.12); }
.byv2-card--pop:hover { box-shadow:0 12px 40px rgba(var(--primary-color-rgb,59,130,246),.18); }
.byv2-pop-tag { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--primary-color); color:#fff; padding:4px 18px; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; }
.byv2-card-top { margin-bottom:20px; }
.byv2-card-header-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.byv2-card-header-left { flex:1; }
.byv2-card-header-right { flex-shrink:0; }
.byv2-discount { display:inline-block; font-size:11px; font-weight:700; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); padding:3px 10px; border-radius:6px; margin-bottom:10px; }
.byv2-card-name { font-size:20px; font-weight:700; color:#0f172a; margin:0 0 6px; }
.byv2-card-desc { font-size:13px; color:#64748b; margin:0; line-height:1.5; }
.byv2-hediye-badge-top { background:#ecfdf5; border:1px solid #d1fae5; border-radius:8px; padding:8px 12px; display:flex; align-items:center; gap:8px; }
.byv2-hediye-badge-top i { font-size:16px; color:#059669; flex-shrink:0; }
.byv2-hediye-badge-text { display:flex; flex-direction:column; gap:1px; }
.byv2-hediye-badge-label { font-size:9px; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:.3px; line-height:1; }
.byv2-hediye-badge-value { font-size:14px; font-weight:700; color:#059669; line-height:1.2; }
@media(max-width:768px){ .byv2-card-header-row{flex-direction:column;} .byv2-card-header-right{width:100%;} .byv2-hediye-badge-top{width:100%;} }
.byv2-price-block { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f1f5f9; }
.byv2-kampanya-row { margin-bottom:6px; }
.byv2-price-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.byv2-price-row { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.byv2-price-old { font-size:16px; color:#94a3b8; text-decoration:line-through; }
.byv2-price { font-size:32px; font-weight:800; color:var(--primary-color); }
.byv2-price--sale { color:#dc2626; }
.byv2-price-label { font-size:12px; color:#94a3b8; margin-top:2px; display:block; }
.byv2-features { list-style:none; padding:0; margin:0 0 20px; flex:1; }
.byv2-features li { padding:7px 0; font-size:13px; color:#475569; display:flex; align-items:center; gap:8px; }
.byv2-features li i { color:var(--primary-color); font-size:11px; width:16px; text-align:center; flex-shrink:0; }
.byv2-extra-html { margin-bottom:16px; font-size:13px; color:#475569; line-height:1.8; }
.byv2-select-wrap { margin-bottom:12px; }
.byv2-select { width:100%; padding:10px 14px; border:1px solid #e8ecf1; border-radius:10px; font-size:13px; font-weight:600; color:#1e293b; background:#f8fafc; cursor:pointer; font-family:'Inter',sans-serif; transition:border-color .2s; }
.byv2-select:focus { border-color:var(--primary-color); outline:none; }
.byv2-btn { display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; background:#f4f6fa; color:var(--primary-color); border:1px solid #e8ecf1; border-radius:10px; font-size:13px; font-weight:600; text-decoration:none; font-family:'Inter',sans-serif; transition:all .25s; }
.byv2-btn:hover { background:var(--primary-color); color:#fff; border-color:var(--primary-color); text-decoration:none; }
.byv2-btn--pop { background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
.byv2-btn--pop:hover { opacity:.9; color:#fff; }
.byv2-btn i { font-size:11px; transition:transform .2s; }
.byv2-btn:hover i { transform:translateX(3px); }
.byv2-more { text-align:center; margin-top:32px; }
.byv2-more-link { font-size:14px; font-weight:600; color:var(--primary-color); text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:gap .2s; }
.byv2-more-link:hover { gap:12px; text-decoration:none; color:var(--secondary-color); }
.byv2-page-banner { background:#f4f6fa; padding:48px 20px; text-align:center; font-family:'Inter',sans-serif; }
.byv2-page-banner-inner { max-width:1600px; margin:0 auto; }
.byv2-page-banner h1 { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.byv2-page-banner-desc { font-size:14px; color:#64748b; margin:0 0 10px; }
.byv2-breadcrumb { font-size:13px; color:#94a3b8; }
.byv2-breadcrumb a { color:var(--primary-color); text-decoration:none; }
.byv2-page-section { padding:40px 20px 60px; background:#fff; font-family:'Inter',sans-serif; }
.byv2-empty { text-align:center; padding:60px 20px; color:#94a3b8; }
.byv2-empty i { font-size:40px; margin-bottom:14px; display:block; }
.byv2-empty p { font-size:15px; margin:0; }
@media(max-width:768px){ .byv2-grid{grid-template-columns:1fr;} .byv2-card{padding:24px 20px;} .byv2-title{font-size:22px;} .byv2-page-banner h1{font-size:24px;} }

/* ---- Blog Anasayfa (blg-) ---- */
.blg-section { padding:60px 20px; background:#fff; font-family:'Inter',sans-serif; }
.blg-container { max-width:1600px; margin:0 auto; }
.blg-header { text-align:center; margin-bottom:40px; }
.blg-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); padding:5px 14px; border-radius:20px; margin-bottom:12px; text-transform:uppercase; letter-spacing:.5px; }
.blg-badge i { font-size:12px; }
.blg-title { font-size:28px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.blg-subtitle { font-size:14px; color:#64748b; margin:0; line-height:1.6; }
.blg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }
.blg-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; text-decoration:none; transition:all .3s ease; }
.blg-card:hover { border-color:var(--primary-color); box-shadow:0 8px 28px rgba(0,0,0,.07); transform:translateY(-3px); text-decoration:none; }
.blg-card-img { height:200px; overflow:hidden; background:#f4f6fa; position:relative; }
.blg-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.blg-card:hover .blg-card-img img { transform:scale(1.05); }
.blg-card-noimg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#cbd5e1; font-size:32px; }
.blg-card-body { padding:20px 22px 22px; flex:1; display:flex; flex-direction:column; }
.blg-card-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.blg-card-cat { font-size:11px; font-weight:700; color:var(--primary-color); background:rgba(var(--primary-color-rgb,59,130,246),.08); padding:3px 10px; border-radius:6px; text-decoration:none; }
.blg-card-date { font-size:12px; color:#94a3b8; display:flex; align-items:center; gap:4px; }
.blg-card-date i { font-size:11px; color:var(--secondary-color); }
.blg-card-title { font-size:16px; font-weight:700; color:#0f172a; line-height:1.45; margin:0 0 8px; }
.blg-card-excerpt { font-size:13px; color:#64748b; line-height:1.6; margin:0 0 16px; flex:1; }
.blg-card-link { font-size:13px; font-weight:600; color:var(--primary-color); display:inline-flex; align-items:center; gap:6px; }
.blg-card-link i { font-size:11px; transition:transform .2s; }
.blg-card:hover .blg-card-link { color:var(--secondary-color); }
.blg-card:hover .blg-card-link i { transform:translateX(3px); }
.blg-more { text-align:center; margin-top:32px; }
.blg-more-link { font-size:14px; font-weight:600; color:var(--primary-color); text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:gap .2s; }
.blg-more-link:hover { gap:12px; text-decoration:none; color:var(--secondary-color); }

/* ---- Blog Sayfa (blgp-) ---- */
.blgp-banner { background:#f4f6fa; padding:48px 20px; text-align:center; font-family:'Inter',sans-serif; }
.blgp-banner--sm { padding:20px 20px; text-align:left; }
.blgp-banner-inner { max-width:1600px; margin:0 auto; }
.blgp-banner h1 { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.blgp-banner-desc { font-size:14px; color:#64748b; margin:0 0 10px; }
.blgp-breadcrumb { font-size:13px; color:#94a3b8; }
.blgp-breadcrumb a { color:var(--primary-color); text-decoration:none; }
.blgp-section { padding:40px 20px 60px; font-family:'Inter',sans-serif; background:#fff; }
.blgp-container { max-width:1600px; margin:0 auto; }
.blgp-layout { display:grid; grid-template-columns:1fr 280px; gap:32px; }
.blgp-main { min-width:0; }
.blgp-sidebar-box { background:#f8fafc; border:1px solid #e8ecf1; border-radius:14px; padding:24px 20px; margin-bottom:20px; position:sticky; top:90px; }
.blgp-sidebar-title { font-size:14px; font-weight:700; color:#0f172a; margin:0 0 16px; display:flex; align-items:center; gap:8px; }
.blgp-sidebar-title i { color:var(--secondary-color); font-size:13px; }
.blgp-son-yazi { display:flex; gap:12px; padding:10px 0; border-bottom:1px solid #e8ecf1; }
.blgp-son-yazi:last-child { border-bottom:none; padding-bottom:0; }
.blgp-son-yazi-img { width:60px; height:60px; flex-shrink:0; border-radius:10px; overflow:hidden; background:#e8ecf1; }
.blgp-son-yazi-img img { width:100%; height:100%; object-fit:cover; }
.blgp-son-yazi-info { flex:1; min-width:0; }
.blgp-son-yazi-info a { display:block; font-size:13px; font-weight:600; color:#0f172a; text-decoration:none; line-height:1.4; margin-bottom:4px; transition:color .2s; }
.blgp-son-yazi-info a:hover { color:var(--secondary-color); }
.blgp-son-yazi-info span { font-size:12px; color:#94a3b8; display:flex; align-items:center; gap:4px; }
.blgp-son-yazi-info span i { font-size:10px; color:var(--secondary-color); }
.blgp-empty { grid-column:1/-1; text-align:center; padding:60px 20px; color:#94a3b8; }
.blgp-empty i { font-size:36px; margin-bottom:12px; display:block; }
.blgp-empty p { font-size:14px; margin:0; }

/* ---- Blog Detay (blgd-) ---- */
.blgd-article { background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; }
.blgd-cover { width:100%; max-height:480px; overflow:hidden; }
.blgd-cover img { width:100%; height:auto; display:block; object-fit:cover; }
.blgd-content { padding:32px 36px; }
.blgd-title { font-size:26px; font-weight:800; color:#0f172a; line-height:1.35; margin:0 0 24px; }
.blgd-body { font-size:15px; line-height:1.85; color:#475569; }
.blgd-body img { max-width:100%; height:auto; border-radius:8px; margin:16px 0; }
.blgd-body h2,.blgd-body h3 { color:#0f172a; margin-top:24px; }
.blgd-body a { color:var(--primary-color); }
.blgd-body blockquote { border-left:4px solid var(--primary-color); padding:12px 20px; margin:16px 0; background:#f8fafc; border-radius:0 8px 8px 0; color:#475569; font-style:italic; }
.blgd-tags { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:20px; padding:16px 0; }
.blgd-tags > i { color:#94a3b8; font-size:14px; }
.blgd-tag { display:inline-block; background:#f4f6fa; color:#475569; padding:4px 12px; border-radius:8px; font-size:12px; font-weight:500; }
@media(max-width:768px){ .blg-grid{grid-template-columns:1fr;} .blgp-layout{grid-template-columns:1fr;} .blgp-sidebar-box{position:static;} .blgp-banner h1{font-size:24px;} .blgd-content{padding:24px 20px;} .blgd-title{font-size:22px;} }

/* ---- Hero / Arama ---- */
.ahm-hero { padding: 48px 20px; }
.ahm-hero__inner { max-width: 680px; margin: 0 auto; text-align: center; }
.ahm-hero__form { display: flex; gap: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.08); border: 1px solid #e2e8f0; }
.ahm-hero__input { flex: 1; padding: 14px 20px; border: none; outline: none; font-size: 15px; font-family: 'Inter', sans-serif; background: #fff; }
.ahm-hero__btn { padding: 14px 28px; border: none; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; font-family: 'Inter', sans-serif; transition: opacity .3s; display: flex; align-items: center; gap: 8px; }
.ahm-hero__btn:hover { opacity: .85; }

/* ---- CTA ---- */
.ahm-cta { padding: 48px 20px; background: var(--primary-color); font-family: 'Inter', sans-serif; }
.ahm-cta__inner { max-width: 1600px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.ahm-cta__content { flex: 1; min-width: 280px; }
.ahm-cta__title { color: #fff; margin: 0 0 6px; font-size: 24px; font-weight: 700; }
.ahm-cta__desc { color: rgba(255,255,255,.75); margin: 0; font-size: 14px; line-height: 1.6; }
.ahm-cta__btn { display: inline-block; padding: 14px 36px; background: #fff; color: #1e293b; border-radius: 8px; font-weight: 700; font-size: 14px; text-decoration: none; transition: opacity .3s; }
.ahm-cta__btn:hover { opacity: .9; color: #1e293b; }
.ahm-cta__btn i { margin-left: 6px; }

/* ---- Ä°statistikler v2 (istv2) ---- */
.istv2 { padding:52px 20px; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.istv2__inner { max-width:1600px; margin:0 auto; }
.istv2__grid { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.istv2__item { display:flex; align-items:center; gap:16px; padding:24px 32px; flex:1 1 220px; max-width:300px; }
.istv2__icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.istv2__icon i { font-size:20px; }
.istv2__text { display:flex; flex-direction:column; gap:2px; }
.istv2__label { font-size:13px; font-weight:500; color:#64748b; line-height:1.3; }
.istv2__number { font-size:28px; font-weight:800; color:#0f172a; line-height:1.15; letter-spacing:-.5px; }

@media (max-width:768px) {
    .istv2__grid { gap:12px; }
    .istv2__item { flex:1 1 calc(50% - 12px); max-width:none; padding:18px 20px; }
    .istv2__number { font-size:24px; }
    .ahm-grid--3col, .ahm-grid--3col-wide { grid-template-columns: 1fr; }
    .ahm-cta__inner { flex-direction: column; text-align: center; }
    .ahm-hero__form { flex-direction: column; }
    .ahm-hero__btn { justify-content: center; }
}
@media (max-width:480px) {
    .istv2__item { flex:1 1 100%; }
}


/* ---- Blog Placeholder ---- */
.blog-header img { width: 100%; height: 100%; object-fit: cover; }
.blog-header__placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; }
.blog-header__placeholder p { margin: 0; font-size: 12px; opacity: .9; }

/* ---- Empty State ---- */
.ahm-empty-state { grid-column: 1 / -1; text-align: center; padding: 40px; color: #999; }

/* ---- Kampanyalar Grid ---- */
.akmp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; }
.akmp-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; text-decoration: none; transition: all .3s; font-family: 'Inter', sans-serif; }
.akmp-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,.1); transform: translateY(-4px); text-decoration: none; }
.akmp-card-img { height: 160px; background-size: cover; background-position: center; background-color: #f1f5f9; }
.akmp-card-noimg { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f0f4ff, #e0e7ff); }
.akmp-card-noimg i { font-size: 40px; color: var(--secondary-color, #6c757d); opacity: .35; }
.akmp-card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }
.akmp-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; align-self: flex-start; margin-bottom: 10px; }
.akmp-card-title { font-size: 15px; font-weight: 700; color: #1e293b; margin: 0 0 6px; line-height: 1.3; }
.akmp-card-desc { font-size: 12px; color: #64748b; margin: 0 0 12px; line-height: 1.5; }
.akmp-card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 12px; border-top: 1px solid #f1f5f9; }
.akmp-card-type { font-size: 11px; color: #64748b; font-weight: 600; }
.akmp-card-type i { color: var(--secondary-color, #94a3b8); margin-right: 3px; }
.akmp-card-timer { font-size: 11px; color: #ef4444; font-weight: 600; }
.akmp-card-timer i { margin-right: 3px; }

/* Domain Sorgula: CSS artik inline (domain_sorgula.php icinde) */

@media (max-width: 768px) {
    .akmp-grid { grid-template-columns: 1fr; }
}

/* ==================== ÃœRÃœN GRUBU SAYFASI v2 (ugv2-) ==================== */
.ugv2-banner { background:#f4f6fa; padding:48px 20px; text-align:center; font-family:'Inter',sans-serif; }
.ugv2-banner-inner { max-width:1600px; margin:0 auto; }
.ugv2-banner h1 { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.ugv2-banner-desc { font-size:14px; color:#64748b; margin:0 0 10px; }
.ugv2-breadcrumb { font-size:13px; color:#94a3b8; }
.ugv2-breadcrumb a { color:var(--primary-color); text-decoration:none; }
.ugv2-breadcrumb span { margin:0 4px; }
.ugv2-section { padding:40px 20px 60px; font-family:'Inter',sans-serif; background:#fff; }
.ugv2-container { max-width:1600px; margin:0 auto; }
.ugv2-layout { display:grid; grid-template-columns:280px 1fr; gap:32px; }
.ugv2-layout--full { grid-template-columns:1fr; }
.ugv2-sb-box { background:#f8fafc; border:1px solid #e8ecf1; border-radius:14px; padding:24px 20px; position:sticky; top:90px; }
.ugv2-sb-title { font-size:14px; font-weight:700; color:#0f172a; margin:0 0 16px; display:flex; align-items:center; gap:8px; }
.ugv2-sb-title i { color:var(--secondary-color); font-size:13px; }
.ugv2-topbar { margin-bottom:20px; }
.ugv2-count { font-size:14px; font-weight:600; color:#64748b; }
/* Grid */
.ugv2-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.ugv2-card { background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; transition:box-shadow .3s,transform .3s; }
.ugv2-card:hover { box-shadow:0 8px 28px rgba(0,0,0,.07); transform:translateY(-3px); }
.ugv2-card-img { aspect-ratio:4/3; overflow:hidden; background:#f4f6fa; }
.ugv2-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.ugv2-card:hover .ugv2-card-img img { transform:scale(1.06); }
.ugv2-noimg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#cbd5e1; font-size:32px; }
.ugv2-card-body { padding:18px; }
.ugv2-card-title { font-size:15px; font-weight:700; margin:0 0 10px; line-height:1.4; }
.ugv2-card-title a { color:#0f172a; text-decoration:none; transition:color .2s; }
.ugv2-card-title a:hover { color:var(--primary-color); }
.ugv2-card-price { font-size:20px; font-weight:800; color:var(--primary-color); margin-bottom:14px; }
.ugv2-card-price small { font-size:12px; color:#94a3b8; font-weight:500; }
.ugv2-old-price { font-size:13px; color:#94a3b8; text-decoration:line-through; margin-right:6px; }
.ugv2-sale-price { color:#dc2626; }
.ugv2-card-btn { display:block; text-align:center; padding:10px; background:var(--primary-color); color:#fff; border-radius:10px; font-size:13px; font-weight:600; text-decoration:none; transition:background .25s; }
.ugv2-card-btn:hover { background:var(--secondary-color); color:#fff; }
/* Liste */
.ugv2-list { display:flex; flex-direction:column; gap:12px; }
.ugv2-list-item { display:flex; align-items:center; gap:20px; border:1px solid #e8ecf1; border-radius:12px; padding:16px; transition:box-shadow .3s; }
.ugv2-list-item:hover { box-shadow:0 4px 16px rgba(0,0,0,.05); }
.ugv2-list-img { width:72px; height:72px; border-radius:10px; overflow:hidden; flex-shrink:0; background:#f4f6fa; }
.ugv2-list-img img { width:100%; height:100%; object-fit:cover; }
.ugv2-list-info { flex:1; min-width:0; }
.ugv2-list-info h3 { font-size:15px; font-weight:700; margin:0 0 4px; }
.ugv2-list-info h3 a { color:#0f172a; text-decoration:none; transition:color .2s; }
.ugv2-list-info h3 a:hover { color:var(--primary-color); }
.ugv2-list-info p { font-size:13px; color:#64748b; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ugv2-list-price { font-size:18px; font-weight:800; color:var(--primary-color); white-space:nowrap; flex-shrink:0; }
.ugv2-list-price small { font-size:11px; color:#94a3b8; font-weight:500; }
.ugv2-list-btn { padding:10px 24px; background:var(--primary-color); color:#fff; border-radius:10px; font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap; transition:background .25s; flex-shrink:0; }
.ugv2-list-btn:hover { background:var(--secondary-color); color:#fff; }
.ugv2-empty { text-align:center; padding:60px 20px; color:#94a3b8; }
.ugv2-empty i { font-size:36px; display:block; margin-bottom:12px; }
.ugv2-empty p { font-size:14px; margin:0; }
@media(max-width:768px){
    .ugv2-layout { grid-template-columns:1fr; }
    .ugv2-sb-box { position:static; }
    .ugv2-banner h1 { font-size:24px; }
    .ugv2-list-item { flex-wrap:wrap; gap:12px; }
    .ugv2-list-price { width:100%; order:3; }
    .ugv2-list-btn { width:100%; text-align:center; display:block; order:4; }
}

/* ==================== BÄ°LGÄ° BANKASI v2 (bbv2-) ==================== */
.bbv2-banner { background:#f4f6fa; padding:48px 20px; text-align:center; font-family:'Inter',sans-serif; }
.bbv2-banner--sm { padding:20px 20px; text-align:left; }
.bbv2-banner-inner { max-width:1600px; margin:0 auto; }
.bbv2-banner h1 { font-size:30px; font-weight:800; color:#0f172a; margin:0 0 8px; }
.bbv2-banner-desc { font-size:14px; color:#64748b; margin:0 0 10px; }
.bbv2-breadcrumb { font-size:13px; color:#94a3b8; }
.bbv2-breadcrumb a { color:var(--primary-color); text-decoration:none; }
.bbv2-breadcrumb span { margin:0 4px; }
.bbv2-section { padding:40px 20px 60px; font-family:'Inter',sans-serif; background:#fff; }
.bbv2-container { max-width:1600px; margin:0 auto; }
.bbv2-layout { display:grid; grid-template-columns:280px 1fr; gap:32px; }
.bbv2-sidebar { min-width:0; }
.bbv2-main { min-width:0; }
.bbv2-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.bbv2-card { background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; transition:box-shadow .3s,transform .3s; }
.bbv2-card:hover { box-shadow:0 8px 28px rgba(0,0,0,.07); transform:translateY(-3px); }
.bbv2-card-img { display:block; width:100%; height:200px; overflow:hidden; background:#f4f6fa; }
.bbv2-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.bbv2-card:hover .bbv2-card-img img { transform:scale(1.06); }
.bbv2-card-body { padding:20px; }
.bbv2-card-cat { display:inline-block; background:var(--primary-color); color:#fff; padding:4px 14px; border-radius:20px; font-size:11px; font-weight:600; margin-bottom:10px; text-decoration:none; transition:background .25s; }
.bbv2-card-cat:hover { background:var(--secondary-color); color:#fff; }
.bbv2-card-title { font-size:16px; font-weight:700; color:#0f172a; line-height:1.4; margin:0 0 8px; }
.bbv2-card-title a { color:#0f172a; text-decoration:none; transition:color .2s; }
.bbv2-card-title a:hover { color:var(--primary-color); }
.bbv2-card-meta { font-size:12px; color:#94a3b8; display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.bbv2-card-meta i { margin-right:3px; color:var(--secondary-color); }
.bbv2-card-excerpt { font-size:13px; color:#64748b; line-height:1.6; margin:0 0 14px; }
.bbv2-card-link { font-size:13px; font-weight:600; color:var(--primary-color); text-decoration:none; display:inline-flex; align-items:center; gap:5px; transition:gap .2s,color .2s; }
.bbv2-card-link:hover { gap:8px; color:var(--secondary-color); }
.bbv2-detay-meta { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:16px; font-size:13px; color:#94a3b8; }
.bbv2-detay-meta i { color:var(--secondary-color); margin-right:3px; }
.bbv2-empty { text-align:center; padding:60px 20px; color:#94a3b8; }
.bbv2-empty i { font-size:36px; display:block; margin-bottom:12px; }
.bbv2-empty p { font-size:14px; margin:0; }
@media(max-width:768px){
    .bbv2-layout { grid-template-columns:1fr; }
    .bbv2-banner h1 { font-size:24px; }
    .bbv2-grid { grid-template-columns:1fr; }
}

/* ==================== DOMAIN SAYFASI (dm-) ==================== */
.dm-hero { background:var(--primary-color); padding:52px 20px 44px; text-align:center; font-family:'Inter',sans-serif; }
.dm-hero h1 { color:#fff; font-size:28px; font-weight:800; margin:0 0 8px; }
.dm-hero h1 span { color:rgba(255,255,255,.65); }
.dm-hero p { color:rgba(255,255,255,.55); font-size:13px; margin:0 0 28px; }
.dm-search-wrap { display:flex; gap:0; max-width:650px; margin:0 auto; border-radius:12px; overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.18); }
.dm-search-input { flex:1; padding:16px 20px; border:none; font-size:15px; font-family:'Inter',sans-serif; outline:none; color:#1e293b; }
.dm-search-input::placeholder { color:#94a3b8; }
.dm-search-btn { padding:16px 28px; border:none; font-size:14px; font-weight:700; font-family:'Inter',sans-serif; cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:6px; transition:opacity .2s; }
.dm-btn-kontrol { background:var(--secondary-color,#059669); color:#fff; }
.dm-btn-transfer { background:rgba(255,255,255,.15); color:#fff; }
.dm-btn-kontrol:hover,.dm-btn-transfer:hover { opacity:.85; }
/* Slider */
.dm-slider-wrap { background:#f8fafc; border-bottom:1px solid #e8ecf1; padding:18px 20px; overflow-x:auto; }
.dm-slider { display:flex; gap:12px; max-width:1600px; margin:0 auto; justify-content:center; flex-wrap:wrap; }
.dm-slider-item { display:flex; align-items:center; gap:12px; padding:14px 20px; background:#fff; border:1px solid #e8ecf1; border-radius:12px; min-width:170px; cursor:pointer; transition:box-shadow .25s; }
.dm-slider-item:hover { box-shadow:0 4px 16px rgba(0,0,0,.06); }
.dm-slider-icon { width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:#fff; }
.dm-slider-info { flex:1; }
.dm-slider-tld { font-size:13px; font-weight:700; color:#0f172a; }
.dm-slider-sub { font-size:11px; color:#94a3b8; }
.dm-slider-price { text-align:right; }
.dm-slider-kampanya { font-size:10px; color:#dc2626; font-weight:600; text-decoration:line-through; }
.dm-slider-fiyat { font-size:16px; font-weight:800; color:#0f172a; }
.dm-slider-fiyat small { font-size:11px; color:#64748b; font-weight:400; }
/* Sonuc */
.dm-result-section { display:none; padding:32px 20px; background:#f8fafc; font-family:'Inter',sans-serif; }
.dm-result-container { max-width:900px; margin:0 auto; }
.dm-result-header { text-align:center; margin-bottom:24px; }
.dm-result-header.musait h3 { color:var(--secondary-color,#059669); }
.dm-result-header.kayitli h3 { color:#dc2626; }
.dm-result-header h3 { font-size:18px; font-weight:700; margin:0; }
.dm-result-header h3 strong { color:#0f172a; }
.dm-results-list { display:flex; flex-direction:column; gap:10px; }
.dm-result-card { background:#fff; border:1px solid #e8ecf1; border-radius:14px; padding:16px 20px; display:flex; align-items:center; gap:16px; transition:box-shadow .25s; }
.dm-result-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.05); }
.dm-result-card.highlight { box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.12); border-color:#e8ecf1; }
.dm-rc-domain { flex:1; min-width:0; }
.dm-rc-name { font-size:15px; font-weight:700; color:#0f172a; word-break:break-all; }
.dm-rc-tld { font-size:12px; color:#94a3b8; margin-top:2px; }
.dm-rc-status { flex-shrink:0; }
.dm-status { display:inline-block; padding:5px 14px; border-radius:20px; font-size:12px; font-weight:600; }
.dm-status.musait { background:#dcfce7; color:#16a34a; }
.dm-status.kayitli { background:#fef2f2; color:#dc2626; }
.dm-status.bilinmiyor { background:#fef9c3; color:#a16207; }
.dm-rc-price { flex-shrink:0; }
.dm-rc-price select { padding:8px 12px; border:1px solid #e8ecf1; border-radius:10px; font-size:13px; font-weight:600; background:#fff; cursor:pointer; font-family:'Inter',sans-serif; color:#0f172a; }
.dm-rc-price select:focus { border-color:var(--primary-color); outline:none; box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1); }
.dm-rc-action { flex-shrink:0; }
.dm-rc-action input[type=checkbox] { width:20px; height:20px; cursor:pointer; accent-color:var(--primary-color); }
.dm-rc-whois { display:inline-flex; align-items:center; gap:4px; padding:7px 14px; background:var(--primary-color); color:#fff; border-radius:10px; font-size:12px; font-weight:600; text-decoration:none; transition:opacity .2s; }
.dm-rc-whois:hover { opacity:.85; color:#fff; text-decoration:none; }
.dm-rc-transfer { display:inline-flex; align-items:center; gap:4px; padding:7px 14px; background:var(--secondary-color,#059669); color:#fff; border-radius:10px; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; border:none; font-family:'Inter',sans-serif; transition:opacity .2s; }
.dm-rc-transfer:hover { opacity:.85; color:#fff; text-decoration:none; }
.dm-transfer-epp { display:none; margin-top:10px; padding:14px 18px; background:#f4f6fa; border:1px solid #e8ecf1; border-radius:12px; }
.dm-transfer-epp.active { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dm-transfer-epp input { flex:1; min-width:160px; padding:10px 14px; border:1px solid #e8ecf1; border-radius:10px; font-size:14px; font-weight:600; font-family:'Inter',sans-serif; }
.dm-transfer-epp input:focus { border-color:var(--primary-color); outline:none; box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1); }
.dm-transfer-epp button { padding:10px 20px; background:var(--secondary-color,#059669); color:#fff; border:none; border-radius:10px; font-size:13px; font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; white-space:nowrap; transition:opacity .2s; }
.dm-transfer-epp button:hover { opacity:.85; }
/* Devam */
.dm-devam-wrap { text-align:right; margin-top:16px; }
.dm-devam-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:var(--primary-color); color:#fff; border:none; border-radius:12px; font-size:15px; font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; transition:opacity .2s; }
.dm-devam-btn:hover { opacity:.85; }
/* Fiyat Tablosu */
.dm-pricing { padding:52px 20px; background:#fff; font-family:'Inter',sans-serif; }
.dm-pricing-container { max-width:1600px; margin:0 auto; }
.dm-pricing h2 { text-align:center; font-size:24px; font-weight:800; color:#0f172a; margin:0 0 6px; }
.dm-pricing p { text-align:center; font-size:14px; color:#64748b; margin:0 0 28px; }
.dm-pricing-wrap { border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; }
.dm-pricing-table { width:100%; border-collapse:collapse; }
.dm-pricing-table thead tr { background:var(--primary-color); }
.dm-pricing-table th { padding:14px 16px; color:#fff; font-size:12px; font-weight:600; text-align:center; text-transform:uppercase; letter-spacing:.4px; }
.dm-pricing-table th:first-child { text-align:left; }
.dm-pricing-table td { padding:14px 16px; border-bottom:1px solid #f1f5f9; font-size:14px; text-align:center; }
.dm-pricing-table tbody tr:last-child td { border-bottom:none; }
.dm-pricing-table td:first-child { text-align:left; font-weight:700; font-size:14px; color:#0f172a; }
.dm-pricing-table tbody tr:nth-child(even) { background:#f8fafc; }
.dm-pricing-table tbody tr:hover { background:#f4f6fa; }
.dm-pricing-table .price-kayit { color:var(--primary-color); font-weight:700; }
.dm-pricing-table .price-other { color:#64748b; }
@media(max-width:768px){
    .dm-search-wrap { flex-direction:column; }
    .dm-slider { flex-wrap:nowrap; justify-content:flex-start; }
    .dm-result-card { flex-wrap:wrap; gap:10px; }
    .dm-rc-domain { width:100%; }
    .dm-hero h1 { font-size:22px; }
}

/* ==================== WHOIS SAYFASI v2 (wh2-) ==================== */
.wh2-hero { background:var(--primary-color); padding:52px 20px 44px; text-align:center; font-family:'Inter',sans-serif; }
.wh2-hero h1 { color:#fff; font-size:28px; font-weight:800; margin:0 0 6px; }
.wh2-hero h1 i { margin-right:6px; font-size:22px; opacity:.7; }
.wh2-hero p { color:rgba(255,255,255,.55); font-size:13px; margin:0 0 28px; }
.wh2-search-box { display:flex; gap:0; max-width:600px; margin:0 auto; border-radius:12px; overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.18); }
.wh2-search-box input { flex:1; padding:16px 20px; border:none; font-size:15px; font-family:'Inter',sans-serif; outline:none; color:#1e293b; }
.wh2-search-box input::placeholder { color:#94a3b8; }
.wh2-search-box button { padding:16px 28px; border:none; background:var(--secondary-color,#059669); color:#fff; font-size:14px; font-weight:700; font-family:'Inter',sans-serif; cursor:pointer; display:flex; align-items:center; gap:6px; white-space:nowrap; transition:opacity .2s; }
.wh2-search-box button:hover { opacity:.85; }
/* Info Cards */
.wh2-info { padding:48px 20px; background:#fff; font-family:'Inter',sans-serif; }
.wh2-info-inner { max-width:1600px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.wh2-info-card { background:#f8fafc; border:1px solid #e8ecf1; border-radius:14px; padding:28px 24px; transition:box-shadow .3s,transform .3s; }
.wh2-info-card:hover { box-shadow:0 8px 28px rgba(0,0,0,.06); transform:translateY(-3px); }
.wh2-info-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.wh2-info-icon i { font-size:20px; color:#fff; }
.wh2-info-icon--1 { background:var(--primary-color); }
.wh2-info-icon--2 { background:var(--secondary-color,#059669); }
.wh2-info-icon--3 { background:#8b5cf6; }
.wh2-info-card h3 { font-size:16px; font-weight:700; color:#0f172a; margin:0 0 8px; }
.wh2-info-card p { font-size:13px; color:#64748b; line-height:1.65; margin:0; }
/* Tabs */
.wh2-content { max-width:960px; margin:0 auto; padding:0 20px; }
.wh2-tabs-bar { display:flex; gap:0; border-bottom:2px solid #e8ecf1; margin:28px 0 0; }
.wh2-tab-btn { padding:12px 22px; font-size:13px; font-weight:600; color:#94a3b8; cursor:pointer; border:none; border-bottom:2px solid transparent; margin-bottom:-2px; background:none; font-family:'Inter',sans-serif; transition:all .2s; }
.wh2-tab-btn:hover { color:#475569; }
.wh2-tab-btn.active { color:var(--primary-color); border-bottom-color:var(--primary-color); }
.wh2-tab-btn i { margin-right:4px; }
.wh2-panel { display:none; padding:24px 0 40px; }
.wh2-panel.active { display:block; }
.wh2-msg { text-align:center; padding:48px 20px; color:#94a3b8; font-size:14px; font-family:'Inter',sans-serif; }
.wh2-msg i { margin-right:6px; }
.wh2-msg--err { color:#dc2626; }
/* Sections */
.wh2-section { background:#fff; border:1px solid #e8ecf1; border-radius:14px; overflow:hidden; margin-bottom:20px; }
.wh2-section-head { background:var(--primary-color); padding:13px 18px; display:flex; align-items:center; gap:8px; }
.wh2-section-head i { color:rgba(255,255,255,.5); font-size:14px; }
.wh2-section-head span { font-size:13px; font-weight:700; color:#fff; font-family:'Inter',sans-serif; }
.wh2-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:0; }
.wh2-grid-item { padding:14px 18px; border-bottom:1px solid #f1f5f9; display:flex; flex-direction:column; gap:3px; }
.wh2-grid-item:last-child { border-bottom:none; }
.wh2-grid-label { font-size:11px; font-weight:600; color:#94a3b8; text-transform:uppercase; letter-spacing:.4px; }
.wh2-grid-val { font-size:14px; font-weight:600; color:#0f172a; word-break:break-all; }
.wh2-grid-val--empty { color:#cbd5e1; font-weight:400; font-style:italic; font-size:13px; }
.wh2-badges { display:flex; flex-wrap:wrap; gap:6px; padding:14px 18px; }
.wh2-badge { display:inline-block; padding:4px 12px; border-radius:8px; font-size:11px; font-weight:600; background:#f4f6fa; color:#475569; }
/* NS */
.wh2-ns-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; padding:18px; }
.wh2-ns-card { background:#f8fafc; border:1px solid #e8ecf1; border-radius:12px; padding:14px 16px; display:flex; align-items:center; gap:12px; transition:box-shadow .25s; }
.wh2-ns-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.05); }
.wh2-ns-icon { width:38px; height:38px; border-radius:10px; background:var(--primary-color); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wh2-ns-icon i { color:#fff; font-size:14px; }
.wh2-ns-name { font-size:14px; font-weight:700; color:#0f172a; }
.wh2-ns-ip { font-size:12px; color:#64748b; margin-top:2px; }
/* DNS Table */
.wh2-dns-filter { display:flex; gap:6px; flex-wrap:wrap; padding:14px 18px 0; }
.wh2-dfbtn { padding:5px 12px; border-radius:8px; font-size:12px; font-weight:600; border:1px solid #e8ecf1; background:#fff; color:#64748b; cursor:pointer; transition:all .15s; font-family:'Inter',sans-serif; }
.wh2-dfbtn:hover { box-shadow:0 2px 8px rgba(0,0,0,.05); color:var(--primary-color); }
.wh2-dfbtn.active { background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
.wh2-dns-tbl { width:100%; border-collapse:collapse; }
.wh2-dns-tbl thead th { background:#f8fafc; padding:10px 14px; font-size:11px; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:.3px; border-bottom:2px solid #e8ecf1; text-align:left; }
.wh2-dns-tbl tbody td { padding:10px 14px; border-bottom:1px solid #f1f5f9; font-size:13px; color:#334155; vertical-align:top; }
.wh2-dns-tbl tbody tr:last-child td { border-bottom:none; }
.wh2-dns-tbl tbody tr:hover { background:#f8fafc; }
.wh2-dns-type { display:inline-block; padding:2px 8px; border-radius:6px; font-size:10px; font-weight:700; min-width:44px; text-align:center; }
.wh2-dns-t-a { background:#dcfce7; color:#16a34a; }
.wh2-dns-t-aaaa { background:#dbeafe; color:#2563eb; }
.wh2-dns-t-mx { background:#fef3c7; color:#d97706; }
.wh2-dns-t-ns { background:#ede9fe; color:#7c3aed; }
.wh2-dns-t-txt { background:#f1f5f9; color:#475569; }
.wh2-dns-t-cname { background:#fce7f3; color:#db2777; }
.wh2-dns-t-soa { background:#fff7ed; color:#ea580c; }
.wh2-dns-val { max-width:420px; word-break:break-all; }
/* Raw */
.wh2-raw-box { background:#0f172a; border-radius:12px; padding:20px; max-height:400px; overflow-y:auto; }
.wh2-raw-box pre { color:#94a3b8; font-size:12px; font-family:'Courier New',monospace; white-space:pre-wrap; word-break:break-all; margin:0; line-height:1.7; }
@media(max-width:768px){
    .wh2-search-box { flex-direction:column; }
    .wh2-info-inner { grid-template-columns:1fr; }
    .wh2-grid { grid-template-columns:1fr; }
    .wh2-ns-grid { grid-template-columns:1fr; }
    .wh2-tab-btn { padding:10px 14px; font-size:12px; }
    .wh2-hero h1 { font-size:22px; }
}

/* ============================================================
   ANASAYFA SLIDER
   ============================================================ */
.sp-wrap{position:relative;overflow:hidden;font-family:'Inter','Segoe UI',sans-serif;width:100%;}
.sp-slide{display:none;position:relative;min-height:640px;}
.sp-slide.sp-active{display:flex;align-items:center;}
.sp-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;}
.sp-bg video,.sp-bg img{width:100%;height:100%;object-fit:cover;}
.sp-bg-color{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.sp-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.sp-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(110deg,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.1) 75%,transparent 100%);}
.sp-layout{position:relative;z-index:5;max-width:1600px;margin:0 auto;padding:0 40px;display:flex;align-items:center;min-height:640px;width:100%;}
.sp-left{flex:1;padding:70px 0;padding-right:50px;}
.sp-slide.sp-no-img .sp-left{padding-right:0;max-width:720px;}
.sp-right{width:400px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;}
.sp-right img{max-width:100%;max-height:500px;object-fit:contain;display:block;filter:drop-shadow(0 16px 48px rgba(0,0,0,0.3));position:relative;z-index:2;}
.sp-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:5px 16px 5px 5px;border-radius:28px;margin-bottom:22px;font-size:13px;color:#1e293b;font-weight:500;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.1);}
.sp-badge strong{font-weight:700;}
.sp-badge-box{background:var(--primary-color,#4f46e5);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;}
.sp-title{font-size:46px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.08;letter-spacing:-1px;}
.sp-desc{font-size:15px;line-height:1.85;color:rgba(255,255,255,0.72);margin:0 0 44px;max-width:520px;}
.sp-desc strong{color:#fff;font-weight:600;}
.sp-btns{display:flex;flex-wrap:wrap;gap:0;margin-top:12px;}
.sp-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 26px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s ease;letter-spacing:0.2px;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-right:none;}
.sp-btn:first-child{border-radius:10px 0 0 10px;}
.sp-btn:last-child{border-radius:0 10px 10px 0;border-right:1px solid #e2e8f0;}
.sp-btn:only-child{border-radius:10px;border-right:1px solid #e2e8f0;}
.sp-btn:hover{background:#f1f5f9;text-decoration:none;color:#0f172a;}
.sp-btn-primary{background:#fff;color:#1e293b;box-shadow:none;border:1px solid #e2e8f0;border-right:none;}
.sp-btn-primary:hover{background:#f1f5f9;box-shadow:none;text-decoration:none;color:#0f172a;transform:none;}
.sp-btn-ghost{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-right:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.sp-btn-ghost:hover{background:#f1f5f9;border-color:#e2e8f0;text-decoration:none;color:#0f172a;transform:none;}
.sp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.4,0,.2,1);}
.sp-arrow:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.25);transform:translateY(-50%) scale(1.08);}
.sp-arrow.sp-prev{left:24px;}
.sp-arrow.sp-next{right:24px;}
.sp-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:12;display:flex;gap:10px;}
.sp-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:all .35s;background:rgba(255,255,255,0.35);padding:0;}
.sp-dot.sp-dot-active{background:#fff;width:28px;border-radius:4px;}
.sp-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;z-index:13;background:rgba(255,255,255,0.1);}
.sp-progress-bar{height:100%;width:0;transition:none;border-radius:0 2px 2px 0;}
@media(max-width:991px){
.sp-right{width:300px;}.sp-right img{max-height:400px;}.sp-title{font-size:36px;}
}
@media(max-width:768px){
.sp-slide{min-height:auto;}
.sp-layout{flex-direction:column;min-height:auto;padding:0 20px;}
.sp-left{padding:50px 0 30px;padding-right:0;text-align:center;}
.sp-slide.sp-no-img .sp-left{max-width:100%;}
.sp-right{width:100%;align-self:center;align-items:center;padding-bottom:60px;}
.sp-right img{max-height:240px;}
.sp-title{font-size:28px;letter-spacing:-0.5px;}
.sp-desc{font-size:13px;max-width:100%;margin-left:auto;margin-right:auto;}
.sp-btns{justify-content:center;}
.sp-btn{font-size:11px;padding:10px 18px;}
.sp-arrow{display:none;}
.sp-badge{font-size:11px;}
}

/* ============================================================
   SAYFA BANNER
   ============================================================ */
.sb-section{position:relative;overflow:hidden;padding:80px 0;}
.sb-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.sb-deco{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;}
.sb-ico{position:absolute;color:rgba(255,255,255,.15);transition:transform 8s ease-in-out;}
.sb-ico--1{width:140px;height:140px;top:8%;right:6%;animation:sb-float1 12s ease-in-out infinite;}
.sb-ico--2{width:110px;height:110px;bottom:10%;right:20%;animation:sb-float2 14s ease-in-out infinite;}
.sb-ico--3{width:100px;height:100px;top:15%;left:4%;animation:sb-float3 16s ease-in-out infinite;}
.sb-ico--4{width:120px;height:120px;bottom:6%;left:10%;animation:sb-float1 18s ease-in-out infinite reverse;}
@keyframes sb-float1{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-12px) rotate(6deg);}}
@keyframes sb-float2{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(10px) rotate(-5deg);}}
@keyframes sb-float3{0%,100%{transform:translateX(0) rotate(0deg);}50%{transform:translateX(8px) rotate(4deg);}}
.sb-inner{position:relative;z-index:2;}
.sb-row{display:flex;align-items:center;gap:60px;flex-wrap:wrap;}
.sb-content{flex:1;min-width:300px;}
.sb-subtitle{display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:.5px;}
.sb-title{font-size:36px;font-weight:800;margin:0 0 20px;line-height:1.2;}
.sb-desc{font-size:15px;line-height:1.8;margin:0 0 28px;}
.sb-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px;}
.sb-feature{display:flex;align-items:flex-start;gap:14px;}
.sb-feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;}
.sb-feature-title{display:block;font-size:14px;margin-bottom:2px;}
.sb-feature-desc{font-size:13px;}
.sb-btn{display:inline-block;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .3s;}
.sb-btn:hover{opacity:.85;}
.sb-image{flex:0 0 auto;max-width:480px;width:100%;}
.sb-image img{width:100%;height:auto;border-radius:12px;display:block;}
@media(max-width:768px){
.sb-section{padding:50px 0;}
.sb-row{flex-direction:column;gap:30px;}
.sb-content{min-width:100%;}
.sb-title{font-size:28px;}
.sb-image{max-width:100%;}
.sb-features{grid-template-columns:1fr;}
.sb-ico{opacity:.4;}
.sb-ico--1{width:60px;height:60px;}
.sb-ico--2{width:50px;height:50px;}
.sb-ico--3,.sb-ico--4{display:none;}
}

/* ============================================================
   URUN DETAY (YAZILIM)
   ============================================================ */
.ud-breadcrumb{background:#f8fafc;padding:16px 0;border-bottom:1px solid #e2e8f0;}
.ud-breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;}
.ud-breadcrumb-nav a{color:var(--primary-color);text-decoration:none;}
.ud-breadcrumb-nav a:hover{text-decoration:underline;}
.ud-breadcrumb-current{color:#1e293b;font-weight:600;}
.ud-hero{background:#fff;padding:60px 0;}
.ud-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.ud-hero-image{background:#f8fafc;border-radius:16px;overflow:hidden;aspect-ratio:1;border:1px solid #e2e8f0;}
.ud-hero-image img{width:100%;height:100%;object-fit:cover;display:block;}
.ud-title{font-size:30px;font-weight:800;color:#1e293b;margin:0 0 8px;line-height:1.3;}
.ud-subtitle{font-size:15px;color:#64748b;margin:0 0 24px;}
.ud-price-card{background:var(--primary-color);color:#fff;padding:24px;border-radius:14px;margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.12);}
.ud-price-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:600;margin-bottom:10px;}
.ud-price-badge{margin-bottom:8px;}
.ud-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.ud-price-old{font-size:18px;text-decoration:line-through;opacity:.55;}
.ud-price-current{font-size:38px;font-weight:800;}
.ud-price-period{font-size:15px;opacity:.8;}
.ud-price-tax{font-size:13px;opacity:.7;}
.ud-price-note{font-size:12px;opacity:.65;margin-top:8px;}
.ud-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;background:#f8fafc;padding:18px;border-radius:12px;}
.ud-feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;padding:6px 0;}
.ud-feature-item i{color:var(--success-color,#22c55e);font-size:13px;width:20px;text-align:center;}
.ud-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;}
.ud-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none;flex:1;min-width:140px;}
.ud-btn-outline{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;}
.ud-btn-outline:hover{background:#e2e8f0;}
.ud-btn-primary{background:var(--primary-color);color:#fff;}
.ud-btn-primary:hover{opacity:.9;}
.ud-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;border-top:1px solid #e2e8f0;}
.ud-meta-label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.3px;margin-bottom:4px;}
.ud-meta-value{font-size:14px;color:#1e293b;font-weight:500;}
.ud-tabs-section{background:#f8fafc;padding:50px 0 60px;}
.ud-tab-bar{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:30px;overflow-x:auto;}
.ud-tab-btn{padding:14px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap;transition:all .2s;margin-bottom:-2px;}
.ud-tab-btn.active,.ud-tab-btn:hover{color:var(--primary-color);border-bottom-color:var(--primary-color);}
.ud-tab-panel{display:none;}
.ud-tab-panel.active{display:block;}
.ud-tab-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.ud-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:24px 0 16px;}
.ud-feature-list{display:flex;flex-direction:column;gap:10px;}
.ud-feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;padding:4px 0;}
.ud-info-box{padding:16px 20px;border-radius:10px;font-size:14px;line-height:1.7;margin-bottom:20px;}
.ud-info-box a{color:var(--primary-color);font-weight:600;text-decoration:none;}
.ud-info-box--primary{background:#f0f9ff;border-left:4px solid var(--primary-color);color:#1e293b;}
.ud-info-box--info{background:#f0f9ff;border-left:4px solid var(--info-color,#3b82f6);color:#1e293b;}
.ud-info-box--info i{color:var(--info-color,#3b82f6);margin-right:6px;}
.ud-info-box--warning{background:#fef3c7;border-left:4px solid var(--warning-color,#f59e0b);color:#1e293b;}
.ud-info-box--warning i{color:var(--warning-color,#f59e0b);margin-right:6px;}
.ud-comment{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:10px;margin-bottom:14px;}
.ud-comment-avatar{width:44px;height:44px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;}
.ud-comment-avatar--green{background:var(--success-color,#22c55e);}
.ud-comment-name{font-size:14px;font-weight:600;color:#1e293b;}
.ud-comment-date{font-size:12px;color:#94a3b8;margin-bottom:6px;}
.ud-comment-text{font-size:14px;color:#475569;line-height:1.6;margin:0;}
.ud-empty{text-align:center;color:#94a3b8;padding:40px 20px;}
.ud-comment-form{background:#fff;padding:24px;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;}
.ud-comment-form h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px;}
.ud-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.ud-comment-form input,.ud-comment-form textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s;}
.ud-comment-form input:focus,.ud-comment-form textarea:focus{outline:none;border-color:var(--primary-color);}
.ud-comment-form textarea{resize:vertical;}
.ud-comment-form button{margin-top:12px;}
.ud-faq{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:10px;}
.ud-faq-q{width:100%;padding:16px 20px;background:#f8fafc;border:none;text-align:left;cursor:pointer;font-weight:600;color:#1e293b;font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:background .2s;}
.ud-faq-q:hover{background:#f1f5f9;}
.ud-faq-q i{transition:transform .3s;font-size:12px;color:#94a3b8;}
.ud-faq-q.open i{transform:rotate(180deg);}
.ud-faq-a{display:none;padding:16px 20px;border-top:1px solid #e2e8f0;color:#475569;font-size:14px;line-height:1.7;}
.ud-faq-a.open{display:block;}
.ud-related{background:#fff;padding:60px 0;border-top:1px solid #f1f5f9;}
.ud-related-title{font-size:26px;font-weight:700;color:#1e293b;text-align:center;margin:0 0 36px;}
.ud-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;}
.ud-related-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;text-decoration:none;transition:all .25s;}
.ud-related-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-3px);}
.ud-related-img{background:#f8fafc;aspect-ratio:1;overflow:hidden;}
.ud-related-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.ud-related-card:hover .ud-related-img img{transform:scale(1.04);}
.ud-related-info{padding:14px 16px;}
.ud-related-info h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px;}
.ud-related-info p{font-size:12px;color:#94a3b8;margin:0;}
@media(max-width:1200px){
.ud-hero-grid{gap:36px;}
.ud-title{font-size:26px;}
}
@media(max-width:1024px){
.ud-hero-grid{grid-template-columns:1fr;gap:30px;}
.ud-hero-image{aspect-ratio:16/9;max-width:600px;}
.ud-title{font-size:24px;}
.ud-price-current{font-size:30px;}
.ud-meta{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
.ud-hero{padding:40px 0;}
.ud-features{grid-template-columns:1fr;}
.ud-actions{flex-direction:column;}
.ud-btn{min-width:100%;}
.ud-meta{grid-template-columns:1fr 1fr;}
.ud-form-row{grid-template-columns:1fr;}
.ud-tab-btn{padding:12px 16px;font-size:13px;}
.ud-tabs-section{padding:30px 0 40px;}
.ud-related{padding:40px 0;}
}

/* =============================================

/* =============================================
   SATIN AL — Checkout Flow
   ============================================= */
.sat-page{background:linear-gradient(180deg,#f1f5f9 0%,#fff 100%);min-height:80vh;padding:48px 20px 80px}
.sat-container{max-width:960px;margin:0 auto}

/* ---- Steps ---- */
.sat-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:56px;position:relative;padding:0 40px}
.sat-steps::before{content:'';position:absolute;top:24px;left:80px;right:80px;height:2px;background:#e2e8f0;z-index:0}
.sat-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;max-width:160px}
.sat-step-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:700;background:#fff;color:#94a3b8;border:2px solid #e2e8f0;
  transition:all .35s cubic-bezier(.4,0,.2,1)}
.sat-step.active .sat-step-num{background:var(--primary-color);color:#fff;border-color:var(--primary-color);
  box-shadow:0 0 0 6px rgba(var(--primary-color-rgb,59,130,246),.15)}
.sat-step.done .sat-step-num{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}
.sat-step-label{margin-top:10px;font-size:12px;font-weight:600;color:#94a3b8;text-align:center;letter-spacing:.2px}
.sat-step.active .sat-step-label{color:#0f172a}
.sat-step.done .sat-step-label{color:var(--secondary-color)}

/* ---- Card ---- */
.sat-card{background:#fff;border-radius:16px;border:1px solid #e8ecf1;padding:40px;margin-bottom:24px;
  transition:box-shadow .3s}
.sat-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.05)}
.sat-card-flush{padding:0}
.sat-card-inner{padding:28px 32px 0}
.sat-card-title{font-size:24px;font-weight:800;color:#0f172a;text-align:center;margin:0 0 6px;letter-spacing:-.3px}
.sat-card-desc{font-size:14px;color:#64748b;text-align:center;margin:0 0 36px;line-height:1.6}

/* ---- Buttons ---- */
.sat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 36px;
  border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;
  transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;font-family:inherit;letter-spacing:.2px}
.sat-btn-primary{background:var(--primary-color);color:#fff}
.sat-btn-primary:hover{opacity:.88;color:#fff;text-decoration:none;transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(var(--primary-color-rgb,59,130,246),.3)}
.sat-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.sat-btn-secondary:hover{background:#e2e8f0;text-decoration:none;color:#1e293b}
.sat-btn-center{display:flex;justify-content:center;gap:14px;margin-top:28px}

/* ---- Periyot Grid ---- */
.sat-periyot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}
.sat-periyot-item{position:relative;border:2px solid #e8ecf1;border-radius:14px;padding:24px 14px 20px;
  text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}
.sat-periyot-item:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,59,130,246),.02);
  transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.sat-periyot-item.selected{border-color:var(--primary-color);
  background:linear-gradient(135deg,rgba(var(--primary-color-rgb,59,130,246),.06),rgba(var(--primary-color-rgb,59,130,246),.02));
  box-shadow:0 0 0 4px rgba(var(--primary-color-rgb,59,130,246),.1),0 4px 16px rgba(0,0,0,.04)}
.sat-periyot-name{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:10px}
.sat-periyot-price{font-size:20px;font-weight:800;color:var(--secondary-color);letter-spacing:-.3px}
.sat-periyot-price small{font-size:14px;font-weight:500}
.sat-periyot-badge{position:absolute;top:-11px;right:12px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;
  font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.3px;
  box-shadow:0 2px 8px rgba(245,158,11,.35)}
.sat-periyot-item.selected::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);
  width:32px;height:3px;background:var(--primary-color);border-radius:3px 3px 0 0}

/* ---- Domain Box ---- */
.sat-domain-box{border:1px solid #e8ecf1;border-radius:14px;overflow:hidden;transition:border-color .3s}
.sat-domain-box:focus-within{border-color:var(--primary-color)}
.sat-domain-header{background:linear-gradient(135deg,var(--primary-color),#1e40af);color:#fff;padding:14px 24px;
  font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}
.sat-domain-body{padding:24px}
.sat-domain-input-wrap{display:flex;gap:10px}
.sat-domain-input{flex:1;padding:13px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;
  transition:all .2s;font-family:inherit}
.sat-domain-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.08)}
.sat-btn-sorgula{padding:13px 24px;font-size:14px;white-space:nowrap}
.sat-btn-devam{white-space:nowrap}
.sat-dns-info{text-align:center;margin-top:20px;padding:18px;background:#f8fafc;border-radius:10px;border:1px solid #e8ecf1}
.sat-dns-info p{font-size:13px;color:#64748b;margin:0 0 6px}
.sat-dns-info strong{font-size:14px;color:#0f172a}

/* Domain Sonuç */
.sat-domain-sonuc{margin-top:16px}
.sat-ds-loading{padding:16px;background:#f8fafc;border-radius:10px;font-size:14px;color:#64748b;text-align:center}
.sat-ds-loading i{margin-right:6px}
.sat-ds-musait{padding:14px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:14px;color:#166534}
.sat-ds-musait i{margin-right:6px}
.sat-ds-kayitli{padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:14px;color:#991b1b}
.sat-ds-kayitli i{margin-right:6px}
.sat-ds-hata{padding:14px 18px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:14px;color:#92400e;text-align:center}
.sat-ds-hata i{margin-right:6px}

/* ---- Domain Tabs ---- */
.sat-domain-tabs{display:flex;gap:0;margin-bottom:24px;border:1px solid #e8ecf1;border-radius:12px;overflow:hidden;
  background:#f8fafc}
.sat-domain-tab{flex:1;padding:14px 20px;font-size:13px;font-weight:600;border:none;cursor:pointer;
  transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;color:#64748b;font-family:inherit}
.sat-domain-tab.active{background:var(--primary-color);color:#fff;
  box-shadow:0 2px 8px rgba(var(--primary-color-rgb,59,130,246),.25)}
.sat-domain-tab:not(.active):hover{background:#e2e8f0;color:#1e293b}
.sat-domain-panel{animation:satFadeIn .3s ease}
@keyframes satFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Domain Müsait Box */
.sat-ds-musait-box{display:flex;align-items:center;gap:16px;padding:20px;
  background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;flex-wrap:wrap}
.sat-ds-musait-icon{font-size:28px;color:#22c55e;flex-shrink:0}
.sat-ds-musait-content{flex:1;min-width:200px}
.sat-ds-musait-title{font-size:14px;font-weight:700;color:#166534;margin-bottom:3px}
.sat-ds-musait-fiyat{font-size:13px;color:#15803d;font-weight:600}
.sat-ds-musait-box .sat-btn{white-space:nowrap;padding:11px 22px;font-size:13px}

/* Alternatif Uzantılar */
.sat-ds-alt-list{margin-top:14px;border:1px solid #e8ecf1;border-radius:10px;overflow:hidden}
.sat-ds-alt-title{padding:10px 16px;background:#f8fafc;font-size:12px;font-weight:700;color:#64748b;
  border-bottom:1px solid #e8ecf1;text-transform:uppercase;letter-spacing:.3px}
.sat-ds-alt-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #f1f5f9;transition:background .2s}
.sat-ds-alt-item:last-child{border-bottom:none}
.sat-ds-alt-item:hover{background:#f8fafc}
.sat-ds-alt-domain{flex:1;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}
.sat-ds-alt-fiyat{font-size:13px;font-weight:700;color:var(--secondary-color)}
.sat-ds-alt-item .sat-btn-sm{padding:6px 16px;font-size:12px;font-weight:600;border-radius:8px;
  background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s}
.sat-ds-alt-item .sat-btn-sm:hover{opacity:.85;transform:translateY(-1px)}

/* ---- Domain Items ---- */
.sat-dom-item{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;
  border-bottom:1px solid #f1f5f9}
.sat-dom-item:last-child{border-bottom:none}
.sat-dom-info{display:flex;align-items:center;gap:14px}
.sat-dom-icon{width:42px;height:42px;border-radius:10px;
  background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.sat-dom-name{font-size:15px;font-weight:700;color:#0f172a}
.sat-dom-yil{font-size:12px;color:#94a3b8;margin-top:2px}
.sat-dom-fiyat{font-size:17px;font-weight:800;color:var(--secondary-color);white-space:nowrap}
.sat-dom-toplam{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;
  background:#f8fafc;border-top:1px solid #e8ecf1}
.sat-dom-toplam-label{font-size:14px;font-weight:600;color:#64748b}
.sat-dom-toplam-tutar{font-size:20px;font-weight:800;color:#0f172a}

/* ---- Hosting Options (domain akışı) ---- */
.sat-host-option{border:1px solid #e8ecf1;border-radius:14px;overflow:hidden;margin-bottom:12px;
  transition:all .3s cubic-bezier(.4,0,.2,1)}
.sat-host-option.active{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.08)}
.sat-host-option-head{padding:16px 24px;display:flex;align-items:center;gap:14px;cursor:pointer;
  transition:all .25s;user-select:none}
.sat-host-option-head:hover{background:#f8fafc}
.sat-host-option.active .sat-host-option-head{background:var(--primary-color);color:#fff}
.sat-host-option-head .sat-radio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.sat-host-option.active .sat-host-option-head .sat-radio{border-color:#fff}
.sat-host-option.active .sat-host-option-head .sat-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:#fff}
.sat-host-option-head .sat-text{font-size:14px;font-weight:700}
.sat-host-option-head .sat-icon{margin-left:auto;font-size:13px;opacity:.5}
.sat-host-option-body{display:none;padding:24px;border-top:1px solid #e8ecf1}
.sat-host-option.active .sat-host-option-body{display:block}

/* ---- Hosting Grid ---- */
.sat-host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sat-host-card{border:1px solid #e8ecf1;border-radius:12px;padding:20px;text-align:center;cursor:pointer;
  transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:#fff}
.sat-host-card:hover{border-color:var(--primary-color);transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.06)}
.sat-host-card.secili{border-color:var(--secondary-color);background:#f0fdf4;
  box-shadow:0 0 0 3px rgba(5,150,105,.12)}
.sat-host-card-isim{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px}
.sat-host-card-kat{font-size:11px;color:#94a3b8;margin-bottom:10px}
.sat-host-card-ozellik{font-size:12px;color:#94a3b8;margin-bottom:10px}
.sat-host-card-fiyat{font-size:22px;font-weight:800;color:var(--secondary-color)}
.sat-host-card-fiyat small{font-size:12px;color:#94a3b8;font-weight:400}
.sat-host-card-check{display:none;position:absolute;top:10px;right:10px;width:24px;height:24px;
  background:var(--secondary-color);color:#fff;border-radius:50%;font-size:11px;
  align-items:center;justify-content:center}
.sat-host-card.secili .sat-host-card-check{display:flex}

/* NS inputs */
.sat-ns-area{text-align:center;padding:8px 0}
.sat-ns-area p{font-size:14px;color:#64748b;margin:0 0 4px}
.sat-ns-note{font-size:12px;color:#94a3b8;margin-bottom:18px}
.sat-ns-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin:0 auto}
.sat-ns-grid input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;
  text-align:center;background:#f8fafc;transition:all .2s;font-family:inherit}
.sat-ns-grid input:focus{outline:none;border-color:var(--primary-color);background:#fff;
  box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.08)}

/* ---- Domain Transfer ---- */
.sat-dt-header{background:linear-gradient(135deg,var(--primary-color) 0%,#0f172a 100%);padding:28px 28px;text-align:center}
.sat-dt-header h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}
.sat-dt-header p{color:rgba(255,255,255,.55);font-size:13px;margin:0}
.sat-dt-body{padding:24px 28px}
.sat-dt-row{display:flex;align-items:center;padding:13px 0;border-bottom:1px solid #f1f5f9}
.sat-dt-row:last-child{border-bottom:none}
.sat-dt-label{width:150px;font-size:13px;font-weight:600;color:#64748b;flex-shrink:0}
.sat-dt-value{flex:1;font-size:14px;font-weight:700;color:#0f172a}
.sat-dt-epp{font-family:'JetBrains Mono',monospace;background:#f1f5f9;padding:5px 12px;border-radius:6px;font-size:13px;letter-spacing:.5px}
.sat-dt-price{font-size:20px;font-weight:800;color:var(--secondary-color)}
.sat-dt-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;margin-top:16px;
  font-size:13px;color:#92400e;line-height:1.6}
.sat-dt-note i{margin-right:6px}

/* ---- Hosting Tabs (yazılım akışı) ---- */
.sat-hosting-tabs{display:flex;gap:0;margin-bottom:28px;border:1px solid #e8ecf1;border-radius:12px;
  overflow:hidden;background:#f8fafc}
.sat-hosting-tab-btn{flex:1;padding:14px;font-size:13px;font-weight:600;border:none;cursor:pointer;
  transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;color:#64748b;font-family:inherit}
.sat-hosting-tab-btn.aktif{background:var(--primary-color);color:#fff;
  box-shadow:0 2px 8px rgba(var(--primary-color-rgb,59,130,246),.25)}
.sat-hosting-tab-btn:not(.aktif):hover{background:#e2e8f0;color:#1e293b}

/* Hosting Kategori Filtre */
.sat-hosting-kat-wrap{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.sat-hosting-kat-btn{padding:7px 16px;border:1px solid #e8ecf1;border-radius:8px;background:#fff;color:#64748b;
  font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.sat-hosting-kat-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}
.sat-hosting-kat-btn.aktif{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}

/* ---- Hosting Paket Kart (yazılım akışı) ---- */
.sat-hosting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:24px}
.sat-hosting-kart{border:1px solid #e8ecf1;border-radius:12px;padding:20px;cursor:pointer;
  transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;background:#fff}
.sat-hosting-kart:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,59,130,246),.02);
  transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.sat-hosting-kart.secili{border-color:var(--secondary-color);background:#f0fdf4;
  box-shadow:0 0 0 3px rgba(5,150,105,.12)}
.sat-hosting-kart-isim{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px}
.sat-hosting-kart-kat{font-size:11px;color:#94a3b8;margin-bottom:10px}
.sat-hosting-kart-ozellik{font-size:11px;color:#64748b;margin-bottom:4px}
.sat-hosting-kart-fiyat{margin-top:10px}
.sat-hosting-kart-fiyat-tutar{font-size:20px;font-weight:800;color:var(--secondary-color)}
.sat-hosting-kart-fiyat-periyot{font-size:12px;color:#64748b}
.sat-hosting-kart-check{display:none;position:absolute;top:10px;right:10px;width:22px;height:22px;
  background:var(--secondary-color);color:#fff;border-radius:50%;font-size:11px;
  align-items:center;justify-content:center}
.sat-hosting-kart.secili .sat-hosting-kart-check{display:flex}
.sat-hosting-kart.gizli{display:none}

/* Mevcut Hosting Uyarı */
.sat-mevcut-uyari{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:20px;margin-bottom:24px}
.sat-mevcut-uyari-title{font-size:13px;font-weight:600;color:#92400e;margin-bottom:12px}
.sat-mevcut-uyari-title i{margin-right:6px}
.sat-mevcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.sat-mevcut-item{background:#fff;border:1px solid #e8ecf1;border-radius:8px;padding:12px}
.sat-mevcut-item-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-bottom:3px;letter-spacing:.3px}
.sat-mevcut-item-value{font-size:13px;font-weight:600;color:#0f172a}

/* ---- Domain Özet ---- */
.sat-domain-ozet{background:#fff;border-radius:12px;padding:12px 20px;margin-bottom:20px;
  border:1px solid #e8ecf1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sat-domain-ozet-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}
.sat-domain-ozet-info i{color:var(--primary-color)}
.sat-domain-ozet-domains{font-weight:700;color:#0f172a}
.sat-domain-ozet-fiyat{font-weight:700;color:var(--secondary-color)}
.sat-domain-ozet-link{font-size:12px;color:var(--primary-color);text-decoration:none;font-weight:600;
  transition:opacity .2s}
.sat-domain-ozet-link:hover{opacity:.7}
.sat-empty-msg{text-align:center;padding:28px;color:#94a3b8;font-size:14px}

/* ---- Sipariş Yapılandırma — 2 Kolon ---- */
.sat-sy-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.sat-sy-main{min-width:0}
.sat-sy-sidebar{position:sticky;top:20px}

/* Panel */
.sat-sy-panel{background:#fff;border-radius:16px;border:1px solid #e8ecf1;margin-bottom:20px;overflow:hidden;
  transition:box-shadow .3s}
.sat-sy-panel:hover{box-shadow:0 8px 32px rgba(0,0,0,.04)}
.sat-sy-panel-header{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;border-bottom:1px solid #f1f5f9}
.sat-sy-panel-icon{width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.sat-sy-panel-icon-ek{background:linear-gradient(135deg,var(--secondary-color),#34d399)}
.sat-sy-panel-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 2px}
.sat-sy-panel-desc{font-size:12px;color:#94a3b8;margin:0}
.sat-sy-panel-body{padding:22px 24px}

/* Form Alanları */
.sat-sy-field{margin-bottom:20px}
.sat-sy-field:last-child{margin-bottom:0}
.sat-sy-field-error .sat-sy-input,
.sat-sy-field-error .sat-sy-textarea,
.sat-sy-field-error .sat-sy-select{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.08)}
.sat-sy-label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:7px}
.sat-sy-required{color:#ef4444;margin-left:2px}
.sat-sy-help{font-size:12px;color:#94a3b8;margin:0 0 7px;line-height:1.5}
.sat-sy-input,.sat-sy-textarea,.sat-sy-select{width:100%;padding:11px 14px;border:2px solid #e2e8f0;border-radius:10px;
  font-size:14px;background:#fff;transition:all .2s;font-family:inherit;color:#1e293b}
.sat-sy-input:focus,.sat-sy-textarea:focus,.sat-sy-select:focus{outline:none;border-color:var(--primary-color);
  box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.08)}
.sat-sy-textarea{resize:vertical;min-height:72px}
.sat-sy-radio-group,.sat-sy-check-group{display:flex;flex-wrap:wrap;gap:8px}
.sat-sy-radio-item,.sat-sy-check-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#1e293b;
  cursor:pointer;padding:10px 14px;border:1px solid #e8ecf1;border-radius:10px;transition:all .2s;background:#fff}
.sat-sy-radio-item:hover,.sat-sy-check-item:hover{border-color:var(--primary-color);
  background:rgba(var(--primary-color-rgb,59,130,246),.03)}
.sat-sy-radio-item input:checked+span,.sat-sy-check-item input:checked+span{color:var(--primary-color);font-weight:600}
.sat-sy-radio-item:has(input:checked),.sat-sy-check-item:has(input:checked){border-color:var(--primary-color);
  background:rgba(var(--primary-color-rgb,59,130,246),.04)}

/* ---- Ek Hizmet Öğeleri ---- */
.sat-eh-item{border:1px solid #e8ecf1;border-radius:14px;margin-bottom:14px;transition:all .25s;
  overflow:hidden;background:#fff}
.sat-eh-item:last-child{margin-bottom:0}
.sat-eh-item:hover{border-color:#d1d5db;box-shadow:0 2px 12px rgba(0,0,0,.03)}
.sat-eh-item-head{padding:16px 18px 0}
.sat-eh-item-info{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.sat-eh-item-title{font-size:14px;font-weight:700;color:#0f172a}
.sat-eh-badge{font-size:10px;font-weight:700;background:#ef4444;color:#fff;padding:3px 10px;border-radius:20px;letter-spacing:.3px}
.sat-eh-item-desc{font-size:12px;color:#94a3b8;margin:0 0 4px;line-height:1.5}
.sat-eh-item-body{padding:10px 18px 16px}
.sat-eh-select{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;
  background:#fff;transition:all .2s;color:#1e293b;font-family:inherit}
.sat-eh-select:focus{outline:none;border-color:var(--primary-color);
  box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.08)}

/* Radio Seçenekler */
.sat-eh-radio-list{display:flex;flex-direction:column;gap:6px}
.sat-eh-radio-opt{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #e8ecf1;
  border-radius:10px;cursor:pointer;transition:all .2s;background:#fff}
.sat-eh-radio-opt:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,59,130,246),.02)}
.sat-eh-radio-opt input{display:none}
.sat-eh-radio-box{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.sat-eh-radio-opt input:checked~.sat-eh-radio-box{border-color:var(--primary-color);background:var(--primary-color)}
.sat-eh-radio-opt input:checked~.sat-eh-radio-box::after{content:'';width:7px;height:7px;border-radius:50%;background:#fff}
.sat-eh-radio-opt input:checked~.sat-eh-radio-text{font-weight:600;color:var(--primary-color)}
.sat-eh-radio-text{font-size:13px;color:#1e293b;flex:1}
.sat-eh-radio-price{font-size:12px;font-weight:700;color:var(--secondary-color);white-space:nowrap;
  padding:3px 10px;background:rgba(5,150,105,.06);border-radius:6px}

/* Quantity */
.sat-eh-qty-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sat-eh-qty-label{font-size:13px;font-weight:600;color:var(--secondary-color)}
.sat-eh-qty-ctrl{display:flex;align-items:center;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}
.sat-eh-qty-minus,.sat-eh-qty-plus{width:38px;height:38px;border:none;background:#f8fafc;font-size:13px;
  color:#64748b;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}
.sat-eh-qty-minus:hover,.sat-eh-qty-plus:hover{background:#e2e8f0;color:#0f172a}
.sat-eh-qty-val{width:50px;height:38px;border:none;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;
  text-align:center;font-size:15px;font-weight:700;color:#0f172a;background:#fff;font-family:inherit}
.sat-eh-qty-val:focus{outline:none}

/* ---- Sipariş Özeti Sidebar ---- */
.sat-sy-ozet{background:#fff;border-radius:16px;border:1px solid #e8ecf1;overflow:hidden}
.sat-sy-ozet-head{background:linear-gradient(135deg,var(--primary-color),#1e40af);color:#fff;padding:16px 20px;
  font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.sat-sy-ozet-body{padding:18px 20px}
.sat-sy-ozet-urun{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #f1f5f9}
.sat-sy-ozet-urun-isim{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px}
.sat-sy-ozet-urun-domain,.sat-sy-ozet-urun-periyot{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;margin-bottom:3px}
.sat-sy-ozet-urun-domain i,.sat-sy-ozet-urun-periyot i{color:var(--primary-color);width:14px;text-align:center;font-size:11px}
.sat-sy-ozet-satir{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;
  color:#64748b;border-bottom:1px solid #f8fafc}
.sat-sy-ozet-satir span:last-child{font-weight:600;color:#0f172a}
.sat-sy-ozet-ek{display:none}
.sat-sy-ozet-ek span:last-child{color:var(--secondary-color)}
.sat-sy-ozet-toplam{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;
  margin-top:8px;border-top:2px solid #0f172a;font-size:16px;font-weight:800}
.sat-sy-ozet-toplam span:last-child{color:var(--secondary-color);font-size:20px}

/* ---- Satın Al Responsive ---- */
@media(max-width:900px){
  .sat-sy-layout{grid-template-columns:1fr}
  .sat-sy-sidebar{position:static;order:-1}
}
@media(max-width:768px){
  .sat-page{padding:32px 16px 60px}
  .sat-steps{padding:0 16px;margin-bottom:36px}
  .sat-steps::before{left:40px;right:40px}
  .sat-step-num{width:40px;height:40px;font-size:15px}
  .sat-step-label{font-size:11px}
  .sat-periyot-grid{grid-template-columns:1fr 1fr;gap:10px}
  .sat-card{padding:24px 20px;border-radius:14px}
  .sat-card-inner{padding:20px 20px 0}
  .sat-card-title{font-size:20px}
  .sat-host-grid{grid-template-columns:1fr}
  .sat-ns-grid{grid-template-columns:1fr}
  .sat-dom-item{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 20px}
  .sat-hosting-grid{grid-template-columns:1fr}
  .sat-domain-input-wrap{flex-direction:column}
  .sat-domain-input-wrap .sat-btn-sorgula,.sat-domain-input-wrap .sat-btn-devam{width:100%}
  .sat-domain-tabs{flex-direction:column}
  .sat-ds-musait-box{flex-direction:column;text-align:center}
  .sat-ds-musait-box .sat-btn{width:100%}
  .sat-dt-row{flex-direction:column;align-items:flex-start;gap:3px}
  .sat-dt-label{width:auto}
  .sat-hosting-tabs{flex-direction:column}
  .sat-btn-center{flex-direction:column;align-items:center}
  .sat-btn{width:100%;justify-content:center}
  .sat-sy-panel-header{flex-direction:column;gap:10px;padding:18px}
  .sat-sy-panel-body{padding:18px}
  .sat-sy-radio-group,.sat-sy-check-group{flex-direction:column}
  .sat-eh-qty-row{flex-direction:column;align-items:flex-start}
  .sat-eh-radio-opt{padding:10px 12px}
}
@media(max-width:480px){
  .sat-periyot-grid{grid-template-columns:1fr}
  .sat-periyot-item{padding:18px 14px 16px}
  .sat-step-label{display:none}
}

/* =============================================
   SEPET — Cart Page v3 (Referans Tasarım)
   ============================================= */
.spt-page{background:#f5f7fa;min-height:80vh;padding:0 0 60px}
.spt-bread{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 20px}
.spt-bread-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:13px}
.spt-bread a{color:#64748b;text-decoration:none;transition:color .15s}
.spt-bread a:hover{color:var(--primary-color);text-decoration:none}
.spt-bread .spt-bread-sep{color:#cbd5e1;font-size:10px}
.spt-bread .spt-bread-cur{color:#0f172a;font-weight:600}
.spt-container{max-width:1600px;margin:0 auto;padding:28px 20px 0}
.spt-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
/* ---- Sol: Ürün Listesi ---- */
.spt-list{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb}
.spt-list-head{display:grid;grid-template-columns:1fr 130px 120px 44px;padding:12px 24px;background:var(--primary-color);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px}
.spt-list-head span:nth-child(2){text-align:center}
.spt-list-head span:nth-child(3){text-align:right}
.spt-row{display:grid;grid-template-columns:1fr 130px 120px 44px;padding:20px 24px;border-bottom:1px solid #f0f0f0;align-items:center}
.spt-row:last-child{border-bottom:none}

/* Ürün/Hizmet hücresi */
.spt-prod{display:flex;flex-direction:column;gap:1px}
.spt-prod-name{font-size:15px;font-weight:700;color:#1e293b;line-height:1.3}
.spt-prod-cat{font-size:12px;font-weight:600;color:var(--secondary-color)}
.spt-prod-domain{font-size:11px;color:#94a3b8;margin-top:1px}
.spt-prod-extras{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.spt-prod-extra{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}
.spt-prod-extra i{font-size:10px;color:#94a3b8}
/* Periyod hücresi */
.spt-per{display:flex;align-items:center;justify-content:center;gap:4px}
.spt-select{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;font-family:inherit;color:#1e293b;appearance:auto}
.spt-select:focus{outline:none;border-color:var(--primary-color)}
.spt-per-static{font-size:13px;font-weight:600;color:#1e293b}
/* Tutar hücresi */
.spt-price{text-align:right;font-size:15px;font-weight:700;color:#1e293b}
.spt-price-old{font-size:11px;color:#94a3b8;text-decoration:line-through;display:block}
.spt-price-sub{font-size:10px;color:#64748b;display:block}
/* Sil butonu */
.spt-del{display:flex;align-items:center;justify-content:center}
.spt-del a{color:#94a3b8;font-size:16px;text-decoration:none;transition:color .15s;padding:4px}
.spt-del a:hover{color:#dc2626;text-decoration:none}

/* Ek hizmet alt satır */
.spt-ek-row{display:grid;grid-template-columns:1fr 130px 120px 44px;padding:8px 24px 8px 40px;border-bottom:1px solid #f5f5f5;background:#fafbfc}
.spt-ek-row .spt-prod{gap:0}
.spt-ek-row .spt-prod-name{font-size:12px;font-weight:600;color:#64748b}
.spt-ek-row .spt-prod-name i{color:var(--secondary-color);margin-right:3px;font-size:10px}
.spt-ek-row .spt-price{font-size:13px;color:var(--secondary-color)}
/* Whois / NS linkleri */
.spt-links{display:flex;align-items:center;gap:12px;margin-top:4px}
.spt-links a{font-size:11px;color:#64748b;text-decoration:none;display:inline-flex;align-items:center;gap:3px;transition:color .15s}
.spt-links a:hover{color:var(--primary-color);text-decoration:none}
.spt-links a i{font-size:9px}

/* ---- Sipariş Özeti ---- */
.spt-ozet{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;position:sticky;top:20px}
.spt-ozet-head{background:var(--primary-color);color:#fff;padding:14px 20px;font-size:14px;font-weight:700;text-align:center}
.spt-ozet-body{padding:20px}
.spt-ozet-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9}
.spt-ozet-row span:last-child{font-weight:700;color:var(--secondary-color)}
.spt-ozet-row.indirim span:last-child{color:#dc2626}
/* Kupon */
.spt-kupon-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;font-size:13px;color:#64748b;cursor:pointer;border:none;background:none;font-family:inherit;width:100%;transition:color .15s;border-bottom:1px solid #f1f5f9}
.spt-kupon-toggle:hover{color:var(--primary-color)}
.spt-kupon-toggle i{color:#94a3b8}
.spt-kupon-form{display:none;padding:8px 0 12px}
.spt-kupon-form.open{display:block}
.spt-kupon-row{display:flex;gap:6px}
.spt-kupon-input{flex:1;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;font-family:inherit}
.spt-kupon-input:focus{outline:none;border-color:var(--primary-color)}
.spt-kupon-btn{padding:9px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.spt-kupon-btn:hover{opacity:.9}
.spt-kupon-msg{margin-top:6px;padding:6px 10px;border-radius:6px;font-size:12px;display:none}
.spt-kupon-msg.ok{display:block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.spt-kupon-msg.err{display:block;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}
.spt-kupon-aktif{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}
.spt-kupon-aktif-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--secondary-color)}
.spt-kupon-aktif-badge i{font-size:13px}
.spt-kupon-kaldir{font-size:11px;color:#dc2626;text-decoration:none}
.spt-kupon-kaldir:hover{opacity:.7}

/* Toplam */
.spt-ozet-toplam{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;margin-top:8px;border-top:2px solid #1e293b;font-size:13px;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.3px}
.spt-ozet-toplam span:last-child{font-size:22px;color:var(--secondary-color);font-weight:800}
/* Devam */
.spt-devam{display:block;width:100%;padding:14px;background:var(--secondary-color);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;margin-top:16px;transition:all .2s;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}
.spt-devam:hover{opacity:.9;color:#fff;text-decoration:none}
/* BoÅŸ Sepet */
.spt-bos{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:60px 40px;text-align:center;max-width:500px;margin:0 auto}
.spt-bos-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}
.spt-bos h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}
.spt-bos p{font-size:13px;color:#64748b;margin:0 0 20px;line-height:1.5}
.spt-bos a{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:var(--secondary-color);color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none}
.spt-bos a:hover{opacity:.9;color:#fff;text-decoration:none}

/* ---- Sepet Responsive ---- */
@media(max-width:1400px){
  .spt-container{max-width:1200px}
  .spt-bread-inner{max-width:1200px}
}
@media(max-width:1024px){
  .spt-container{max-width:100%}
  .spt-bread-inner{max-width:100%}
  .spt-grid{grid-template-columns:1fr 280px}
}
@media(max-width:900px){
  .spt-grid{grid-template-columns:1fr}
  .spt-ozet{position:static}
}
@media(max-width:640px){
  .spt-container{padding:16px 12px 0}
  .spt-list-head{display:none}
  .spt-row{grid-template-columns:1fr auto auto;gap:4px 10px;padding:14px 16px}
  .spt-per{justify-content:flex-start}
  .spt-del{justify-content:flex-end}
  .spt-ek-row{grid-template-columns:1fr auto auto;padding:6px 16px 6px 28px}
  .spt-select{font-size:12px;padding:6px 8px}
}
@media(max-width:400px){
  .spt-row{padding:12px}
  .spt-prod-name{font-size:13px}
  .spt-price{font-size:13px}
  .spt-ozet-toplam span:last-child{font-size:18px}
}


/* ============================================================
   BREADCRUMB HEADER (bc-)
   ============================================================ */
.bc-header {
    background: var(--primary-color, #1e3a5f);
    padding: 32px 0;
    position: relative;
    overflow: hidden;
}
.bc-header::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 50%, rgba(0,0,0,0.1) 100%);
    pointer-events: none;
}
.bc-header-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
.bc-title {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: 'Inter', sans-serif;
    line-height: 1.3;
}
.bc-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
}
.bc-nav a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    transition: color .2s;
}
.bc-nav a:hover { color: #fff; text-decoration: none; }
.bc-nav i { color: rgba(255,255,255,0.4); font-size: 10px; }
.bc-nav .bc-current { color: rgba(255,255,255,0.95); font-weight: 600; }
@media (max-width: 600px) {
    .bc-header { padding: 24px 0; }
    .bc-title { font-size: 20px; }
    .bc-nav { font-size: 12px; flex-wrap: wrap; }
}

/* ============================================================
   MÜŞTERİ PANELİ — CPN (Customer Panel New)
   ============================================================ */

/* Layout */
.cpn-wrap { background: #f1f5f9; padding: 32px 20px; min-height: 600px; }
.cpn-inner { max-width: 1600px; margin: 0 auto; padding: 0; }
.cpn-grid {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 28px !important;
    align-items: start !important;
}
.cpn-grid > *:first-child { grid-column: 1; }
.cpn-grid > *:nth-child(2) { grid-column: 2; min-width: 0; }

/* Sidebar */
.cpn-side {
    width: 280px; box-sizing: border-box;
    background: #fff; border-radius: 14px; border: 1px solid #e2e8f0;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.cpn-side *, .cpn-side *::before, .cpn-side *::after { box-sizing: border-box; }

/* Mobil Toggle */
.cpn-mobile-toggle {
    display: none; width: 100%; padding: 14px 20px;
    background: var(--primary-color); color: #fff; border: none;
    font-size: 14px; font-weight: 600; font-family: 'Inter', sans-serif;
    cursor: pointer; text-align: left;
    border-radius: 10px; margin-bottom: 12px;
}
.cpn-mobile-toggle i { margin-right: 8px; }
.cpn-mobile-toggle .cpn-toggle-arrow { float: right; transition: transform .3s; }
.cpn-mobile-toggle.open .cpn-toggle-arrow { transform: rotate(180deg); }

/* Profil Kart */
.cpn-profile {
    padding: 28px 20px 20px; text-align: center;
    background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, #000));
    color: #fff; position: relative;
}
.cpn-profile::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 30px;
    background: linear-gradient(to bottom right, transparent 49%, #fff 50%);
}
.cpn-avatar {
    width: 72px; height: 72px; border-radius: 50%;
    background: rgba(255,255,255,0.2); margin: 0 auto 12px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; color: #fff; font-size: 24px; font-weight: 700;
    border: 3px solid rgba(255,255,255,0.3);
}
.cpn-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.cpn-uname { margin: 0 0 2px; font-size: 16px; font-weight: 700; color: #fff; }
.cpn-email { margin: 0 0 10px; font-size: 12px; color: rgba(255,255,255,0.7); word-break: break-all; }
.cpn-badge { display: inline-block; padding: 3px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .3px; }
.cpn-badge-aktif { background: rgba(255,255,255,0.2); color: #fff; }
.cpn-badge-bayi { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-profile-badges { display: flex; align-items: center; justify-content: center; gap: 6px; position: relative; z-index: 1; }

/* Bakiye Bar */
.cpn-bakiye {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; background: #f8fafc; border-bottom: 1px solid #f1f5f9;
}
.cpn-bakiye-label { font-size: 12px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .4px; display: flex; align-items: center; gap: 6px; }
.cpn-bakiye-label i { font-size: 13px; color: #94a3b8; }
.cpn-bakiye-val { font-size: 16px; font-weight: 800; color: var(--primary-color); }

/* SipariÅŸ count mavi */
.cpn-nav-count--blue { background: #dbeafe; color: #1d4ed8; }

/* Profil Detay */
.cpn-info { padding: 20px 16px 12px; border-bottom: 1px solid #f1f5f9; }
.cpn-info-row { display: flex; align-items: center; gap: 8px; padding: 7px 0; font-size: 13px; color: #475569; }
.cpn-info-row i { width: 16px; text-align: center; font-size: 13px; color: #94a3b8; flex-shrink: 0; }
.cpn-info-label { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #64748b; white-space: nowrap; }
.cpn-info-label i { width: 16px; text-align: center; font-size: 13px; color: #94a3b8; flex-shrink: 0; }
.cpn-info-val { margin-left: auto; font-size: 13px; font-weight: 600; color: #1e293b; text-align: right; white-space: nowrap; }
.cpn-info-green { color: var(--primary-color); font-weight: 700; }

/* Menü */
.cpn-nav { padding: 8px 0; }
.cpn-nav-label { font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .6px; padding: 12px 16px 4px; display: block; }
.cpn-nav-item { position: relative; }
.cpn-nav-link {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px; font-size: 13px; font-weight: 500;
    color: #475569; text-decoration: none;
    border-left: 3px solid transparent;
    transition: all .15s ease; cursor: pointer;
    font-family: 'Inter', sans-serif;
    background: none; border-top: none; border-right: none; border-bottom: none;
    width: 100%; text-align: left;
}
.cpn-nav-link:hover { color: var(--primary-color); background: #f8fafc; text-decoration: none; }
.cpn-nav-link.active { color: var(--primary-color); background: #f0fdf4; border-left-color: var(--primary-color); font-weight: 600; }
.cpn-nav-link i { width: 18px; text-align: center; font-size: 14px; color: #94a3b8; flex-shrink: 0; }
.cpn-nav-link:hover i, .cpn-nav-link.active i { color: var(--primary-color); }
.cpn-nav-count { margin-left: auto; background: #fee2e2; color: #dc2626; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 10px; }
.cpn-nav-badge { margin-left: auto; font-size: 9px; padding: 2px 6px; border-radius: 4px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.cpn-nav-toggle::after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #94a3b8; margin-left: auto; transition: transform .2s; }
.cpn-nav-item.open > .cpn-nav-toggle::after { transform: rotate(180deg); border-top-color: var(--primary-color); }
.cpn-nav-sub { display: none; background: #f8fafc; }
.cpn-nav-item.open > .cpn-nav-sub { display: block; }
.cpn-nav-sub .cpn-nav-link { padding: 8px 16px 8px 46px; font-size: 12px; border-left: none; color: #64748b; }
.cpn-nav-sub .cpn-nav-link:hover { color: var(--primary-color); background: #f1f5f9; }
.cpn-nav-sub .cpn-nav-link.active { color: var(--primary-color); font-weight: 600; }
.cpn-logout { display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 13px; font-weight: 500; color: #ef4444; text-decoration: none; border-top: 1px solid #f1f5f9; margin-top: 4px; transition: all .15s ease; font-family: 'Inter', sans-serif; }
.cpn-logout:hover { background: #fef2f2; color: #dc2626; text-decoration: none; }
.cpn-logout i { width: 18px; text-align: center; font-size: 14px; }

/* Stat Cards */
.cpn-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 24px; }
.cpn-stat-card { padding: 20px; border-radius: 14px; position: relative; overflow: hidden; font-family: 'Inter', sans-serif; transition: transform .2s, box-shadow .2s; }
.cpn-stat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.cpn-stat-card .cpn-stat-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 14px; }
.cpn-stat-card .cpn-stat-num { font-size: 26px; font-weight: 800; margin-bottom: 4px; line-height: 1; }
.cpn-stat-card .cpn-stat-label { font-size: 12px; font-weight: 500; margin-bottom: 14px; opacity: .8; }
.cpn-stat-card .cpn-stat-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; text-decoration: none; padding: 6px 14px; border-radius: 6px; transition: all .2s; }
.cpn-stat-card--green { background: linear-gradient(135deg, #059669, #047857); color: #fff; }
.cpn-stat-card--green .cpn-stat-icon { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-stat-card--green .cpn-stat-link { background: rgba(255,255,255,0.2); color: #fff; }
.cpn-stat-card--blue { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; }
.cpn-stat-card--blue .cpn-stat-icon { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-stat-card--blue .cpn-stat-link { background: rgba(255,255,255,0.2); color: #fff; }
.cpn-stat-card--orange { background: linear-gradient(135deg, #ea580c, #c2410c); color: #fff; }
.cpn-stat-card--orange .cpn-stat-icon { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-stat-card--orange .cpn-stat-link { background: rgba(255,255,255,0.2); color: #fff; }
.cpn-stat-card--amber { background: linear-gradient(135deg, #d97706, #b45309); color: #fff; }
.cpn-stat-card--amber .cpn-stat-icon { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-stat-card--amber .cpn-stat-link { background: rgba(255,255,255,0.2); color: #fff; }
.cpn-stat-card--purple { background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; }
.cpn-stat-card--purple .cpn-stat-icon { background: rgba(255,255,255,0.15); color: #fff; }
.cpn-stat-card--purple .cpn-stat-link { background: rgba(255,255,255,0.2); color: #fff; }

/* Dashboard Alerts */
.cpn-alert { padding: 16px 20px; border-radius: 12px; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-family: 'Inter', sans-serif; }
.cpn-alert-left { display: flex; align-items: center; gap: 12px; }
.cpn-alert-icon { font-size: 22px; flex-shrink: 0; }
.cpn-alert-title { font-size: 14px; font-weight: 700; }
.cpn-alert-desc { font-size: 13px; opacity: .85; }
.cpn-alert-btn { padding: 8px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 13px; transition: all .2s; white-space: nowrap; }
.cpn-alert--warning { background: linear-gradient(135deg, #fef3c7, #fde68a); border: 1px solid #fbbf24; }
.cpn-alert--warning .cpn-alert-icon { color: #92400e; }
.cpn-alert--warning .cpn-alert-title { color: #92400e; }
.cpn-alert--warning .cpn-alert-desc { color: #a16207; }
.cpn-alert--warning .cpn-alert-btn { background: #92400e; color: #fff; }
.cpn-alert--danger { background: linear-gradient(135deg, #fef2f2, #fecaca); border: 1px solid #f87171; }
.cpn-alert--danger .cpn-alert-icon { color: #dc2626; }
.cpn-alert--danger .cpn-alert-title { color: #991b1b; }
.cpn-alert--danger .cpn-alert-desc { color: #b91c1c; }
.cpn-alert--danger .cpn-alert-btn { background: #dc2626; color: #fff; }

/* Dashboard Section */
.cpn-section { background: #fff; border-radius: 14px; border: 1px solid #e2e8f0; overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.cpn-section-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid #f1f5f9; }
.cpn-section-title { margin: 0; font-size: 15px; font-weight: 700; color: #1e293b; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 8px; }
.cpn-section-title i { color: var(--primary-color); font-size: 16px; }
.cpn-section-link { font-size: 12px; font-weight: 600; color: var(--primary-color); text-decoration: none; display: flex; align-items: center; gap: 4px; }
.cpn-section-link:hover { text-decoration: underline; }

/* Dashboard Table */
.cpn-table { width: 100%; border-collapse: collapse; font-family: 'Inter', sans-serif; }
.cpn-table th { padding: 12px 20px; text-align: left; font-weight: 600; color: #64748b; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.cpn-table td { padding: 14px 20px; font-size: 13px; color: #1e293b; border-bottom: 1px solid #f1f5f9; }
.cpn-table tr:last-child td { border-bottom: none; }
.cpn-table tr:hover td { background: #f8fafc; }
.cpn-table-empty { padding: 40px 20px; text-align: center; color: #94a3b8; font-family: 'Inter', sans-serif; }
.cpn-table-empty i { font-size: 32px; margin-bottom: 10px; display: block; }
.cpn-badge-status { display: inline-block; padding: 4px 12px; border-radius: 6px; font-size: 11px; font-weight: 600; font-family: 'Inter', sans-serif; }
.cpn-badge-status--aktif { background: #f0fdf4; color: #166534; }
.cpn-badge-status--beklemede { background: #fef3c7; color: #92400e; }
.cpn-badge-status--islemde { background: #e0f2fe; color: #075985; }
.cpn-badge-status--iptal { background: #fef2f2; color: #991b1b; }
.cpn-badge-status--odendi { background: #f0fdf4; color: #166534; }
.cpn-badge-status--odenmedi { background: #fef3c7; color: #92400e; }
.cpn-badge-status--yanitlandi { background: #f0fdf4; color: #166534; }
.cpn-badge-status--kapali { background: #f1f5f9; color: #64748b; }
.cpn-view-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #f1f5f9; color: var(--primary-color); border-radius: 8px; text-decoration: none; font-size: 13px; transition: all .2s; }
.cpn-view-btn:hover { background: var(--primary-color); color: #fff; }

/* Content Card */
.cpn-card { background: #fff; padding: 24px; border-radius: 14px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.cpn-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #f1f5f9; }
.cpn-card-title { margin: 0; font-size: 16px; font-weight: 700; color: #1e293b; font-family: 'Inter', sans-serif; }

/* Fatura Ödeme */
.ft-odeme-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; }
.ft-odeme-card { display: block; padding: 16px; border: 2px solid #e2e8f0; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; font-family: 'Inter', sans-serif; }
.ft-odeme-card:hover { border-color: var(--primary-color); }
.ft-odeme-card input[type="radio"] { margin-right: 8px; accent-color: var(--primary-color); }
.ft-odeme-card .ft-odeme-inner { display: flex; align-items: center; gap: 8px; }
.ft-odeme-card .ft-odeme-inner i { font-size: 20px; color: var(--primary-color); }
.ft-odeme-card .ft-odeme-name { font-weight: 600; color: #1e293b; font-size: 14px; }
.ft-odeme-card .ft-odeme-desc { font-size: 12px; color: #64748b; }
.ft-ozet-mini { background: #f8fafc; padding: 16px; border-radius: 8px; margin-bottom: 20px; }
.ft-ozet-mini-row { display: flex; justify-content: space-between; margin-bottom: 12px; font-family: 'Inter', sans-serif; }
.ft-ozet-mini-row .lbl { color: #64748b; font-size: 14px; }
.ft-ozet-mini-row .val { color: #1e293b; font-weight: 600; font-size: 14px; }
.ft-ozet-mini-row.total { padding-top: 12px; border-top: 2px solid #1e293b; margin-bottom: 0; }
.ft-ozet-mini-row.total .lbl { font-weight: 700; font-size: 16px; }
.ft-ozet-mini-row.total .val { color: var(--primary-color); font-weight: 700; font-size: 18px; }

/* Circular Progress */
.cpn-usage-circles { display: flex; gap: 24px; justify-content: center; align-items: flex-start; margin-bottom: 20px; }
.cpn-circle-item { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 1; }
.cpn-circle-wrap { position: relative; width: 110px; height: 110px; }
.cpn-circle-svg { width: 110px; height: 110px; transform: rotate(-90deg); }
.cpn-circle-bg { fill: none; stroke: #e2e8f0; stroke-width: 8; }
.cpn-circle-fg { fill: none; stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset .6s ease; }
.cpn-circle-fg--disk { stroke: var(--primary-color); }
.cpn-circle-fg--traffic { stroke: #0ea5e9; }
.cpn-circle-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1.2; }
.cpn-circle-pct { display: block; font-size: 22px; font-weight: 700; color: #1e293b; font-family: 'Inter', sans-serif; }
.cpn-circle-sub { display: block; font-size: 10px; color: #94a3b8; font-family: 'Inter', sans-serif; }
.cpn-circle-label { font-size: 13px; font-weight: 600; color: #1e293b; font-family: 'Inter', sans-serif; text-align: center; }
.cpn-circle-detail { font-size: 11px; color: #64748b; font-family: 'Inter', sans-serif; text-align: center; }

/* Reseller Info */
.cpn-reseller-info { background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; margin-bottom: 24px; }
.cpn-reseller-header { padding: 14px 18px; background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); color: #fff; font-size: 14px; font-weight: 700; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 8px; }
.cpn-reseller-body { padding: 18px; }
.cpn-reseller-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.cpn-reseller-card { display: flex; align-items: center; gap: 12px; background: #f8fafc; border-radius: 10px; padding: 14px; border: 1px solid #e2e8f0; }
.cpn-reseller-card-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.cpn-reseller-card-label { font-size: 11px; color: #94a3b8; font-family: 'Inter', sans-serif; margin-bottom: 2px; }
.cpn-reseller-card-value { font-size: 14px; font-weight: 700; color: #1e293b; font-family: 'Inter', sans-serif; }
.cpn-reseller-badge { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; }
.cpn-reseller-badge--success { background: #f0fdf4; color: #16a34a; }
.cpn-reseller-badge--warning { background: #fef3c7; color: #92400e; }
.cpn-reseller-whm-btn { display: block; padding: 12px; background: #7c3aed; color: #fff; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; font-family: 'Inter', sans-serif; text-align: center; transition: background .2s; }
.cpn-reseller-whm-btn:hover { background: #6d28d9; color: #fff; }
.cpn-reseller-whm-btn i { margin-right: 6px; }

/* Topbar Alert (ödenmemiş fatura barı) */
.cpn-topbar-alert {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 20px; margin-bottom: 20px;
    background: #fef2f2; border: none;
    border-radius: 12px; font-family: 'Inter', sans-serif;
}
.cpn-topbar-alert-left { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #991b1b; }
.cpn-topbar-alert-left i { font-size: 18px; color: #dc2626; }
.cpn-topbar-alert-left strong { font-weight: 700; color: #dc2626; }
.cpn-topbar-alert-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 18px; background: #dc2626; color: #fff;
    border-radius: 8px; font-size: 12px; font-weight: 600;
    text-decoration: none; white-space: nowrap; transition: all .2s;
}
.cpn-topbar-alert-btn:hover { background: #b91c1c; color: #fff; text-decoration: none; }

/* Dashboard Uyarı Kutuları — Geliştirilmiş */
.cpn-notify-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.cpn-notify {
    padding: 20px; border-radius: 14px; font-family: 'Inter', sans-serif;
    display: flex; align-items: flex-start; gap: 16px;
    position: relative; overflow: hidden;
}
.cpn-notify::before {
    content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 4px;
}
.cpn-notify-icon {
    width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; flex-shrink: 0;
}
.cpn-notify-body { flex: 1; min-width: 0; }
.cpn-notify-title { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.cpn-notify-desc { font-size: 13px; margin-bottom: 12px; line-height: 1.5; }
.cpn-notify-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 18px; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 12px; transition: all .2s;
}
.cpn-notify-btn:hover { opacity: .9; text-decoration: none; }
/* Warning */
.cpn-notify--warning { background: #fffbeb; border: 1px solid #fde68a; }
.cpn-notify--warning::before { background: #f59e0b; }
.cpn-notify--warning .cpn-notify-icon { background: #fef3c7; color: #d97706; }
.cpn-notify--warning .cpn-notify-title { color: #92400e; }
.cpn-notify--warning .cpn-notify-desc { color: #a16207; }
.cpn-notify--warning .cpn-notify-btn { background: #f59e0b; color: #fff; }
/* Danger */
.cpn-notify--danger { background: #fef2f2; border: 1px solid #fecaca; }
.cpn-notify--danger::before { background: #ef4444; }
.cpn-notify--danger .cpn-notify-icon { background: #fee2e2; color: #dc2626; }
.cpn-notify--danger .cpn-notify-title { color: #991b1b; }
.cpn-notify--danger .cpn-notify-desc { color: #b91c1c; }
.cpn-notify--danger .cpn-notify-btn { background: #ef4444; color: #fff; }
/* YaklaÅŸan hizmet listesi */
.cpn-notify-list { list-style: none; padding: 0; margin: 0 0 12px; }
.cpn-notify-list li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 13px;
}
.cpn-notify-list li:last-child { border-bottom: none; }
.cpn-notify-list .cpn-nl-domain { color: #1e293b; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
.cpn-notify-list .cpn-nl-days { font-weight: 700; white-space: nowrap; margin-left: 12px; }
.cpn-nl-days--urgent { color: #dc2626; }
.cpn-nl-days--warn { color: #ea580c; }
.cpn-nl-days--ok { color: #d97706; }

/* CPN Responsive */
@media (max-width: 1200px) {
    .cpn-stats { grid-template-columns: repeat(3, 1fr); }
    .cpn-notify-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .cpn-grid { grid-template-columns: 1fr !important; }
    .cpn-side { width: 100% !important; }
    .cpn-mobile-toggle { display: flex; align-items: center; }
    .cpn-side-content { display: none; }
    .cpn-side-content.open { display: block; }
    .cpn-stats { grid-template-columns: repeat(2, 1fr); }
    .cpn-section-head { padding: 14px 16px; }
    .cpn-table th, .cpn-table td { padding: 10px 12px; font-size: 12px; }
    .ft-odeme-grid { grid-template-columns: 1fr; }
    .cpn-usage-circles { flex-direction: row; gap: 16px; }
    .cpn-circle-wrap { width: 90px; height: 90px; }
    .cpn-circle-svg { width: 90px; height: 90px; }
    .cpn-circle-pct { font-size: 18px; }
}
@media (max-width: 600px) {
    .cpn-reseller-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .cpn-stats { grid-template-columns: 1fr; }
    .cpn-stat-card { padding: 16px; }
    .cpn-stat-card .cpn-stat-num { font-size: 22px; }
    .cpn-notify { flex-direction: column; }
    .cpn-notify-list .cpn-nl-domain { max-width: 140px; }
    .cpn-topbar-alert { flex-direction: column; text-align: center; gap: 8px; }
}

/* ============================================================
   BAYILIGIM SAYFASI (bym-)
   ============================================================ */
.bym-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
}
.bym-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    border-bottom: 1px solid #f1f5f9;
    gap: 12px;
    flex-wrap: wrap;
    background: var(--primary-color, #1e3a5f);
    color: #fff;
}
.bym-card-label { font-size: 12px; color: rgba(255,255,255,0.7); font-family: 'Inter', sans-serif; display: block; margin-bottom: 2px; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; }
.bym-card-name { font-size: 22px; font-weight: 800; color: #fff; margin: 0; font-family: 'Inter', sans-serif; }
.bym-card-status {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 16px; border-radius: 20px;
    background: rgba(255,255,255,0.15); color: #fff;
    font-size: 13px; font-weight: 700; font-family: 'Inter', sans-serif;
    border: 1px solid rgba(255,255,255,0.25);
}
.bym-card-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.bym-card-info .bym-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
    border-right: 1px solid #f1f5f9;
}
.bym-card-info .bym-info-item:last-child { border-right: none; }
.bym-card-info .bym-info-item > i {
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--secondary-color, #6c757d) 12%, transparent);
    color: var(--secondary-color, #6c757d);
    font-size: 15px;
    flex-shrink: 0;
}
.bym-card-info .bym-info-item strong { display: block; font-size: 16px; font-weight: 700; color: var(--primary-color, #1e3a5f); font-family: 'Inter', sans-serif; }
.bym-card-info .bym-info-item span { display: block; font-size: 12px; color: #94a3b8; font-family: 'Inter', sans-serif; margin-top: 1px; }

.bym-empty {
    background: #fff;
    padding: 56px 24px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    text-align: center;
    margin-bottom: 20px;
}
.bym-empty i { font-size: 44px; color: #cbd5e1; margin-bottom: 14px; display: block; }
.bym-empty h3 { font-size: 18px; font-weight: 700; color: #1e293b; margin: 0 0 6px; font-family: 'Inter', sans-serif; }
.bym-empty p { font-size: 14px; color: #64748b; margin: 0 0 20px; font-family: 'Inter', sans-serif; }
.bym-empty-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 24px; background: var(--primary-color, #1e3a5f); color: #fff;
    border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px;
    font-family: 'Inter', sans-serif; transition: opacity .2s;
}
.bym-empty-btn:hover { opacity: 0.9; color: #fff; text-decoration: none; }

.bym-orders {
    background: #fff;
    padding: 22px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.bym-orders-title { margin: 0 0 16px; font-size: 17px; font-weight: 700; color: #1e293b; font-family: 'Inter', sans-serif; }
.bym-table-wrap { overflow-x: auto; }
.bym-table { width: 100%; border-collapse: collapse; font-family: 'Inter', sans-serif; }
.bym-table thead tr { border-bottom: 2px solid #e2e8f0; }
.bym-table th { padding: 10px; text-align: left; font-size: 12px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }
.bym-table td { padding: 12px 10px; font-size: 14px; border-bottom: 1px solid #f1f5f9; }
.bym-td-id { font-weight: 600; color: #1e293b; }
.bym-td-date { color: #64748b; }
.bym-td-price { font-weight: 600; color: #1e293b; }
.bym-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}
.bym-badge--green { background: #dcfce7; color: #166534; }
.bym-badge--blue { background: #dbeafe; color: #1e40af; }
.bym-badge--yellow { background: #fef3c7; color: #92400e; }
.bym-badge--red { background: #fee2e2; color: #991b1b; }

@media (max-width: 768px) {
    .bym-card-top { padding: 18px; }
    .bym-card-name { font-size: 18px; }
    .bym-card-info { grid-template-columns: 1fr; }
    .bym-card-info .bym-info-item { border-right: none; border-bottom: 1px solid #f1f5f9; padding: 14px 18px; }
    .bym-card-info .bym-info-item:last-child { border-bottom: none; }
}






.page-title{text-align:center;margin-bottom:40px}
.page-title h1{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 6px}
.page-title p{color:#64748b;font-size:14px;margin:0}
.menu-block{background:#fff;border-radius:16px;margin-bottom:40px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden}
.menu-block-header{color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.menu-block-header h2{font-size:16px;font-weight:700;margin:0}
.menu-block-header span{font-size:11px;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:20px}
.menu-block-preview{padding:0;border-bottom:1px solid #e2e8f0}
.menu-block-code{padding:20px 24px;background:#f8fafc}
.menu-block-code summary{cursor:pointer;font-size:13px;font-weight:600;color:#64748b;padding:8px 0;user-select:none}
.menu-block-code pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:10px;font-size:11px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin-top:10px;line-height:1.6;position:relative}
.copy-btn{position:absolute;top:8px;right:8px;background:#334155;color:#94a3b8;border:none;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}
.copy-btn:hover{background:#475569;color:#fff}

/* ===== MEGA MENU CSS (header.php ile aynı) ===== */
.domain-container{max-width:1200px;margin:0 auto;padding:0}
.domain-grid{display:grid;grid-template-columns:1fr 300px;gap:0;align-items:stretch;min-height:280px}
.domain-menu-main{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 4px;align-content:center;padding:20px 24px}
.domain-menu-item{display:flex;width:100%;min-width:0}
.domain-card{display:flex;align-items:center;gap:12px;background:transparent;padding:10px 12px;border-radius:10px;text-decoration:none;width:100%;box-sizing:border-box;border:1px solid transparent;transition:all .15s ease;position:relative}
.domain-card:hover{background:#f8fafc}
.domain-icon{width:36px;height:36px;min-width:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .15s ease}
.domain-menu-item:nth-child(1) .domain-icon{background:#ede9fe;color:#6366f1}
.domain-menu-item:nth-child(2) .domain-icon{background:#e0f2fe;color:#0ea5e9}
.domain-menu-item:nth-child(3) .domain-icon{background:#f3e8ff;color:#a855f7}
.domain-menu-item:nth-child(4) .domain-icon{background:#fef3c7;color:#f59e0b}
.domain-menu-item:nth-child(5) .domain-icon{background:#fce7f3;color:#ec4899}
.domain-menu-item:nth-child(6) .domain-icon{background:#dcfce7;color:#22c55e}
.domain-menu-item:nth-child(7) .domain-icon{background:#fee2e2;color:#ef4444}
.domain-menu-item:nth-child(8) .domain-icon{background:#e0e7ff;color:#6366f1}
.domain-menu-item:nth-child(1) .domain-card:hover .domain-icon{background:#6366f1;color:#fff}
.domain-menu-item:nth-child(2) .domain-card:hover .domain-icon{background:#0ea5e9;color:#fff}
.domain-menu-item:nth-child(3) .domain-card:hover .domain-icon{background:#a855f7;color:#fff}
.domain-menu-item:nth-child(4) .domain-card:hover .domain-icon{background:#f59e0b;color:#fff}
.domain-menu-item:nth-child(5) .domain-card:hover .domain-icon{background:#ec4899;color:#fff}
.domain-menu-item:nth-child(6) .domain-card:hover .domain-icon{background:#22c55e;color:#fff}
.domain-menu-item:nth-child(7) .domain-card:hover .domain-icon{background:#ef4444;color:#fff}
.domain-menu-item:nth-child(8) .domain-card:hover .domain-icon{background:#6366f1;color:#fff}
.domain-content{flex:1;min-width:0}
.domain-content strong{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px;line-height:1.3}
.domain-content p{margin:0;font-size:11px;color:#94a3b8;line-height:1.4}
.domain-ribbon{position:absolute;top:8px;right:8px}
.domain-ribbon span{display:inline-block;padding:2px 7px;background:#ede9fe;color:#6366f1;font-size:9px;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.domain-menu-side{display:flex;position:relative}
.domain-promo{width:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:28px 24px;box-sizing:border-box}
.domain-promo-bg-circles span{position:absolute;border-radius:50%;pointer-events:none}
.domain-promo-bg-circles span:nth-child(1){width:180px;height:180px;background:rgba(255,255,255,.06);top:-60px;right:-60px}
.domain-promo-bg-circles span:nth-child(2){width:100px;height:100px;background:rgba(255,255,255,.04);bottom:-30px;left:-30px}
.domain-promo-bg-circles span:nth-child(3){width:60px;height:60px;background:rgba(255,255,255,.03);top:50%;left:20px;transform:translateY(-50%)}
.domain-promo-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:0}
.domain-promo-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:20px;width:fit-content;margin-bottom:12px}
.domain-promo-heading{font-size:18px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.03em;margin:0 0 8px}
.domain-promo-desc{font-size:11.5px;color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 14px}
.domain-promo-features{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.domain-promo-feature{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.8)}
.domain-promo-feature i{font-size:10px;color:rgba(255,255,255,.5);flex-shrink:0}
.domain-promo-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.domain-promo-stat-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 6px;text-align:center}
.domain-promo-stat-box strong{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1.2}
.domain-promo-stat-box span{display:block;font-size:9px;color:rgba(255,255,255,.5);margin-top:2px}
.domain-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#fff;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s ease;width:fit-content}
.domain-promo-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.domain-promo-button i{font-size:11px;transition:transform .15s ease}
.domain-promo-button:hover i{transform:translateX(3px)}


/* Bilgi Bankası Kategori Accordion */
.yzlp-kat-item.has-children { position: relative; }
.yzlp-kat-parent { display: flex; align-items: center; gap: 4px; }
.yzlp-kat-parent .yzlp-kat-link { flex: 1; }
.yzlp-kat-toggle {
    width: 24px; height: 24px; border: none; background: transparent;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    color: #64748b; transition: all 0.2s; border-radius: 4px; flex-shrink: 0;
}
.yzlp-kat-toggle:hover { background: rgba(0,0,0,0.05); color: var(--primary-color); }
.yzlp-kat-toggle i { font-size: 11px; transition: transform 0.2s; }
.yzlp-kat-item.open .yzlp-kat-toggle i { transform: rotate(180deg); }
.yzlp-kat-children {
    list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden;
    transition: max-height 0.3s ease; padding-left: 16px;
}
.yzlp-kat-item.open .yzlp-kat-children { max-height: 500px; padding-top: 4px; }
.yzlp-kat-children li { margin: 0; }
.yzlp-kat-children .yzlp-kat-link {
    padding: 6px 12px; font-size: 13px; border-left: 2px solid #e2e8f0;
}
.yzlp-kat-children .yzlp-kat-link:hover { border-left-color: var(--primary-color); }
.yzlp-kat-children .yzlp-kat-link.active { border-left-color: var(--primary-color); }

/* Bayilik Hediye Section */
.byv2-hediye-section { margin-top:16px; margin-bottom:16px; padding-top:16px; border-top:1px solid #f1f5f9; display:flex; flex-direction:column; gap:8px; }
.byv2-hediye-box { border-radius:8px; padding:10px 14px; display:flex; align-items:center; gap:10px; transition:all .2s; font-family:'Inter',sans-serif; background:rgba(var(--primary-color-rgb,59,130,246),.06); border:1px solid rgba(var(--primary-color-rgb,59,130,246),.15); }
.byv2-hediye-icon { width:32px; height:32px; border-radius:6px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:rgba(var(--primary-color-rgb,59,130,246),.12); }
.byv2-hediye-icon i { font-size:14px; color:var(--primary-color); }
.byv2-hediye-content { flex:1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.byv2-hediye-label { font-size:11px; font-weight:600; color:#64748b; }
.byv2-hediye-value { font-size:13px; font-weight:700; color:#0f172a; }
.byv2-hediye-link { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; color:var(--primary-color); text-decoration:none; transition:all .2s; white-space:nowrap; }
.byv2-hediye-link:hover { opacity:.8; text-decoration:none; }
.byv2-hediye-link i { font-size:10px; }
@media(max-width:768px){ .byv2-hediye-box{padding:9px 12px;gap:8px;} .byv2-hediye-icon{width:28px;height:28px;} .byv2-hediye-icon i{font-size:12px;} .byv2-hediye-label{font-size:10px;} .byv2-hediye-value{font-size:12px;} .byv2-hediye-content{flex-direction:column;align-items:flex-start;gap:4px;} }

/* ============================================================
   REFERANSLAR SAYFASI
   ============================================================ */
.ref-section { padding: 60px 0; background: #f8fafc; }

/* Filtre butonları */
.ref-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 40px; }
.ref-filter-btn { padding: 8px 22px; border-radius: 30px; border: 1.5px solid #e2e8f0; text-decoration: none; font-size: 14px; font-weight: 500; color: #475569; background: #fff; transition: all .2s; font-family: 'Inter', sans-serif; }
.ref-filter-btn:hover { border-color: var(--primary-color); color: var(--primary-color); background: #fff; }
.ref-filter-btn.active { background: var(--primary-color); color: #fff; border-color: var(--primary-color); box-shadow: 0 4px 14px rgba(0,0,0,.12); }

/* Grid */
.ref-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 24px; }

/* Kart */
.ref-card { background: #fff; border: 1px solid #e9ecef; border-radius: 14px; padding: 28px 18px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: box-shadow .25s, transform .25s, border-color .25s; }
.ref-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.09); transform: translateY(-4px); border-color: var(--primary-color); }

/* Logo alanı */
.ref-logo { height: 72px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.ref-logo img { max-height: 72px; max-width: 140px; object-fit: contain; }
.ref-logo-placeholder { width: 60px; height: 60px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: var(--primary-color); }

/* Ä°sim */
.ref-name { font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 4px; line-height: 1.4; }

/* Açıklama */
.ref-desc { font-size: 12px; color: #64748b; margin-bottom: 8px; line-height: 1.5; }

/* Link */
.ref-link { font-size: 12px; color: var(--primary-color); text-decoration: none; margin-top: auto; font-weight: 500; transition: opacity .2s; }
.ref-link:hover { opacity: .75; text-decoration: underline; }

/* BoÅŸ durum */
.ref-empty { text-align: center; padding: 60px 20px; color: #94a3b8; font-size: 15px; }

/* Responsive */
@media (max-width: 768px) {
    .ref-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .ref-section { padding: 40px 0; }
}
@media (max-width: 480px) {
    .ref-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .ref-card { padding: 20px 12px 16px; }
}

/* ===== GDPR & Genel Panel Yardımcıları ===== */
.cpn-page-head { margin-bottom: 24px; }
.cpn-page-title { font-size: 22px; font-weight: 800; color: #1e293b; margin: 0 0 4px; display: flex; align-items: center; gap: 10px; }
.cpn-page-title i { color: var(--primary-color); }
.cpn-page-sub { font-size: 14px; color: #64748b; margin: 0; }

.cpn-card-body { padding: 20px; }
.cpn-card-body.p-0 { padding: 0; }

.cpn-label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px; }
.cpn-input { width: 100%; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; font-family: inherit; color: #1e293b; background: #fff; transition: border-color .15s; box-sizing: border-box; }
.cpn-input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 30,58,95),.08); }
textarea.cpn-input { resize: vertical; min-height: 80px; }
select.cpn-input { cursor: pointer; }

.cpn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; border: none; transition: all .15s; text-decoration: none; }
.cpn-btn-primary { background: var(--primary-color); color: #fff; }
.cpn-btn-primary:hover { opacity: .88; color: #fff; text-decoration: none; }
.cpn-btn-outline { background: transparent; color: var(--primary-color); border: 1px solid var(--primary-color); }
.cpn-btn-outline:hover { background: var(--primary-color); color: #fff; }

.cpn-table { width: 100%; border-collapse: collapse; }
.cpn-table thead th { background: #f8fafc; padding: 10px 16px; font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .4px; border-bottom: 1px solid #e2e8f0; text-align: left; }
.cpn-table tbody td { padding: 12px 16px; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #374151; vertical-align: middle; }
.cpn-table tbody tr:last-child td { border-bottom: none; }
.cpn-table tbody tr:hover { background: #f8fafc; }

.cpn-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.cpn-badge-success { background: #dcfce7; color: #166534; }
.cpn-badge-warning { background: #fef9c3; color: #854d0e; }
.cpn-badge-danger  { background: #fee2e2; color: #991b1b; }
.cpn-badge-info    { background: #dbeafe; color: #1e40af; }
.cpn-badge-secondary { background: #f1f5f9; color: #475569; }

.mb-3 { margin-bottom: 16px; }
.mb-4 { margin-bottom: 24px; }
.alert { padding: 12px 16px; border-radius: 8px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.alert i { flex-shrink: 0; }
.alert-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.alert-warning  { background: #fefce8; color: #854d0e; border: 1px solid #fde68a; }
.alert-danger   { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.alert-info     { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }

@media (max-width: 768px) {
    .cpn-page-title { font-size: 18px; }
    .cpn-table thead { display: none; }
    .cpn-table tbody td { display: block; padding: 8px 16px; border-bottom: none; }
    .cpn-table tbody tr { border-bottom: 1px solid #f1f5f9; }
}

/* Software detail right panel - scoped */
.ud-hero .ud-hero-grid {
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 34px !important;
}

.ud-hero .ud-hero-info {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 26px !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: 0 22px 52px rgba(15, 31, 51, .1) !important;
    overflow: hidden !important;
}

.ud-hero .ud-title {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 27px !important;
    line-height: 1.16 !important;
    font-weight: 740 !important;
    letter-spacing: 0 !important;
}

.ud-hero .ud-subtitle {
    width: fit-content !important;
    margin: -4px 0 2px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    background: rgba(var(--secondary-color-rgb, 108, 117, 125), .12) !important;
    color: var(--secondary-color, #64748b) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ud-hero .ud-price-card {
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f7f9fc !important;
    color: #111827 !important;
    box-shadow: none !important;
}

.ud-hero .ud-price-label {
    margin: 0 0 10px !important;
    color: var(--primary-color) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}

.ud-hero .ud-price-badge {
    margin: 0 0 10px !important;
}

.ud-hero .ud-price-row {
    display: flex !important;
    align-items: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.ud-hero .ud-price-old {
    flex-basis: 100% !important;
    color: #8b95a5 !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

.ud-hero .ud-price-current {
    color: var(--primary-color) !important;
    font-size: 38px !important;
    line-height: .95 !important;
    font-weight: 840 !important;
}

.ud-hero .ud-price-period {
    color: #5f6b7c !important;
    font-size: 13px !important;
    opacity: 1 !important;
    padding-bottom: 3px !important;
}

.ud-hero .ud-price-tax {
    margin-left: auto !important;
    align-self: center !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    background: rgba(var(--secondary-color-rgb, 108, 117, 125), .12) !important;
    color: var(--secondary-color, #64748b) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

.ud-hero .ud-price-note {
    margin-top: 12px !important;
    color: #64748b !important;
    opacity: 1 !important;
}

.ud-hero .ud-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.ud-hero .ud-feature-item {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    background: #f7f9fc !important;
    color: #273449 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

.ud-hero .ud-feature-item i {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .1) !important;
    color: var(--primary-color) !important;
    font-size: 12px !important;
}

.ud-hero .ud-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
}

.ud-hero .ud-btn {
    min-width: 0 !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 13px !important;
    font-size: 13.5px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
}

.ud-hero .ud-btn-outline {
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .08) !important;
    color: var(--primary-color) !important;
}

.ud-hero .ud-btn-outline:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.ud-hero .ud-btn-primary {
    grid-column: 1 / -1 !important;
    background: var(--secondary-color, #111827) !important;
    color: #fff !important;
    min-height: 50px !important;
    box-shadow: 0 16px 30px rgba(var(--secondary-color-rgb, 108, 117, 125), .26) !important;
}

.ud-hero .ud-btn-primary:hover {
    background: color-mix(in srgb, var(--secondary-color, #111827) 86%, #000 14%) !important;
    color: #fff !important;
    opacity: 1 !important;
}

.ud-hero .ud-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f7f9fc !important;
}

.ud-hero .ud-meta-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 36px !important;
}

.ud-hero .ud-meta-label {
    margin: 0 !important;
    color: #7a8596 !important;
    font-size: 11px !important;
    font-weight: 740 !important;
    letter-spacing: 0 !important;
}

.ud-hero .ud-meta-value {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    text-align: right !important;
}

@media (max-width: 768px) {
    .ud-hero .ud-hero-grid {
        grid-template-columns: 1fr !important;
    }

    .ud-hero .ud-hero-info {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .ud-hero .ud-title {
        font-size: 24px !important;
    }

    .ud-hero .ud-actions {
        grid-template-columns: 1fr !important;
    }

    .ud-hero .ud-btn-primary {
        grid-column: auto !important;
    }
}

/* Software detail lower content - modern scoped */
.ud-tabs-section {
    background: #f5f7fa !important;
    padding: 58px 0 64px !important;
}

.ud-tab-bar {
    width: fit-content !important;
    max-width: 100% !important;
    display: flex !important;
    gap: 6px !important;
    margin: 0 0 18px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(15, 31, 51, .07) !important;
}

.ud-tab-btn {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #5f6b7c !important;
    font-size: 13px !important;
    font-weight: 720 !important;
}

.ud-tab-btn.active,
.ud-tab-btn:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: 0 !important;
}

.ud-tab-card {
    padding: 28px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 20px 46px rgba(15, 31, 51, .08) !important;
}

.ud-section-title {
    margin: 26px 0 14px !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 780 !important;
}

.ud-info-box {
    padding: 18px 20px !important;
    border: 0 !important;
    border-radius: 16px !important;
    color: #273449 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.ud-info-box--primary,
.ud-info-box--info {
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .07) !important;
}

.ud-info-box--warning {
    background: rgba(var(--secondary-color-rgb, 108, 117, 125), .1) !important;
}

.ud-feature-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.ud-feature-list li {
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    background: #f7f9fc !important;
    color: #273449 !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

.ud-comment {
    padding: 18px !important;
    border-radius: 16px !important;
    background: #f7f9fc !important;
    box-shadow: none !important;
}

.ud-comment-avatar {
    border-radius: 14px !important;
    background: var(--primary-color) !important;
}

.ud-comment-avatar--green {
    background: var(--secondary-color, #64748b) !important;
}

.ud-comment-name {
    color: #111827 !important;
    font-weight: 760 !important;
}

.ud-comment-form {
    padding: 20px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f7f9fc !important;
}

.ud-comment-form input,
.ud-comment-form textarea {
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .08) !important;
}

.ud-comment-form input:focus,
.ud-comment-form textarea:focus {
    box-shadow: inset 0 0 0 1px var(--primary-color), 0 0 0 4px rgba(var(--primary-color-rgb, 37, 99, 235), .08) !important;
}

.ud-faq {
    border: 0 !important;
    border-radius: 16px !important;
    background: #f7f9fc !important;
    overflow: hidden !important;
}

.ud-faq-q {
    padding: 17px 18px !important;
    background: #f7f9fc !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
}

.ud-faq-q:hover,
.ud-faq-q.open {
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .08) !important;
    color: var(--primary-color) !important;
}

.ud-faq-a {
    border-top: 0 !important;
    background: #fff !important;
    color: #4b5563 !important;
}

.ud-related {
    background: #fff !important;
    padding: 62px 0 72px !important;
    border-top: 0 !important;
}

.ud-related-title {
    margin: 0 0 26px !important;
    color: #111827 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

.ud-related-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.ud-related-card {
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(15, 31, 51, .08) !important;
}

.ud-related-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 24px 52px rgba(15, 31, 51, .13) !important;
}

.ud-related-img {
    aspect-ratio: 16 / 10 !important;
    background: #f5f7fa !important;
}

.ud-related-img img {
    object-fit: contain !important;
    padding: 12px !important;
}

.ud-related-info {
    padding: 16px !important;
}

.ud-related-info h3 {
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 740 !important;
}

@media (max-width: 980px) {
    .ud-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    .ud-tabs-section,
    .ud-related {
        padding: 38px 0 46px !important;
    }

    .ud-tab-bar {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .ud-tab-card {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .ud-feature-list,
    .ud-related-grid {
        grid-template-columns: 1fr !important;
    }
}

/* West contact page - scoped modern layout */
.cw-contact-page {
    background: #f4f7fb;
    padding: 58px 0 72px;
    color: #111827;
}

.cw-contact-shell {
    width: min(1420px, calc(100% - 48px));
    margin: 0 auto;
}

.cw-contact-services {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 22px;
}

.cw-contact-service {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-height: 126px;
    padding: 22px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 31, 51, .075);
}

.cw-contact-service__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--primary-color);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 12px 28px rgba(var(--primary-color-rgb, 37, 99, 235), .22);
}

.cw-contact-service:nth-child(2) .cw-contact-service__icon {
    background: var(--secondary-color);
    box-shadow: 0 12px 28px rgba(var(--secondary-color-rgb, 16, 185, 129), .2);
}

.cw-contact-service h3 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 760;
    color: #0f172a;
}

.cw-contact-service p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.cw-contact-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 24px;
    align-items: stretch;
}

.cw-contact-form-card,
.cw-contact-info-card {
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 24px 58px rgba(15, 31, 51, .1);
}

.cw-contact-form-card {
    padding: 34px;
    background: #fff;
}

.cw-contact-info-card {
    padding: 30px;
    background: var(--primary-color);
    color: #fff;
    position: relative;
}

.cw-contact-info-card:before,
.cw-contact-info-card:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.cw-contact-info-card:before {
    width: 132px;
    height: 132px;
    right: -42px;
    top: -36px;
    background: rgba(255, 255, 255, .12);
}

.cw-contact-info-card:after {
    width: 96px;
    height: 96px;
    left: -38px;
    bottom: 36px;
    background: rgba(var(--secondary-color-rgb, 16, 185, 129), .32);
}

.cw-contact-section-head {
    margin-bottom: 26px;
}

.cw-contact-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .09);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 740;
    margin-bottom: 14px;
}

.cw-contact-section-head h2 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: 0;
    font-weight: 800;
    color: #0f172a;
}

.cw-contact-section-head p {
    margin: 0;
    max-width: 640px;
    color: #64748b;
    line-height: 1.7;
    font-size: 14px;
}

.cw-contact-section-head--light,
.cw-contact-info-list,
.cw-contact-socials {
    position: relative;
    z-index: 1;
}

.cw-contact-section-head--light .cw-contact-kicker {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.cw-contact-section-head--light h2,
.cw-contact-section-head--light p {
    color: #fff;
}

.cw-contact-section-head--light p {
    color: rgba(255, 255, 255, .76);
}

.cw-contact-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cw-contact-field {
    position: relative;
}

.cw-contact-field--full,
.cw-contact-captcha,
.cw-contact-submit {
    grid-column: 1 / -1;
}

.cw-contact-field i {
    position: absolute;
    top: 18px;
    left: 17px;
    color: var(--primary-color);
    font-size: 15px;
    pointer-events: none;
}

.cw-contact-field input,
.cw-contact-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 17px;
    background: #f6f8fb;
    color: #111827;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .07);
    transition: box-shadow .2s ease, background .2s ease, transform .2s ease;
}

.cw-contact-field input {
    min-height: 54px;
    padding: 0 16px 0 46px;
}

.cw-contact-field textarea {
    min-height: 150px;
    resize: vertical;
    padding: 17px 16px 17px 46px;
}

.cw-contact-field input:focus,
.cw-contact-field textarea:focus {
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--primary-color), 0 0 0 5px rgba(var(--primary-color-rgb, 37, 99, 235), .08);
}

.cw-contact-captcha {
    margin-top: 2px;
}

.cw-contact-submit {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 26px;
    border: 0;
    border-radius: 16px;
    background: var(--secondary-color);
    color: #fff;
    font-size: 14px;
    font-weight: 760;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(var(--secondary-color-rgb, 16, 185, 129), .24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.cw-contact-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(var(--secondary-color-rgb, 16, 185, 129), .3);
}

.cw-contact-info-list {
    display: grid;
    gap: 12px;
}

.cw-contact-info-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .1);
}

.cw-contact-info-item span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #fff;
    color: var(--primary-color);
}

.cw-contact-info-item small {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, .64);
    font-size: 11px;
    font-weight: 740;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.cw-contact-info-item strong,
.cw-contact-info-item a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 650;
    word-break: break-word;
}

.cw-contact-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.cw-contact-socials a {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

.cw-contact-socials a:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--primary-color);
}

.cw-contact-map {
    width: min(1420px, calc(100% - 48px));
    margin: 0 auto 58px;
}

.cw-contact-map__frame {
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 22px 54px rgba(15, 31, 51, .1);
}

.cw-contact-map__frame iframe {
    display: block;
    width: 100% !important;
    min-height: 360px;
}

@media (max-width: 1080px) {
    .cw-contact-services,
    .cw-contact-main {
        grid-template-columns: 1fr;
    }

    .cw-contact-info-card {
        order: -1;
    }
}

@media (max-width: 680px) {
    .cw-contact-page {
        padding: 34px 0 46px;
    }

    .cw-contact-shell,
    .cw-contact-map {
        width: min(100% - 28px, 1420px);
    }

    .cw-contact-service,
    .cw-contact-form-card,
    .cw-contact-info-card {
        border-radius: 20px;
    }

    .cw-contact-service {
        min-height: auto;
        padding: 18px;
    }

    .cw-contact-form-card,
    .cw-contact-info-card {
        padding: 22px;
    }

    .cw-contact-section-head h2 {
        font-size: 24px;
    }

    .cw-contact-form {
        grid-template-columns: 1fr;
    }

    .cw-contact-submit {
        width: 100%;
    }
}
/* West domain page refresh - no gradient */
.dm-hero,
.dm-slider-wrap,
.dm-result-section,
.dm-pricing {
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.dm-hero *,
.dm-slider-wrap *,
.dm-result-section *,
.dm-pricing * {
    box-sizing: border-box !important;
}

.dm-hero {
    background: #f4f7fb !important;
    padding: 58px 0 28px !important;
    text-align: left !important;
    overflow: visible !important;
}

.dm-hero-shell {
    width: min(1420px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 26px;
    align-items: stretch;
}

.dm-hero-copy,
.dm-hero-panel {
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 31, 51, .1);
}

.dm-hero-copy {
    padding: 42px;
    min-width: 0;
}

.dm-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 13px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    font-weight: 760;
    margin-bottom: 18px;
}

.dm-hero h1 {
    max-width: 760px;
    margin: 0 0 12px !important;
    color: #0f172a !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    font-weight: 820 !important;
}

.dm-hero h1 span {
    color: var(--secondary-color) !important;
}

.dm-hero p {
    max-width: 680px;
    margin: 0 0 26px !important;
    color: #536179 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

.dm-search-wrap {
    width: 100% !important;
    max-width: 820px !important;
    min-height: 66px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: #f6f8fb !important;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .07), 0 18px 40px rgba(15, 31, 51, .08) !important;
}

.dm-search-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff;
    color: var(--primary-color);
    box-shadow: 0 8px 22px rgba(15, 31, 51, .06);
}

.dm-search-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 16px !important;
    outline: none !important;
}

.dm-search-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.dm-search-btn {
    min-height: 48px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.dm-btn-kontrol {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.dm-btn-transfer {
    background: #fff !important;
    color: var(--primary-color) !important;
}

.dm-search-btn:hover {
    opacity: 1 !important;
    transform: translateY(-1px);
}

.dm-hero-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

.dm-hero-tags span {
    color: #64748b;
    font-size: 12px;
    font-weight: 720;
}

.dm-hero-tags button {
    border: 0;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .09);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 760;
    cursor: pointer;
}

.dm-captcha-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 16px;
    padding: 8px;
    border-radius: 16px;
    background: #f6f8fb;
}

.dm-captcha-box span {
    padding: 8px 14px;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    font-family: monospace;
    font-weight: 800;
    letter-spacing: 1px;
}

.dm-captcha-box input {
    width: 74px;
    min-height: 38px;
    border: 0;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    outline: none;
}

.dm-hero-panel {
    position: relative;
    padding: 26px;
    overflow: hidden;
}

.dm-hero-panel:before,
.dm-hero-panel:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 999px;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .09);
    pointer-events: none;
}

.dm-hero-panel:before {
    right: -28px;
    top: -26px;
}

.dm-hero-panel:after {
    left: -38px;
    bottom: -32px;
    background: rgba(var(--secondary-color-rgb, 16, 185, 129), .12);
}

.dm-hero-panel-head,
.dm-quick-tlds {
    position: relative;
    z-index: 1;
}

.dm-hero-panel-head {
    margin-bottom: 18px;
}

.dm-hero-panel-head span {
    display: block;
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 820;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 6px;
}

.dm-hero-panel-head strong {
    display: block;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.12;
}

.dm-quick-tlds {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dm-quick-tld {
    position: relative;
    min-height: 94px;
    padding: 14px;
    border: 0;
    border-radius: 18px;
    background: #f6f8fb;
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.dm-quick-tld:hover {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: 0 16px 34px rgba(15, 31, 51, .1);
}

.dm-quick-name {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
    font-weight: 820;
}

.dm-quick-tld:nth-child(2n) .dm-quick-name,
.dm-slider-item:nth-child(2n) .dm-slider-icon {
    background: var(--secondary-color) !important;
}

.dm-quick-price {
    display: block;
    margin-top: 10px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 820;
}

.dm-quick-tld em {
    position: absolute;
    top: 13px;
    right: 13px;
    min-height: 23px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-style: normal;
    font-size: 11px;
    font-weight: 820;
}

.dm-slider-wrap {
    background: #f4f7fb !important;
    border: 0 !important;
    padding: 8px 0 44px !important;
    overflow: visible !important;
}

.dm-slider-head,
.dm-slider {
    width: min(1420px, calc(100% - 48px));
    margin-left: auto !important;
    margin-right: auto !important;
}

.dm-slider-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.dm-slider-head span {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 820;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.dm-slider-head strong {
    color: #0f172a;
    font-size: 20px;
    line-height: 1.2;
}

.dm-slider {
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    justify-content: initial !important;
    flex-wrap: initial !important;
}

.dm-slider-item {
    position: relative;
    min-width: 0 !important;
    min-height: 104px;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 12px !important;
    padding: 17px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(15, 31, 51, .08) !important;
}

.dm-slider-item:hover {
    box-shadow: 0 22px 48px rgba(15, 31, 51, .12) !important;
    transform: translateY(-2px);
}

.dm-slider-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 820 !important;
}

.dm-slider-tld {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 820 !important;
}

.dm-slider-sub {
    color: #64748b !important;
    font-size: 12px !important;
    margin-top: 3px;
}

.dm-slider-price {
    min-width: 92px;
    text-align: right !important;
}

.dm-slider-kampanya {
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-size: 12px !important;
    font-weight: 720 !important;
}

.dm-slider-fiyat {
    color: var(--secondary-color) !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: 860 !important;
}

.dm-slider-fiyat small {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

.dm-slider-discount {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    margin-top: 5px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 11px;
    font-weight: 820;
}

.dm-result-section {
    padding: 38px 0 !important;
    background: #fff !important;
}

.dm-result-container {
    width: min(1040px, calc(100% - 48px)) !important;
    max-width: none !important;
}

.dm-result-card {
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(15, 31, 51, .08) !important;
}

.dm-pricing {
    padding: 58px 0 !important;
    background: #fff !important;
}

.dm-pricing-container {
    width: min(1420px, calc(100% - 48px)) !important;
    max-width: none !important;
}

.dm-pricing h2 {
    font-size: 30px !important;
    letter-spacing: 0 !important;
}

.dm-pricing-wrap {
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 31, 51, .08);
}

.dm-pricing-table thead tr {
    background: #0f172a !important;
}

.dm-pricing-table th,
.dm-pricing-table td {
    padding: 16px 18px !important;
}

.dm-pricing-table tbody tr:nth-child(even) {
    background: #f7f9fc !important;
}

.dm-pricing-table .price-kayit {
    color: var(--primary-color) !important;
    font-weight: 820 !important;
}

@media (max-width: 1120px) {
    .dm-hero-shell {
        grid-template-columns: 1fr;
    }

    .dm-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .dm-hero {
        padding: 32px 0 20px !important;
    }

    .dm-hero-shell,
    .dm-slider-head,
    .dm-slider,
    .dm-pricing-container,
    .dm-result-container {
        width: min(100% - 28px, 1420px) !important;
    }

    .dm-hero-copy,
    .dm-hero-panel {
        border-radius: 20px;
        padding: 22px;
    }

    .dm-hero h1 {
        font-size: 28px !important;
    }

    .dm-search-wrap {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        min-height: 0 !important;
    }

    .dm-search-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .dm-search-btn {
        width: 100%;
        padding: 0 12px !important;
    }

    .dm-quick-tlds,
    .dm-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .dm-slider-item {
        min-height: 126px;
        grid-template-columns: 1fr;
        align-items: start !important;
    }

    .dm-slider-price {
        text-align: left !important;
        min-width: 0;
    }

    .dm-result-card {
        display: grid !important;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .dm-search-actions,
    .dm-quick-tlds,
    .dm-slider {
        grid-template-columns: 1fr !important;
    }
}
/* Domain FAQ container alignment */
.dm-faq-section {
    background: #f4f7fb !important;
    padding: 58px 0 70px !important;
}

.dm-faq-container {
    width: min(1420px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
}

@media (max-width: 720px) {
    .dm-faq-section {
        padding: 40px 0 48px !important;
    }

    .dm-faq-container {
        width: min(100% - 28px, 1420px) !important;
    }
}
/* Domain page correction - single search layout */
.dm-hero {
    background: #f4f7fb !important;
    padding: 46px 0 26px !important;
}

.dm-hero-shell {
    width: min(1420px, calc(100% - 48px)) !important;
    display: block !important;
}

.dm-hero-copy {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 38px 42px 34px !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 22px 54px rgba(15, 31, 51, .09) !important;
}

.dm-hero-copy:after {
    content: "";
    display: block;
    clear: both;
}

.dm-hero h1 {
    max-width: 980px !important;
    font-size: clamp(30px, 2.7vw, 42px) !important;
}

.dm-hero p {
    max-width: 880px !important;
    margin-bottom: 24px !important;
}

.dm-search-wrap {
    max-width: 980px !important;
    margin-top: 0 !important;
}

.dm-hero-panel,
.dm-quick-tlds,
.dm-hero-panel-head {
    display: none !important;
}

.dm-slider-wrap {
    padding-top: 22px !important;
    padding-bottom: 42px !important;
}

.dm-slider {
    align-items: stretch !important;
}

.dm-slider-item {
    overflow: hidden !important;
    min-height: 112px !important;
}

.dm-slider-price {
    display: flex !important;
    min-width: 100px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
}

.dm-slider-fiyat,
.dm-slider-kampanya,
.dm-slider-discount {
    position: static !important;
    white-space: nowrap !important;
}

.dm-result-section {
    scroll-margin-top: 95px !important;
}

@media (max-width: 720px) {
    .dm-hero {
        padding: 28px 0 18px !important;
    }

    .dm-hero-shell {
        width: min(100% - 28px, 1420px) !important;
    }

    .dm-hero-copy {
        padding: 22px !important;
        border-radius: 20px !important;
    }

    .dm-search-wrap {
        max-width: none !important;
    }

    .dm-slider-item {
        min-height: 108px !important;
    }

    .dm-slider-price {
        align-items: flex-start !important;
    }
}
/* West domain page full rebuild - isolated classes */
.wxd-page,
.wxd-page * {
    box-sizing: border-box;
}

.wxd-page {
    background: #f5f7fb;
    color: #111827;
    padding: 46px 0 72px;
    overflow: hidden;
}

.wxd-shell {
    width: min(1420px, calc(100% - 48px));
    margin: 0 auto;
}

.wxd-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 22px;
}

.wxd-hero-main,
.wxd-hero-side,
.wxd-strip,
.wxd-results-inner,
.wxd-pricing,
.wxd-faq {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 22px 54px rgba(15, 31, 51, .08);
}

.wxd-hero-main {
    padding: 38px;
    min-width: 0;
}

.wxd-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 13px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    margin-bottom: 18px;
}

.wxd-hero h1 {
    margin: 0 0 12px;
    max-width: 860px;
    color: #0f172a;
    font-size: clamp(31px, 3vw, 46px);
    line-height: 1.06;
    letter-spacing: 0;
    font-weight: 820;
}

.wxd-hero p {
    margin: 0 0 24px;
    max-width: 820px;
    color: #58667d;
    font-size: 15px;
    line-height: 1.75;
}

.wxd-search-card {
    width: min(100%, 980px);
    padding: 8px;
    border-radius: 22px;
    background: #f4f7fb;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .07);
}

.wxd-search-line {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.wxd-search-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #fff;
    color: var(--primary-color);
    box-shadow: 0 10px 24px rgba(15, 31, 51, .06);
}

.wxd-search-input {
    width: 100%;
    height: 52px;
    border: 0;
    background: transparent;
    outline: none;
    color: #111827;
    font-size: 16px;
}

.wxd-search-button,
.wxd-transfer-link {
    border: 0;
    cursor: pointer;
    font-weight: 760;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease;
}

.wxd-search-button {
    min-height: 50px;
    padding: 0 24px;
    border-radius: 16px;
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 14px 30px rgba(var(--primary-color-rgb, 37, 99, 235), .2);
}

.wxd-search-button:hover,
.wxd-transfer-link:hover,
.wxd-tld-card:hover {
    transform: translateY(-2px);
}

.wxd-search-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 6px 2px;
}

.wxd-popular-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.wxd-popular-tags span {
    color: #64748b;
    font-size: 12px;
    font-weight: 720;
}

.wxd-popular-tags button,
.wxd-transfer-link {
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: #fff;
    color: var(--primary-color);
    font-size: 12px;
}

.wxd-transfer-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    background: var(--secondary-color);
}

.wxd-captcha {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 16px;
    padding: 8px;
    border-radius: 16px;
    background: #f4f7fb;
}

.wxd-captcha span,
.wxd-captcha input {
    min-height: 38px;
    border: 0;
    border-radius: 12px;
    background: #fff;
}

.wxd-captcha span {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    font-family: monospace;
    font-weight: 800;
    color: #0f172a;
}

.wxd-captcha input {
    width: 72px;
    text-align: center;
    outline: none;
}

.wxd-hero-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px;
    background: var(--primary-color);
    color: #fff;
}

.wxd-hero-side span {
    font-size: 12px;
    font-weight: 760;
    color: rgba(255,255,255,.72);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wxd-hero-side strong {
    margin: 12px 0 8px;
    font-size: 34px;
    line-height: 1;
    font-weight: 860;
}

.wxd-hero-side small {
    color: rgba(255,255,255,.76);
    line-height: 1.55;
}

.wxd-strip,
.wxd-pricing,
.wxd-faq,
.wxd-results-inner {
    padding: 28px;
    margin-top: 18px;
}

.wxd-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.wxd-section-head span {
    display: block;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 820;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 5px;
}

.wxd-section-head h2 {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.18;
    font-weight: 820;
}

.wxd-section-head p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

.wxd-section-head--center {
    display: block;
    text-align: center;
}

.wxd-tld-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.wxd-tld-card {
    position: relative;
    min-height: 132px;
    padding: 17px;
    border: 0;
    border-radius: 20px;
    background: #f6f8fb;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .045);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.wxd-tld-card:hover {
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 31, 51, .1);
}

.wxd-tld-name {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 11px;
    border-radius: 11px;
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
    font-weight: 840;
}

.wxd-tld-card:nth-child(2n) .wxd-tld-name {
    background: var(--secondary-color);
}

.wxd-tld-meta {
    display: block;
    margin-top: 12px;
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
}

.wxd-tld-card strong {
    display: block;
    margin-top: 5px;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 860;
}

.wxd-tld-card strong small {
    color: #64748b;
    font-size: 11px;
    font-weight: 650;
}

.wxd-tld-card em {
    display: block;
    margin-top: 4px;
    color: #94a3b8;
    font-style: normal;
    font-size: 12px;
    text-decoration: line-through;
}

.wxd-tld-card i {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-style: normal;
    font-size: 11px;
    font-weight: 820;
}

.wxd-results {
    display: none;
    scroll-margin-top: 96px;
}

.wxd-results-inner {
    background: #fff;
}

.wxd-results .dm-result-header {
    text-align: center;
    margin-bottom: 20px;
}

.wxd-results .dm-results-list {
    display: grid;
    gap: 12px;
}

.wxd-results .dm-result-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) auto auto auto;
    gap: 14px !important;
    align-items: center !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f6f8fb !important;
    box-shadow: none !important;
}

.wxd-results .dm-result-card.highlight {
    background: #fff !important;
    box-shadow: 0 16px 34px rgba(15, 31, 51, .09) !important;
}

.wxd-results .dm-devam-wrap {
    margin-top: 18px;
    text-align: right;
}

.wxd-results .dm-devam-btn {
    border-radius: 15px !important;
    background: var(--primary-color) !important;
}

.wxd-table-wrap {
    overflow-x: auto;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .07);
}

.wxd-price-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}

.wxd-price-table th {
    padding: 16px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wxd-price-table td {
    padding: 16px;
    color: #475569;
    border-bottom: 1px solid #eef2f7;
    font-size: 14px;
}

.wxd-price-table tr:last-child td {
    border-bottom: 0;
}

.wxd-price-table tbody tr:nth-child(even) {
    background: #f7f9fc;
}

.wxd-price-table td:first-child strong,
.wxd-price-table td:nth-child(2) {
    color: var(--primary-color);
    font-weight: 820;
}

.wxd-faq {
    background: #fff;
}

@media (max-width: 1100px) {
    .wxd-hero {
        grid-template-columns: 1fr;
    }

    .wxd-tld-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .wxd-page {
        padding: 28px 0 46px;
    }

    .wxd-shell {
        width: min(100% - 28px, 1420px);
    }

    .wxd-hero-main,
    .wxd-hero-side,
    .wxd-strip,
    .wxd-results-inner,
    .wxd-pricing,
    .wxd-faq {
        border-radius: 20px;
        padding: 20px;
    }

    .wxd-hero h1 {
        font-size: 28px;
    }

    .wxd-search-line {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .wxd-search-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .wxd-search-foot,
    .wxd-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .wxd-transfer-link {
        width: 100%;
        justify-content: center;
    }

    .wxd-tld-grid {
        grid-template-columns: 1fr;
    }

    .wxd-results .dm-result-card {
        grid-template-columns: 1fr !important;
    }
}
/* Domain page polish - softer surfaces and distinct TLD colors */
.wxd-page {
    background: #f3f6fb !important;
}

.wxd-hero-main,
.wxd-hero-side,
.wxd-strip,
.wxd-results-inner,
.wxd-pricing,
.wxd-faq {
    box-shadow: 0 24px 58px rgba(15, 31, 51, .075) !important;
}

.wxd-search-card {
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15, 31, 51, .08) !important;
}

.wxd-search-line {
    background: #f6f8fb !important;
    border-radius: 18px !important;
    padding: 6px !important;
}

.wxd-search-icon {
    background: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(var(--primary-color-rgb, 37, 99, 235), .2) !important;
}

.wxd-popular-tags button {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.wxd-popular-tags button:nth-child(3n+1) {
    color: var(--primary-color) !important;
}

.wxd-popular-tags button:nth-child(3n+2) {
    color: var(--secondary-color) !important;
}

.wxd-tld-card {
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(15, 31, 51, .065) !important;
}

.wxd-tld-card:before {
    content: "";
    position: absolute;
    inset: auto 16px 0 16px;
    height: 4px;
    border-radius: 999px 999px 0 0;
    background: var(--primary-color);
    opacity: .95;
}

.wxd-tld-card:after {
    content: "";
    position: absolute;
    width: 82px;
    height: 82px;
    right: -34px;
    top: -34px;
    border-radius: 999px;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .08);
    pointer-events: none;
}

.wxd-tld-card:hover {
    box-shadow: 0 24px 54px rgba(15, 31, 51, .12) !important;
}

.wxd-tld-card:nth-child(8n+1) { --tld-accent: var(--primary-color); --tld-soft: rgba(var(--primary-color-rgb, 37, 99, 235), .1); }
.wxd-tld-card:nth-child(8n+2) { --tld-accent: var(--secondary-color); --tld-soft: rgba(var(--secondary-color-rgb, 16, 185, 129), .12); }
.wxd-tld-card:nth-child(8n+3) { --tld-accent: #0ea5e9; --tld-soft: rgba(14, 165, 233, .12); }
.wxd-tld-card:nth-child(8n+4) { --tld-accent: #f59e0b; --tld-soft: rgba(245, 158, 11, .14); }
.wxd-tld-card:nth-child(8n+5) { --tld-accent: #ef4444; --tld-soft: rgba(239, 68, 68, .12); }
.wxd-tld-card:nth-child(8n+6) { --tld-accent: #8b5cf6; --tld-soft: rgba(139, 92, 246, .12); }
.wxd-tld-card:nth-child(8n+7) { --tld-accent: #06b6d4; --tld-soft: rgba(6, 182, 212, .12); }
.wxd-tld-card:nth-child(8n+8) { --tld-accent: #ec4899; --tld-soft: rgba(236, 72, 153, .12); }

.wxd-tld-card:before,
.wxd-tld-card:nth-child(2n) .wxd-tld-name,
.wxd-tld-name {
    background: var(--tld-accent, var(--primary-color)) !important;
}

.wxd-tld-card:after {
    background: var(--tld-soft, rgba(var(--primary-color-rgb, 37, 99, 235), .08)) !important;
}

.wxd-tld-name,
.wxd-tld-meta,
.wxd-tld-card strong,
.wxd-tld-card em,
.wxd-tld-card i {
    position: relative;
    z-index: 1;
}

.wxd-tld-card strong {
    color: var(--tld-accent, var(--primary-color)) !important;
}

.wxd-tld-card i {
    background: #0f172a !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .14) !important;
}

.wxd-table-wrap {
    box-shadow: 0 18px 42px rgba(15, 31, 51, .07) !important;
}

@media (max-width: 720px) {
    .wxd-search-line {
        padding: 6px !important;
    }

    .wxd-tld-card:before {
        inset: auto 14px 0 14px;
    }
}
/* Domain search emphasis and popular tags refinement */
.wxd-search-card {
    position: relative !important;
    margin-top: 4px !important;
    padding: 12px !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 26px 64px rgba(15, 31, 51, .13) !important;
}

.wxd-search-card:before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 32px;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .08);
    z-index: -1;
}

.wxd-search-line {
    min-height: 70px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: #f3f6fb !important;
    box-shadow: inset 0 0 0 1px rgba(15, 31, 51, .06) !important;
}

.wxd-search-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    font-size: 17px !important;
}

.wxd-search-input {
    height: 56px !important;
    font-size: 17px !important;
    font-weight: 560 !important;
}

.wxd-search-input::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.wxd-search-button {
    min-height: 56px !important;
    padding: 0 28px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
}

.wxd-search-foot {
    margin-top: 10px !important;
    padding: 0 !important;
    align-items: stretch !important;
}

.wxd-popular-tags {
    flex: 1 1 auto !important;
    gap: 7px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: #f6f8fb !important;
}

.wxd-popular-tags span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 8px 0 2px !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 780 !important;
}

.wxd-popular-tags button {
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    box-shadow: 0 8px 18px rgba(15, 31, 51, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease !important;
}

.wxd-popular-tags button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 28px rgba(15, 31, 51, .11) !important;
}

.wxd-popular-tags button:nth-of-type(1) { color: var(--primary-color) !important; }
.wxd-popular-tags button:nth-of-type(2) { color: var(--secondary-color) !important; }
.wxd-popular-tags button:nth-of-type(3) { color: #f59e0b !important; }
.wxd-popular-tags button:nth-of-type(4) { color: #0ea5e9 !important; }
.wxd-popular-tags button:nth-of-type(5) { color: #8b5cf6 !important; }

.wxd-transfer-link {
    min-height: 54px !important;
    padding: 0 17px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    box-shadow: 0 14px 28px rgba(var(--secondary-color-rgb, 16, 185, 129), .18) !important;
}

@media (max-width: 720px) {
    .wxd-search-card {
        padding: 10px !important;
        border-radius: 22px !important;
    }

    .wxd-search-card:before {
        inset: -6px !important;
        border-radius: 26px !important;
    }

    .wxd-search-line {
        min-height: 0 !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }

    .wxd-search-icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 15px !important;
    }

    .wxd-search-input {
        height: 48px !important;
        font-size: 15px !important;
    }

    .wxd-search-button {
        min-height: 50px !important;
        border-radius: 16px !important;
    }

    .wxd-popular-tags {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    .wxd-popular-tags span {
        grid-column: 1 / -1 !important;
        min-height: auto !important;
        padding: 0 2px 4px !important;
    }

    .wxd-popular-tags button {
        width: 100% !important;
        justify-content: center !important;
    }
}
/* Domain search final emphasis */
.wxd-hero-main {
    position: relative !important;
    overflow: visible !important;
}

.wxd-search-card {
    width: min(100%, 1040px) !important;
    margin-top: 8px !important;
    padding: 14px !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 30px 74px rgba(15, 31, 51, .16) !important;
}

.wxd-search-card:before {
    inset: -12px !important;
    border-radius: 34px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .1) !important;
}

.wxd-search-line {
    min-height: 76px !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 9px !important;
    border-radius: 23px !important;
    background: #f2f6fb !important;
}

.wxd-search-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 19px !important;
}

.wxd-search-input {
    height: 58px !important;
    font-size: 18px !important;
    color: #0f172a !important;
}

.wxd-search-button {
    min-height: 58px !important;
    padding: 0 30px !important;
    border-radius: 19px !important;
}

.wxd-search-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    margin-top: 12px !important;
    padding: 0 !important;
}

.wxd-popular-box {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    background: #f5f8fc !important;
}

.wxd-popular-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    box-shadow: 0 8px 18px rgba(15, 31, 51, .055) !important;
}

.wxd-popular-title i {
    color: var(--secondary-color) !important;
}

.wxd-popular-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
}

.wxd-popular-tags button {
    position: relative !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(15, 31, 51, .06) !important;
    overflow: hidden !important;
}

.wxd-popular-tags button:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: var(--pop-accent, var(--primary-color)) !important;
}

.wxd-popular-tags button strong {
    position: relative !important;
    z-index: 1 !important;
    color: var(--pop-accent, var(--primary-color)) !important;
    font-size: 13px !important;
    font-weight: 860 !important;
}

.wxd-popular-tags button:nth-child(1) { --pop-accent: var(--primary-color); }
.wxd-popular-tags button:nth-child(2) { --pop-accent: var(--secondary-color); }
.wxd-popular-tags button:nth-child(3) { --pop-accent: #f59e0b; }
.wxd-popular-tags button:nth-child(4) { --pop-accent: #0ea5e9; }
.wxd-popular-tags button:nth-child(5) { --pop-accent: #8b5cf6; }

.wxd-transfer-link {
    min-height: 58px !important;
    padding: 0 20px !important;
    border-radius: 20px !important;
}

@media (max-width: 820px) {
    .wxd-search-foot,
    .wxd-popular-box {
        grid-template-columns: 1fr !important;
    }

    .wxd-popular-title {
        justify-content: center !important;
    }
}

@media (max-width: 720px) {
    .wxd-search-card {
        padding: 10px !important;
        border-radius: 23px !important;
    }

    .wxd-search-line {
        min-height: 0 !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }

    .wxd-search-icon {
        width: 48px !important;
        height: 48px !important;
        border-radius: 16px !important;
    }

    .wxd-search-input {
        height: 50px !important;
        font-size: 16px !important;
    }

    .wxd-search-button,
    .wxd-transfer-link {
        min-height: 50px !important;
        width: 100% !important;
    }

    .wxd-popular-tags {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .wxd-popular-tags button {
        width: 100% !important;
    }
}
/* Domain popular tags - colored backgrounds instead of side lines */
.wxd-popular-tags button:before {
    display: none !important;
    content: none !important;
}

.wxd-popular-tags button {
    background: var(--pop-soft, #fff) !important;
    box-shadow: 0 10px 22px rgba(15, 31, 51, .07) !important;
}

.wxd-popular-tags button strong {
    color: var(--pop-accent, var(--primary-color)) !important;
}

.wxd-popular-tags button:nth-child(1) { --pop-accent: var(--primary-color); --pop-soft: rgba(var(--primary-color-rgb, 37, 99, 235), .12); }
.wxd-popular-tags button:nth-child(2) { --pop-accent: var(--secondary-color); --pop-soft: rgba(var(--secondary-color-rgb, 16, 185, 129), .14); }
.wxd-popular-tags button:nth-child(3) { --pop-accent: #f59e0b; --pop-soft: rgba(245, 158, 11, .16); }
.wxd-popular-tags button:nth-child(4) { --pop-accent: #0ea5e9; --pop-soft: rgba(14, 165, 233, .14); }
.wxd-popular-tags button:nth-child(5) { --pop-accent: #8b5cf6; --pop-soft: rgba(139, 92, 246, .14); }

.wxd-popular-tags button:hover {
    background: var(--pop-accent, var(--primary-color)) !important;
}

.wxd-popular-tags button:hover strong {
    color: #fff !important;
}
/* Domain TLD discount badge positioning */
.wxd-tld-card i {
    top: 14px !important;
    right: 14px !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #0f172a !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 860 !important;
    line-height: 1 !important;
    z-index: 3 !important;
}

.wxd-tld-card {
    padding-top: 18px !important;
}

.wxd-tld-name {
    max-width: calc(100% - 56px) !important;
}

@media (max-width: 720px) {
    .wxd-tld-card i {
        top: 12px !important;
        right: 12px !important;
    }
}
/* Domain TLD discount badge absolute fix */
.wxd-tld-card i {
    position: absolute !important;
}
/* Knowledge base page modern refresh */
.bbv2-section,
.bbv2-section * {
    box-sizing: border-box;
}

.bbv2-section {
    padding: 54px 0 78px !important;
    background: #f4f7fb !important;
}

.bbv2-container {
    width: min(1420px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
}

.bbv2-layout {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: start !important;
}

.bbv2-sidebar {
    position: sticky !important;
    top: 98px !important;
    display: grid !important;
    gap: 18px !important;
}

.blgp-sidebar-box {
    border: 0 !important;
    border-radius: 24px !important;
    background: #fff !important;
    padding: 20px !important;
    box-shadow: 0 20px 48px rgba(15, 31, 51, .08) !important;
    overflow: hidden !important;
}

.blgp-sidebar-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 820 !important;
}

.blgp-sidebar-title i {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-size: 14px !important;
}

.bbv2-sidebar .yzlp-kat-list {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.bbv2-sidebar .yzlp-kat-parent {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.bbv2-sidebar .yzlp-kat-link {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f6f8fb !important;
    color: #475569 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

.bbv2-sidebar .yzlp-kat-link:hover {
    transform: translateY(-1px) !important;
    background: #fff !important;
    color: var(--primary-color) !important;
    box-shadow: 0 12px 26px rgba(15, 31, 51, .08) !important;
}

.bbv2-sidebar .yzlp-kat-link.active,
.bbv2-sidebar .yzlp-kat-link.yzlp-kat-active {
    background: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(var(--primary-color-rgb, 37, 99, 235), .22) !important;
}

.bbv2-sidebar .yzlp-kat-count {
    min-width: 28px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--primary-color) !important;
    font-size: 11px !important;
    font-weight: 820 !important;
}

.bbv2-sidebar .yzlp-kat-link.active .yzlp-kat-count,
.bbv2-sidebar .yzlp-kat-link.yzlp-kat-active .yzlp-kat-count {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

.bbv2-sidebar .yzlp-kat-toggle {
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f6f8fb !important;
    color: #64748b !important;
    cursor: pointer !important;
}

.bbv2-sidebar .yzlp-kat-children {
    display: none !important;
    margin: 8px 0 0 12px !important;
    padding: 0 0 0 10px !important;
    list-style: none !important;
    border-left: 2px solid rgba(var(--primary-color-rgb, 37, 99, 235), .12) !important;
}

.bbv2-sidebar .yzlp-kat-item.open .yzlp-kat-children,
.bbv2-sidebar .yzlp-kat-item:has(.yzlp-kat-link.active) .yzlp-kat-children {
    display: grid !important;
    gap: 7px !important;
}

.blgp-son-yazi {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #f6f8fb !important;
    margin-bottom: 9px !important;
}

.blgp-son-yazi-img {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.blgp-son-yazi-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.blgp-son-yazi-info a {
    display: block !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 740 !important;
    text-decoration: none !important;
}

.blgp-son-yazi-info span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 5px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
}

.bbv2-main {
    min-width: 0 !important;
}

.bbv2-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.bbv2-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 20px 48px rgba(15, 31, 51, .08) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.bbv2-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 30px 70px rgba(15, 31, 51, .14) !important;
}

.bbv2-card-img {
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    background: #eef3f8 !important;
}

.bbv2-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bbv2-card-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
}

.bbv2-card-cat {
    width: fit-content !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .09) !important;
    color: var(--primary-color) !important;
    font-size: 11px !important;
    font-weight: 820 !important;
    margin-bottom: 13px !important;
}

.bbv2-card-cat:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.bbv2-card-title {
    margin: 0 0 10px !important;
    color: #0f172a !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 820 !important;
}

.bbv2-card-title a {
    color: inherit !important;
}

.bbv2-card-meta {
    gap: 10px !important;
    margin-bottom: 11px !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
}

.bbv2-card-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.bbv2-card-excerpt {
    color: #5b6678 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
}

.bbv2-card-link {
    margin-top: auto !important;
    min-height: 42px !important;
    width: fit-content !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 15px !important;
    border-radius: 14px !important;
    background: #0f172a !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 780 !important;
}

.bbv2-card-link:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.yzlp-pagination {
    margin-top: 26px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.yzlp-pagination a,
.yzlp-pagination span {
    min-width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #475569 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(15, 31, 51, .055) !important;
}

.yzlp-pagination span.active,
.yzlp-pagination a:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.bbv2-empty {
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 20px 48px rgba(15, 31, 51, .08) !important;
}

@media (max-width: 1180px) {
    .bbv2-layout {
        grid-template-columns: 280px minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    .bbv2-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    .bbv2-section {
        padding: 36px 0 52px !important;
    }

    .bbv2-container {
        width: min(100% - 28px, 1420px) !important;
    }

    .bbv2-layout {
        grid-template-columns: 1fr !important;
    }

    .bbv2-sidebar {
        position: static !important;
    }

    .bbv2-grid {
        grid-template-columns: 1fr !important;
    }
}
/* Knowledge base container/sidebar balance - follows global system container */
.bbv2-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

.bbv2-layout {
    grid-template-columns: 380px minmax(0, 1fr) !important;
    gap: 32px !important;
}

.blgp-son-yazi {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 12px !important;
}

.blgp-son-yazi-img {
    width: 76px !important;
    height: 76px !important;
    border-radius: 16px !important;
}

.blgp-son-yazi-info {
    min-width: 0 !important;
}

.blgp-son-yazi-info a {
    font-size: 13.5px !important;
    line-height: 1.38 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.blgp-son-yazi-info span {
    font-size: 11px !important;
    white-space: nowrap !important;
}

@media (max-width: 1400px) {
    .bbv2-container {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .bbv2-layout {
        grid-template-columns: 340px minmax(0, 1fr) !important;
        gap: 24px !important;
    }
}

@media (max-width: 1200px) {
    .bbv2-container {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .bbv2-layout {
        grid-template-columns: 320px minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    .blgp-son-yazi {
        grid-template-columns: 68px minmax(0, 1fr) !important;
    }

    .blgp-son-yazi-img {
        width: 68px !important;
        height: 68px !important;
    }
}

@media (max-width: 860px) {
    .bbv2-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .bbv2-layout {
        grid-template-columns: 1fr !important;
    }
}

/* Blog and knowledge base sidebar flow fix */
.blgp-container,
.bbv2-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

.blgp-layout,
.bbv2-layout {
    align-items: start !important;
}

.blgp-sidebar,
.bbv2-sidebar {
    position: relative !important;
    top: auto !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 1 !important;
}

@media (max-width: 1400px) {
    .blgp-container,
    .bbv2-container {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 1200px) {
    .blgp-container,
    .bbv2-container {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 860px) {
    .blgp-container,
    .bbv2-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .blgp-layout,
    .bbv2-layout {
        grid-template-columns: 1fr !important;
    }
}

/* Whois page modern refresh - system container */
.wh2-hero,
.wh2-info,
#whoisArea {
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    box-sizing: border-box !important;
}

.wh2-hero *,
.wh2-info *,
#whoisArea * {
    box-sizing: border-box !important;
}

.wh2-hero {
    position: relative !important;
    padding: 68px 0 54px !important;
    background: #f4f7fb !important;
    text-align: left !important;
    overflow: hidden !important;
}

.wh2-hero::after {
    content: '' !important;
    position: absolute !important;
    left: 40px !important;
    right: 40px !important;
    bottom: 0 !important;
    height: 1px !important;
    background: rgba(15, 31, 51, .08) !important;
    pointer-events: none !important;
}

.wh2-hero > h1,
.wh2-hero > p,
.wh2-hero > .wh2-search-box {
    width: 100% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.wh2-hero h1 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #0f172a !important;
    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 840 !important;
    margin-bottom: 12px !important;
    letter-spacing: 0 !important;
}

.wh2-hero h1 i {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-size: 18px !important;
    opacity: 1 !important;
    box-shadow: 0 18px 36px rgba(var(--primary-color-rgb, 37, 99, 235), .22) !important;
}

.wh2-hero p {
    max-width: 1600px !important;
    color: #526072 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 26px !important;
}

.wh2-search-box {
    max-width: 920px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wh2-search-box input {
    width: 100% !important;
    min-height: 64px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 560 !important;
    box-shadow: 0 22px 55px rgba(15, 31, 51, .10) !important;
}

.wh2-search-box input:focus {
    outline: none !important;
    box-shadow: 0 24px 60px rgba(15, 31, 51, .14), 0 0 0 4px rgba(var(--primary-color-rgb, 37, 99, 235), .10) !important;
}

.wh2-search-box button {
    min-height: 64px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 780 !important;
    box-shadow: 0 20px 42px rgba(var(--secondary-color-rgb, 16, 185, 129), .24) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.wh2-search-box button:hover {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    background: var(--primary-color) !important;
    box-shadow: 0 22px 48px rgba(var(--primary-color-rgb, 37, 99, 235), .22) !important;
}

.wh2-info {
    padding: 44px 0 70px !important;
    background: #f4f7fb !important;
}

.wh2-info-inner {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.wh2-info-card {
    position: relative !important;
    min-height: 250px !important;
    padding: 28px !important;
    border: 0 !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 24px 58px rgba(15, 31, 51, .08) !important;
    overflow: hidden !important;
}

.wh2-info-card::after {
    content: '' !important;
    position: absolute !important;
    right: -42px !important;
    bottom: -42px !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 40px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .07) !important;
    transform: rotate(18deg) !important;
}

.wh2-info-card:nth-child(2)::after { background: rgba(var(--secondary-color-rgb, 16, 185, 129), .09) !important; }
.wh2-info-card:nth-child(3)::after { background: rgba(15, 23, 42, .06) !important; }

.wh2-info-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 34px 80px rgba(15, 31, 51, .13) !important;
}

.wh2-info-icon {
    position: relative !important;
    z-index: 1 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 16px 34px rgba(15, 31, 51, .13) !important;
}

.wh2-info-icon--1 { background: var(--primary-color) !important; }
.wh2-info-icon--2 { background: var(--secondary-color) !important; }
.wh2-info-icon--3 { background: #0f172a !important; }

.wh2-info-card h3,
.wh2-info-card p {
    position: relative !important;
    z-index: 1 !important;
}

.wh2-info-card h3 {
    color: #0f172a !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    margin-bottom: 10px !important;
}

.wh2-info-card p {
    color: #536173 !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

#whoisArea {
    background: #f4f7fb !important;
    padding: 38px 0 72px !important;
}

.wh2-content {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.wh2-tabs-bar {
    width: fit-content !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 20px !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(15, 31, 51, .08) !important;
}

.wh2-tab-btn {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f5f7fb !important;
    color: #526072 !important;
    font-size: 13px !important;
    font-weight: 720 !important;
}

.wh2-tab-btn:hover,
.wh2-tab-btn.active {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.wh2-panel {
    padding: 4px 0 0 !important;
}

.wh2-section {
    border: 0 !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 24px 58px rgba(15, 31, 51, .08) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

.wh2-section-head {
    min-height: 62px !important;
    padding: 0 22px !important;
    background: #0f172a !important;
    gap: 10px !important;
}

.wh2-section-head i {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 13px !important;
}

.wh2-section-head span {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 820 !important;
}

.wh2-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1px !important;
    background: #eef2f7 !important;
}

.wh2-grid-item {
    min-height: 86px !important;
    padding: 16px 18px !important;
    border: 0 !important;
    background: #fff !important;
}

.wh2-grid-label {
    color: #8792a3 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

.wh2-grid-val {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 680 !important;
    line-height: 1.45 !important;
}

.wh2-badges,
.wh2-dns-filter,
.wh2-ns-grid {
    padding: 18px !important;
}

.wh2-badge,
.wh2-dfbtn,
.wh2-dns-type {
    border: 0 !important;
    border-radius: 999px !important;
}

.wh2-badge {
    background: #eef6ff !important;
    color: var(--primary-color) !important;
    font-weight: 760 !important;
}

.wh2-dfbtn {
    min-height: 34px !important;
    padding: 0 13px !important;
    background: #f4f7fb !important;
    color: #526072 !important;
}

.wh2-dfbtn.active,
.wh2-dfbtn:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.wh2-dns-tbl {
    min-width: 720px !important;
}

.wh2-dns-tbl thead th {
    border: 0 !important;
    background: #f4f7fb !important;
    color: #526072 !important;
}

.wh2-dns-tbl tbody td {
    border-color: #eef2f7 !important;
    color: #334155 !important;
}

.wh2-ns-card {
    border: 0 !important;
    border-radius: 18px !important;
    background: #f4f7fb !important;
    padding: 16px !important;
}

.wh2-ns-icon {
    background: var(--primary-color) !important;
}

.wh2-raw-box {
    border-radius: 18px !important;
    background: #0f172a !important;
}

.wh2-msg {
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 20px 48px rgba(15, 31, 51, .07) !important;
}

@media (max-width: 1400px) {
    .wh2-hero > h1,
    .wh2-hero > p,
    .wh2-hero > .wh2-search-box,
    .wh2-info-inner,
    .wh2-content {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .wh2-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .wh2-hero > h1,
    .wh2-hero > p,
    .wh2-hero > .wh2-search-box,
    .wh2-info-inner,
    .wh2-content {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 860px) {
    .wh2-hero {
        padding: 42px 0 34px !important;
    }

    .wh2-hero::after {
        left: 16px !important;
        right: 16px !important;
    }

    .wh2-hero > h1,
    .wh2-hero > p,
    .wh2-hero > .wh2-search-box,
    .wh2-info-inner,
    .wh2-content {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .wh2-hero h1 {
        font-size: 30px !important;
        align-items: flex-start !important;
    }

    .wh2-hero h1 i {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    .wh2-search-box {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .wh2-search-box input,
    .wh2-search-box button {
        min-height: 56px !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .wh2-info {
        padding: 28px 0 46px !important;
    }

    .wh2-info-inner,
    .wh2-grid,
    .wh2-ns-grid {
        grid-template-columns: 1fr !important;
    }

    .wh2-tabs-bar {
        width: 100% !important;
    }

    .wh2-tab-btn {
        flex: 1 1 calc(50% - 8px) !important;
    }
}

/* Footer modern refresh - system container */
.ftr,
.ftr * {
    box-sizing: border-box !important;
}

.ftr {
    position: relative !important;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    margin-top: 0 !important;
}

.ftr-main {
    position: relative !important;
    overflow: hidden !important;
    background: var(--primary-color) !important;
    color: rgba(255,255,255,.86) !important;
    padding: 0 !important;
}

.ftr-main::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 10% 10%, rgba(255,255,255,.10), transparent 28%),
        radial-gradient(circle at 88% 24%, rgba(var(--secondary-color-rgb, 16, 185, 129), .28), transparent 26%) !important;
    pointer-events: none !important;
}

.ftr-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ftr-nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 16px !important;
    padding: 54px 0 28px !important;
    border: 0 !important;
}

.ftr-nav-col {
    min-height: 100% !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.075) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.10) !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.ftr-nav-col:hover {
    transform: translateY(-3px) !important;
    background: rgba(255,255,255,.105) !important;
    box-shadow: 0 28px 62px rgba(0,0,0,.16) !important;
}

.ftr-nav-col h4 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 34px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.ftr-nav-col h4::before {
    content: '' !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: var(--secondary-color) !important;
    box-shadow: 0 0 0 6px rgba(var(--secondary-color-rgb,16,185,129),.16) !important;
    flex-shrink: 0 !important;
}

.ftr-nav-col h4::after {
    display: none !important;
}

.ftr-nav-col ul {
    display: grid !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ftr-nav-col ul li {
    margin: 0 !important;
}

.ftr-nav-col ul li a {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

.ftr-nav-col ul li a:hover {
    padding-left: 10px !important;
    background: rgba(255,255,255,.11) !important;
    color: #fff !important;
    transform: translateX(2px) !important;
}

.ftr-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .8fr) minmax(320px, .95fr) !important;
    gap: 18px !important;
    padding: 0 0 42px !important;
    align-items: stretch !important;
}

.ftr-info-brand,
.ftr-info-pay,
.ftr-info-contact {
    min-width: 0 !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: 0 24px 58px rgba(0,0,0,.12) !important;
}

.ftr-info-brand {
    padding: 26px !important;
}

.ftr-logo {
    max-width: 210px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 0 16px !important;
    object-fit: contain !important;
}

.ftr-desc {
    max-width: 620px !important;
    margin: 0 0 20px !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 13.5px !important;
    line-height: 1.78 !important;
}

.ftr-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.ftr-social a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease, color .18s ease !important;
}

.ftr-social a:hover {
    transform: translateY(-3px) !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.ftr-info-pay {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
}

.ftr-pay-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 820 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.ftr-pay-title::before {
    content: '\f09d' !important;
    font-family: FontAwesome !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    font-size: 13px !important;
}

.ftr-pay-logos {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
}

.ftr-pay-logos img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 46px !important;
    opacity: 1 !important;
    object-fit: contain !important;
}

.ftr-info-contact {
    padding: 24px !important;
    border: 0 !important;
}

.ftr-info-contact h5 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
}

.ftr-info-contact h5 i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    font-size: 15px !important;
}

.ftr-contact-sub {
    display: block !important;
    margin: 0 0 16px 48px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
}

.ftr-info-contact ul {
    display: grid !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ftr-info-contact ul li {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.085) !important;
    color: rgba(255,255,255,.78) !important;
}

.ftr-info-contact ul li i {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
}

.ftr-info-contact ul li a,
.ftr-info-contact ul li span {
    min-width: 0 !important;
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
}

.ftr-info-contact ul li a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.ftr-bar {
    position: relative !important;
    z-index: 1 !important;
    padding: 18px 0 !important;
    background: rgba(0,0,0,.16) !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 12px !important;
}

.ftr-bar-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}

.ftr-bar-inner span {
    color: rgba(255,255,255,.64) !important;
}

.ftr-bar-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ftr-bar-links a {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.09) !important;
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.ftr-bar-links a:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.wsp-float {
    box-shadow: 0 20px 44px rgba(37, 211, 102, .28) !important;
}

@media (max-width: 1400px) {
    .ftr-container {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .ftr-info {
        grid-template-columns: 1fr 1fr !important;
    }

    .ftr-info-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 1200px) {
    .ftr-container {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .ftr-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    .ftr-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .ftr-nav {
        grid-template-columns: 1fr !important;
        padding: 34px 0 18px !important;
    }

    .ftr-info {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-bottom: 28px !important;
    }

    .ftr-info-brand {
        grid-column: auto !important;
    }

    .ftr-info-brand,
    .ftr-info-pay,
    .ftr-info-contact {
        border-radius: 22px !important;
        padding: 20px !important;
    }

    .ftr-contact-sub {
        margin-left: 0 !important;
    }

    .ftr-bar-inner {
        justify-content: center !important;
        text-align: center !important;
    }

    .ftr-bar-links {
        justify-content: center !important;
    }
}

/* Hosting page feature cards - clean responsive grid */
.hfeat-section {
    padding: 70px 0 84px !important;
    background: #f5f8fc !important;
    overflow: hidden !important;
}

.hfeat-wrap {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    display: block !important;
}

.hfeat-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.hfeat-grid .hfeat-card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 176px !important;
    padding: 22px 20px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(15, 31, 51, .075) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    align-items: flex-start !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

.hfeat-grid .hfeat-card::before {
    content: '' !important;
    position: absolute !important;
    inset: auto -38px -52px auto !important;
    width: 128px !important;
    height: 128px !important;
    border-radius: 42px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .075) !important;
    transform: rotate(18deg) !important;
    z-index: -1 !important;
}

.hfeat-grid .hfeat-card:nth-child(even)::before {
    background: rgba(var(--secondary-color-rgb, 16, 185, 129), .095) !important;
}

.hfeat-grid .hfeat-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 28px 68px rgba(15, 31, 51, .13) !important;
}

.hfeat-grid .hfeat-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 16px !important;
    background: rgba(var(--primary-color-rgb, 37, 99, 235), .10) !important;
    color: var(--primary-color) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    transition: background .22s ease, color .22s ease, transform .22s ease !important;
}

.hfeat-grid .hfeat-card:nth-child(even) .hfeat-icon {
    background: rgba(var(--secondary-color-rgb, 16, 185, 129), .12) !important;
    color: var(--secondary-color) !important;
}

.hfeat-grid .hfeat-icon i {
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.hfeat-grid .hfeat-card:hover .hfeat-icon {
    background: var(--primary-color) !important;
    color: #fff !important;
    transform: scale(1.04) !important;
}

.hfeat-grid .hfeat-card:nth-child(even):hover .hfeat-icon {
    background: var(--secondary-color) !important;
}

.hfeat-grid .hfeat-body {
    min-width: 0 !important;
    width: 100% !important;
}

.hfeat-grid .hfeat-body h4 {
    margin: 0 0 9px !important;
    color: #07162d !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
}

.hfeat-grid .hfeat-body p {
    margin: 0 !important;
    color: #526176 !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    font-weight: 450 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1500px) {
    .hfeat-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .hfeat-wrap {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .hfeat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .hfeat-grid .hfeat-card {
        min-height: 168px !important;
    }
}

@media (max-width: 820px) {
    .hfeat-section {
        padding: 48px 0 58px !important;
    }
    .hfeat-wrap {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .hfeat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
    .hfeat-grid .hfeat-card {
        min-height: 158px !important;
        padding: 18px !important;
        border-radius: 20px !important;
        gap: 14px !important;
    }
    .hfeat-grid .hfeat-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 14px !important;
    }
    .hfeat-grid .hfeat-body h4 {
        font-size: 16px !important;
    }
    .hfeat-grid .hfeat-body p {
        font-size: 13px !important;
    }
}

@media (max-width: 520px) {
    .hfeat-grid {
        grid-template-columns: 1fr !important;
    }
    .hfeat-grid .hfeat-card {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        gap: 14px !important;
    }
}
/* Footer redesign v2 - cleaner hosting style */
.ftr,
.ftr * {
    box-sizing: border-box !important;
}

.ftr {
    margin-top: 0 !important;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    background: #eef3f8 !important;
}

.ftr-main {
    position: relative !important;
    overflow: hidden !important;
    background: #eef3f8 !important;
    color: #334155 !important;
    padding: 34px 0 0 !important;
}

.ftr-main::before,
.ftr-main::after {
    display: none !important;
}

.ftr-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ftr-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 0 22px !important;
    border: 0 !important;
}

.ftr-nav-col {
    min-height: 100% !important;
    padding: 20px 20px 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(15, 31, 51, .065) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

.ftr-nav-col:hover {
    transform: translateY(-3px) !important;
    background: #fff !important;
    box-shadow: 0 24px 54px rgba(15, 31, 51, .105) !important;
}

.ftr-nav-col h4 {
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.ftr-nav-col h4::before {
    content: '' !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: var(--primary-color) !important;
    box-shadow: 0 0 0 5px rgba(var(--primary-color-rgb, 37, 99, 235), .11) !important;
    flex-shrink: 0 !important;
}

.ftr-nav-col:nth-child(even) h4::before {
    background: var(--secondary-color) !important;
    box-shadow: 0 0 0 5px rgba(var(--secondary-color-rgb, 16, 185, 129), .12) !important;
}

.ftr-nav-col h4::after {
    display: none !important;
}

.ftr-nav-col ul {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ftr-nav-col ul li {
    margin: 0 !important;
}

.ftr-nav-col ul li a {
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #64748b !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 560 !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ftr-nav-col ul li a:hover {
    padding-left: 0 !important;
    background: transparent !important;
    color: var(--primary-color) !important;
    transform: translateX(3px) !important;
}

.ftr-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .78fr) minmax(320px, .9fr) !important;
    gap: 14px !important;
    padding: 0 0 28px !important;
    align-items: stretch !important;
}

.ftr-info-brand,
.ftr-info-pay,
.ftr-info-contact {
    min-width: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: 0 16px 38px rgba(15, 31, 51, .065) !important;
}

.ftr-info-brand {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

.ftr-logo {
    max-width: 210px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 0 14px !important;
}

.ftr-desc {
    max-width: 720px !important;
    margin: 0 0 18px !important;
    color: #5b6678 !important;
    font-size: 13.5px !important;
    line-height: 1.72 !important;
}

.ftr-social {
    margin-top: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ftr-social a {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    background: #f3f6fa !important;
    color: var(--primary-color) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: transform .18s ease, color .18s ease, background .18s ease !important;
}

.ftr-social a:nth-child(even) {
    color: var(--secondary-color) !important;
}

.ftr-social a:hover {
    transform: translateY(-3px) !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.ftr-info-pay {
    padding: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 13px !important;
}

.ftr-pay-title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 820 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.ftr-pay-title::before {
    content: '\f09d' !important;
    font-family: FontAwesome !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    font-size: 13px !important;
}

.ftr-pay-logos {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #f6f8fb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ftr-pay-logos img {
    max-width: 100% !important;
    max-height: 44px !important;
    height: auto !important;
    width: auto !important;
    opacity: 1 !important;
    object-fit: contain !important;
}

.ftr-info-contact {
    padding: 22px !important;
    border: 0 !important;
}

.ftr-info-contact h5 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 6px !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 840 !important;
}

.ftr-info-contact h5 i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-size: 15px !important;
}

.ftr-contact-sub {
    display: block !important;
    margin: 0 0 14px 48px !important;
    color: #8792a3 !important;
    font-size: 12px !important;
}

.ftr-info-contact ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ftr-info-contact ul li {
    min-height: 40px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 5px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f6f8fb !important;
    color: #475569 !important;
}

.ftr-info-contact ul li i {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--primary-color) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    box-shadow: 0 8px 18px rgba(15,31,51,.06) !important;
}

.ftr-info-contact ul li:nth-child(even) i {
    color: var(--secondary-color) !important;
}

.ftr-info-contact ul li a,
.ftr-info-contact ul li span {
    min-width: 0 !important;
    color: #475569 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
}

.ftr-info-contact ul li a:hover {
    color: var(--primary-color) !important;
    text-decoration: none !important;
}

.ftr-bar {
    position: relative !important;
    z-index: 1 !important;
    padding: 16px 0 !important;
    background: #0f172a !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 12px !important;
}

.ftr-bar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.ftr-bar-inner span {
    color: rgba(255,255,255,.72) !important;
}

.ftr-bar-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ftr-bar-links a {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.78) !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.ftr-bar-links a:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

@media (max-width: 1400px) {
    .ftr-container {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .ftr-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ftr-info {
        grid-template-columns: 1fr 1fr !important;
    }

    .ftr-info-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 1200px) {
    .ftr-container {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 860px) {
    .ftr-main {
        padding-top: 22px !important;
    }

    .ftr-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .ftr-nav,
    .ftr-info {
        grid-template-columns: 1fr !important;
    }

    .ftr-nav {
        gap: 10px !important;
        padding-bottom: 16px !important;
    }

    .ftr-info {
        gap: 10px !important;
        padding-bottom: 22px !important;
    }

    .ftr-info-brand {
        grid-column: auto !important;
    }

    .ftr-nav-col,
    .ftr-info-brand,
    .ftr-info-pay,
    .ftr-info-contact {
        border-radius: 18px !important;
        padding: 18px !important;
    }

    .ftr-contact-sub {
        margin-left: 0 !important;
    }

    .ftr-bar-inner {
        justify-content: center !important;
        text-align: center !important;
    }

    .ftr-bar-links {
        justify-content: center !important;
    }
}

/* Footer redesign v3 - no card layout */
.ftr,
.ftr * {
    box-sizing: border-box !important;
}

.ftr {
    margin-top: 0 !important;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    background: #0f172a !important;
}

.ftr-main {
    position: relative !important;
    overflow: hidden !important;
    background: #0f172a !important;
    color: rgba(255,255,255,.78) !important;
    padding: 0 !important;
}

.ftr-main::before,
.ftr-main::after {
    display: none !important;
}

.ftr-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ftr-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 34px !important;
    padding: 52px 0 34px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.ftr-nav-col {
    min-height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: none !important;
}

.ftr-nav-col:hover {
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ftr-nav-col h4 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: auto !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.ftr-nav-col h4::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: var(--secondary-color) !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
}

.ftr-nav-col h4::after {
    display: none !important;
}

.ftr-nav-col ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ftr-nav-col ul li {
    margin: 0 !important;
}

.ftr-nav-col ul li a {
    min-height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.62) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ftr-nav-col ul li a:hover {
    padding-left: 0 !important;
    background: transparent !important;
    color: #fff !important;
    transform: translateX(3px) !important;
}

.ftr-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .75fr) minmax(330px, .95fr) !important;
    gap: 44px !important;
    padding: 34px 0 38px !important;
    align-items: start !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.ftr-info-brand,
.ftr-info-pay,
.ftr-info-contact {
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.78) !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.ftr-logo {
    max-width: 210px !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 0 16px !important;
}

.ftr-desc {
    max-width: 560px !important;
    margin: 0 0 20px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

.ftr-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin: 0 !important;
}

.ftr-social a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.78) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: transform .18s ease, background .18s ease, color .18s ease !important;
}

.ftr-social a:hover {
    transform: translateY(-2px) !important;
    background: var(--secondary-color) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.ftr-info-pay {
    display: block !important;
    text-align: left !important;
}

.ftr-pay-title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 14px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.ftr-pay-title::before {
    content: '\f09d' !important;
    font-family: FontAwesome !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--secondary-color) !important;
    font-size: 15px !important;
}

.ftr-pay-logos {
    width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ftr-pay-logos img {
    max-width: 100% !important;
    max-height: 42px !important;
    height: auto !important;
    width: auto !important;
    opacity: .92 !important;
    object-fit: contain !important;
    filter: none !important;
}

.ftr-info-contact h5 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
}

.ftr-info-contact h5 i {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--secondary-color) !important;
    font-size: 16px !important;
    display: inline-block !important;
    box-shadow: none !important;
}

.ftr-contact-sub {
    display: block !important;
    margin: 0 0 14px 0 !important;
    color: rgba(255,255,255,.50) !important;
    font-size: 12px !important;
}

.ftr-info-contact ul {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ftr-info-contact ul li {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.68) !important;
}

.ftr-info-contact ul li i {
    width: 22px !important;
    height: 22px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--secondary-color) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.ftr-info-contact ul li a,
.ftr-info-contact ul li span {
    min-width: 0 !important;
    color: rgba(255,255,255,.68) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

.ftr-info-contact ul li a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.ftr-bar {
    position: relative !important;
    z-index: 1 !important;
    padding: 17px 0 !important;
    background: #0b1120 !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
}

.ftr-bar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.ftr-bar-inner span {
    color: rgba(255,255,255,.62) !important;
}

.ftr-bar-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.ftr-bar-links a {
    min-height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.62) !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.ftr-bar-links a:hover {
    background: transparent !important;
    color: #fff !important;
}

@media (max-width: 1400px) {
    .ftr-container {
        max-width: 1200px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .ftr-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ftr-info {
        grid-template-columns: 1fr 1fr !important;
    }

    .ftr-info-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 1200px) {
    .ftr-container {
        max-width: 1024px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 860px) {
    .ftr-container {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .ftr-nav,
    .ftr-info {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .ftr-nav {
        padding: 38px 0 28px !important;
    }

    .ftr-info {
        padding: 28px 0 32px !important;
    }

    .ftr-info-brand {
        grid-column: auto !important;
    }

    .ftr-bar-inner {
        justify-content: center !important;
        text-align: center !important;
    }

    .ftr-bar-links {
        justify-content: center !important;
        gap: 12px !important;
    }
}

/* Header menu tag alignment fix */
.whdr-menu > li > a {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-height: 64px !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}
.whdr-menu > li > a .menu_tag_slot {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 18px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
.whdr-menu > li > a .menu_tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    min-height: 17px !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
.whdr-menu > li > a .menu_label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 22px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}
.whdr-menu > li > a .menu_label > i {
    line-height: 1 !important;
}
.whdr-menu > li > a .menu_label .fa-caret-down {
    margin-left: 1px !important;
    font-size: 11px !important;
}
@media (max-width: 991px) {
    .whdr-menu > li > a {
        min-height: 46px !important;
        align-items: flex-start !important;
        padding: 10px 14px !important;
        gap: 4px !important;
    }
    .whdr-menu > li > a .menu_tag_slot {
        justify-content: flex-start !important;
        min-height: 0 !important;
    }
}

/* =========================================================
   SATIN AL MODERN V2 - scoped checkout polish
   ========================================================= */
.sat-page{
  background:#f5f8fc !important;
  min-height:80vh;
  padding:42px 0 78px !important;
  color:#081427;
}
.sat-container{
  max-width:1600px !important;
  width:100%;
  margin:0 auto !important;
  padding:0 40px !important;
}
.sat-steps{
  max-width:980px;
  margin:0 auto 34px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px !important;
}
.sat-steps::before{display:none !important;}
.sat-step{
  max-width:none !important;
  min-height:76px;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:11px;
  padding:12px 14px;
  border-radius:18px;
  background:#fff;
  outline:1px solid #e6edf5;
  box-shadow:0 14px 36px rgba(8,20,39,.06);
}
.sat-step-num{
  width:42px !important;
  height:42px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#eef3f8 !important;
  color:#6b778c !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
.sat-step.active .sat-step-num{background:var(--primary-color) !important;color:#fff !important;}
.sat-step.done .sat-step-num{background:var(--secondary-color) !important;color:#fff !important;}
.sat-step-label{
  margin:0 !important;
  text-align:left !important;
  font-size:13px !important;
  line-height:1.25;
  color:#65738a !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
}
.sat-step.active .sat-step-label{color:#081427 !important;}
.sat-step.done .sat-step-label{color:#1d344f !important;}
.sat-card,
.sat-sy-panel,
.sat-sy-ozet,
.sat-domain-ozet{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 22px 62px rgba(8,20,39,.08) !important;
}
.sat-card{
  padding:34px !important;
  margin-bottom:24px !important;
}
.sat-card-flush{padding:0 !important;overflow:hidden;}
.sat-card-inner{padding:30px 34px 4px !important;}
.sat-card-title{
  font-size:30px !important;
  line-height:1.08 !important;
  color:#081427 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  margin:0 0 10px !important;
}
.sat-card-desc{
  color:#5d6b82 !important;
  text-align:left !important;
  font-size:15px !important;
  line-height:1.65 !important;
  margin:0 0 28px !important;
  max-width:780px;
}
.sat-btn{
  min-height:48px;
  border-radius:14px !important;
  padding:0 24px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}
.sat-btn-primary{background:var(--primary-color) !important;color:#fff !important;}
.sat-btn-primary:hover{opacity:1 !important;filter:brightness(.95);transform:translateY(-1px);}
.sat-btn-secondary{
  background:#fff !important;
  color:#15243a !important;
  border:0 !important;
  outline:1px solid #dfe7f1;
}
.sat-btn-secondary:hover{background:#f6f8fb !important;color:#081427 !important;}
.sat-btn-center{gap:12px !important;margin-top:22px !important;justify-content:flex-end !important;}
.sat-periyot-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  gap:16px !important;
  margin-bottom:28px !important;
}
.sat-periyot-item{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:20px !important;
  padding:24px 20px !important;
  background:#fff !important;
  text-align:left !important;
  box-shadow:0 14px 34px rgba(8,20,39,.055);
}
.sat-periyot-item:hover,
.sat-periyot-item.selected{
  outline-color:color-mix(in srgb,var(--primary-color) 32%,#dfe7f1) !important;
  background:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 24px 52px rgba(8,20,39,.10) !important;
}
.sat-periyot-item.selected::after{display:none !important;}
.sat-periyot-name{font-size:15px !important;color:#1a2a42 !important;margin-bottom:12px !important;}
.sat-periyot-price{font-size:26px !important;color:var(--primary-color) !important;}
.sat-periyot-badge{
  top:14px !important;
  right:14px !important;
  border-radius:999px !important;
  background:var(--secondary-color) !important;
  box-shadow:0 12px 24px color-mix(in srgb,var(--secondary-color) 22%,transparent) !important;
}
.sat-domain-box{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:20px !important;
  overflow:hidden;
  background:#fff;
}
.sat-domain-header,
.sat-dt-header,
.sat-sy-ozet-head{
  background:var(--primary-color) !important;
  color:#fff !important;
}
.sat-domain-body{padding:24px !important;}
.sat-domain-input-wrap{gap:12px !important;align-items:center;}
.sat-domain-input,
.sat-sy-input,.sat-sy-textarea,.sat-sy-select,
.sat-eh-select,
.sat-ns-grid input{
  border:0 !important;
  outline:1px solid #dfe7f1;
  background:#f8fafc !important;
  border-radius:14px !important;
  min-height:46px;
  box-shadow:none !important;
}
.sat-domain-input:focus,
.sat-sy-input:focus,.sat-sy-textarea:focus,.sat-sy-select:focus,
.sat-eh-select:focus,
.sat-ns-grid input:focus{
  outline-color:color-mix(in srgb,var(--primary-color) 45%,#dfe7f1) !important;
  background:#fff !important;
}
.sat-domain-tabs,
.sat-hosting-tabs{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:16px !important;
  background:#f2f6fb !important;
  padding:6px;
  gap:6px !important;
}
.sat-domain-tab,
.sat-hosting-tab-btn{
  border-radius:12px !important;
  color:#516178 !important;
  font-weight:800 !important;
}
.sat-domain-tab.active,
.sat-hosting-tab-btn.aktif{background:#fff !important;color:var(--primary-color) !important;box-shadow:0 10px 24px rgba(8,20,39,.08) !important;}
.sat-dom-item{
  padding:18px 30px !important;
  border-bottom:1px solid #edf2f7 !important;
}
.sat-dom-icon{
  background:var(--primary-color) !important;
  border-radius:14px !important;
}
.sat-dom-name{font-size:16px !important;color:#081427 !important;}
.sat-dom-fiyat,
.sat-dom-toplam-tutar,
.sat-hosting-kart-fiyat-tutar,
.sat-host-card-fiyat,
.sat-dt-price,
.sat-sy-ozet-toplam span:last-child{color:var(--secondary-color) !important;}
.sat-dom-toplam{background:#f8fafc !important;padding:18px 30px !important;}
.sat-hosting-grid,
.sat-host-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:16px !important;}
.sat-hosting-kart,
.sat-host-card,
.sat-host-option,
.sat-eh-item,
.sat-sy-radio-item,.sat-sy-check-item,
.sat-eh-radio-opt{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(8,20,39,.045);
}
.sat-hosting-kart:hover,
.sat-host-card:hover,
.sat-eh-item:hover,
.sat-hosting-kart.secili,
.sat-host-card.secili{
  outline-color:color-mix(in srgb,var(--secondary-color) 42%,#dfe7f1) !important;
  background:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 22px 48px rgba(8,20,39,.09) !important;
}
.sat-hosting-kart.secili .sat-hosting-kart-check,
.sat-host-card.secili .sat-host-card-check{background:var(--secondary-color) !important;}
.sat-hosting-kat-wrap{gap:10px !important;}
.sat-hosting-kat-btn{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:999px !important;
  padding:9px 16px !important;
  background:#fff !important;
  color:#516178 !important;
  font-weight:800 !important;
}
.sat-hosting-kat-btn.aktif{background:var(--primary-color) !important;color:#fff !important;outline-color:var(--primary-color) !important;}
.sat-domain-ozet{padding:15px 18px !important;margin-bottom:20px !important;}
.sat-sy-layout{grid-template-columns:minmax(0,1fr) 360px !important;gap:28px !important;}
.sat-sy-sidebar{top:24px !important;}
.sat-sy-panel{overflow:hidden;}
.sat-sy-panel-header{padding:24px !important;background:#fff !important;}
.sat-sy-panel-icon{background:var(--primary-color) !important;border-radius:14px !important;}
.sat-sy-panel-icon-ek{background:var(--secondary-color) !important;}
.sat-sy-panel-title{font-size:18px !important;color:#081427 !important;}
.sat-sy-panel-body{padding:24px !important;}
.sat-sy-ozet-head{border-radius:0 !important;}
.sat-sy-ozet-body{padding:20px !important;}
.sat-ds-musait-box,
.sat-ds-musait,
.sat-ds-kayitli,
.sat-ds-hata,
.sat-dns-info,
.sat-mevcut-uyari{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:18px !important;
  background:#f8fafc !important;
}
@media(max-width:1400px){.sat-container{max-width:1200px !important;padding:0 30px !important}.sat-sy-layout{grid-template-columns:minmax(0,1fr) 330px !important}}
@media(max-width:1200px){.sat-container{max-width:1024px !important;padding:0 24px !important}.sat-sy-layout{grid-template-columns:1fr !important}.sat-sy-sidebar{position:static !important;order:-1}}
@media(max-width:768px){
  .sat-page{padding:28px 0 56px !important}
  .sat-container{padding:0 16px !important}
  .sat-steps{grid-template-columns:1fr !important;margin-bottom:22px !important}
  .sat-step{min-height:62px;padding:10px 12px}
  .sat-card{padding:22px 18px !important;border-radius:18px !important}
  .sat-card-inner{padding:22px 18px 0 !important}
  .sat-card-title{font-size:24px !important}
  .sat-btn-center{justify-content:stretch !important}
  .sat-domain-input-wrap{flex-direction:column !important;align-items:stretch !important}
  .sat-periyot-grid,.sat-hosting-grid,.sat-host-grid{grid-template-columns:1fr !important}
}

/* =========================================================
   SATIN AL DOMAIN POLISH V3
   ========================================================= */
.sat-page{font-family:Inter,Arial,sans-serif;}
.sat-card-title{font-weight:740 !important;letter-spacing:0 !important;}
.sat-card-desc{font-weight:400 !important;color:#647084 !important;}
.sat-step-label,.sat-btn,.sat-domain-tab,.sat-hosting-tab-btn,.sat-hosting-kat-btn{font-weight:650 !important;}
.sat-periyot-price,.sat-dom-fiyat,.sat-dom-toplam-tutar,.sat-hosting-kart-fiyat-tutar,.sat-host-card-fiyat{font-weight:760 !important;}

.sat-domain-tabs{
  max-width:760px;
  margin:0 0 18px !important;
  padding:5px !important;
  align-items:center;
}
.sat-domain-tab{
  min-height:46px;
  padding:0 16px !important;
  font-size:13px !important;
  justify-content:flex-start !important;
  gap:9px !important;
}
.sat-domain-tab i{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#fff;
  color:var(--primary-color);
  box-shadow:0 8px 18px rgba(8,20,39,.06);
}
.sat-domain-tab.active i{background:var(--primary-color);color:#fff;box-shadow:none;}

.sat-domain-box{
  position:relative;
  max-width:960px;
  overflow:hidden !important;
  border-radius:24px !important;
  box-shadow:0 24px 64px rgba(8,20,39,.09) !important;
}
.sat-domain-box::after{
  content:'';
  position:absolute;
  right:-44px;
  bottom:-54px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:color-mix(in srgb,var(--primary-color) 7%,#eef3f8);
  pointer-events:none;
}
.sat-domain-header{
  background:#fff !important;
  color:#0b172a !important;
  padding:22px 26px 8px !important;
  font-size:20px !important;
  line-height:1.2;
  font-weight:720 !important;
  display:flex !important;
  align-items:center;
  gap:11px !important;
}
.sat-domain-header i{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--primary-color);
  color:#fff;
  font-size:15px;
}
.sat-domain-header::after{
  content:'Alan adinizi yazin, musaitse sepete ekleyin veya mevcut alan adinizla devam edin.';
  display:block;
  color:#647084;
  font-size:13px;
  font-weight:400;
  line-height:1.5;
  margin-left:2px;
}
.sat-domain-body{
  position:relative;
  z-index:1;
  padding:18px 26px 26px !important;
}
.sat-domain-input-wrap{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px !important;
  padding:8px;
  border-radius:18px;
  background:#f2f6fb;
  outline:1px solid #e5ebf4;
}
.sat-domain-input{
  min-height:52px !important;
  padding:0 18px !important;
  background:#fff !important;
  color:#0b172a !important;
  font-size:15px !important;
  font-weight:450 !important;
  outline:0 !important;
  border-radius:14px !important;
}
.sat-domain-input::placeholder{color:#93a0b2;font-weight:400;}
.sat-btn-sorgula,.sat-btn-devam{
  min-width:132px;
  min-height:52px !important;
  border-radius:14px !important;
  padding:0 20px !important;
  font-weight:700 !important;
  background:var(--secondary-color) !important;
}
.sat-btn-devam{background:var(--primary-color) !important;}
.sat-domain-sonuc{margin-top:16px !important;position:relative;z-index:1;}
.sat-ds-loading,.sat-ds-hata,.sat-ds-kayitli{
  padding:16px 18px !important;
  font-size:13px !important;
  font-weight:500 !important;
  border-radius:16px !important;
  outline:1px solid #e6edf5 !important;
  background:#fff !important;
  color:#4d5d74 !important;
}
.sat-ds-musait-box{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center !important;
  gap:14px !important;
  padding:18px !important;
  background:#fff !important;
  border-radius:18px !important;
  outline:1px solid color-mix(in srgb,var(--secondary-color) 30%,#e6edf5) !important;
  box-shadow:0 16px 38px rgba(8,20,39,.07);
}
.sat-ds-musait-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  background:var(--secondary-color);
  font-size:18px !important;
}
.sat-ds-musait-title{
  margin:0 0 3px !important;
  color:#0b172a !important;
  font-size:15px !important;
  font-weight:600 !important;
}
.sat-ds-musait-title strong{font-weight:760 !important;color:var(--primary-color);}
.sat-ds-musait-fiyat{
  color:var(--secondary-color) !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.sat-ds-alt-list{
  margin-top:14px !important;
  border:0 !important;
  display:grid;
  gap:10px;
}
.sat-ds-alt-title{
  border:0 !important;
  background:transparent !important;
  padding:0 2px 2px !important;
  color:#647084 !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.sat-ds-alt-item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px !important;
  align-items:center !important;
  padding:13px 14px !important;
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:15px;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(8,20,39,.045);
}
.sat-ds-alt-domain{
  color:#17263d !important;
  font-size:14px !important;
  font-weight:600 !important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sat-ds-alt-fiyat{
  color:var(--secondary-color) !important;
  font-weight:700 !important;
  font-size:13px !important;
}
.sat-ds-alt-item .sat-btn-sm{
  border:0 !important;
  border-radius:11px !important;
  background:var(--primary-color) !important;
  min-height:34px !important;
  padding:0 14px !important;
  font-weight:700 !important;
}
.sat-dns-info{
  margin-top:14px !important;
  text-align:left !important;
  padding:15px 16px !important;
  background:#fff !important;
}
.sat-dns-info p{font-weight:450 !important;color:#647084 !important;}
.sat-dns-info strong{display:block;margin-top:4px;font-weight:650 !important;color:#15243a !important;word-break:break-word;}

@media(max-width:768px){
  .sat-domain-tabs{max-width:none;display:grid !important;grid-template-columns:1fr !important;}
  .sat-domain-tab{justify-content:flex-start !important;}
  .sat-domain-header{display:grid !important;grid-template-columns:42px 1fr;font-size:18px !important;padding:18px 18px 6px !important;}
  .sat-domain-header::after{grid-column:1 / -1;margin-left:0;}
  .sat-domain-body{padding:16px 18px 20px !important;}
  .sat-domain-input-wrap{grid-template-columns:1fr !important;}
  .sat-btn-sorgula,.sat-btn-devam{width:100%;}
  .sat-ds-musait-box{grid-template-columns:1fr !important;text-align:left !important;}
  .sat-ds-musait-icon{width:42px;height:42px;}
  .sat-ds-alt-item{grid-template-columns:1fr auto;}
  .sat-ds-alt-fiyat{justify-self:start;}
  .sat-ds-alt-item .sat-btn-sm{grid-column:2;grid-row:1 / span 2;}
}

/* =========================================================
   SEPET MODERN V4 - cart page polish
   ========================================================= */
.spt-page{
  background:#f5f8fc !important;
  min-height:80vh;
  padding:34px 0 76px !important;
  color:#081427;
  font-family:Inter,Arial,sans-serif;
}
.spt-container{
  max-width:1600px !important;
  width:100%;
  margin:0 auto !important;
  padding:0 40px !important;
}
.spt-grid{
  grid-template-columns:minmax(0,1fr) 380px !important;
  gap:28px !important;
  align-items:start;
}
.spt-list,
.spt-ozet,
.spt-bos{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 24px 66px rgba(8,20,39,.08) !important;
  overflow:hidden;
}
.spt-list-head{
  grid-template-columns:minmax(0,1fr) 180px 150px 48px !important;
  padding:18px 24px !important;
  background:#fff !important;
  color:#66758b !important;
  border-bottom:1px solid #edf2f7;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.spt-row{
  grid-template-columns:minmax(0,1fr) 180px 150px 48px !important;
  padding:22px 24px !important;
  border-bottom:1px solid #edf2f7 !important;
  transition:background .18s ease;
}
.spt-row:hover{background:#fbfdff;}
.spt-prod{gap:4px !important;min-width:0;}
.spt-prod-name{
  color:#081427 !important;
  font-size:16px !important;
  font-weight:680 !important;
  letter-spacing:0 !important;
}
.spt-prod-cat{
  width:max-content;
  max-width:100%;
  color:var(--primary-color) !important;
  background:color-mix(in srgb,var(--primary-color) 8%,#f4f7fb);
  border-radius:999px;
  padding:4px 10px;
  font-size:11px !important;
  font-weight:650 !important;
}
.spt-prod-domain{
  color:#647084 !important;
  font-size:12px !important;
  font-weight:500;
  margin-top:4px !important;
}
.spt-prod-extras{
  margin-top:10px !important;
  gap:6px !important;
}
.spt-prod-extra{
  width:max-content;
  max-width:100%;
  background:#f8fafc;
  border-radius:12px;
  padding:7px 10px;
  color:#4f5f76 !important;
  font-size:12px !important;
  font-weight:500;
}
.spt-prod-extra i{color:var(--secondary-color) !important;}
.spt-per{justify-content:center !important;}
.spt-select{
  width:100%;
  max-width:170px;
  min-height:42px;
  border:0 !important;
  outline:1px solid #dfe7f1;
  border-radius:13px !important;
  background:#f8fafc !important;
  color:#15243a !important;
  font-size:13px !important;
  font-weight:550 !important;
  padding:0 12px !important;
  box-shadow:none !important;
}
.spt-select:focus{outline-color:color-mix(in srgb,var(--primary-color) 40%,#dfe7f1) !important;background:#fff !important;}
.spt-per-static{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 13px;
  background:#f8fafc;
  color:#44546c !important;
  font-weight:600 !important;
  font-size:13px !important;
}
.spt-price{
  color:#081427 !important;
  font-size:17px !important;
  font-weight:760 !important;
  letter-spacing:0 !important;
}
.spt-price-old{font-weight:500 !important;color:#9aa6b6 !important;margin-bottom:2px;}
.spt-price-sub{font-size:11px !important;color:#7b8798 !important;margin-top:2px;}
.spt-del a{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#f8fafc;
  color:#8a97a8 !important;
  font-size:15px !important;
}
.spt-del a:hover{background:#fff1f2;color:#dc2626 !important;}
.spt-ozet{
  position:sticky !important;
  top:24px !important;
}
.spt-ozet-head{
  background:#fff !important;
  color:#081427 !important;
  padding:22px 22px 8px !important;
  text-align:left !important;
  font-size:22px !important;
  line-height:1.1;
  font-weight:730 !important;
}
.spt-ozet-head::after{
  content:'Sepet tutari ve odeme adimi';
  display:block;
  color:#647084;
  font-size:13px;
  font-weight:400;
  margin-top:7px;
}
.spt-ozet-body{padding:18px 22px 22px !important;}
.spt-ozet-row{
  padding:12px 0 !important;
  border-bottom:1px solid #edf2f7 !important;
  color:#647084 !important;
  font-size:14px !important;
  font-weight:450 !important;
}
.spt-ozet-row span:last-child{
  color:#15243a !important;
  font-weight:700 !important;
}
.spt-ozet-row.indirim span:last-child{color:#dc2626 !important;}
.spt-kupon-toggle{
  margin:10px 0 0;
  min-height:44px;
  border-radius:14px !important;
  background:#f8fafc !important;
  border-bottom:0 !important;
  color:var(--primary-color) !important;
  font-weight:650 !important;
}
.spt-kupon-form{padding:12px 0 4px !important;}
.spt-kupon-row{gap:8px !important;}
.spt-kupon-input{
  min-height:42px;
  border:0 !important;
  outline:1px solid #dfe7f1;
  border-radius:13px !important;
  background:#fff !important;
  font-weight:550 !important;
}
.spt-kupon-btn{
  min-height:42px;
  border-radius:13px !important;
  background:var(--primary-color) !important;
  font-weight:700 !important;
}
.spt-kupon-msg{border-radius:12px !important;margin-top:8px !important;}
.spt-kupon-aktif{
  margin:10px 0 2px;
  padding:10px 12px !important;
  border:0 !important;
  border-radius:14px;
  background:color-mix(in srgb,var(--secondary-color) 10%,#f8fafc);
}
.spt-kupon-aktif-badge{color:var(--secondary-color) !important;font-weight:700 !important;}
.spt-ozet-toplam{
  border-top:0 !important;
  margin-top:14px !important;
  padding:16px !important;
  border-radius:18px;
  background:#f8fafc;
  color:#081427 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.spt-ozet-toplam span:last-child{
  color:var(--secondary-color) !important;
  font-size:24px !important;
  font-weight:800 !important;
}
.spt-devam{
  min-height:52px;
  border-radius:16px !important;
  background:var(--secondary-color) !important;
  box-shadow:0 16px 32px color-mix(in srgb,var(--secondary-color) 22%,transparent);
  font-size:14px !important;
  font-weight:760 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.spt-devam:hover{opacity:1 !important;filter:brightness(.94);transform:translateY(-1px);}
.spt-bos{
  max-width:620px !important;
  padding:54px 42px !important;
}
.spt-bos-icon{
  width:76px;
  height:76px;
  margin:0 auto 20px !important;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f6fb;
  color:var(--primary-color) !important;
  font-size:30px !important;
}
.spt-bos h3{font-weight:740 !important;color:#081427 !important;font-size:26px !important;}
.spt-bos p{font-size:14px !important;color:#647084 !important;}
.spt-bos a{
  border-radius:15px !important;
  background:var(--secondary-color) !important;
  font-weight:700 !important;
  min-height:46px;
  padding:0 22px !important;
}
@media(max-width:1400px){.spt-container{max-width:1200px !important;padding:0 30px !important}.spt-grid{grid-template-columns:minmax(0,1fr) 340px !important}}
@media(max-width:1200px){.spt-container{max-width:1024px !important;padding:0 24px !important}.spt-grid{grid-template-columns:1fr !important}.spt-ozet{position:static !important;}}
@media(max-width:720px){
  .spt-page{padding:24px 0 56px !important;}
  .spt-container{padding:0 16px !important;}
  .spt-list-head{display:none !important;}
  .spt-row{grid-template-columns:1fr !important;gap:12px !important;padding:18px !important;}
  .spt-per{justify-content:flex-start !important;}
  .spt-select{max-width:none !important;}
  .spt-price{text-align:left !important;}
  .spt-del{justify-content:flex-start !important;}
  .spt-del a{width:100%;height:42px;}
  .spt-ozet-head{font-size:20px !important;}
  .spt-kupon-row{grid-template-columns:1fr;display:grid !important;}
  .spt-kupon-btn{width:100%;}
}

/* =========================================================
   CUSTOMER PANEL MODERN V4 - classic cpn polish
   ========================================================= */
.cpn-wrap{
  background:#f5f8fc !important;
  padding:34px 0 76px !important;
  min-height:720px;
  font-family:Inter,Arial,sans-serif;
}
.cpn-inner{max-width:1600px !important;margin:0 auto !important;padding:0 40px !important;}
.cpn-grid{grid-template-columns:300px minmax(0,1fr) !important;gap:30px !important;}
.cpn-side,
.cpn-section,
.cpn-card,
.cpn-reseller-info{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 24px 66px rgba(8,20,39,.08) !important;
}
.cpn-side{width:300px !important;overflow:hidden;position:sticky;top:24px;}
.cpn-profile{
  background:#fff !important;
  color:#081427 !important;
  padding:26px 22px 18px !important;
  text-align:left !important;
}
.cpn-profile::after{display:none !important;}
.cpn-avatar{
  width:62px !important;height:62px !important;border-radius:20px !important;
  margin:0 0 14px !important;border:0 !important;
  background:var(--primary-color) !important;color:#fff !important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--primary-color) 22%,transparent) !important;
  font-weight:740 !important;
}
.cpn-uname{color:#081427 !important;font-size:18px !important;font-weight:730 !important;}
.cpn-email{color:#647084 !important;font-size:12px !important;margin-bottom:12px !important;}
.cpn-profile-badges{justify-content:flex-start !important;}
.cpn-badge{font-weight:650 !important;border-radius:999px !important;padding:5px 10px !important;letter-spacing:0 !important;}
.cpn-badge-aktif{background:color-mix(in srgb,var(--secondary-color) 12%,#f8fafc) !important;color:var(--secondary-color) !important;}
.cpn-badge-bayi{background:#f8fafc !important;color:var(--primary-color) !important;}
.cpn-bakiye{
  margin:0 18px 14px;
  border:0 !important;
  border-radius:18px;
  background:#f6f9fd !important;
  padding:14px 16px !important;
}
.cpn-bakiye-label{font-size:11px !important;letter-spacing:0 !important;text-transform:none !important;color:#647084 !important;font-weight:650 !important;}
.cpn-bakiye-val{color:var(--primary-color) !important;font-weight:760 !important;}
.cpn-nav{padding:8px 12px 12px !important;}
.cpn-nav-label{padding:15px 8px 7px !important;color:#8a97a8 !important;font-size:11px !important;letter-spacing:0 !important;text-transform:none !important;}
.cpn-nav-link{
  border:0 !important;
  border-radius:14px !important;
  padding:11px 12px !important;
  color:#46576f !important;
  font-weight:550 !important;
  gap:11px !important;
}
.cpn-nav-link i{
  width:30px !important;height:30px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f3f6fb;color:#75849a !important;font-size:13px !important;
}
.cpn-nav-link:hover{background:#f7faff !important;color:#081427 !important;}
.cpn-nav-link.active{background:#f3f7ff !important;color:var(--primary-color) !important;font-weight:680 !important;}
.cpn-nav-link.active i{background:var(--primary-color) !important;color:#fff !important;}
.cpn-nav-count{background:var(--secondary-color) !important;color:#fff !important;border-radius:999px !important;font-weight:750 !important;}
.cpn-nav-sub{background:#f8fafc !important;border-radius:14px;margin:4px 0 8px;}
.cpn-nav-sub .cpn-nav-link{padding-left:48px !important;}
.cpn-logout{
  margin:8px 12px 14px !important;border:0 !important;border-radius:14px !important;
  background:#fff5f5;color:#dc2626 !important;font-weight:650 !important;
}
.cpn-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;gap:16px !important;}
.cpn-stat-card{
  border-radius:24px !important;
  background:#fff !important;
  color:#081427 !important;
  outline:1px solid #e6edf5;
  box-shadow:0 22px 58px rgba(8,20,39,.075) !important;
  padding:22px !important;
}
.cpn-stat-card:hover{box-shadow:0 28px 72px rgba(8,20,39,.11) !important;}
.cpn-stat-card .cpn-stat-icon{background:#f3f6fb !important;color:var(--primary-color) !important;border-radius:16px !important;}
.cpn-stat-card .cpn-stat-num{color:#081427 !important;font-weight:760 !important;font-size:30px !important;}
.cpn-stat-card .cpn-stat-label{color:#647084 !important;font-weight:500 !important;}
.cpn-stat-card .cpn-stat-link{background:#f8fafc !important;color:var(--primary-color) !important;border-radius:13px !important;font-weight:680 !important;}
.cpn-stat-card--green .cpn-stat-icon,.cpn-stat-card--green .cpn-stat-link{color:var(--secondary-color) !important;}
.cpn-topbar-alert,
.cpn-alert,
.cpn-notify{
  border:0 !important;
  outline:1px solid #e6edf5;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(8,20,39,.06) !important;
}
.cpn-topbar-alert-left,.cpn-alert-desc,.cpn-notify-desc{color:#647084 !important;}
.cpn-topbar-alert-btn,.cpn-alert-btn,.cpn-notify-btn{border-radius:14px !important;background:var(--primary-color) !important;color:#fff !important;font-weight:700 !important;}
.cpn-section{overflow:hidden;margin-bottom:22px !important;}
.cpn-section-head,
.cpn-card-head{
  padding:20px 24px !important;
  border-bottom:1px solid #edf2f7 !important;
  background:#fff !important;
}
.cpn-section-title,.cpn-card-title{font-size:17px !important;font-weight:720 !important;color:#081427 !important;letter-spacing:0 !important;}
.cpn-section-title i{color:var(--primary-color) !important;}
.cpn-section-link{color:var(--primary-color) !important;font-weight:680 !important;border-radius:12px;padding:8px 10px;background:#f8fafc;text-decoration:none !important;}
.cpn-table th{background:#f8fafc !important;color:#77849a !important;font-size:11px !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:none !important;}
.cpn-table td{padding:15px 20px !important;color:#1a2a42 !important;font-size:13px !important;}
.cpn-table tr:hover td{background:#fbfdff !important;}
.cpn-badge-status{border-radius:999px !important;font-weight:650 !important;padding:5px 10px !important;}
.cpn-view-btn{border:0 !important;background:#f3f6fb !important;color:var(--primary-color) !important;border-radius:12px !important;width:34px !important;height:34px !important;}
.cpn-view-btn:hover{background:var(--primary-color) !important;color:#fff !important;}
.cpn-btn,.cpn-card .btn,.cpn-section .btn{border-radius:14px !important;font-weight:700 !important;}
.cpn-usage-circles{gap:18px !important;flex-wrap:wrap;}
.cpn-circle-wrap,.cpn-circle-svg{width:104px !important;height:104px !important;}
@media(max-width:1400px){.cpn-inner{max-width:1200px !important;padding:0 30px !important}.cpn-grid{grid-template-columns:280px minmax(0,1fr) !important}.cpn-side{width:280px !important}}
@media(max-width:1200px){.cpn-inner{max-width:1024px !important;padding:0 24px !important}.cpn-grid{grid-template-columns:1fr !important}.cpn-side{width:100% !important;position:static}.cpn-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:768px){.cpn-wrap{padding:24px 0 56px !important}.cpn-inner{padding:0 16px !important}.cpn-stats{grid-template-columns:1fr !important}.cpn-section-head{align-items:flex-start !important;gap:10px;flex-direction:column}.cpn-table{min-width:720px}.cpn-mobile-toggle{display:block !important;background:var(--primary-color) !important;border-radius:16px !important}.cpn-side{display:none}.cpn-side.open{display:block}}

/* BC HEADER WEST ALIGN OVERRIDE */
.bc-header-inner {
    max-width: 1500px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
}
@media (max-width: 1320px) {
    .bc-header-inner {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}
@media (max-width: 1240px) and (min-width: 1081px) {
    .bc-header-inner {
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}
@media (max-width: 640px) {
    .bc-header-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
@media (max-width: 420px) {
    .bc-header-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
/* PAGE BANNER MODERN TEMPLATE OVERRIDE */
.sb-section {
    padding: 58px 0 !important;
    font-family: 'Inter', Arial, sans-serif !important;
}
.sb-section .sb-inner {
    max-width: 1500px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
}
.sb-section .sb-row {
    min-height: 280px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    align-items: center !important;
    gap: 34px !important;
}
.sb-section .sb-content {
    min-width: 0 !important;
    max-width: 760px !important;
}
.sb-section .sb-subtitle {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.14) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    margin-bottom: 16px !important;
}
.sb-section .sb-title {
    max-width: 780px !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    margin: 0 0 14px !important;
}
.sb-section .sb-desc {
    max-width: 690px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    margin: 0 0 22px !important;
}
.sb-section .sb-features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
}
.sb-section .sb-feature {
    padding: 10px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.10) !important;
    gap: 10px !important;
    backdrop-filter: blur(8px);
}
.sb-section .sb-feature-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}
.sb-section .sb-feature-title { font-size: 13px !important; font-weight: 760 !important; }
.sb-section .sb-feature-desc { display:block; margin-top:2px; font-size: 12px !important; line-height:1.45 !important; }
.sb-section .sb-btn {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    font-weight: 760 !important;
    box-shadow: 0 14px 28px rgba(15,23,42,.18) !important;
}
.sb-section .sb-image {
    max-width: 430px !important;
    justify-self: end !important;
}
.sb-section .sb-image img {
    border-radius: 22px !important;
    box-shadow: 0 24px 60px rgba(15,23,42,.22) !important;
    object-fit: cover !important;
}
.sb-section .sb-deco { opacity: .55 !important; }
.sb-template-modern-kart {
    background-color: #f6f8fb !important;
    color: #102033 !important;
}
.sb-template-modern-kart .sb-row {
    min-height: 300px;
    padding: 34px !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 24px 64px rgba(15,23,42,.10) !important;
}
.sb-template-modern-kart .sb-subtitle { background: rgba(var(--primary-color-rgb,37,99,235),.08) !important; color: var(--primary-color) !important; }
.sb-template-modern-kart .sb-feature { background: #f6f8fb !important; }
.sb-template-modern-kart .sb-deco { display:none !important; }
.sb-template-split-pro .sb-row {
    grid-template-columns: minmax(0, .95fr) minmax(320px, 520px);
}
.sb-template-split-pro .sb-image { max-width: 520px !important; }
.sb-template-split-pro .sb-image img { aspect-ratio: 16/10; width:100%; height:auto; }
.sb-template-split-pro .sb-feature { background: rgba(255,255,255,.12) !important; }
.sb-template-compact-line {
    padding: 36px 0 !important;
}
.sb-template-compact-line .sb-row {
    min-height: 170px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 22px !important;
}
.sb-template-compact-line .sb-title { font-size: clamp(26px, 2.5vw, 36px) !important; }
.sb-template-compact-line .sb-desc { margin-bottom: 0 !important; }
.sb-template-compact-line .sb-features { display:none !important; }
.sb-template-compact-line .sb-image { max-width: 260px !important; }
.sb-template-dark-focus {
    background-color: #0f172a !important;
}
.sb-template-dark-focus .sb-row {
    padding: 26px !important;
    border-radius: 30px !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 24px 70px rgba(0,0,0,.20) !important;
}
.sb-template-dark-focus .sb-image img { box-shadow: 0 24px 70px rgba(0,0,0,.32) !important; }
@media (max-width: 1320px) {
    .sb-section .sb-inner { padding-left: 22px !important; padding-right: 22px !important; }
}
@media (max-width: 980px) {
    .sb-section { padding: 38px 0 !important; }
    .sb-section .sb-row,
    .sb-template-split-pro .sb-row,
    .sb-template-compact-line .sb-row {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }
    .sb-section .sb-image { justify-self: start !important; max-width: 100% !important; }
    .sb-section .sb-features { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
    .sb-section .sb-inner { padding-left: 12px !important; padding-right: 12px !important; }
    .sb-template-modern-kart .sb-row,
    .sb-template-dark-focus .sb-row { padding: 20px !important; border-radius: 20px !important; }
    .sb-section .sb-title { font-size: 27px !important; }
    .sb-section .sb-desc { font-size: 14px !important; }
}

/* Admin page banner template picker */
.sb-admin-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sb-admin-template-option{display:block;margin:0;cursor:pointer;}
.sb-admin-template-option input{display:none;}
.sb-admin-template-option strong{display:block;margin-top:10px;color:#0f172a;font-size:13px;font-weight:780;}
.sb-admin-template-option small{display:block;margin-top:3px;color:#64748b;font-size:11.5px;line-height:1.35;}
.sb-admin-template-preview{height:104px;border-radius:16px;background:#f8fafc;display:flex;flex-direction:column;gap:7px;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease;}
.sb-admin-template-option input:checked + .sb-admin-template-preview{box-shadow:0 16px 34px rgba(15,23,42,.12), inset 0 0 0 2px var(--primary-color,#2563eb);transform:translateY(-1px);}
.sb-admin-template-preview .sbp-kicker{width:52px;height:10px;border-radius:999px;background:var(--primary-color,#2563eb);}
.sb-admin-template-preview .sbp-title{width:76%;height:14px;border-radius:6px;background:#0f172a;}
.sb-admin-template-preview .sbp-text{width:92%;height:9px;border-radius:999px;background:#cbd5e1;}
.sb-admin-template-preview .sbp-row{display:flex;gap:5px;margin-top:auto;}
.sb-admin-template-preview .sbp-row i{width:28px;height:16px;border-radius:7px;background:#e2e8f0;}
.sb-admin-template-preview--modern-kart{background:#fff;}
.sb-admin-template-preview--split-pro{display:grid;grid-template-columns:1fr 44px;align-items:center;}
.sb-admin-template-preview--split-pro:after{content:'';width:44px;height:58px;border-radius:12px;background:var(--secondary-color,#64748b);grid-column:2;grid-row:1/5;}
.sb-admin-template-preview--compact-line{height:74px;justify-content:center;}
.sb-admin-template-preview--compact-line .sbp-row{display:none;}
.sb-admin-template-preview--dark-focus{background:#0f172a;}
.sb-admin-template-preview--dark-focus .sbp-title{background:#fff;}.sb-admin-template-preview--dark-focus .sbp-text{background:#64748b;}.sb-admin-template-preview--dark-focus .sbp-row i{background:#23304a;}
@media(max-width:1200px){.sb-admin-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.sb-admin-template-grid{grid-template-columns:1fr;}}

/* UGPKG PRODUCT PACKAGE VIEW - 2026-06 */
.ugpkg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.ugpkg-card{position:relative;display:flex;flex-direction:column;min-height:520px;background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 22px 70px rgba(15,23,42,.10);overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.ugpkg-card:before{content:"";position:absolute;inset:auto -28% -22% 34%;height:210px;background:color-mix(in srgb,var(--secondary-color,#16a34a) 12%,transparent);border-radius:999px;z-index:-1;transform:rotate(-18deg)}
.ugpkg-card:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(15,23,42,.16)}
.ugpkg-card.is-featured{background:var(--primary-color,#07133a);color:#fff;transform:translateY(-10px)}
.ugpkg-card.is-featured:hover{transform:translateY(-15px)}
.ugpkg-ribbon{position:absolute;right:18px;top:18px;padding:7px 12px;border-radius:999px;background:var(--secondary-color,#16a34a);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 12px 26px rgba(15,23,42,.18)}
.ugpkg-head{min-height:132px;padding-right:18px}.ugpkg-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary-color,#07133a) 9%,#fff);color:var(--primary-color,#07133a);margin-bottom:18px}.ugpkg-card.is-featured .ugpkg-icon{background:rgba(255,255,255,.10);color:#fff}
.ugpkg-head h3{margin:0 0 10px;font-size:24px;line-height:1.08;font-weight:850;letter-spacing:0;color:inherit}.ugpkg-head p{margin:0;color:var(--text-muted,#64748b);font-size:14px;line-height:1.65}.ugpkg-card.is-featured .ugpkg-head p{color:rgba(255,255,255,.68)}
.ugpkg-price{padding:16px 0 20px;margin:4px 0 12px;border-top:1px solid rgba(148,163,184,.20);border-bottom:1px solid rgba(148,163,184,.20)}.ugpkg-price strong{font-size:36px;line-height:1;font-weight:900;color:var(--primary-color,#07133a);letter-spacing:0}.ugpkg-card.is-featured .ugpkg-price strong{color:#fff}.ugpkg-price small{font-size:14px;font-weight:700;color:var(--text-muted,#64748b);margin-left:3px}.ugpkg-card.is-featured .ugpkg-price small{color:rgba(255,255,255,.72)}.ugpkg-old{display:block;font-size:13px;color:#94a3b8;text-decoration:line-through;margin-bottom:6px}
.ugpkg-features{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:0}.ugpkg-features li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.16);font-size:14px;color:var(--text-color,#0f172a)}.ugpkg-card.is-featured .ugpkg-features li{color:#fff;border-bottom-color:rgba(255,255,255,.12)}.ugpkg-features span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--secondary-color,#16a34a) 14%,#fff);color:var(--secondary-color,#16a34a);font-size:11px}.ugpkg-card.is-featured .ugpkg-features span{background:rgba(255,255,255,.12);color:#fff}.ugpkg-features b{font-weight:800;line-height:1.35}
.ugpkg-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;background:var(--primary-color,#07133a);color:#fff!important;text-decoration:none;font-size:15px;font-weight:850;box-shadow:0 18px 40px color-mix(in srgb,var(--primary-color,#07133a) 24%,transparent);transition:transform .15s ease,box-shadow .15s ease}.ugpkg-card.is-featured .ugpkg-btn{background:var(--secondary-color,#16a34a);box-shadow:0 18px 44px color-mix(in srgb,var(--secondary-color,#16a34a) 30%,transparent)}.ugpkg-btn:hover{transform:translateY(-2px);color:#fff!important}
@media(max-width:1200px){.ugpkg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ugpkg-card.is-featured{transform:none}.ugpkg-card.is-featured:hover{transform:translateY(-5px)}}
@media(max-width:900px){.ugpkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ugpkg-card{min-height:auto}}
@media(max-width:560px){.ugpkg-grid{grid-template-columns:1fr;gap:16px}.ugpkg-card{border-radius:18px;padding:22px 20px}.ugpkg-price strong{font-size:32px}}
/* UGPKG dynamic package columns - 2026-06 */
.ugpkg-grid.ugpkg-grid--center{
    justify-content:center !important;
}
.ugpkg-grid--cols-1{
    grid-template-columns:minmax(280px,420px) !important;
}
.ugpkg-grid--cols-2{
    grid-template-columns:repeat(2,minmax(280px,420px)) !important;
}
.ugpkg-grid--cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.ugpkg-grid--cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:1200px){
    .ugpkg-grid--cols-4{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
    .ugpkg-grid--cols-2,
    .ugpkg-grid--cols-3,
    .ugpkg-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
    .ugpkg-grid--cols-1,
    .ugpkg-grid--cols-2,
    .ugpkg-grid--cols-3,
    .ugpkg-grid--cols-4{grid-template-columns:1fr !important;}
}