/* ================================================
   BAYIGRAM THEME — SosyalPanel
   ================================================ */
:root{--primary:#3d5af1;--primary-dark:#2d4ae1;--teal:#10b981;--teal-dark:#059669;--orange:#f97316;--pink:#ec4899;--dark:#0f172a;--footer-bg:#0f172a;--footer-border:#1e293b;--footer-text:#94a3b8;--services-bg:#eff6ff;--white:#fff;--text:#1e293b;--muted:#64748b;--radius:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--tr:.25s ease;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','Segoe UI',sans-serif;color:var(--text);background:#fff;margin:0;padding-top:116px;overflow-x:hidden;}
html{overflow-x:hidden;}
a{text-decoration:none;transition:var(--tr);}a:hover{text-decoration:none;}
img{max-width:100%;}
ul{list-style:none;margin:0;padding:0;}
p{margin:0 0 16px;}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0 0 12px;}

/* ===== TOPBAR ===== */
#sp-topbar{background:#3d5af1;height:38px;position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;align-items:center;transition:top .35s cubic-bezier(.4,0,.2,1);}
#sp-topbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;}
.sp-topbar-left,.sp-topbar-right{display:flex;align-items:center;}
.sp-topbar-left a{color:rgba(255,255,255,.88);font-size:12px;padding:0 14px;height:38px;display:inline-flex;align-items:center;gap:5px;border-right:1px solid rgba(255,255,255,.15);transition:var(--tr);}
.sp-topbar-left a:first-child{padding-left:0;}
.sp-topbar-left a:hover{color:#fff;background:rgba(255,255,255,.08);}
.sp-topbar-right a,.sp-topbar-right span{color:rgba(255,255,255,.88);font-size:12px;padding:0 13px;height:38px;display:inline-flex;align-items:center;gap:5px;border-left:1px solid rgba(255,255,255,.15);transition:var(--tr);}
.sp-topbar-right a:hover{color:#fff;background:rgba(255,255,255,.08);}

/* ===== SİPARİŞ SORGULA ÇUBUK ===== */
#sp-checkorder{
  background:#313855;
  position:fixed;top:0;left:0;right:0;z-index:1200;
  transform:translateY(-100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  padding:15px 0;
}
#sp-checkorder.open{transform:translateY(0);}
#sp-checkorder .container{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.sp-co-left{display:flex;align-items:center;gap:12px;}
.sp-co-left i{color:#979eb9;font-size:22px;}
.sp-co-left label,.sp-co-mid label{color:#fff;font-size:15px;font-weight:600;margin:0;white-space:nowrap;}
.sp-co-left input,.sp-co-mid input{background:#22263a;color:#fff;border:0;padding:7px 14px;font-size:15px;font-weight:500;border-radius:4px;outline:none;width:200px;}
.sp-co-left input::placeholder,.sp-co-mid input::placeholder{color:#6b7280;}
.sp-co-mid{display:flex;align-items:center;gap:12px;flex:1;}
.sp-co-mid input{width:100%;max-width:260px;}
.sp-co-btn{background:#455ee0;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;padding:8px 32px;letter-spacing:.5px;cursor:pointer;transition:background .2s;margin-left:auto;}
.sp-co-btn:hover{background:#3448c5;}
.sp-co-close{background:rgba(255,255,255,.1);color:#fff;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0;}
.sp-co-close:hover{background:rgba(255,255,255,.2);}
.sp-co-result{padding:0 15px;font-size:13px;color:#fff;}
.sp-co-result:not(:empty){padding:10px 15px;}
/* Topbar + header kayma — checkorder açıkken */
body.checkorder-open #sp-topbar{top:66px;}
body.checkorder-open #sp-header{top:104px;}

/* ===== HEADER ===== */
#sp-header{background:#fff;padding:14px 0;position:fixed;top:38px;left:0;right:0;z-index:1090;box-shadow:0 0 24px rgba(48,55,84,.08);transition:top .35s cubic-bezier(.4,0,.2,1), box-shadow var(--tr);}
#sp-header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.12);}
#sp-header>.container{display:flex;align-items:center;gap:0;}
.sp-logo{display:flex;align-items:center;}
.sp-logo img{height:44px;display:block;}
.sp-logo-text{font-size:24px;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:8px;}
.sp-logo-text i{background:var(--primary);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;}

/* Desktop Nav — logo'dan uzak, sağa yaslanmış */
.sp-nav{margin-left:auto;}
.sp-nav ul{display:flex;align-items:center;gap:0;justify-content:flex-end;}
.sp-nav ul li{position:relative;}
.sp-nav ul li>a{color:#1d3163;font-size:15px;font-weight:600;padding:10px 10px;margin-right:10px;border-radius:var(--radius);display:flex;align-items:center;gap:5px;white-space:nowrap;transition:var(--tr);text-transform:uppercase;}
.sp-nav ul li>a:hover,.sp-nav ul li.has-dropdown:hover>a{color:var(--primary);}
.sp-nav ul li>a .fa-chevron-down{font-size:9px;transition:transform .25s ease,background .25s ease,color .25s ease;color:#fff;background:var(--primary);border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px;}
.sp-nav ul li.has-dropdown:hover>a .fa-chevron-down{transform:rotate(180deg);background:var(--primary-dark);}
.sp-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;min-width:220px;padding:8px;z-index:1200;}
.sp-nav ul li.has-dropdown:hover .sp-dropdown{display:block;}
.sp-dropdown li a{display:block;padding:9px 12px;color:#374151;font-size:14px;font-weight:500;border-radius:8px;transition:var(--tr);text-transform:none;}
.sp-dropdown li a:hover{background:rgba(61,90,241,.07);color:var(--primary);}

/* Header actions */
.sp-actions{display:flex;align-items:center;gap:10px;margin-left:16px;}

/* GİRİŞ YAP — tek parça mavi buton — BayiGram referans: font-size 18px, padding 12px */
.sp-btn-giris{display:inline-flex;align-items:center;gap:12px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;padding:12px 20px;border-radius:2px;border:none;text-decoration:none !important;text-transform:uppercase;transition:var(--tr);box-shadow:-9px 9px 49px rgba(61,90,241,.32);margin-left:30px;}
.sp-btn-giris i{font-size:12px;}
.sp-btn-giris:hover{background:var(--primary-dark);color:#fff;box-shadow:-9px 9px 49px rgba(61,90,241,.5);}
/* Eski split yapı artık kullanılmıyor */
.sp-btn-text,.sp-btn-arrow{display:none;}

/* Zil ikonu — BayiGram: beyaz zemin, mavi kenarlık, 53×53px */
.sp-icon-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:2px;font-size:18px;position:relative;transition:var(--tr);flex-shrink:0;}
.sp-icon-btn:hover{background:var(--primary);color:#fff;}

/* Sepet ikonu — BayiGram: mavi dolu (#455ee0) ile aynı renk */
.sp-icon-btn.sp-cart-btn{background:var(--teal);color:#fff;border:none;}
.sp-icon-btn.sp-cart-btn:hover{background:var(--teal-dark);color:#fff;}

/* Badge (sayaç) */
.sp-badge{position:absolute;top:-10px;display:flex;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;padding:0 8px;}
.sp-icon-btn.sp-cart-btn .sp-badge{background:#fff;color:var(--teal);}
.sp-mobile-toggle{background:none;border:none;font-size:24px;color:var(--primary);padding:4px 8px;cursor:pointer;line-height:1;}

/* ===== MOBİL DRAWER ===== */
.sp-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1400;}
.sp-backdrop.active{display:block;}
.sp-drawer{
  position:fixed;top:0;left:-340px;width:320px;height:100vh;
  background:#dde3ea;
  z-index:1500;transition:left .32s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;box-shadow:4px 0 32px rgba(0,0,0,.22);
  display:flex;flex-direction:column;
}
.sp-drawer.open{left:0;}

/* Drawer Üst */
.sp-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 18px 14px;border-bottom:1px solid rgba(0,0,0,.07);
  background:#dde3ea;position:sticky;top:0;z-index:2;
}
.sp-drawer-logo-wrap{display:flex;align-items:center;}
.sp-drawer-logo-wrap img{height:36px;display:block;}
.sp-drawer-logo-wrap .sp-logo-text{font-size:18px;font-weight:800;color:var(--primary);}
.sp-drawer-back{
  background:rgba(255,255,255,.55);border:none;
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#475569;cursor:pointer;
  transition:background .2s,color .2s;
}
.sp-drawer-back:hover{background:#fff;color:#1e293b;}

/* Drawer Nav */
.sp-drawer-nav{flex:1;}
.sp-drawer-link{
  display:flex;align-items:center;gap:14px;
  padding:15px 18px;color:#1e293b;
  font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid rgba(0,0,0,.06);
  transition:background .18s;cursor:pointer;
}
.sp-drawer-link:hover,.sp-drawer-link:active{background:rgba(0,0,0,.04);color:#1e293b;}
.sp-drawer-item-icon{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  background:rgba(255,255,255,.65);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--primary);
}
.sp-drawer-item-txt{flex:1;}
.sp-drawer-arrow{font-size:22px;color:#94a3b8;transition:transform .25s ease;flex-shrink:0;}
.sp-drawer-item.open>.sp-drawer-link .sp-drawer-arrow{transform:rotate(180deg);}

/* Alt menü */
.sp-drawer-sub{display:none;background:rgba(255,255,255,.35);}
.sp-drawer-item.open>.sp-drawer-sub{display:block;}
.sp-drawer-sub-link{
  display:flex;align-items:center;gap:13px;
  padding:11px 18px 11px 30px;
  color:#374151;font-size:13.5px;font-weight:500;
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.04);
  transition:background .15s;
}
.sp-drawer-sub-link:last-child{border-bottom:none;}
.sp-drawer-sub-link:hover{background:rgba(255,255,255,.55);}
.sp-drawer-sub-icon{
  width:28px;height:28px;display:flex;align-items:center;
  justify-content:center;font-size:18px;flex-shrink:0;
}

/* İletişim Kartları */
.sp-drawer-contacts{padding:16px 14px 28px;display:flex;flex-direction:column;gap:10px;}
.sp-drawer-contact-card{
  display:flex;align-items:center;gap:14px;
  background:#fff;border-radius:14px;
  padding:13px 16px;text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.07);
  transition:box-shadow .2s;
}
.sp-drawer-contact-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.13);}
.sp-drawer-contact-ico{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:22px;
}
.sp-drawer-contact-lbl{display:block;font-size:11px;color:#64748b;margin-bottom:2px;}
.sp-drawer-contact-val{display:block;font-size:13.5px;font-weight:700;color:#1e293b;}

/* Eski stil artık kullanılmıyor ama başka yerde varsa korunuyor */
.sp-btn-giris-mobile{background:var(--primary);color:#fff !important;padding:13px 20px;border-radius:2px;font-weight:600;font-size:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;}

/* Modal */
.sp-modal-content{border:none;border-radius:var(--radius-xl);overflow:hidden;}
.sp-modal-header{background:var(--primary);color:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;}
.sp-modal-header h5{margin:0;font-size:16px;font-weight:700;}
.sp-modal-header button{background:none;border:none;color:rgba(255,255,255,.8);font-size:18px;cursor:pointer;}
.sp-modal-body{padding:24px;}
.sp-modal-body p{color:var(--muted);font-size:13.5px;}
.sp-sorgu-form{display:flex;gap:10px;}
.sp-sorgu-form input{flex:1;padding:11px 16px;border:1.5px solid #e2e8f0;border-radius:var(--radius);font-size:14px;outline:none;}
.sp-sorgu-form input:focus{border-color:var(--primary);}
.sp-sorgu-form button{background:var(--primary);color:#fff;border:none;padding:11px 20px;border-radius:var(--radius);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;}
.sp-sorgu-result{border:1.5px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;background:#f8fafc;}

/* ===== MEGA MENU — TAM GENİŞLİK ===== */
/* Mega menüler #sp-header'a göre konumlanır (li:static yapılır) */
li.mega-sosyal,li.mega-ucretsiz,li.mega-kurumsal{position:static;}

.sp-mega-menu{
  display:none;
  position:fixed;
  left:0;
  right:0;
  width:100%;
  background:#fff;
  border-radius:0 0 16px 16px;
  box-shadow:0 16px 48px rgba(0,0,0,.14);
  border-top:2px solid #e2e8f0;
  z-index:1300;
}
/* İç içerik alanı — sayfa genişliğiyle hizalı */
.sp-mega-inner{max-width:1320px;margin:0 auto;padding:20px 24px 24px;}
.sp-mega-sosyal .sp-mega-inner{padding:0;max-width:100%;width:100%;}
.sp-mega-sosyal-head{
  width:100%;
  padding:9px 0;
  background:#f8fafc;
  border-bottom:1px solid #e2e8f0;
  font-size:11px;font-weight:800;letter-spacing:.6px;
  color:#64748b;text-transform:uppercase;
}
.sp-mega-sosyal-head-inner{max-width:1320px;margin:0 auto;padding:0 24px;}
.sp-mega-sosyal-body{max-width:1320px;margin:0 auto;padding:20px 28px 26px;}

@keyframes megaFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}

/* Sosyal Medya Platform Grid */
.sp-mega-sosyal{}
.sp-mega-platform-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;}
/* --pt-color artık daima solid renk (gradient için --pt-grad kullanılır) */
.sp-mega-pcard{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:22px 12px 18px;border-radius:6px;
  border:1.5px solid var(--pt-color,#6366f1);
  text-align:center;text-decoration:none;transition:.18s ease;background:#fff;
  min-height:120px;
}
.sp-mega-pcard:hover{
  background-color:var(--pt-color,#6366f1);
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.sp-mega-pcard:hover .sp-mega-pcard-name,
.sp-mega-pcard:hover .sp-mega-pcard-sub,
.sp-mega-pcard:hover .sp-mega-pcard-icon i{color:#fff!important;}
.sp-mega-pcard-icon i{font-size:34px;color:var(--pt-color,#6366f1);display:block;margin-bottom:9px;transition:color .18s;}
.sp-mega-pcard-name{font-size:12px;font-weight:800;color:var(--pt-color,#6366f1);text-transform:uppercase;display:block;transition:color .18s;line-height:1.3;letter-spacing:.3px;}
.sp-mega-pcard-sub{font-size:11px;color:var(--pt-color,#6366f1);display:block;transition:color .18s;margin-top:3px;font-weight:500;}

/* Ücretsiz Araçlar Mega Menu */
/* ── Ücretsiz Araçlar Mega Menü (Yeni) ── */
.sp-mega-ucols2{display:grid;grid-template-columns:repeat(5,1fr);gap:0 8px;}
.sp-mega-ucol2{padding:0 4px 8px;}
.sp-mega-ucol2-title{
  font-size:13px;font-weight:800;color:#1e293b;
  padding-bottom:10px;margin-bottom:6px;
  border-bottom:2px solid #f1f5f9;
}
.sp-mega-ulink2{
  display:flex;align-items:center;gap:10px;
  padding:7px 4px;text-decoration:none;
  transition:background .15s;border-radius:6px;
}
.sp-mega-ulink2:hover{background:rgba(61,90,241,.05);}
.sp-mega-ulink2-icon{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:12px;
}
.sp-mega-ulink2-text{display:flex;flex-direction:column;line-height:1.3;}
.sp-mega-ulink2-text small{font-size:10px;color:#94a3b8;}
.sp-mega-ulink2-text strong{font-size:13px;font-weight:700;color:#1e293b;}
.sp-mega-ulink2:hover .sp-mega-ulink2-text strong{color:var(--primary);}

/* Eski stiller (geriye dönük uyumluluk) */
.sp-mega-ucols{display:grid;grid-template-columns:repeat(5,1fr);gap:0 24px;}
.sp-mega-ucol{padding-bottom:4px;}
.sp-mega-ucol-title{font-size:12px;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.4px;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid var(--primary);}
.sp-mega-ulink{display:flex;align-items:center;gap:8px;padding:5px 0;color:#374151;font-size:13px;text-decoration:none;transition:color .2s;}
.sp-mega-ulink:hover{color:var(--primary);}
.sp-mega-ulink-icon{width:24px;height:24px;border-radius:50%;background:rgba(61,90,241,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.sp-mega-ubottom{display:flex;align-items:center;gap:12px;margin:16px -20px -24px;padding:12px 20px;background:#f0f4ff;border-top:1px solid #e2e8f0;font-size:13px;color:#374151;}
.sp-mega-ubottom>i{color:var(--primary);font-size:16px;flex-shrink:0;}
.sp-mega-ubottom>span{flex:1;}
.sp-mega-ubottom-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:7px 16px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s;}
.sp-mega-ubottom-btn:hover{background:var(--primary-dark);color:#fff;}

/* Kurumsal Mega Menu */
/* ── Kurumsal Mega Menü (Yeni) ── */
.sp-mega-inner--kurumsal{display:flex;gap:28px;align-items:stretch;}

.sp-mega-k-img{
  width:280px;flex-shrink:0;border-radius:10px;overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.12);
}
.sp-mega-k-img img{width:100%;height:100%;object-fit:cover;display:block;}
.sp-mega-k-img-placeholder{
  width:100%;min-height:180px;
  background:linear-gradient(135deg,var(--primary),var(--teal));
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;color:#fff;gap:10px;
}
.sp-mega-k-img-placeholder i{font-size:44px;}
.sp-mega-k-img-placeholder span{font-size:15px;font-weight:700;}

.sp-mega-k-about{
  flex:1;display:flex;flex-direction:column;
  justify-content:center;gap:10px;
  padding-right:8px;border-right:1px solid #f1f5f9;
}
.sp-mega-k-title{font-size:18px;font-weight:800;color:#1e293b;margin:0;}
.sp-mega-k-desc{font-size:13px;color:#64748b;line-height:1.65;margin:0;}
.sp-mega-k-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--primary);color:#fff;
  padding:9px 20px;font-size:13px;font-weight:700;
  text-decoration:none;letter-spacing:.3px;
  border-radius:0;transition:background .2s;
  width:fit-content;
}
.sp-mega-k-btn:hover{background:var(--primary-dark);color:#fff;}

.sp-mega-k-links{
  width:210px;flex-shrink:0;display:flex;
  flex-direction:column;gap:4px;justify-content:center;
}
.sp-mega-klink2{
  display:flex;align-items:center;gap:12px;
  padding:11px 10px;border-radius:8px;
  color:#374151;font-size:14px;font-weight:500;
  text-decoration:none;transition:background .2s,color .2s;
}
.sp-mega-klink2:hover{background:rgba(61,90,241,.07);color:var(--primary);}
.sp-mega-klink2-icon{
  width:36px;height:36px;border-radius:50%;flex-shrink:0;
  background:rgba(16,185,129,.1);color:var(--teal);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;transition:background .2s,color .2s;
}
.sp-mega-klink2:hover .sp-mega-klink2-icon{background:rgba(61,90,241,.12);color:var(--primary);}

/* Eski stiller (geriye dönük uyumluluk) */
.sp-mega-kurumsal-wrap{display:flex;gap:32px;align-items:stretch;}
.sp-mega-kurumsal-img{width:320px;flex-shrink:0;border-radius:12px;overflow:hidden;}
.sp-mega-kurumsal-img img{width:100%;height:100%;object-fit:cover;display:block;}
.sp-mega-kurumsal-placeholder{width:100%;min-height:200px;background:linear-gradient(135deg,var(--primary),var(--teal));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:10px;border-radius:12px;}
.sp-mega-kurumsal-placeholder i{font-size:44px;}
.sp-mega-kurumsal-placeholder span{font-size:15px;font-weight:700;}
.sp-mega-kurumsal-links{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center;}
.sp-mega-klink{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#374151;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;}
.sp-mega-klink:hover{background:rgba(61,90,241,.07);color:var(--primary);}
.sp-mega-klink-icon{width:36px;height:36px;border-radius:50%;background:rgba(16,185,129,.12);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.sp-mega-klink-arrow{margin-left:auto;font-size:10px;color:#cbd5e1;}

/* ===== HERO ===== */
#sp-hero{position:relative;min-height:437px;height:437px;display:flex;align-items:center;overflow:hidden;}
.sp-hero-bg{position:absolute;inset:0;background:linear-gradient(120deg,#f97316 0%,#fb923c 30%,#fbbf24 70%,#fcd34d 100%);z-index:0;}
.sp-hero-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1;opacity:.9;}
.sp-hero-bg::before,.sp-hero-bg::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.15);filter:blur(40px);}
.sp-hero-bg::before{width:350px;height:350px;top:-80px;left:-60px;}
.sp-hero-bg::after{width:280px;height:280px;bottom:-60px;right:180px;}
/* Nokta grid deseni hero'da */
.sp-hero-dots{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:24px 24px;
}
/* Yüzen hero şekil elemanları */
.sp-hero-shapes{position:absolute;inset:0;z-index:2;pointer-events:none;}
.sp-hero-shapes .hs1{
  position:absolute;width:90px;height:90px;border-radius:50%;
  border:3px solid rgba(255,255,255,.18);
  right:8%;top:15%;
}
.sp-hero-shapes .hs2{
  position:absolute;width:50px;height:50px;border-radius:50%;
  border:2px solid rgba(255,255,255,.13);
  right:20%;bottom:18%;
}
.sp-hero-shapes .hs3{
  position:absolute;
  width:0;height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-bottom:24px solid rgba(255,255,255,.14);
  left:5%;top:20%;
}
.sp-hero-shapes .hs4{
  position:absolute;font-size:22px;color:rgba(255,255,255,.2);
  font-family:sans-serif;font-weight:300;line-height:1;
  left:8%;bottom:25%;
}
.sp-hero-shapes .hs5{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.25);
  right:35%;top:25%;
}
.sp-hero-shapes .hs6{
  position:absolute;width:5px;height:5px;border-radius:50%;
  background:rgba(255,255,255,.2);
  right:32%;bottom:30%;
}
#sp-hero .container{position:relative;z-index:3;}
.sp-hero-row{display:flex;align-items:center;justify-content:space-between;padding:60px 0 50px;gap:24px;}
.sp-hero-left{flex:0 0 auto;max-width:50%;}
.sp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:22px;box-shadow:var(--shadow);}
.sp-hero-badge img{height:20px;border-radius:4px;}
.sp-hero-badge i{font-size:16px;}
.sp-hero-left h1{font-size:clamp(26px,3.5vw,44px);font-weight:400;color:#fff;line-height:1.2;margin:0 0 14px;text-shadow:0 2px 8px rgba(0,0,0,.12);}
.sp-hero-left h1 strong{font-weight:900;display:block;font-size:clamp(28px,4vw,52px);}
.sp-hero-left p{color:rgba(255,255,255,.92);font-size:15px;line-height:1.7;max-width:480px;margin-bottom:28px;}
.sp-btn-video{display:inline-flex;align-items:center;gap:10px;border:2px solid rgba(255,255,255,.8);color:#fff;padding:12px 24px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.5px;transition:var(--tr);backdrop-filter:blur(4px);background:rgba(255,255,255,.12);}
.sp-btn-video:hover{background:rgba(255,255,255,.25);color:#fff;border-color:#fff;transform:translateY(-2px);}
.sp-btn-video .sp-play-icon{width:32px;height:32px;background:rgba(255,255,255,.9);color:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;}
.sp-hero-right{flex:0 0 auto;max-width:50%;display:flex;justify-content:flex-end;position:relative;}
.sp-hero-right img{max-height:400px;object-fit:contain;filter:drop-shadow(0 10px 40px rgba(0,0,0,.15));animation:none;}

/* ===== SERVICES GRID ===== */
#sp-services{background:var(--services-bg);padding:70px 0 80px;position:relative;overflow:hidden;}
/* Büyük boş daire sol üst */
#sp-services::before{
  content:'';position:absolute;
  width:260px;height:260px;top:-60px;left:-80px;border-radius:50%;
  border:2px solid rgba(61,90,241,.07);pointer-events:none;
}
/* Küçük boş daire sağ alt */
#sp-services::after{
  content:'';position:absolute;
  width:180px;height:180px;bottom:20px;right:-50px;border-radius:50%;
  border:2px solid rgba(61,90,241,.06);pointer-events:none;
}
/* Yüzen şekil elemanları */
.sp-services-shapes{position:absolute;inset:0;pointer-events:none;}
.sp-services-shapes .ss1{
  position:absolute;width:60px;height:60px;border-radius:50%;
  border:2px solid rgba(61,90,241,.08);
  right:12%;top:20%;
}
.sp-services-shapes .ss2{
  position:absolute;width:30px;height:30px;border-radius:50%;
  background:rgba(61,90,241,.04);
  left:8%;bottom:25%;
}
.sp-services-shapes .ss3{
  position:absolute;font-size:24px;color:rgba(61,90,241,.07);
  right:5%;top:50%;font-family:sans-serif;line-height:1;
}
.sp-services-shapes .ss4{
  position:absolute;
  width:0;height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:18px solid rgba(61,90,241,.07);
  left:15%;top:15%;
}
.sp-section-header{text-align:center;margin-bottom:44px;}
.sp-section-header h2{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--text);margin-bottom:10px;}
.sp-section-header p{color:var(--muted);font-size:15px;margin:0;}
.sp-platform-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;}
.sp-platform-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 8px 14px;border-radius:0;color:#fff;text-align:center;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;min-height:110px;position:relative;overflow:hidden;}
.sp-platform-card:hover{transform:translateY(-5px) scale(1.04);box-shadow:var(--shadow-lg);color:#fff;}
.sp-platform-card i{font-size:26px;margin-bottom:8px;display:block;}
.sp-platform-card span{font-size:11.5px;font-weight:700;display:block;text-transform:uppercase;letter-spacing:.3px;}
.sp-platform-card small{font-size:10px;opacity:.85;font-weight:500;}

/* Platform colors */
.pt-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.pt-tiktok{background:#010101;}
.pt-twitter{background:#1da1f2;}
.pt-youtube{background:#ff0000;}
.pt-facebook{background:#1877f2;}
.pt-spotify{background:#1db954;}
.pt-telegram{background:#0088cc;}
.pt-linkedin{background:#0a66c2;}
.pt-kick{background:#53fc18;color:#000!important;}
.pt-kick i,.pt-kick span,.pt-kick small{color:#000!important;}
.pt-twitch{background:#9146ff;}
.pt-trovo{background:#1dc952;}
.pt-seo{background:#3b82f6;}
.pt-dlive{background:#ffb02e;}
.pt-nonolive{background:#ff4500;}
.pt-tumblr{background:#35465c;}
.pt-soundcloud{background:#ff5500;}
.pt-reddit{background:#ff4500;}
.pt-pinterest{background:#e60023;}
.pt-likee{background:linear-gradient(135deg,#ff3b6a,#ff6b35);}
.pt-kwai{background:#f7b538;}
.pt-vimeo{background:#1ab7ea;}
.pt-quora{background:#b92b27;}
.pt-dailymotion{background:#0066dc;}
.pt-discord{background:#5865f2;}
.pt-snapchat{background:#fffc00;color:#000!important;}
.pt-snapchat i,.pt-snapchat span,.pt-snapchat small{color:#000!important;}
.pt-pubg{background:#f5a623;}
.pt-shazam{background:#0088cc;}
.pt-threads{background:#000;}
.pt-default{background:#6366f1;}

/* ===== FENOMEN KOMBO PAKETLERİ ===== */
#sp-packages{
  background:linear-gradient(135deg,#12175e 0%,#1b2280 40%,#1a1f85 100%);
  padding:70px 0 80px;position:relative;overflow:hidden;
}
/* Nokta grid deseni */
.sp-pkg-dots-bg{
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px);
  background-size:22px 22px;
  pointer-events:none;
}
/* Eşmerkezli daireler — sol ortada (görsel 2 gibi) */
#sp-packages::before{
  content:'';
  position:absolute;
  left:-120px;top:50%;transform:translateY(-50%);
  width:600px;height:600px;
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 120px,rgba(255,255,255,.045) 121px,rgba(255,255,255,.045) 122px,transparent 123px),
    radial-gradient(circle,transparent 180px,rgba(255,255,255,.035) 181px,rgba(255,255,255,.035) 182px,transparent 183px),
    radial-gradient(circle,transparent 240px,rgba(255,255,255,.025) 241px,rgba(255,255,255,.025) 242px,transparent 243px),
    radial-gradient(circle,transparent 300px,rgba(255,255,255,.018) 301px,rgba(255,255,255,.018) 302px,transparent 303px);
  pointer-events:none;
}
/* Sağ üstte küçük eşmerkezli daireler */
#sp-packages::after{
  content:'';
  position:absolute;
  right:-80px;top:-60px;
  width:360px;height:360px;border-radius:50%;
  background:
    radial-gradient(circle,transparent 80px,rgba(255,255,255,.04) 81px,rgba(255,255,255,.04) 82px,transparent 83px),
    radial-gradient(circle,transparent 130px,rgba(255,255,255,.03) 131px,rgba(255,255,255,.03) 132px,transparent 133px),
    radial-gradient(circle,transparent 175px,rgba(255,255,255,.02) 176px,rgba(255,255,255,.02) 177px,transparent 178px);
  pointer-events:none;
}
/* Başlık satırı */
.sp-kombo-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;gap:20px;flex-wrap:wrap;}
.sp-kombo-titles h2{font-size:clamp(20px,3vw,30px);font-weight:800;color:#fff;margin-bottom:8px;}
.sp-kombo-titles p{color:rgba(255,255,255,.65);font-size:14px;margin:0;max-width:480px;}
/* Platform sekmeleri */
.sp-kombo-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.sp-kombo-tab{
  width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);
  font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .2s ease;padding:0;
}
.sp-kombo-tab:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.5);}
.sp-kombo-tab.active{color:#fff;border-color:transparent;}

/* Paket grupları */
.sp-kombo-group{display:none;}
.sp-kombo-group.active{display:block;}

/* Kartlar — 4 kolon desktop, mobilde yatay kaydır */
.sp-kombo-row{
  display:flex;
  gap:16px;
  align-items:stretch;
}
.sp-kombo-col{
  flex:1 1 0;
  min-width:0;
  padding-top:18px; /* badge için alan */
}
/* Kombo wrapper — badge görünmesi için clip kullan */
.sp-kombo-section{overflow-x:clip;overflow-y:visible;padding-top:16px;}
@media(max-width:767px){
  .sp-kombo-row{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding-bottom:12px;
    padding-left:4px;
    padding-right:4px;
    gap:14px;
    /* Kapsayıcıdan taşmasın */
    margin-left:-4px;
    margin-right:-4px;
  }
  .sp-kombo-col{
    flex:0 0 82vw;
    max-width:300px;
    min-width:260px;
    scroll-snap-align:start;
  }
  .sp-kombo-row::-webkit-scrollbar{height:3px;}
  .sp-kombo-row::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px;}
  .sp-kombo-row::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px;}
}

/* ── Kart ── */
.sp-kombo-card{
  --pt-color:#3d5af1;
  background:#fff;
  border-radius:8px;
  padding:20px 20px 18px;
  position:relative;display:flex;flex-direction:column;height:100%;
  box-shadow:0 4px 24px rgba(0,0,0,.10);
  border:1.5px solid #e8edf5;
  border-top:3px solid var(--pt-color);
  transition:transform .25s ease,box-shadow .25s ease;
  overflow:visible;
}
.sp-kombo-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.15);}

/* Kart başlığı */
.sp-kombo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.sp-kombo-head-left{display:flex;flex-direction:column;gap:4px;flex:1;}

/* POPÜLER PAKET badge — kartın üstünde yüzen turuncu pill */
.sp-kombo-badge{
  display:inline-block;
  background:#f97316;
  color:#fff;font-size:10px;font-weight:800;
  padding:4px 14px;border-radius:999px;
  letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  box-shadow:0 2px 8px rgba(249,115,22,.45);
  z-index:5;
}

.sp-kombo-pt-name{
  font-size:14px;font-weight:700;margin:0;
  display:flex;align-items:center;gap:6px;
  color:var(--pt-color);
}
.sp-kombo-pkg-name{
  font-size:17px;font-weight:800;line-height:1.25;
  color:var(--pt-color);
}

/* Sağdaki sticker görseli */
.sp-kombo-sticker{
  width:80px;height:80px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.sp-kombo-sticker img{width:100%;height:100%;object-fit:contain;}

/* Ayırıcı çizgi */
.sp-kombo-divider{
  display:flex;align-items:center;margin-bottom:14px;
  position:relative;height:1px;
  background:var(--pt-color);
  opacity:.3;
}
.sp-kombo-dot{
  width:12px;height:12px;border-radius:50%;display:block;
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  background:var(--pt-color);opacity:1;
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pt-color);
}

/* Özellikler listesi */
.sp-kombo-feats{flex:1;display:flex;flex-direction:column;margin-bottom:14px;}
.sp-kombo-feat{
  display:flex;align-items:center;gap:10px;
  padding:7px 0;font-size:13px;color:#374151;
  border-bottom:1px solid #f0f3f9;
}
.sp-kombo-feat:last-child{border-bottom:none;}
.sp-kombo-feat-icon{
  width:26px;height:26px;min-width:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;flex-shrink:0;
  color:#fff;background:var(--pt-color);
}
/* Son satır — yeşil highlight */
.sp-kombo-feat-hl{
  background:#edfaf4;border-radius:0;
  padding:8px 10px;margin-top:4px;border-bottom:none!important;
}
.sp-kombo-feat-hl .sp-kombo-feat-icon{background:#10b981;color:#fff;}
.sp-kombo-feat-hl>span:last-child{color:#059669;font-weight:700;}

/* Footer */
.sp-kombo-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #f0f3f9;
}
.sp-kombo-price del{font-size:13px;color:#94a3b8;display:block;text-decoration:line-through;line-height:1.5;margin-bottom:2px;}
.sp-kombo-price strong{font-size:24px;font-weight:900;color:#1e293b;display:block;line-height:1.1;}
.sp-kombo-price strong span{font-size:15px;font-weight:700;}
.sp-kombo-btn{
  background:#f43f5e;
  color:#fff;border:none;padding:13px 22px;
  border-radius:0;font-size:12.5px;font-weight:800;
  letter-spacing:.5px;cursor:pointer;transition:var(--tr);
  text-transform:uppercase;white-space:nowrap;
}
.sp-kombo-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px 16px rgba(244,63,94,.35);}
.sp-kombo-btn--disabled{background:#94a3b8!important;cursor:not-allowed;transform:none!important;}
/* Eski paket stilleri (başka sayfalarda kullanılıyorsa) */
.sp-pkg-group{display:none;}
.sp-pkg-group.active{display:block;}
.sp-pkg-card{background:#fff;border:1.5px solid #e8edf5;border-radius:var(--radius-lg);padding:24px 20px 20px;position:relative;transition:var(--tr);display:flex;flex-direction:column;height:100%;}
.sp-pkg-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;font-size:10px;font-weight:700;padding:4px 14px;border-radius:0 0 var(--radius-md) var(--radius-md);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;}
.sp-pkg-features ul li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#374151;padding:5px 0;border-bottom:1px solid #f8fafc;}
.sp-pkg-price del{font-size:11px;color:#94a3b8;display:block;}
.sp-pkg-price strong{font-size:20px;font-weight:900;color:var(--primary);}
.sp-btn-buy{background:var(--pink);color:#fff;border:none;padding:10px 22px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:var(--tr);text-transform:uppercase;white-space:nowrap;display:inline-block;text-decoration:none;}
.sp-btn-buy:hover{background:#db2777;transform:translateY(-1px);color:#fff;}
.sp-btn-buy:disabled,.sp-btn-buy.disabled{background:#94a3b8;cursor:not-allowed;}

/* ===== WHY SECTION ===== */
/* ── Why/Neden Biz — eşmerkezli halka deseni sağda (görsel 3 gibi) ── */
#sp-why{padding:70px 0;background:#fff;position:relative;overflow:hidden;}
/* Eşmerkezli büyük halkalar — sağ taraf */
#sp-why::after{
  content:'';
  position:absolute;right:-160px;top:50%;transform:translateY(-50%);
  width:500px;height:500px;border-radius:50%;
  background:
    radial-gradient(circle,transparent 100px,rgba(61,90,241,.05) 101px,rgba(61,90,241,.05) 103px,transparent 104px),
    radial-gradient(circle,transparent 150px,rgba(61,90,241,.04) 151px,rgba(61,90,241,.04) 153px,transparent 154px),
    radial-gradient(circle,transparent 200px,rgba(61,90,241,.035) 201px,rgba(61,90,241,.035) 203px,transparent 204px),
    radial-gradient(circle,transparent 250px,rgba(61,90,241,.028) 251px,rgba(61,90,241,.028) 253px,transparent 254px);
  pointer-events:none;
}
/* Sol üst küçük süsleme */
#sp-why::before{
  content:'';
  position:absolute;left:-60px;top:-60px;
  width:200px;height:200px;border-radius:50%;
  border:30px solid rgba(61,90,241,.04);
  pointer-events:none;
}
.sp-why-left h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin-bottom:14px;}
.sp-why-left p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:24px;}
.sp-why-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sp-why-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;}
.sp-why-item i{color:var(--teal);font-size:16px;flex-shrink:0;}
.sp-why-visual{position:relative;display:flex;align-items:center;justify-content:center;}
.sp-mascot{width:160px;height:160px;background:linear-gradient(135deg,var(--primary),var(--teal));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:70px;color:#fff;box-shadow:var(--shadow-xl);animation:heroFloat 3s ease-in-out infinite;}
.sp-orbit-icon{position:absolute;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:var(--shadow);}

/* ===== FAQ ===== */
/* ── FAQ Bölümü — çapraz çizgi + yüzen şekiller ── */
#sp-faq{background:#eef3fb;padding:70px 0;position:relative;overflow:hidden;}
/* Sağ üst köşe: çapraz çizgi/tarama deseni (görsel 4 gibi) */
#sp-faq::before{
  content:'';
  position:absolute;top:-40px;right:-40px;
  width:280px;height:280px;
  background:repeating-linear-gradient(
    -45deg,
    rgba(61,90,241,.06) 0px,
    rgba(61,90,241,.06) 1px,
    transparent 1px,
    transparent 10px
  );
  pointer-events:none;
  clip-path:polygon(100% 0,100% 100%,0 0);
}
/* Sol alt: büyük hafif daire */
#sp-faq::after{
  content:'';
  position:absolute;bottom:-100px;left:-80px;
  width:280px;height:280px;border-radius:50%;
  border:40px solid rgba(61,90,241,.05);
  pointer-events:none;
}
/* Yüzen geometrik şekiller (image 1 gibi) */
.sp-faq-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.sp-faq-shapes span{
  position:absolute;display:block;
  border-radius:0;opacity:.35;
}
/* Büyük boş daire — sağ orta */
.sp-faq-shapes .sh1{
  width:80px;height:80px;border-radius:50%;
  border:3px solid #b8cbf5;
  right:14%;top:32%;
}
/* Küçük boş daire — sağ alt */
.sp-faq-shapes .sh2{
  width:50px;height:50px;border-radius:50%;
  border:2.5px solid #b8cbf5;
  right:8%;top:62%;
}
/* Üçgen — sağ üst */
.sp-faq-shapes .sh3{
  width:0;height:0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-bottom:20px solid rgba(61,90,241,.15);
  right:18%;top:18%;border-radius:0;
}
/* Küçük üçgen — sol */
.sp-faq-shapes .sh4{
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:14px solid rgba(61,90,241,.12);
  left:4%;top:72%;border-radius:0;
}
/* Plus ikonları */
.sp-faq-shapes .sh5,.sp-faq-shapes .sh6{
  font-style:normal;font-size:18px;color:rgba(61,90,241,.15);font-weight:300;
  font-family:sans-serif;line-height:1;
}
.sp-faq-shapes .sh5{right:25%;top:8%;}
.sp-faq-shapes .sh6{left:5%;top:22%;}
/* Nokta kümesi */
.sp-faq-shapes .sh7,.sp-faq-shapes .sh8{
  width:5px;height:5px;border-radius:50%;background:rgba(61,90,241,.18);
}
.sp-faq-shapes .sh7{right:30%;top:55%;}
.sp-faq-shapes .sh8{right:36%;top:78%;}
.sp-faq-shapes .shx{
  font-style:normal;font-size:14px;color:rgba(61,90,241,.15);
  font-family:sans-serif;line-height:1;
}
.sp-faq-shapes .shx1{right:38%;top:15%;}
.sp-faq-shapes .shx2{right:42%;top:70%;}
.sp-faq-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px;}
.sp-faq-header-row h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:#1e293b;margin:0;}
.sp-faq-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid #cbd5e1;padding:10px 22px;
  border-radius:0;font-size:13px;font-weight:600;
  color:var(--text);transition:var(--tr);background:#fff;
  text-decoration:none;white-space:nowrap;
}
.sp-faq-btn:hover{border-color:var(--primary);color:var(--primary);}
.sp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sp-faq-item{background:#fff;border-radius:0;border:1.5px solid #e2e8f0;overflow:hidden;transition:var(--tr);}
.sp-faq-item.open{border-color:var(--primary);}
.sp-faq-question{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;cursor:pointer;font-size:14px;font-weight:600;gap:12px;
  color:#1e293b;
}
.sp-faq-question .sp-faq-icon{
  width:26px;height:26px;border-radius:0;
  background:#f1f5f9;border:1.5px solid #e2e8f0;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;flex-shrink:0;transition:var(--tr);
  color:#64748b;
}
.sp-faq-item.open .sp-faq-icon{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(180deg);}
.sp-faq-answer{display:none;padding:0 18px 16px;font-size:13.5px;color:var(--muted);line-height:1.7;border-top:1px solid #f1f5f9;}

/* ===== REVIEWS ===== */
/* ── Yorumlar Bölümü ── */
#sp-reviews{background:#f97316;padding:64px 0;overflow:hidden;position:relative;}
/* Büyük daire sol arkaplan */
#sp-reviews::before{
  content:'';position:absolute;
  left:-100px;bottom:-100px;
  width:320px;height:320px;border-radius:50%;
  background:rgba(255,255,255,.06);pointer-events:none;
}
/* Nokta grid sağda */
#sp-reviews::after{
  content:'';position:absolute;
  right:0;top:0;width:260px;height:100%;
  background-image:radial-gradient(rgba(255,255,255,.1) 1.2px,transparent 1.2px);
  background-size:18px 18px;pointer-events:none;
}
.sp-reviews-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:32px;flex-wrap:wrap;gap:16px;
}
.sp-reviews-header h2{color:#fff;font-size:clamp(22px,3vw,32px);font-weight:800;margin:0;}
.sp-reviews-header .sp-stars{color:#fff3;font-size:18px;letter-spacing:2px;}
.sp-reviews-header .sp-stars span.gold{color:#fbbf24;}
.sp-rv-stars{font-size:16px;color:#fbbf24;letter-spacing:1px;}
.sp-rv-stars span{color:#d97706;}

.sp-reviews-header p{color:rgba(255,255,255,.8);font-size:13px;margin:4px 0 0;}
.sp-btn-review{
  display:inline-flex;align-items:center;gap:8px;
  border:2px solid rgba(255,255,255,.7);color:#fff;
  padding:11px 22px;border-radius:0;font-size:13px;font-weight:700;
  background:transparent;text-decoration:none;transition:.2s;white-space:nowrap;
}
.sp-btn-review:hover{background:rgba(255,255,255,.15);color:#fff;}

/* 2-kolonlu otomatik kaydırma */
.sp-rv-tracks{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:500px;overflow:hidden;}
.sp-rv-track{display:flex;flex-direction:column;gap:16px;animation:spRvScroll 28s linear infinite;}
.sp-rv-track:nth-child(2){animation-duration:36s;animation-delay:-14s;}

@keyframes spRvScroll{
  0%{transform:translateY(0);}
  100%{transform:translateY(-50%);}
}
.sp-rv-tracks:hover .sp-rv-track{animation-play-state:paused;}

/* Kart */
.sp-review-card{
  background:#fff;border-radius:0;padding:20px 22px;
  flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.sp-rv-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;}
.sp-rv-name{font-weight:800;font-size:14px;color:#1e293b;margin:0;}
.sp-rv-role{font-size:12px;color:#64748b;margin:2px 0 0;}
.sp-rv-stars{color:#f97316;font-size:13px;letter-spacing:1px;}
.sp-review-text{font-size:13px;color:#475569;line-height:1.7;margin-top:8px;}
.sp-btn-review{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.6);padding:10px 20px;border-radius:var(--radius);font-size:13px;font-weight:700;transition:var(--tr);}
.sp-btn-review:hover{background:rgba(255,255,255,.35);color:#fff;}

/* ===== STATS BAR ===== */
/* ── Stats Bar ── */
#sp-statsbar{
  background:var(--primary);
  padding:20px 0;
  position:relative;overflow:hidden;
  box-shadow:0 8px 32px rgba(61,90,241,.4);
}
/* Solda büyük daire dekor */
#sp-statsbar::before{
  content:'';position:absolute;
  left:-80px;top:50%;transform:translateY(-50%);
  width:200px;height:200px;border-radius:50%;
  background:rgba(255,255,255,.06);pointer-events:none;
}
/* Stats → Footer geçiş gölge efekti */
#sp-statsbar::after{
  content:'';
  position:absolute;bottom:-20px;left:0;right:0;height:20px;
  background:linear-gradient(to bottom,rgba(15,23,42,.25),transparent);
  pointer-events:none;z-index:2;
}
/* Sağda nokta deseni */
.sp-statsbar-dots{
  position:absolute;right:0;top:0;width:200px;height:100%;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.2px);
  background-size:16px 16px;pointer-events:none;
}
.sp-stat-item{
  display:flex;align-items:center;gap:14px;
  color:#fff;padding:8px 0;
}
.sp-stat-item i{
  font-size:22px;opacity:.9;
  width:40px;height:40px;
  background:rgba(255,255,255,.12);
  border-radius:0;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.sp-stat-item strong{display:block;font-size:22px;font-weight:900;line-height:1.1;}
.sp-stat-item span{font-size:12px;opacity:.75;}

/* ===== BLOG ===== */
.sp-blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);transition:var(--tr);}
.sp-blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);}
.sp-blog-card img{width:100%;height:180px;object-fit:cover;}
.sp-blog-card-body{padding:20px;}
.sp-blog-card-body h3{font-size:15px;font-weight:700;margin-bottom:8px;}
.sp-blog-card-body h3 a{color:var(--text);}
.sp-blog-card-body h3 a:hover{color:var(--primary);}
.sp-blog-card-body p{font-size:13px;color:var(--muted);margin-bottom:14px;}
.sp-blog-card-body .sp-read-btn{font-size:13px;font-weight:600;color:var(--primary);}
.sp-blog-card-body .sp-read-btn:hover{color:var(--primary-dark);}

/* ===== PAGE HERO ===== */
.sp-page-hero{background:linear-gradient(135deg,var(--primary-dark,#1d4ed8),var(--primary),#0ea5e9);padding:70px 0;text-align:center;color:#fff;}
.sp-page-hero h1{font-size:clamp(24px,4vw,40px);font-weight:800;margin-bottom:10px;}
.sp-page-hero p{color:rgba(255,255,255,.8);font-size:15px;margin:0;}
.sp-page-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);padding:7px 18px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:16px;}

/* ===== FORM ELEMANLAR (order + diğer sayfalar) ===== */
.sp-form-group{margin-bottom:16px;}
.sp-form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;}
.sp-form-group input,.sp-form-group select,.sp-form-group textarea{width:100%;padding:11px 16px;border:1.5px solid #e2e8f0;border-radius:var(--radius);font-size:14px;outline:none;font-family:inherit;transition:var(--tr);}
.sp-form-group input:focus,.sp-form-group select:focus,.sp-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(61,90,241,.1);}
.sp-form-group textarea{height:90px;resize:vertical;}
.sp-coupon-row{display:flex;gap:10px;}
.sp-coupon-row input{flex:1;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:0;font-size:14px;outline:none;}
.sp-coupon-row button{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:0;font-weight:700;font-size:13px;cursor:pointer;}
.sp-payment-options{display:flex;flex-direction:column;gap:10px;}
.sp-payment-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:var(--tr);}
.sp-payment-option:hover,.sp-payment-option.selected{border-color:var(--primary);background:rgba(61,90,241,.04);}
.sp-payment-option input[type=radio]{accent-color:var(--primary);}
.sp-payment-option i{font-size:20px;color:var(--muted);}
.sp-payment-option span{font-size:14px;font-weight:600;}

/* ===== FOOTER ===== */
/* ── Footer ── */
#sp-footer{background:#0d1322;color:#94a3b8;padding:0;}

/* 2-Ton yan yana yapı */
/* Footer içerik genişliğini sabitle — çok açılmasın */
#sp-footer{max-width:100%;overflow:hidden;}

.sp-footer-body{
  display:grid;
  grid-template-columns:300px 1fr;
  min-height:360px;
  max-width:1400px;
  margin:0 auto;
}

/* Sol kolon — koyu lacivert + tek dekoratif daire */
.sp-footer-brand-col{
  background:#090d1a;
  padding:52px 36px 52px 48px;
  display:flex;flex-direction:column;
  border-right:1px solid #1a2235;
  position:relative;
  overflow:hidden;
}
/* Tek dekoratif şekil — sağ alt köşe büyük daire halkası */
.sp-footer-brand-col::after{
  content:'';
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  border:50px solid rgba(255,255,255,.04);
  right:-80px;bottom:-80px;
  pointer-events:none;
}

/* Sağ kolon — biraz daha açık lacivert, şekil yok */
.sp-footer-nav-col{
  background:#0f1829;
  padding:52px 52px 52px 48px;
}

/* Nokta grid gizli (artık kullanılmıyor) */
.sp-footer-nav-col .sp-footer-dots{ display:none; }

.sp-footer-nav-inner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  position:relative;z-index:1;
  gap:32px;
}

/* Eski uyumluluk */
.sp-footer-top{padding:0;border:none;}

/* Marka sütunu içerikleri — dairenin üstünde görünsün */
.sp-footer-brand-col>*{position:relative;z-index:1;}
.sp-footer-brand p,
.sp-footer-brand-desc{font-size:13px;line-height:1.8;color:#64748b;max-width:260px;margin:16px 0 0;}
.sp-footer-logo-text{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px;}

/* Logo satırı */
.sp-footer-logo-row{display:flex;align-items:center;gap:0;margin-bottom:0;}
.sp-footer-logo-row img{height:28px;filter:brightness(0) invert(1);display:block;}

/* Sosyal ikonlar (logo altında ayrı satır) */
.sp-footer-socials{display:flex;align-items:center;gap:8px;margin-top:14px;}
.sp-footer-social{
  width:34px;height:34px;border-radius:0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:#94a3b8;display:flex;align-items:center;justify-content:center;
  font-size:14px;text-decoration:none;transition:.2s;
}
.sp-footer-social:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

.sp-footer-contacts{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.sp-fc-item{display:flex;align-items:center;gap:12px;}
.sp-fc-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.sp-fc-wp{background:rgba(37,211,102,.15);color:#25d366;}
.sp-fc-tg{background:rgba(0,136,204,.15);color:#0088cc;}
.sp-fc-mail{background:rgba(249,115,22,.15);color:#f97316;}
.sp-fc-item a{color:var(--footer-text);font-size:14px;font-weight:600;}
.sp-fc-item a:hover{color:#fff;}
.sp-fc-item small{color:#475569;font-size:11px;display:block;}
.sp-footer-col-title{
  color:#fff;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.8px;
  margin-bottom:20px;
  display:flex;align-items:center;gap:8px;
  padding-bottom:14px;border-bottom:1px solid #1a2a3e;
}
.sp-fci{
  width:20px;height:20px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;color:#fff;flex-shrink:0;
}
.sp-fci-blue{background:var(--primary);}
.sp-fci-teal{background:var(--teal);}
.sp-fci-orange{background:var(--orange);}
.sp-footer-links{display:flex;flex-direction:column;gap:10px;}
.sp-footer-links a{
  color:#64748b;font-size:13px;
  display:flex;align-items:center;justify-content:space-between;
  text-decoration:none;transition:.18s;
  padding:2px 0;
}
.sp-footer-links a:hover{color:#94a3b8;}
.sp-footer-links a i{font-size:9px;opacity:.4;}
/* Footer Alt Bant 1 — Güven logoları / yasal metin / abuse */
.sp-footer-mid{
  background:#0f1829;
  padding:22px 0;
  border-top:1px solid #1a2235;
}
.sp-footer-mid>.container,.sp-footer-bottom>.container{max-width:1400px;}
.sp-footer-mid-inner{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.sp-footer-trust-logos{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
}
.sp-footer-trust-logos img{
  height:44px;object-fit:contain;opacity:.7;
}
.sp-footer-legal-text{
  flex:1;font-size:11.5px;color:#475569;line-height:1.6;min-width:180px;
}
.sp-footer-legal-text strong{color:#64748b;}
.sp-footer-abuse-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid #2d3f55;color:#94a3b8;
  padding:9px 18px;border-radius:0;
  font-size:12px;font-weight:700;letter-spacing:.4px;
  text-decoration:none;white-space:nowrap;transition:.2s;flex-shrink:0;
  background:rgba(255,255,255,.03);
}
.sp-footer-abuse-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.06);}
.sp-footer-dmca-img{height:40px;object-fit:contain;flex-shrink:0;}

/* Footer Alt Bant 2 — Copyright + ödeme logoları */
.sp-footer-bottom{background:#090d1a;padding:14px 0;border-top:1px solid #1a2235;}
.sp-footer-bottom-inner{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
}
.sp-footer-bottom p{color:#334155;font-size:12px;margin:0;font-weight:500;}
.sp-footer-payments{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.sp-footer-payments img{
  height:22px;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.4;transition:opacity .2s;
}
.sp-footer-payments img:hover{opacity:.7;}

/* ── Nasıl Satın Alınır Info Box ── */
#sp-how-to-buy{padding:48px 0;background:#eef3fb;position:relative;overflow:hidden;}
/* Sağ alt büyük hafif daire */
#sp-how-to-buy::after{
  content:'';position:absolute;
  right:-120px;bottom:-120px;
  width:300px;height:300px;border-radius:50%;
  border:50px solid rgba(124,58,237,.06);pointer-events:none;
}
/* Sol üst çapraz çizgi */
#sp-how-to-buy::before{
  content:'';position:absolute;
  left:-30px;top:-30px;
  width:200px;height:200px;
  background:repeating-linear-gradient(
    -45deg,
    rgba(61,90,241,.05) 0px,
    rgba(61,90,241,.05) 1px,
    transparent 1px,
    transparent 9px
  );
  pointer-events:none;
  clip-path:polygon(0 0,100% 0,0 100%);
}
.sp-htb-wrap{
  display:grid;grid-template-columns:55% 45%;
  border-radius:0;overflow:hidden;
  box-shadow:0 6px 40px rgba(0,0,0,.12);
}
.sp-htb-left{
  background:linear-gradient(135deg,#f43f5e,#e11d48);
  padding:44px 48px;
  display:flex;flex-direction:column;gap:0;
}
.sp-htb-q-icon{
  width:44px;height:44px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:18px;font-weight:900;
  flex-shrink:0;margin-bottom:14px;
}
.sp-htb-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 12px;}
.sp-htb-desc{
  font-size:13px;color:rgba(255,255,255,.9);
  line-height:1.7;margin:0 0 18px;
}
.sp-htb-desc a,.sp-htb-desc strong{color:#fff;font-weight:700;}
.sp-htb-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.sp-htb-step{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;color:rgba(255,255,255,.92);line-height:1.5;
}
.sp-htb-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:#fff;opacity:.85;flex-shrink:0;margin-top:5px;
}
.sp-htb-right{
  background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 50%,#4c1d95 100%);
  padding:44px 40px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:18px;text-align:center;position:relative;overflow:hidden;
}
.sp-htb-right::before{
  content:'';position:absolute;width:300px;height:300px;
  border-radius:50%;border:60px solid rgba(255,255,255,.04);
  right:-60px;top:-60px;
}
.sp-htb-right-title{
  font-size:clamp(20px,2.8vw,30px);font-weight:900;
  color:#fff;line-height:1.15;margin:0;letter-spacing:.6px;
  text-transform:uppercase;position:relative;z-index:1;
}
.sp-htb-right-img{
  width:100%;max-width:280px;object-fit:contain;
  position:relative;z-index:1;
}
.sp-htb-right-placeholder{
  display:flex;gap:20px;align-items:center;
  position:relative;z-index:1;margin-top:8px;
}
.sp-htb-right-placeholder i{
  font-size:80px;color:rgba(255,255,255,.2);
}
@media(max-width:767px){
  .sp-htb-wrap{grid-template-columns:1fr;}
  .sp-htb-left,.sp-htb-right{padding:32px 24px;}
  .sp-htb-right-title{font-size:20px;}
}

/* ── Makale / Kaydırılabilir Metin Alanı ── */
#sp-article-content{background:#f8fafc;padding:48px 0 56px;position:relative;overflow:hidden;}
/* Sağ alt köşe dekor */
#sp-article-content::after{
  content:'';position:absolute;
  right:-60px;bottom:-60px;
  width:200px;height:200px;border-radius:50%;
  border:35px solid rgba(61,90,241,.05);pointer-events:none;
}
/* Sol üst nokta grubu */
#sp-article-content::before{
  content:'';position:absolute;
  left:0;top:0;width:160px;height:160px;
  background-image:radial-gradient(rgba(61,90,241,.07) 1.5px,transparent 1.5px);
  background-size:14px 14px;pointer-events:none;
}
.sp-article-box{
  background:#fff;
  border:1.5px solid #e2e8f0;
  border-radius:0;
  padding:30px 36px;
  max-height:380px;
  overflow-y:auto;
  font-size:14px;color:#374151;line-height:1.85;
  scroll-behavior:smooth;
}
.sp-article-box::-webkit-scrollbar{width:5px;}
.sp-article-box::-webkit-scrollbar-track{background:#f1f5f9;}
.sp-article-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:0;}
.sp-article-box::-webkit-scrollbar-thumb:hover{background:#94a3b8;}
.sp-article-box h1,.sp-article-box h2,.sp-article-box h3{
  color:#1e293b;font-weight:800;margin:20px 0 8px;line-height:1.3;
}
.sp-article-box h1{font-size:22px;}
.sp-article-box h2{font-size:18px;color:var(--primary);}
.sp-article-box h3{font-size:15px;}
.sp-article-box p{margin:0 0 14px;}
.sp-article-box strong{color:#1e293b;font-weight:700;}
.sp-article-box a{color:var(--primary);text-decoration:underline;}
.sp-article-box ul,.sp-article-box ol{padding-left:22px;margin:0 0 14px;}
.sp-article-box li{margin-bottom:6px;}

/* Float buttons */
.sp-float-wp{position:fixed;bottom:90px;right:22px;width:50px;height:50px;border-radius:50%;background:#25d366;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.45);z-index:900;transition:var(--tr);}
.sp-float-wp:hover{transform:scale(1.1);color:#fff;}
.sp-float-tel{position:fixed;bottom:150px;right:22px;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(61,90,241,.4);z-index:900;transition:var(--tr);}
.sp-float-tel:hover{transform:scale(1.1);color:#fff;}
#sp-backtop{position:fixed;bottom:30px;right:22px;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-size:15px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:800;box-shadow:var(--shadow);transition:var(--tr);border:none;}
#sp-backtop.show{display:flex;}
#sp-backtop:hover{background:var(--primary-dark);transform:translateY(-2px);}
/* Mobilde float butonlar alt menünün üstüne çık */
@media(max-width:991px){
  .sp-float-wp{bottom:calc(62px + 16px + env(safe-area-inset-bottom,0px));}
  .sp-float-tel{bottom:calc(62px + 76px + env(safe-area-inset-bottom,0px));}
  #sp-backtop{bottom:calc(62px + 8px + env(safe-area-inset-bottom,0px));right:16px;}
}

/* ===== AUTH PAGES (YENİ TASARIM) ===== */
#sp-auth-full{display:flex;flex-direction:column;min-height:100vh;}

/* ÜST: Arkaplan + Kart */
.sp-auth-top{position:relative;background-image:var(--auth-bg);background-size:cover;background-position:center;padding:40px 20px 60px;display:flex;flex-direction:column;align-items:center;}
.sp-auth-overlay{position:absolute;inset:0;background:rgba(58,90,220,.72);z-index:0;}

/* Dekoratif halkalar */
.sp-auth-ring{position:absolute;border-radius:50%;border:60px solid rgba(255,255,255,.06);z-index:1;pointer-events:none;}
.sp-auth-ring--left{width:440px;height:440px;left:-140px;top:-120px;}
.sp-auth-ring--right{width:360px;height:360px;right:-100px;bottom:-100px;}

/* Logo */
.sp-auth-logo-wrap{position:relative;z-index:2;margin-bottom:28px;text-align:center;}
.sp-auth-site-logo{height:42px;filter:brightness(0) invert(1);}
.sp-auth-logo-text{color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;gap:8px;justify-content:center;}

/* Kart sarıcı */
.sp-auth-card-wrap{position:relative;z-index:2;width:100%;max-width:370px;}
.sp-auth-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);}

/* Kart başlık satırı */
.sp-auth-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #eef0f6;}
.sp-auth-tab{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#8492a6;}
.sp-auth-tab--active{color:#3a5af5;}
.sp-auth-tab i{font-size:18px;color:#c5cde8;}
.sp-auth-tab--active i{color:#c5cde8;}
.sp-auth-tab-btn{display:inline-flex;align-items:center;gap:7px;background:#e8faf5;color:#0fb57a;font-size:12px;font-weight:700;padding:7px 14px;border-radius:20px;text-decoration:none;transition:var(--tr);}
.sp-auth-tab-btn:hover{background:#d1f5ea;color:#0a9a66;}
.sp-auth-tab-btn i{font-size:11px;}

/* Alert */
.sp-auth-alert{background:#fef2f2;color:#c53030;border-left:3px solid #fc8181;padding:10px 14px;margin:14px 22px 0;border-radius:6px;font-size:13px;}

/* Form */
.sp-auth-form{padding:20px 22px 4px;}
.sp-auth-field{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;padding:0 12px;margin-bottom:14px;background:#fff;transition:border .2s;}
.sp-auth-field:focus-within{border-color:#3a5af5;}
.sp-auth-field>i{color:#b0b9cc;font-size:14px;margin-right:10px;flex-shrink:0;}
.sp-auth-field input{border:none;outline:none;width:100%;font-size:14px;color:#1a2340;padding:13px 0;background:transparent;}
.sp-auth-field input::placeholder{color:#b0b9cc;}
.sp-auth-eye{border:none;background:transparent;cursor:pointer;color:#b0b9cc;padding:0;font-size:14px;}
.sp-auth-eye:hover{color:#3a5af5;}

/* Telefon satırı */
.sp-auth-phone-row{display:flex;align-items:center;gap:0;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:14px;background:#fff;transition:border .2s;}
.sp-auth-phone-row:focus-within{border-color:#3a5af5;}
.sp-auth-phone-prefix{display:flex;align-items:center;gap:6px;padding:0 12px;border-right:1.5px solid #e2e8f0;height:100%;white-space:nowrap;font-size:14px;color:#1a2340;cursor:pointer;height:48px;}
.sp-auth-phone-prefix img{width:20px;height:14px;object-fit:cover;border-radius:2px;}
.sp-auth-phone-row input{border:none;outline:none;flex:1;font-size:14px;color:#1a2340;padding:13px 12px;background:transparent;}
.sp-auth-phone-row input::placeholder{color:#b0b9cc;}

/* Parola güç göstergesi */
.sp-auth-pwd-strength{padding:0 22px 10px;display:flex;flex-direction:column;gap:4px;}
.sp-auth-pwd-bars{display:flex;gap:4px;}
.sp-auth-pwd-bar{flex:1;height:4px;border-radius:2px;background:#e2e8f0;transition:background .3s;}
.sp-auth-pwd-bar.active-weak{background:#ef4444;}
.sp-auth-pwd-bar.active-medium{background:#f59e0b;}
.sp-auth-pwd-bar.active-strong{background:#10b981;}
.sp-auth-pwd-hints{font-size:11px;color:#b0b9cc;line-height:1.7;}
.sp-auth-pwd-hint{display:block;}
.sp-auth-pwd-hint.ok{color:#10b981;}
.sp-auth-pwd-hint.ok::before{content:'✓ ';}
.sp-auth-pwd-hint:not(.ok)::before{content:'✗ ';color:#ef4444;}

/* Checkbox */
.sp-auth-check{padding:0 22px 14px;display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#6b7280;}
.sp-auth-check input[type=checkbox]{margin-top:2px;accent-color:#3a5af5;width:14px;height:14px;flex-shrink:0;}
.sp-auth-check a{color:#3a5af5;text-decoration:underline;}

/* Submit */
.sp-auth-submit{display:block;width:calc(100% - 44px);margin:0 22px 20px;padding:14px;background:#3a5af5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--tr);letter-spacing:.5px;}
.sp-auth-submit:hover{background:#2d47d8;transform:translateY(-1px);}
.sp-auth-submit:disabled{background:#8fa5f8;cursor:not-allowed;transform:none;}

/* Şifremi unuttum */
.sp-auth-forgot{text-align:center;padding:0 22px 22px;}
.sp-auth-forgot a{font-size:13px;color:#8492a6;text-decoration:none;}
.sp-auth-forgot a:hover{color:#3a5af5;}

/* ===== ALT BÖLÜM ===== */
.sp-auth-bottom{flex:1;background:#edf0fb;padding:40px 20px 50px;text-align:center;}
.sp-auth-bottom-sub{font-size:12px;color:#3a5af5;font-weight:600;letter-spacing:1px;margin-bottom:6px;}
.sp-auth-bottom-title{font-size:22px;font-weight:800;color:#1e2e6e;margin-bottom:16px;}
.sp-auth-bottom-line{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:28px;}
.sp-auth-bottom-line span{display:block;width:24px;height:2px;background:#c5cde8;border-radius:2px;}
.sp-auth-bottom-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#3a5af5!important;}
.sp-auth-features{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;max-width:680px;margin:0 auto;}
.sp-auth-feat{border:1.5px solid #d0d8f0;border-radius:10px;padding:22px 16px;width:170px;text-align:center;background:#fff;}
.sp-auth-feat-icon{font-size:22px;color:#3a5af5;margin-bottom:10px;}
.sp-auth-feat p{font-size:12px;color:#4a5568;line-height:1.5;margin:0;}

/* Eski register uyumluluk */
.sp-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#3d5af1,#10b981);padding:40px 20px;}
@media(max-width:480px){
  .sp-auth-card-wrap{max-width:100%;}
  .sp-auth-features{flex-direction:column;align-items:center;}
  .sp-auth-feat{width:100%;max-width:280px;}
}

/* ===== UTILS ===== */
.sp-section{padding:70px 0;}
.sp-btn-primary{background:var(--primary);color:#fff;padding:11px 28px;border-radius:var(--radius);font-weight:700;font-size:14px;border:none;cursor:pointer;transition:var(--tr);display:inline-flex;align-items:center;gap:8px;}
.sp-btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);}
.sp-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;}
.sp-alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px;}
.sp-alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
.sp-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}
.sp-alert-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;}
.sp-pagination{display:flex;gap:6px;justify-content:center;margin-top:32px;}
.sp-pagination a,.sp-pagination span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e2e8f0;border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--text);transition:var(--tr);}
.sp-pagination a:hover,.sp-pagination .current{background:var(--primary);color:#fff;border-color:var(--primary);}
.owl-dots{text-align:center;margin-top:18px;}
.owl-dot{display:inline-block;margin:0 4px;}
.owl-dot span{width:8px;height:8px;border-radius:50%;background:#cbd5e1;display:block;transition:var(--tr);}
.owl-dot.active span{background:var(--primary);width:20px;border-radius:4px;}
.owl-nav{display:none!important;}

/* ===== RESPONSIVE ===== */
@media(max-width:1400px){
  .sp-nav ul li>a{font-size:15px;margin-right:5px;}
  .sp-btn-giris{font-size:14px;margin-left:20px;padding:11px 16px;}
}
@media(max-width:1199px){
  .sp-mobile-toggle{display:block!important;}
  .sp-nav{display:none!important;}
  body{padding-top:112px;}
  .sp-platform-grid{grid-template-columns:repeat(6,1fr);}
  .sp-icon-btn{width:46px;height:46px;}
  /* Giriş yap butonu zaten d-none d-lg-inline-flex ile gizli */
}
@media(max-width:991px){
  .sp-platform-grid{grid-template-columns:repeat(5,1fr);}
  .sp-faq-grid{grid-template-columns:1fr;}
  .sp-why-list{grid-template-columns:1fr;}
  /* Kombo paketler — 2 sütun */
  .sp-kombo-col{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px);}
  /* Sipariş sayfası — tam genişlik */
  .sp-cart-steps-bar .container{flex-wrap:wrap;gap:10px;}
  .sp-steps-heading{font-size:15px;}
}
@media(max-width:767px){
  /* Yatay kayma önleme */
  body,html{overflow-x:hidden!important;max-width:100vw;}
  .container,.container-fluid{overflow-x:hidden;}
  /* Bootstrap row negatif margin kaymasını önle */
  .row{--bs-gutter-x:1rem;}

  body{padding-top:74px;}
  #sp-topbar{display:none;}
  #sp-header{top:0;padding:12px 0;}

  /* Hero */
  .sp-hero-row{flex-direction:column;padding:30px 0 0;text-align:center;}
  .sp-hero-left{max-width:100%;}
  .sp-hero-right{display:none;}
  .sp-hero-badge,.sp-btn-video{margin-left:auto;margin-right:auto;}
  #sp-hero{min-height:auto;height:auto;}

  /* Platform grid */
  .sp-platform-grid{grid-template-columns:repeat(4,1fr);gap:8px;}
  .sp-platform-card{min-height:90px;padding:12px 6px 10px;}
  .sp-platform-card i{font-size:22px;}

  /* Hizmetler / paketler */
  .sp-packages-header{flex-direction:column;}
  .sp-fieldset{padding:20px;}

  /* Sipariş sayfası */
  .sp-cart-steps-bar{padding:18px 0 80px;}
  .sp-cart-steps-bar .container{flex-direction:column;align-items:flex-start;gap:12px;}
  .sp-cart-steps{margin-left:0;width:100%;justify-content:space-between;}
  .sp-cart-step{padding:7px 10px;font-size:10px;}
  .sp-order-footer{flex-wrap:wrap;gap:10px;}
  .sp-order-price-wrap{flex:1;}
  .sp-order-add-btn{width:100%;justify-content:center;}
  .sp-order-input-prefix{font-size:12px;}
  .sp-order-input{font-size:14px;}

  /* Footer */
  .sp-footer-body{grid-template-columns:1fr;max-width:100%;}
  .sp-footer-nav-col{padding:36px 24px;}
  .sp-footer-nav-inner{grid-template-columns:1fr 1fr;gap:20px;}
  .sp-footer-mid-inner{flex-direction:column;gap:16px;align-items:flex-start;}
  .sp-footer-bottom-inner{flex-direction:column;gap:10px;align-items:center;text-align:center;}
  .sp-footer-brand-col{padding:40px 24px;}

  /* Blog / SSS / Yorumlar */
  .sp-blog-grid{grid-template-columns:1fr!important;}
  .sp-faq-grid{grid-template-columns:1fr;}
  .sp-rv-tracks{grid-template-columns:1fr;height:420px;}
  .sp-rv-track:nth-child(2){display:none;}

  /* İletişim */
  .sp-contact-grid{grid-template-columns:1fr!important;}
}
@media(max-width:575px){
  body,html{overflow-x:hidden!important;}
  .row{--bs-gutter-x:.75rem;}
  .sp-platform-grid{grid-template-columns:repeat(3,1fr);}
  .sp-footer-nav-inner{grid-template-columns:1fr;gap:28px;}

  /* Kombo paketler mobil scroll */
  .sp-kombo-col{flex:0 0 82vw;min-width:82vw;padding-top:18px;}
  .sp-kombo-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
  .sp-kombo-col{scroll-snap-align:start;}

  /* Sipariş adım çubuğu */
  .sp-steps-heading{font-size:13px;}
  .sp-cs-label{display:none;}

  /* Sepet sayfası istatistik */
  .sp-cart-stats{grid-template-columns:1fr 1fr!important;}

  /* Servis hero */
  .sp-page-hero{padding:50px 0 40px!important;}
  .sp-page-hero h1{font-size:22px!important;}

  /* Genel kart padding */
  .sp-order-body{padding:16px 16px 12px;}
  .sp-order-footer{padding:12px 16px;}
  .sp-order-pkg-bar{padding:0 16px;}
  .sp-order-price{font-size:16px;}
  .sp-cart-item-row{padding:12px 14px;gap:10px;}
  .sp-cart-table-head{padding:0 14px;}
  .sp-cart-summary-rows{padding:12px 16px;}
  .sp-cart-summary-btn{width:calc(100% - 32px);margin:0 16px 16px;}

  /* Hesap sayfası */
  .sp-account-tabs{flex-wrap:wrap;}
  .sp-account-tab{flex:1;min-width:120px;text-align:center;}
}

/* ── Kullanıcı Dropdown (Header) ── */
.sp-user-dropdown{position:relative;align-items:center;}
.sp-user-trigger{
  display:flex;align-items:center;gap:10px;
  padding:6px 14px;cursor:pointer;
  border:1.5px solid #e2e8f0;border-radius:0;
  background:#fff;transition:.18s;user-select:none;
}
.sp-user-trigger:hover{border-color:#3d5af1;background:#f8faff;}
.sp-user-avatar-sm{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#3d5af1,#6979f8);
  color:#fff;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.sp-user-info-sm{display:flex;flex-direction:column;line-height:1.3;}
.sp-user-name-sm{font-size:13px;font-weight:700;color:#1e293b;}
.sp-user-bal-sm{font-size:11px;color:#10b981;font-weight:600;}
.sp-user-arrow{font-size:11px;color:#94a3b8;transition:transform .2s;}
.sp-user-arrow.open{transform:rotate(180deg);}

/* Dropdown panel */
.sp-user-menu{
  position:absolute;top:calc(100% + 8px);right:0;
  width:260px;background:#fff;
  border:1px solid #e2e8f0;border-radius:0;
  box-shadow:0 8px 32px rgba(0,0,0,.12);
  z-index:1100;display:none;
  overflow:hidden;
}
.sp-user-menu.open{display:block;}

/* Bakiye bölümü */
.sp-um-balance{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;background:#f8faff;
}
.sp-um-balance-left{display:flex;align-items:center;gap:10px;}
.sp-um-balance-icon{
  width:36px;height:36px;border-radius:0;
  background:linear-gradient(135deg,#10b981,#06d6a0);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;flex-shrink:0;
}
.sp-um-balance-left small{display:block;font-size:11px;color:#64748b;}
.sp-um-balance-left strong{display:block;font-size:16px;font-weight:800;color:#3d5af1;}
.sp-um-topup-btn{
  background:#10b981;color:#fff;
  padding:8px 14px;border-radius:0;
  font-size:12px;font-weight:700;text-decoration:none;
  white-space:nowrap;transition:.18s;flex-shrink:0;
}
.sp-um-topup-btn:hover{background:#059669;color:#fff;}

/* Menü öğeleri */
.sp-um-divider{height:1px;background:#f1f5f9;margin:4px 0;}
.sp-um-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 16px;font-size:13px;font-weight:600;color:#374151;
  text-decoration:none;transition:.15s;
}
.sp-um-item i{font-size:15px;color:#94a3b8;width:18px;text-align:center;flex-shrink:0;}
.sp-um-item:hover{background:#f8faff;color:#3d5af1;}
.sp-um-item:hover i{color:#3d5af1;}
.sp-um-logout{color:#ef4444!important;}
.sp-um-logout i{color:#ef4444!important;}
.sp-um-logout:hover{background:#fff5f5!important;color:#dc2626!important;}