:root{
  --sp-bg:#070c16;
  --sp-panel:#0f1726;
  --sp-panel-soft:#121b2c;
  --sp-border:rgba(148,163,184,.18);
  --sp-text:#e6edf8;
  --sp-muted:#8aa0c1;
  --sp-gold:#f8b84a;
  --sp-cyan:#20d5ff;
  --sp-green:#29e38f;
}

html,body{
  margin:0;
  padding:0;
  font-family:"Manrope","Titillium Web",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(32,213,255,.14), transparent 60%),
    radial-gradient(1200px 500px at 90% -20%, rgba(248,184,74,.16), transparent 60%),
    var(--sp-bg);
  color:var(--sp-text);
}

/* Index'teki ekstra floating toggle'i gizle */
body > #spThemeToggle{
  display:none !important;
}

.sp-header{
  backdrop-filter:blur(14px);
  background:rgba(8,13,22,.78);
  border-bottom:1px solid var(--sp-border);
  position:sticky;
  top:0;
  z-index:50;
}

.sp-header-inner{
  max-width:1280px;
  margin:0 auto;
  padding:10px 18px;
  display:flex;
  align-items:center;
  gap:14px;
}

.sp-logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e8f0ff;
  text-decoration:none;
}

.sp-logo-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#20d5ff,#7c3aed);
  display:grid;
  place-items:center;
  color:#07121f;
  font-weight:800;
}

.sp-accent{ color:var(--sp-gold); }

.sp-nav{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:4px;
}

.sp-nav-link{
  color:#c9d7ec;
  text-decoration:none;
  padding:8px 10px;
  border-radius:9px;
  font-weight:600;
}

.sp-nav-link:hover{
  color:#fff;
  background:rgba(32,213,255,.12);
}

.sp-search{
  margin-left:auto;
  min-width:260px;
  max-width:420px;
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
  background:#0a1424;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  padding:8px 10px;
}

.sp-search-btn{
  background:linear-gradient(90deg,#20d5ff,#07b9e6);
  color:#041321;
  border:none;
  border-radius:10px;
  font-weight:800;
  padding:9px 14px;
  cursor:pointer;
}

.sp-search-input{
  border:none !important;
  background:transparent !important;
  width:100%;
  outline:none;
}

.sp-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.sp-mobile-toggle{
  display:none;
}

.sp-mobile-menu{
  display:none !important;
}

/* Header'daki ekstra tema butonu görsel kirletmesin */
.sp-header .sp-theme-toggle{
  display:none !important;
}

.sp-logo-text,
.sp-nav-link{
  letter-spacing:.2px;
}

.sp-hero{
  max-width:1280px;
  margin:18px auto;
  border:1px solid var(--sp-border);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.38);
}

/* Bursagb benzeri net kompozisyon: hero içinde üst arama ve trust bar kapali */
.sp-hero-search,
.sp-hero-trust{
  display:none !important;
}

.sp-hero-search-inner{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.sp-hero-search-bar{
  flex:1 1 420px;
  display:flex;
  align-items:center;
  gap:8px;
  background:#071222;
  border:1px solid rgba(148,163,184,.24);
  border-radius:12px;
  padding:8px 10px;
}

.sp-tag-label{
  color:#8aa0c1;
  font-weight:700;
}

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

.sp-hero-tag{
  text-decoration:none;
  color:#c7d9f4;
  font-size:13px;
  font-weight:700;
  border:1px solid rgba(148,163,184,.2);
  background:#0d1830;
  border-radius:999px;
  padding:6px 10px;
}

.sp-hero-tag:hover{
  color:#fff;
  border-color:rgba(32,213,255,.45);
}

.sp-search-input{
  color:var(--sp-text);
}

.sp-search-input::placeholder{
  color:var(--sp-muted);
}

.sp-hs-wrap{
  background:linear-gradient(180deg, #090f1c 0%, #0c1322 100%);
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  min-height:380px;
  position:relative;
  overflow:hidden;
}

.sp-hero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(300px,1.25fr) !important;
  gap:12px !important;
  padding:12px !important;
  align-items:stretch !important;
}

.sp-hs-track{
  position:relative;
  min-height:420px !important;
  height:100% !important;
}

.sp-hs-slide{
  display:none !important;
  position:absolute !important;
  inset:0 !important;
}

.sp-hs-slide.sp-hs-active{
  display:block !important;
}

.sp-hs-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.64 !important;
}

.sp-hs-char{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  max-height:98% !important;
  width:56% !important;
  object-fit:contain !important;
}

.sp-hs-content{
  position:relative !important;
  z-index:2 !important;
  height:100% !important;
  padding:24px !important;
  max-width:48% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:12px !important;
}

.sp-hs-logo{
  width:220px;
  max-width:100%;
  height:auto;
}

.sp-hs-sub{
  color:#d8e7fa;
  font-size:15px;
  font-weight:600;
}

.sp-hs-dots{
  position:absolute;
  left:20px;
  bottom:16px;
  display:flex;
  gap:8px;
  z-index:3;
}

.sp-hs-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.35);
}

.sp-hs-dot-active{
  background:#20d5ff;
}

.sp-hs-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.32);
  color:#fff;
  font-size:22px;
  line-height:1;
}

.sp-hs-prev{ left:10px; }
.sp-hs-next{ right:10px; }

.sp-hero-side{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-height:420px !important;
}

.sp-hero-sidebox{
  position:relative !important;
  min-height:calc((420px - 12px)/2) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  border:1px solid rgba(148,163,184,.2) !important;
  text-decoration:none !important;
  display:block !important;
  background:#0b1526 !important;
}

.sp-hero-sidebox-char{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:56% !important;
  max-height:100% !important;
  object-fit:contain !important;
}

.sp-hero-sidebox-info{
  position:relative !important;
  z-index:2 !important;
  padding:14px !important;
}

.sp-hero-sidebox-logo{
  width:110px !important;
  height:auto !important;
}

.sp-hero-sidebox-title{
  color:#fff !important;
  font-weight:800 !important;
  margin:8px 0 10px !important;
  font-size:30px !important;
}

.sp-hero-sidebox-btn{
  display:inline-block !important;
  border-radius:8px !important;
  font-weight:800 !important;
  padding:8px 12px !important;
  font-size:13px !important;
}

.sp-hero-trust{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:4px 16px 16px;
}

.sp-trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:#d4e4f8;
  border:1px solid rgba(148,163,184,.18);
  background:#101b2f;
  border-radius:12px;
  padding:10px 12px;
}

.sp-trust-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  background:#1b2a44;
  border-radius:999px;
}

.sp-hs-btn{
  font-weight:800;
  border-radius:12px;
  transform:translateY(0);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.sp-hs-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

.sp-side-card,
.sp-feature-card,
.sp-product-card,
.product-item,
.sp-footer,
.sp-cta-section{
  border:1px solid var(--sp-border);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(16,24,40,.9), rgba(11,18,31,.9));
  box-shadow:0 14px 36px rgba(0,0,0,.28);
}

.sp-section-title,
h2,h3{
  color:var(--sp-text);
}

.price,
.product-price,
.sp-price{
  color:var(--sp-gold);
  font-weight:800;
}

.btn,
.button{
  border-radius:12px !important;
}

.btn-primary{
  background:linear-gradient(90deg, #ffbf5a, #f39d1f) !important;
  color:#111 !important;
  border:none !important;
  font-weight:800 !important;
}

.btn-primary:hover{
  filter:brightness(1.06);
}

.sp-footer-grid a,
.sp-footer p{
  color:#c9d7ec;
}

.sp-footer-grid a:hover{
  color:#fff;
}

.section-wrap,
.section{
  background:transparent;
}

.sidebar-item,
.content .post,
.dashboard-content .headline,
.account-settings,
.form-box-item,
.box,
.product-list .product-item{
  background:linear-gradient(180deg, rgba(15,23,38,.86), rgba(10,17,30,.86)) !important;
  border:1px solid var(--sp-border) !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
}

table,
.table{
  background:rgba(9,15,27,.72);
  color:#dbe7f8;
  border-collapse:separate;
  border-spacing:0;
}

table th,
table td,
.table th,
.table td{
  border-color:rgba(148,163,184,.18) !important;
  color:#d7e3f6 !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select{
  background:#0b1422 !important;
  border:1px solid rgba(148,163,184,.26) !important;
  color:#e6edf8 !important;
  border-radius:10px !important;
}

input::placeholder,
textarea::placeholder{
  color:#8aa0c1 !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:#20d5ff !important;
  box-shadow:0 0 0 3px rgba(32,213,255,.18) !important;
}

.button.secondary,
.button.secondary-dark,
.button.dark,
.button.dark-light,
.btn.btn-secondary{
  background:#182338 !important;
  border:1px solid rgba(148,163,184,.26) !important;
  color:#dce8fb !important;
}

.button.primary,
.btn.btn-primary{
  background:linear-gradient(90deg,#ffbf5a,#f39d1f) !important;
  color:#111 !important;
  border:none !important;
}

.button.tertiary{
  background:linear-gradient(90deg,#f05a83,#e53964) !important;
}

.pagination li a,
.pagination li span{
  background:#111b2d !important;
  color:#dce8fb !important;
  border:1px solid rgba(148,163,184,.22) !important;
  border-radius:10px !important;
}

.pagination li.active a{
  background:linear-gradient(90deg,#20d5ff,#07b9e6) !important;
  color:#031220 !important;
  border-color:transparent !important;
}

.sp-quick-showcase{
  max-width:1280px;
  margin:10px auto 18px;
  padding:0 4px;
}

.sp-quick-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}

.sp-quick-card{
  text-decoration:none;
  color:#e6edf8;
  border:1px solid rgba(148,163,184,.2);
  border-radius:14px;
  background:
    radial-gradient(220px 120px at 100% -10%, rgba(32,213,255,.2), transparent 70%),
    linear-gradient(180deg,#0f1b31,#0b1424);
  padding:14px;
  min-height:130px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sp-quick-card h3{
  font-size:17px;
  line-height:1.2;
  margin:0;
}

.sp-quick-card p{
  margin:0;
  color:#9db2cf;
  font-size:13px;
  line-height:1.4;
}

.sp-quick-badge{
  display:inline-block;
  width:max-content;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  color:#041321;
  background:linear-gradient(90deg,#20d5ff,#ffbf5a);
  border-radius:999px;
  padding:4px 8px;
}

@media (max-width: 1024px){
  .sp-nav{ display:none; }
  .sp-search{ min-width:180px; }
  .sp-mobile-toggle{ display:flex; flex-direction:column; gap:4px; width:34px; height:30px; justify-content:center; background:transparent; border:none; }
  .sp-mobile-toggle span{ display:block; height:2px; background:#c9d7ec; border-radius:2px; }
  .sp-hero-layout{
    grid-template-columns:1fr !important;
  }
  .sp-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .sp-hs-content{
    max-width:65%;
  }
  .sp-hero-trust{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sp-hero{
    border-radius:16px;
  }
}

@media (max-width: 768px){
  .sp-header{
    background:rgba(8,13,22,.9);
  }
  .sp-hs-content{
    max-width:100%;
    padding:18px;
  }
  .sp-hs-char{
    opacity:.45;
    right:-8%;
  }
  .sp-hero-trust{
    grid-template-columns:1fr;
  }
  .sp-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sp-hero{
    border-radius:14px;
    margin-top:12px;
  }
}