/* A&C KÜRK - BÜTÜNSEL STİL DOSYASI V8.0 (AKILLI SLIDER + KATALOG ARKA PLAN) */

:root { 
    --gold: #d4af37; 
    --black: #080808; 
    --white: #ffffff; 
    --light-bg: #f8f9fa; 
    --danger: #e74c3c;
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; }
html { scroll-behavior: smooth; }
body { background: #fff; color: #222; line-height: 1.6; overflow-x: hidden; }

/* --- NAVBAR --- */
.navbar { background: var(--black); height: 80px; display: flex; align-items: center; position: sticky; top: 0; z-index: 5000; box-shadow: 0 5px 20px rgba(0,0,0,0.2); }
.nav-container { width: 95%; max-width: 1800px; margin: 0 auto; display: flex; align-items: center; position: relative; justify-content: space-between; }
.site-logo { height: 50px; width: auto; }

.desktop-menu { display: flex; gap: 25px; }
.nav-link { font-size: 12px; font-weight: 800; color: #fff; text-decoration: none; text-transform: uppercase; transition: 0.3s; opacity: 0.8; cursor: pointer; }
.nav-link:hover { color: var(--gold); opacity: 1; }

.mobile-toggle { display: none; background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; }

/* =================================================================
   MOBİL MENÜ (SAĞDAN KAYAN ÇEKMECE & PERDE)
   ================================================================= */
.menu-overlay { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.6); z-index: 5001; opacity: 0; 
    pointer-events: none; transition: opacity 0.3s ease; backdrop-filter: blur(2px);
}
.menu-overlay.open { opacity: 1; pointer-events: auto; }

.mobile-dropdown { 
    position: fixed; top: 0; right: -100%; width: 75vw; max-width: 320px; height: 100vh; 
    background: var(--black); z-index: 5002; display: flex; flex-direction: column; 
    padding: 20px; overflow-y: auto; transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    box-shadow: -10px 0 30px rgba(0,0,0,0.5);
}
.mobile-dropdown.open { right: 0; }
.mobile-dropdown a { 
    color: #fff; padding: 15px 0; border-bottom: 1px solid #222; 
    text-decoration: none; font-weight: 700; display: block; 
    font-size: 13px; text-transform: uppercase; transition: 0.2s; 
}
.mobile-dropdown a:hover { color: var(--gold); padding-left: 10px; }


/* --- SLIDER (HERO) --- */
.hero-container { width: 100%; aspect-ratio: 21/9; background: #000; overflow: hidden; position: relative; }
.hero-slider { display: flex; height: 100%; transition: transform 0.8s ease; }
.hero-slide { min-width: 100%; height: 100%; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; }

/* --- AKAN GALERİ --- */
.home-gallery { padding: 50px 0; background: #fff; position: relative; }
.gallery-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; z-index: 10; pointer-events: none; transform: translateY(-50%); }
.nav-arrow { pointer-events: auto; background: #fff; border: 1px solid #eee; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #111; }

.home-gallery-track { display: flex; gap: 20px; overflow-x: auto; padding: 20px 5%; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.home-gallery-item { 
    flex: 0 0 350px; 
    aspect-ratio: 3/4; 
    border-radius: 12px; overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    transition: 0.3s; 
}
.home-gallery-item:hover { transform: scale(1.02); }
.home-gallery-item img { width: 100%; height: 100%; object-fit: cover; }

/* --- KATEGORİ GRID --- */
.home-cat-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; width: 95%; max-width: 1600px; margin: 50px auto; 
}
.home-cat-card { position: relative; aspect-ratio: 2/3; overflow: hidden; border-radius: 12px; cursor: pointer; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.home-cat-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
.home-cat-card:hover img { transform: scale(1.1); filter: brightness(0.7); }
.home-cat-title { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 20px; font-weight: 800; text-shadow: 0 2px 10px rgba(0,0,0,0.8); pointer-events: none; }

/* --- ÜRÜN LİSTESİ --- */
.product-grid-layout { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; padding: 0 5% 80px; }
.product-card { background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden; transition: 0.3s; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); }
.product-img-box { aspect-ratio: 3/4; background: #f8f8f8; }
.product-img-box img { width: 100%; height: 100%; object-fit: cover; }
.product-info { padding: 15px; text-align: center; }
.product-title { font-size: 13px; font-weight: 700; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote-add-btn { width: 100%; background: #fff; border: 1px solid #111; color: #111; padding: 10px; font-size: 11px; font-weight: 700; cursor: pointer; border-radius: 6px; }
.quote-add-btn:hover { background: #111; color: #fff; }

/* --- ORTA BANNER --- */
.single-banner-wrap { width: 95%; max-width: 1600px; margin: 60px auto; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; cursor: pointer; }
.single-banner-wrap img { width: 100%; height: 100%; object-fit: cover; }

/* --- GELİŞMİŞ SEPET (TEKLİF PANELİ) --- */
.floating-container { 
    position: fixed; bottom: 30px; right: 30px; z-index: 6000; 
    display: flex; flex-direction: column; gap: 15px; align-items: flex-end; 
}

.float-btn { 
    width: 60px; height: 60px; border-radius: 50%; 
    display: flex; align-items: center; justify-content: center; 
    font-size: 24px; color: #fff; border: none; cursor: pointer; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); 
    transition: transform 0.2s, box-shadow 0.2s;
}
.float-btn:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,0.3); }

.whatsapp-btn { background: #25D366; }
.quote-btn { background: var(--black); position: relative; }

.cart-badge { 
    position: absolute; top: -5px; right: -5px; 
    background: var(--danger); width: 22px; height: 22px; 
    border-radius: 50%; font-size: 11px; display: flex; 
    align-items: center; justify-content: center; color:#fff; 
    font-weight:700; border: 2px solid #fff;
}

.quote-panel { 
    position: fixed; bottom: 110px; right: 30px; width: 380px; 
    background: #fff; border-radius: 16px; 
    box-shadow: 0 20px 60px rgba(0,0,0,0.15); 
    overflow: hidden; 
    display: flex; flex-direction: column;
    opacity: 0; pointer-events: none; transform: translateY(20px) scale(0.95);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 5999;
}

.quote-panel.open { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }

.panel-header { 
    padding: 20px; background: var(--black); color: #fff;
    display: flex; justify-content: space-between; align-items: center; 
}
.panel-title { font-weight: 800; font-size: 14px; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; }

.panel-controls { display: flex; gap: 15px; align-items: center; }
.clear-cart { font-size: 10px; cursor: pointer; opacity: 0.7; border-bottom: 1px dashed rgba(255,255,255,0.5); }
.clear-cart:hover { opacity: 1; color: var(--danger); }

.close-cart-btn { font-size: 24px; cursor: pointer; line-height: 1; opacity: 0.8; }
.close-cart-btn:hover { opacity: 1; transform: rotate(90deg); transition: 0.3s; }

.panel-body { max-height: 350px; overflow-y: auto; background: #fff; padding: 10px 0; }

.quote-item { padding: 15px 20px; border-bottom: 1px solid #f5f5f5; display: flex; align-items: center; gap: 15px; transition: 0.2s; }
.quote-item:hover { background: #fafafa; }

.cart-img-wrap { width: 60px; height: 60px; border-radius: 8px; overflow: hidden; border: 1px solid #eee; flex-shrink: 0; }
.cart-img-wrap img { width: 100%; height: 100%; object-fit: cover; }

.cart-info { flex: 1; }
.cart-title { font-weight: 700; font-size: 13px; color: #333; line-height: 1.3; margin-bottom: 4px; }
.cart-cat { font-size: 10px; color: #999; font-weight: 600; letter-spacing: 0.5px; }

.remove-btn { width: 30px; height: 30px; border-radius: 50%; border: none; background: #fff0f0; color: var(--danger); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.remove-btn:hover { background: var(--danger); color: #fff; }

.empty-cart-state { padding: 40px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }

.panel-footer { padding: 20px; background: #fafafa; border-top: 1px solid #eee; }
.send-whatsapp-btn { width: 100%; padding: 16px; background: #25D366; color: #fff; border: none; border-radius: 12px; font-weight: 800; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); transition: 0.3s; }
.send-whatsapp-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); }

/* --- DİĞER BÖLÜMLER --- */
.section-divider { grid-column: 1 / -1; width: 100%; padding: 20px 0; font-size: 22px; font-weight: 800; border-bottom: 2px solid #111; margin: 30px 0; }
.category-hero-section { text-align: center; padding: 60px 20px; position: relative; transition: 0.3s; }
.category-hero-section h1 { font-size: 40px; font-weight: 800; margin: 0; }
.hero-line { width: 50px; height: 3px; background: #111; margin: 20px auto; }
.corporate-box { max-width: 800px; margin: 0 auto; background: var(--light-bg); padding: 30px; border-radius: 8px; border-left: 4px solid var(--gold); position: relative; z-index: 2; }

/* Banner Overlay */
.category-hero-section.has-banner { padding: 140px 20px 100px; color: #000; }
.category-hero-section.has-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1; }
.category-hero-section .hero-content { position: relative; z-index: 2; }

/* --- FOOTER --- */
.site-footer { background: var(--black); color: #fff; padding: 60px 0 20px; margin-top: 80px; }
.footer-container { width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 40px; }
.footer-logo { width: auto; height: auto; max-width: 200px; margin-bottom: 20px; display: block; }
.social-icons a { color: #fff; margin-right: 15px; font-size: 20px; }

/* --- RESPONSIVE (MOBİL) --- */
@media (max-width: 1200px) {
    .home-cat-grid { grid-template-columns: repeat(3, 1fr); }
    .product-grid-layout { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .home-cat-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid-layout { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .navbar { height: 70px; }
    .desktop-menu { display: none !important; } 
    .mobile-toggle { display: block; }
    .hero-container { aspect-ratio: 1/1; }
    .home-gallery-item { flex: 0 0 75vw; }
    .home-cat-grid { grid-template-columns: 1fr; gap: 15px; } 
    .product-grid-layout { grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 0 10px 50px; }
    .footer-container { grid-template-columns: 1fr; text-align: center; }
    .footer-logo { margin: 0 auto 20px auto; }
    .quote-panel { width: 92vw; right: 4vw; bottom: 100px; }
    .section-divider { font-size: 18px; text-align: center; }
}

/* =================================================================
   KATALOG ÖZEL KÜRK ARKA PLAN (V7 - GÜÇLENDİRİLMİŞ)
   ================================================================= */
body.katalog-mode {
    background-image: url('https://cdn.ackurk.com/urunler/katalog/background.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-color: #111 !important;
}
body.katalog-mode .product-card {
    background: rgba(255, 255, 255, 0.95) !important; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}
body.katalog-mode .category-hero-section { background: transparent !important; }
body.katalog-mode .category-hero-section::before { display: none !important; }
body.katalog-mode .hero-subtitle,
body.katalog-mode h1 { text-shadow: 0 5px 15px rgba(0,0,0,0.8) !important; color: #fff !important; }
body.katalog-mode .hero-line { background: var(--gold) !important; }
body.katalog-mode .corporate-box { background: rgba(255, 255, 255, 0.9) !important; }

/* =================================================================
   YOUTUBE AKILLI SLIDER (V8 - YENİ EKLENDİ)
   ================================================================= */
.video-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #000; z-index: 10;
    display: flex; align-items: center; justify-content: center;
    visibility: visible; opacity: 1;
    transition: opacity 1s ease, visibility 1s;
    pointer-events: none; overflow: hidden;
}
.video-overlay.hidden {
    opacity: 0; visibility: hidden;
}
.video-overlay iframe {
    width: 100vw; height: 56.25vw; flex-shrink: 0; pointer-events: none;
}
@media (max-width: 768px) {
    .video-overlay iframe { width: 177.77vw; height: 100vw; }
}