/* Tema Stil Dosyası */
:root {
  --accent: #6366f1;
  --accent-rgb: 99,102,241;
  --bs-font-sans-serif: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #0f1115;
  --bs-body-color: #e5e7eb;
  --bs-emphasis-color: #fff;
  --bs-border-color: #1f2937;
  --bs-secondary-color: #9ca3af;
  --bs-secondary-bg: #111827;
}
body {font-family: var(--bs-font-sans-serif); -webkit-font-smoothing: antialiased; overflow-x:hidden;}
header#site-header, header#site-header .navbar, header#site-header .container {overflow:visible!important;}
header#site-header {z-index:1040;}
html, body {max-width:100%; width:100%; overflow-x:hidden;}
body * {max-width:100%;}
img, video, canvas, iframe {max-width:100%;}
.container, .container-fluid {overflow-x:hidden;}
body, body * {box-sizing:border-box;}
.breadcrumb {max-width:100%; overflow:hidden;}
.breadcrumb-item {white-space:nowrap;}
.breadcrumb-item a {text-overflow:ellipsis; overflow:hidden; display:inline-block; max-width:160px; vertical-align:bottom;}
.breadcrumb-item.active {text-overflow:ellipsis; overflow:hidden; max-width:180px; display:inline-block;}
.logo-icon {width:40px;height:40px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:1.1rem;}
.navbar-brand {letter-spacing:.5px;}
.nav-link {font-weight:500; position:relative;}
.navbar-nav {gap:1.25rem;}
.navbar-nav .nav-link {white-space:nowrap; padding-top:.55rem; padding-bottom:.55rem;}
.navbar {min-height:58px;}
.navbar-brand {display:flex; align-items:center; gap:.6rem;}
/* Force single line nav; prevent wrapping of 'Ana Sayfa' vb. */
.navbar-nav {flex-wrap:nowrap!important; white-space:nowrap;}
.navbar-nav .nav-item {flex:0 0 auto;}
.navbar-nav .nav-link {display:inline-flex; align-items:center; line-height:1.1; font-size:.95rem;}
.logo-icon {width:34px; height:34px;}
@media (min-width:992px){
  .navbar .container {display:flex; align-items:center;}
  .navbar-nav {flex:0 1 auto;}
}
@media (max-width: 991.98px){
  .navbar-nav {gap:.5rem;}
}
.nav-link.active::after, .nav-link:hover::after {content:""; position:absolute; left:0; bottom:0; height:2px; width:100%; background:var(--accent);}
.search-form .form-control:focus {box-shadow:0 0 0 .2rem rgba(var(--accent-rgb),.25);} 

/* Hero */
.hero {background: radial-gradient(circle at 20% 30%, #6366f1, #4338ca);}
body.party-active .hero {background: radial-gradient(circle at 30% 40%, #f59e0b, #db2777, #6366f1);} 
.hero h1 .text-accent {color:#fbbf24;}
.hero-device {width:320px; height:480px; background:#111; border:12px solid #222; border-radius:40px; position:relative; box-shadow:0 10px 40px -5px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);}
.device-screen {position:absolute; inset:0; background:linear-gradient(135deg,#1f2937,#0f172a); border-radius:28px; overflow:hidden;}
.floating-tags {display:flex; flex-direction:column; gap:1rem;}
.floating-tags .badge {animation: float 6s ease-in-out infinite;}
.floating-tags .badge:nth-child(2){animation-delay:2s;}
.floating-tags .badge:nth-child(3){animation-delay:4s;}
@keyframes float {0%,100%{transform:translateY(-10px);}50%{transform:translateY(10px);}}
.hero-title {letter-spacing:-.5px;}
.hero-desc {max-width:640px;}
/* (Hero görsel grid kaldırıldı) */
.decor-blob {position:absolute; filter:blur(50px); opacity:.35;}
.blob-1 {width:400px;height:400px;background:#818cf8;top:-100px;left:-100px;}
.blob-2 {width:360px;height:360px;background:#f472b6;bottom:-120px;right:-100px;}

/* Kategori kutuları */
.category-tile {background: linear-gradient(145deg,#fff,#f1f5f9); border:1px solid #e2e8f0; transition:.35s; text-decoration:none;}
.category-tile .icon-wrapper {width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--cat-color),rgba(var(--accent-rgb),.2)); display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff; box-shadow:0 4px 16px -4px rgba(var(--accent-rgb),.4);}
.category-tile:hover {transform:translateY(-6px); box-shadow:0 10px 25px -5px rgba(0,0,0,.15);}

/* Ürün kartları */
.product-card {background:#fff; border:1px solid #e2e8f0; border-radius:1.25rem; overflow:hidden; position:relative; transition:.35s;}
.product-card:hover {box-shadow:0 12px 30px -10px rgba(0,0,0,.15); transform:translateY(-4px);}
.product-media {overflow:hidden; background:#f1f5f9; position:relative;}
.product-media img {object-fit:cover; width:100%; height:100%; transition:transform .6s ease; position:absolute; inset:0;} 
.product-card:hover img {transform:scale(1.08);}
.product-badge {position:absolute; top:.75rem; left:.75rem; background:var(--accent); padding:.4rem .65rem; border-radius:.75rem; font-size:.7rem; letter-spacing:.5px; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:auto!important; height:auto!important; display:inline-flex; align-items:center; justify-content:center; z-index:2; pointer-events:none;}
.btn-quickview {position:absolute; top:.75rem; right:.75rem; background:#fff; border:none; width:40px; height:40px; border-radius:50%; display:flex;align-items:center;justify-content:center; opacity:0; transform:translateY(-8px); transition:.3s; box-shadow:0 4px 10px -2px rgba(0,0,0,.2);} 
.product-card:hover .btn-quickview {opacity:1; transform:translateY(0);} 
.add-to-cart {border-radius:999px; font-weight:500;}
.product-title {font-weight:600; letter-spacing:.3px;}
.price {font-size:1.05rem;}
/* Quickview */
#quickViewModal .modal-content {background:linear-gradient(145deg,#ffffff,#f1f5f9);}
[data-bs-theme="dark"] #quickViewModal .modal-content {background:linear-gradient(145deg,#1e293b,#0f172a);} 

/* CTA / Parallax */
#kampanya {background:#111; overflow:hidden;}
.parallax-bg {position:absolute; inset:0; background:url('https://picsum.photos/seed/indirim/1600/900') center/cover fixed; opacity:.25; filter:grayscale(30%);}
#kampanya::before {content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(99,102,241,.85),rgba(236,72,153,.85));}
.btn-accent {background:var(--accent); color:#fff;}
.btn-accent:hover {background:#4f46e5; color:#fff;}

/* Countdown */
.countdown {font-size:1.1rem; display:flex; gap:.75rem; flex-wrap:wrap;}
.countdown .cd-box {background:rgba(255,255,255,.15); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.3); border-radius:1rem; padding:.75rem 1rem; text-align:center; min-width:72px;}
.countdown .cd-box span {display:block; font-weight:600; letter-spacing:.5px; font-size:.875rem; opacity:.85;}

/* Newsletter */
.newsletter-form input {border-radius:1rem;}
.newsletter-form button {border-radius:1rem;}

/* Footer */
.footer-links a {text-decoration:none; display:inline-block; padding:.25rem 0; color:inherit; opacity:.85;}
.footer-links a:hover {opacity:1; color:var(--accent);}

/* WhatsApp Buton */
.wa-button {position:fixed; z-index:1000; bottom:18px; right:18px; width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.9rem; box-shadow:0 8px 24px -6px rgba(0,0,0,.4); text-decoration:none; transition:.35s;}
.wa-button:hover {transform:scale(1.08) rotate(-5deg); color:#fff; box-shadow:0 12px 30px -8px rgba(0,0,0,.5);} 

/* Tema toggle */
#themeToggle {border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center;}
#themeToggle .bi {font-size:1.2rem;}

/* Dark uyarlamalar */
[data-bs-theme="dark"] .product-card {background:#111827; border-color:#1f2937;}
[data-bs-theme="dark"] .category-tile {background:linear-gradient(145deg,#1e293b,#111827); border-color:#243045;}
[data-bs-theme="dark"] .product-media {background:#1e293b;}
[data-bs-theme="dark"] footer {background:#111827 !important;}
[data-bs-theme="dark"] .footer-links a:hover {color:#a5b4fc;}

/* Responsive küçük dokunuşlar */
@media (max-width: 576px) {
  .hero h1 {font-size:2rem;}
  .product-card {border-radius:1rem;}
  .category-tile {border-radius:1.1rem;}
}

/* Utility */
.text-accent {color:var(--accent)!important;}
.bg-accent {background:var(--accent)!important;}
.btn-outline-light:hover {color:#111!important;}

/* Product detail gallery */
.product-gallery {position:relative;}
.product-gallery {max-width:100%; overflow:hidden;}
main .row {margin-left:0!important; margin-right:0!important;}
.product-desc {word-break:break-word; overflow-wrap:anywhere;}
/* Genel olarak aşırı geniş elemanları engelle */
body * {word-break:break-word;}
/* Bootstrap offcanvas veya modal genişlik sapmaları için güvenlik */
.offcanvas, .modal {max-width:100%;}
.product-main {background:#f1f5f9; border:1px solid #e2e8f0; border-radius:1.25rem; overflow:hidden; position:relative; width:100%;}
.product-main-inner {position:relative; width:100%; height:100%;}
.pg-placeholder {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e2e8f0,#cbd5e1); color:#555; font-size:2.2rem; animation:pulse 2s ease-in-out infinite;}
.pg-placeholder.hide {opacity:0; visibility:hidden; transition:.5s;}
.pg-image {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.0); transition:none;}
.pg-image.fit-contain {object-fit:contain; background:#f8fafc;}
.pg-image.loaded {opacity:1; transform:none;}
/* Ürün sayfasında daima görünür ve taşma yok */
.product-page #mainImg {opacity:1!important;}
.product-page #mainImg.fit-default {object-fit:contain!important; background:#f8fafc;}
.product-badge-top {position:absolute; top:.85rem; left:.85rem; z-index:3; border-radius:.75rem; padding:.45rem .75rem; font-size:.7rem;}
.fav-floating {position:absolute; top:.65rem; right:.65rem; z-index:4; width:44px; height:44px; border-radius:50%; box-shadow:0 6px 20px -6px rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center;}
.product-thumbs {display:flex; gap:.6rem; flex-wrap:wrap; max-width:100%;}
.product-thumb {background:#fff; border:1px solid #d1d5db; width:72px; height:72px; border-radius:.85rem; padding:0; overflow:hidden; position:relative; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:.35s;}
.product-thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.product-thumb.active {border-color:var(--accent); box-shadow:0 0 0 2px rgba(var(--accent-rgb),.5);}
.product-thumb:not(.active):hover {border-color:#9ca3af; transform:translateY(-3px);}
@keyframes pulse {0%,100%{opacity:.6;}50%{opacity:1;}}
[data-bs-theme="dark"] .product-main {background:#1e293b; border-color:#243045;}
[data-bs-theme="dark"] .pg-placeholder {background:linear-gradient(135deg,#243045,#1e293b); color:#94a3b8;}
[data-bs-theme="dark"] .product-thumb {background:#111827; border-color:#243045;}
[data-bs-theme="dark"] .product-thumb.active {border-color:var(--accent); box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45);} 

/* Konfeti */
.confetti-piece {position:absolute; top:-10px; width:10px; height:14px; background:var(--accent); opacity:0.9; transform:rotate(15deg); animation:fall linear forwards; border-radius:2px;}
body {overscroll-behavior-x:contain;}
@keyframes fall {to {transform:translateY(calc(100vh + 20px)) rotate(720deg); opacity:1;}}

/* Product page overflow fix */
.product-page .product-detail-row {flex-wrap:wrap!important; margin-left:0!important; margin-right:0!important;}
.product-page .product-detail-row > [class^='col'] {max-width:100%;}
.product-page img, .product-page .pg-image {max-width:100%;}
.product-page .product-main {width:100%;}

/* Scrollbar (webkit) */
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:#f1f5f9;}
::-webkit-scrollbar-thumb {background:linear-gradient(var(--accent),#8b5cf6); border-radius:50px;}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(#4f46e5,#7c3aed);}