/* Proactive Bilişim — yeni tema (secalbizden.com temel alınarak) */
/* Mevcut header/navbar markup'unu bozmadan, üzerine ikinci bir "sb-*" class eklenerek devreye giren tema katmanı. */

.topbar.sb-topbar{background:#1f2937;}
.topbar.sb-topbar a{color:#fff;}
.topbar.sb-topbar a:hover{color:#f97316;}
.topbar.sb-topbar .topbar-rates{color:#d1d5db;}
.topbar.sb-topbar .topbar-social a:hover{color:#f97316;}

/* Header'ın logosu (logo-seffaf.png) beyaz yazıyla tasarlanmış — koyu zemin şart, bu yüzden beyaz/lacivert olarak bırakıldı. */
.header.sb-header .search-bar{border:2px solid #f97316;border-radius:4px;overflow:hidden;}
.header.sb-header .search-bar input{border:0;}
.header.sb-header .search-bar button{background:#f97316;color:#fff;border:0;padding:0 22px;font-weight:700;}
.header.sb-header .header-action:hover{color:#f97316 !important;}
.header.sb-header .header-action:hover i{color:#f97316 !important;}
.header.sb-header .header-payment-btn{background:#f97316;color:#fff !important;border-radius:4px;padding:8px 14px;}
.header.sb-header .header-payment-btn i{color:#fff;}
.header.sb-header .header-payment-btn:hover{background:#ea580c;}
.header.sb-header .header-dealer-btn{background:#f97316;color:#fff !important;border-radius:4px;padding:8px 14px;}
.header.sb-header .header-dealer-btn i{color:#fff;}
.header.sb-header .header-dealer-btn:hover{background:#ea580c;}
.header.sb-header .cart-badge{background:#f97316;}

.navbar.sb-nav{background:#f97316;}
.sb-category-btn{background:#1f2937;color:#fff;padding:0 20px;font-weight:700;height:46px;display:flex;align-items:center;white-space:nowrap;gap:8px;font-size:14px;border:0;flex-shrink:0;}
.sb-category-btn:hover{background:#0f172a;color:#fff;}
.navbar.sb-nav .nav-menu > li > a{color:#fff;}
.navbar.sb-nav .nav-menu > li > a:hover, .navbar.sb-nav .nav-menu > li > a.active{color:#1f2937;}
.navbar.sb-nav .nav-hamburger{color:#fff;}
.navbar.sb-nav .mega-menu{box-shadow:0 12px 30px rgba(0,0,0,.15);}
.navbar.sb-nav .mega-menu a:hover{color:#f97316;}
.navbar.sb-nav .nav-cta{background:#1f2937;}

/* ---- Ana sayfa: kategori kenar çubuğu + slider ---- */
.sb-hero-wrap{display:grid;grid-template-columns:250px 1fr;gap:18px;margin:20px auto;max-width:var(--container-max);padding:0 20px;}
.sb-hero-wrap--full{display:block;width:100%;}
.sb-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-self:start;max-height:422px;overflow-y:auto}
.sb-sidebar h3{background:#1f2937;color:#fff;padding:14px 15px;font-size:15px;margin:0;position:sticky;top:0;font-weight:600;}
.sb-sidebar a{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid #eef0f3;font-size:13px;color:#374151}
.sb-sidebar a:last-child{border-bottom:0}
.sb-sidebar a:hover{background:#fff7ed;color:#f97316}
.sb-sidebar a i{color:#f97316;font-size:15px;}

.sb-hero .hero-slider{border-radius:8px;}
.sb-hero .hero-dot{background:rgba(255,255,255,.5);}
.sb-hero .hero-dot.active{background:#f97316;width:22px;border-radius:5px;}
.sb-hero .hero-arrow{background:rgba(31,41,55,.55);}
.sb-hero .hero-arrow:hover{background:#f97316;}

@media(max-width:960px){
  .sb-hero-wrap{grid-template-columns:1fr}
  .sb-sidebar{display:none}
}
@media(max-width:640px){
  .header.sb-header .header-actions{gap:12px;}
  .header.sb-header .header-actions span{font-size:9px;}
}

/* ---- Ürün kartları: daha büyük, daha okunaklı ---- */
.sb-products{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sb-product{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;transition:.2s;position:relative;display:flex;flex-direction:column}
.sb-product:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-2px)}
.sb-product .prod-badge{position:absolute;top:10px;left:10px;font-size:11px;padding:4px 7px;border-radius:3px;font-weight:700;color:#fff;z-index:2;}
.sb-product .prod-image{height:150px;background:linear-gradient(135deg,#f3f4f6,#d1d5db);border-radius:6px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:34px;overflow:hidden}
.sb-product .prod-image img{width:100%;height:100%;object-fit:contain;padding:8px;}
.sb-product .prod-brand{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;margin-bottom:4px;}
.sb-product .prod-name{font-size:13px;line-height:1.35;min-height:50px;color:#374151;margin-bottom:10px;font-weight:600}
.sb-product .prod-name a{color:inherit}
.sb-product .prod-price-row{display:flex;align-items:baseline;gap:7px;margin-bottom:11px;flex-wrap:wrap;margin-top:auto;}
.sb-product .prod-price-old{font-size:11px;color:#9ca3af;text-decoration:line-through}
.sb-product .prod-price{font-size:17px;color:#f97316;font-weight:800}
.sb-product .prod-usd-price{font-size:11px;color:#9ca3af;margin-bottom:4px;}
.sb-product .prod-ship-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#16a34a;background:#f0fdf4;border-radius:4px;padding:4px 7px;margin-bottom:10px;width:fit-content;}
.sb-product .prod-ship-badge i{font-size:13px;}

/* ---- CTA bölümü: özellik rozetleri ---- */
.cta-features{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.cta-features .cta-feature{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 14px;}
.cta-features .cta-feature i{color:#f97316;font-size:15px;}

/* ---- Markalar: kart görünümü ---- */
.brands-section{background:#f8fafc;}
.brand-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:.2s;}
.brand-item:hover{border-color:#e5e7eb;box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-2px);color:#f97316;}

/* ---- Hizmet bölgeleri ---- */
.district-item{display:inline-flex;align-items:center;gap:5px;}
.district-item:hover{border-color:#f97316;color:#f97316;}
.sb-product .prod-btn-cart{width:100%;border:0;background:#1f2937;color:#fff;padding:9px;border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;}
.sb-product .prod-btn-cart:hover{background:#0f172a}
.sb-product .prod-body{padding:0;border-top:0;}

@media(max-width:960px){ .sb-products{grid-template-columns:repeat(3,1fr)} }
@media(max-width:560px){ .sb-products{grid-template-columns:repeat(2,1fr)} }

.sb-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:2px solid #e5e7eb;padding-bottom:9px}
.sb-section-title h2{font-size:21px;color:#1f2937;display:flex;align-items:center;gap:8px;font-weight:600;margin:0;}
.sb-section-title h2 i{color:#f97316}
.sb-section-title a{color:#f97316;font-weight:700;font-size:13px}