/*
Theme Name: Özel Lüks Saat Teması
Theme URI: http://localhost
Author: Ahmet Orçan
Description: Watches of Switzerland standartlarında, WooCommerce uyumlu özel butik teması.
Version: 1.0
Text Domain: luks-saat
*/

/* ==========================================================================
   0. YAZI TİPLERİ (fonts/ klasöründen; OFL lisanslı, Türkçe karakterlerin tamamı var)
   Ziyaretçinin bilgisayarındaki yazı tiplerine güvenilmez: eksik Türkçe harfli "Helvetica" kopyaları
   ş/ğ/ı harflerini başka yazı tipiyle çizdiriyordu, Century Gothic ise telefonlarda ve Mac'te yok.
   - Inter: gövde metni. Yalnızca 400+ tanımlı → 300 (ince) istenen metinler okunaklı 400 ile çizilir.
   - Jost: başlıklar (Century Gothic / Futura karakterinde), ince 300 korunur.
   ========================================================================== */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/inter-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300 600; font-display: swap; src: url('fonts/jost-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300 600; font-display: swap; src: url('fonts/jost-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ==========================================================================
   1. GENEL SIFIRLAMA VE TİPOGRAFİ
   ========================================================================== */
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}
body { 
    font-family: 'Inter', Arial, sans-serif;
    background-color: #ffffff;
    color: #333;
    -webkit-font-smoothing: antialiased;
}
/* form alanları tarayıcı varsayılanı yerine sayfanın yazı tipini kullansın */
button, input, select, textarea { font-family: inherit; }
/* Fütüristik İnce Başlık Sınıfı (Ortak Kullanım İçin) */
.futuristik-baslik {
    font-family: 'Jost', 'Century Gothic', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 12px !important;
    text-transform: uppercase !important;
    margin-right: -12px;
}
.ana-icerik { padding-top: 30px; }


/* ==========================================================================
   2. YÜKLEME EKRANI (PRELOADER)
   ========================================================================== */
#luks-preloader {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background-color: #050505;
    z-index: 9999999;
    display: flex; align-items: center; justify-content: center;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}
#luks-preloader.gizle { opacity: 0; visibility: hidden; }
.preloader-icerik { text-align: center; display: flex; flex-direction: column; align-items: center; }
.preloader-logo {
    display: block; width: 220px; max-width: 60vw; height: auto;
    animation: luksParlama 1.5s infinite alternate ease-in-out;
}
.preloader-cizgi {
    width: 0; height: 1px; background-color: #fff; margin-top: 15px;
    animation: cizgiUza 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
@keyframes luksParlama { 0% { opacity: 0.3; filter: blur(2px); } 100% { opacity: 1; filter: blur(0); } }
@keyframes cizgiUza { 0% { width: 0; opacity: 0; } 100% { width: 80px; opacity: 0.6; } }


/* ==========================================================================
   3. HEADER VE MOBİL MENÜ TASARIMI
   ========================================================================== */
.site-header { position: relative; z-index: 9999; background-color: #fff; }
.top-bar { background-color: #333333; color: #ffffff; text-align: center; padding: 10px 0; font-size: 13px; letter-spacing: 0.5px; }
.middle-bar { display: flex; justify-content: space-between; align-items: center; padding: 25px 40px; background-color: #ffffff; border-bottom: 1px solid #f0f0f0; }
.header-left a, .top-right-links a { text-decoration: none; color: #555; font-size: 13px; margin-right: 20px; transition: color 0.3s; }
.header-left a:hover, .top-right-links a:hover { color: #000; }
.header-center { text-align: center; }
/* sol ve sağ eşit genişlikte: sol alan boşken de logo tam ortada kalır */
@media screen and (min-width: 769px) { .header-left, .header-right { flex: 1; } }
.site-logo { display: inline-block; line-height: 0; text-decoration: none; }
.site-logo img { display: block; height: 56px; width: auto; }
.mobil-menu-logo { display: block; width: 180px; height: auto; margin: 0 auto 35px auto; }
.header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 15px; }
.search-and-cart { display: flex; align-items: center; gap: 15px; }
.bottom-bar { background-color: #ffffff; padding: 15px 0; border-bottom: 1px solid #eaeaea; display: flex !important; justify-content: center; }
.main-menu-list { list-style: none; display: flex; gap: 40px; }
.main-menu-list li a { text-decoration: none; color: #000; font-size: 12px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; transition: color 0.3s; }
.main-menu-list li a:hover { color: #777; }

/* Markalar mega menüsü (inc/mega-menu.php) */
.bottom-bar { position: relative; }
.main-menu-list li.mega-var { position: static; }
.main-menu-list li.mega-var > a { position: relative; }
.main-menu-list li.mega-var > a::after { content: ''; display: inline-block; width: 5px; height: 5px; margin-left: 8px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 0.3s ease; }
.main-menu-list li.mega-var.acik > a { color: #777; }
.main-menu-list li.mega-var.acik > a::after { transform: translateY(0) rotate(-135deg); }
.mega-panel {
    position: absolute; left: 0; right: 0; top: 100%;
    background: #fff;
    border-top: 1px solid #eaeaea;
    box-shadow: 0 30px 50px -20px rgba(0,0,0,0.18);
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    z-index: 50;
}
.mega-var.acik .mega-panel { opacity: 1; visibility: visible; transform: none; transition: opacity 0.25s ease, transform 0.3s ease; }
.mega-ic { max-width: 1280px; margin: 0 auto; padding: 40px 40px 44px; display: grid; grid-template-columns: 220px 1fr; gap: 50px; }
.mega-giris { border-right: 1px solid #f0f0f0; padding-right: 30px; }
.mega-etiket { display: block; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 5px; color: #111; margin-bottom: 16px; }
.mega-giris p { font-size: 13px; line-height: 1.7; color: #777; margin: 0 0 26px 0; text-transform: none; letter-spacing: 0; }
.main-menu-list .mega-giris a.mega-tumu { font-size: 11px; letter-spacing: 2.5px; color: #111; border-bottom: 1px solid #111; padding-bottom: 4px; }
.mega-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 6px; }
.main-menu-list .mega-izgara a.mega-marka {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
    height: 104px; padding: 12px 10px; border: 1px solid transparent;
    color: #999; text-decoration: none; letter-spacing: 0;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.main-menu-list .mega-izgara a.mega-marka:hover, .main-menu-list .mega-izgara a.mega-marka:focus-visible { background: #f7f7f5; border-color: #ececec; color: #111; outline: none; }
.mega-logo { height: 44px; width: 100%; display: flex; align-items: center; justify-content: center; }
.mega-logo img { max-width: 110px; max-height: 44px; width: auto; height: auto; object-fit: contain; opacity: 0.55; transition: opacity 0.25s ease, transform 0.25s ease; }
.mega-marka:hover .mega-logo img, .mega-marka:focus-visible .mega-logo img { opacity: 1; transform: scale(1.05); }
.mega-logo-yazi { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 2px; color: #555; }
.mega-ad { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; line-height: 1.3; }
/* Erkek / Kadın / Çocuk mega menüsü: özelliklere göre filtre bağlantıları */
.mega-filtreler { column-count: 5; column-gap: 36px; }
.mega-filtre { break-inside: avoid; margin-bottom: 26px; }
.mega-filtre-baslik { display: block; padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #f0f0f0; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 600; color: #111; }
.mega-filtre ul { list-style: none; margin: 0; padding: 0; }
.main-menu-list .mega-filtre a { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #666; }
.main-menu-list .mega-filtre a:hover, .main-menu-list .mega-filtre a:focus-visible { color: #000; }
.main-menu-list .mega-filtre a.mega-filtre-daha { font-size: 11px; color: #999; text-decoration: underline; text-underline-offset: 3px; }
.mega-filtre .filtre-renk { width: 12px; height: 12px; }
@media screen and (max-width: 1100px) { .mega-filtreler { column-count: 4; } }
@media (prefers-reduced-motion: reduce) { .mega-panel, .mega-logo img { transition: none; } }
@media screen and (max-width: 1100px) { .mega-ic { grid-template-columns: 1fr; gap: 24px; } .mega-giris { border-right: 0; padding-right: 0; display: flex; align-items: baseline; gap: 20px; flex-wrap: wrap; } .mega-giris p { margin: 0; } }
/* Site araması (inc/arama.php, js/arama.js) */
.arama-ac { display: flex; align-items: center; justify-content: center; padding: 4px; margin: 0; border: 0; background: none; color: #111; cursor: pointer; transition: opacity 0.3s ease; }
.arama-ac:hover { opacity: 0.6; }
.arama-ac svg { width: 20px; height: 20px; }
.arama-ac.arama-mobil { display: none; }
html.sk-arama-acik { overflow: hidden; }
.sk-arama { position: fixed; inset: 0; z-index: 1000001; }
.sk-arama[hidden] { display: none; }
.sk-arama-perde { position: absolute; inset: 0; background: rgba(0,0,0,0.35); opacity: 0; transition: opacity 0.25s ease; }
.sk-arama-panel { position: relative; max-height: 88vh; overflow-y: auto; background: #fff; box-shadow: 0 20px 50px rgba(0,0,0,0.15); opacity: 0; transform: translateY(-16px); transition: opacity 0.25s ease, transform 0.25s ease; }
.sk-arama.acik .sk-arama-perde { opacity: 1; }
.sk-arama.acik .sk-arama-panel { opacity: 1; transform: none; }
.sk-arama-form { max-width: 860px; margin: 0 auto; display: flex; align-items: center; gap: 14px; padding: 30px 20px 16px; border-bottom: 1px solid #111; }
.sk-arama-ikon { flex: none; width: 22px; height: 22px; color: #111; }
.sk-arama-form input[type="search"] { flex: 1; min-width: 0; padding: 6px 0; border: 0; background: none; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 22px; font-weight: 300; letter-spacing: 0.5px; color: #111; outline: none; -webkit-appearance: none; appearance: none; }
.sk-arama-form input[type="search"]::-webkit-search-cancel-button { display: none; }
.sk-arama-form input[type="search"]::placeholder { color: #aaa; }
.sk-arama-kapat { flex: none; width: 40px; height: 40px; border: 0; background: none; font-size: 28px; line-height: 1; color: #111; cursor: pointer; }
.sk-arama-icerik { max-width: 860px; margin: 0 auto; padding: 22px 20px 34px; }
.sk-arama-baslik { display: block; margin-bottom: 12px; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: #999; }
.sk-arama-hizli ul, .sk-arama-markalar { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sk-arama-hizli a, .sk-arama-markalar a { display: inline-block; padding: 8px 14px; border: 1px solid #e3e3e3; font-size: 12px; color: #333; text-decoration: none; transition: border-color 0.2s ease, color 0.2s ease; }
.sk-arama-hizli a:hover, .sk-arama-markalar a:hover, .sk-arama-hizli a:focus-visible, .sk-arama-markalar a:focus-visible { border-color: #111; color: #000; }
.sk-arama-grup + .sk-arama-grup { margin-top: 24px; }
.sk-arama-urunler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; }
.sk-arama-urunler a { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 14px; padding: 8px; color: #333; text-decoration: none; transition: background 0.2s ease; }
.sk-arama-urunler a:hover, .sk-arama-urunler a:focus-visible { background: #f7f7f5; outline: none; }
.sk-arama-urunler img, .sk-arama-gorselsiz { width: 64px; height: 64px; object-fit: contain; background: #f7f7f5; mix-blend-mode: multiply; }
.sk-arama-urun-ad { font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sk-arama-fiyat { font-size: 13px; font-weight: 600; color: #111; white-space: nowrap; }
.sk-arama-durum { margin: 0; font-size: 14px; color: #777; }
.sk-arama-tumu { display: inline-block; margin-top: 16px; padding-bottom: 3px; border-bottom: 1px solid #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #111; text-decoration: none; }

.cart-icon { display: flex; align-items: center; gap: 8px; color: #111; text-decoration: none; font-size: 14px; font-weight: 500; transition: opacity 0.3s ease; }
.cart-icon:hover { opacity: 0.6; }
.cart-icon svg { width: 20px; height: 20px; }
.sepet-sayaci { background: #111; color: #fff; font-size: 10px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

/* Hamburger ve Tam Ekran Menü */
.luks-mobil-hamburger { display: none; flex-direction: column; justify-content: space-between; width: 26px; height: 14px; cursor: pointer; z-index: 100; }
.luks-mobil-hamburger span { width: 100%; height: 1px; background-color: #000; transition: all 0.3s ease; }
.luks-mobil-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fcfcfc; z-index: 999999; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.luks-mobil-overlay.menu-acik { opacity: 1; visibility: visible; transform: translateY(0); }
.mobil-menu-kapat { position: absolute; top: 30px; right: 30px; font-size: 45px; font-weight: 300; color: #111; cursor: pointer; transition: transform 0.3s ease; line-height: 1; }
.mobil-menu-kapat:hover { transform: scale(1.1) rotate(90deg); }
.mobil-menu-icerik { text-align: center; width: 100%; }
.luks-mobil-liste { list-style: none; padding: 0; margin: 0; }
.luks-mobil-liste li { margin-bottom: 25px; }
.luks-mobil-liste li a { text-decoration: none; color: #111; font-size: 22px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; transition: color 0.3s; }
.luks-mobil-liste li a:hover { color: #999; }
.mobil-menu-alt { margin-top: 60px; border-top: 1px solid #eaeaea; padding-top: 30px; }
.mobil-menu-alt p { font-size: 10px; color: #888; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; }
.mobil-menu-alt a { display: block; margin-bottom: 6px; font-size: 16px; color: #000; text-decoration: none; font-weight: 500; letter-spacing: 1px; }
.mobil-menu-alt a small { font-size: 11px; color: #888; font-weight: 400; letter-spacing: 0.5px; }


/* ==========================================================================
   4. ANA SAYFA (FRONT-PAGE) VİTRİN VE AKORDİYON
   ========================================================================== */
.hero-banner { position: relative; width: 100%; height: 90vh; background-image: url('https://images.unsplash.com/photo-1523170335258-f5ed11844a49?q=80&w=2000&auto=format&fit=crop'); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; margin-top: 0 !important; }
.hero-karanlik-perde { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6)); z-index: 1; }
.hero-icerik { position: relative; z-index: 2; padding: 0 20px; }
.hero-icerik h2 { font-size: 50px; color: #fff; margin-bottom: 20px; }
.hero-icerik p { font-size: 14px; font-weight: 300; letter-spacing: 2px; margin-bottom: 40px; color: #eaeaea; }
.btn-kesfet { display: inline-block; padding: 16px 45px; background-color: transparent; color: #fff; border: 1px solid #fff; text-decoration: none; text-transform: uppercase; font-size: 11px; letter-spacing: 4px; transition: all 0.4s ease; }
.btn-kesfet:hover { background-color: #fff; color: #000; }

/* Dinamik Akordiyon & Sanat Galerisi Efekti (Koleksiyonlar) */
.koleksiyon-ayrimi { display: flex; width: 100%; height: 75vh; overflow: hidden; background: #000; }
.koleksiyon-kutu { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; text-decoration: none; overflow: hidden; transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.8s ease; filter: grayscale(100%) brightness(0.6); }
.erkek-kutu { background: url('https://images.unsplash.com/photo-1614164185128-e4ec99c436d7?q=80&w=1500&auto=format&fit=crop') center/cover no-repeat; }
.kadin-kutu { background: url('https://images.unsplash.com/photo-1594534475808-b18fc33b045e?q=80&w=1500&auto=format&fit=crop') center/cover no-repeat; }
.koleksiyon-kutu::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5)); transition: background 0.8s ease; z-index: 1; }
.koleksiyon-ayrimi:hover .koleksiyon-kutu { filter: grayscale(100%) brightness(0.3); }
.koleksiyon-ayrimi .koleksiyon-kutu:hover { flex: 2.5; filter: grayscale(0%) brightness(1); }
.koleksiyon-ayrimi .koleksiyon-kutu:hover::before { background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)); }
.koleksiyon-icerik { position: relative; z-index: 2; text-align: center; color: #fff; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); }
.koleksiyon-icerik h3 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 32px; font-weight: 300; letter-spacing: 15px; margin-right: -15px; margin-bottom: 15px; text-shadow: 0 10px 20px rgba(0,0,0,0.5); }
.ince-cizgi { display: block; width: 0; height: 1px; background-color: #fff; margin: 0 auto 20px auto; transition: width 0.8s ease; }
.koleksiyon-icerik p { font-size: 11px; letter-spacing: 5px; text-transform: uppercase; opacity: 0; transform: translateY(15px); transition: all 0.5s ease 0.3s; }
.koleksiyon-kutu:hover .koleksiyon-icerik { transform: translateY(0); }
.koleksiyon-kutu:hover .ince-cizgi { width: 100px; }
.koleksiyon-kutu:hover .koleksiyon-icerik p { opacity: 1; transform: translateY(0); }

/* Vitrin Grid ve Atölye */
.vitrin-grid-alani { max-width: 1400px; margin: 100px auto; padding: 0 20px; text-align: center; }
.bolum-basligi { font-size: 22px; color: #111; margin-bottom: 70px; }
.tumunu-gor-alani { margin-top: 50px; }
.btn-tumunu-gor { color: #000; text-decoration: none; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 5px; transition: opacity 0.3s; }
.btn-tumunu-gor:hover { opacity: 0.5; }
.atolye-alani { background-color: #fafafa; padding: 120px 20px; text-align: center; border-top: 1px solid #eee; }
.atolye-metin { max-width: 700px; margin: 0 auto; }
.atolye-metin h3 { font-size: 22px; color: #111; margin-bottom: 30px; }
.atolye-metin p { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 30px; }
.link-alticizili { color: #000; text-decoration: none; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 5px; }


/* ==========================================================================
   5. WOOCOMMERCE KESİN DÜZELTMELER (BEYAZ KUTU, BİLDİRİMLER)
   ========================================================================== */
/* Bildirim ve Uyarılar */
.woocommerce-message, .woocommerce-info, .woocommerce-error { background-color: #fff !important; border: 1px solid #eaeaea !important; border-top: 2px solid #111 !important; color: #333 !important; padding: 20px 30px !important; display: flex !important; align-items: center; justify-content: space-between; font-size: 13px !important; letter-spacing: 1px; margin: 40px auto 60px auto !important; max-width: 1200px; border-radius: 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important; clear: both; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; }
.woocommerce-message .wc-forward, .woocommerce-info .wc-forward { order: 2; }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { background-color: #050505 !important; color: #fff !important; border: none !important; border-radius: 2px !important; padding: 14px 30px !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 3px !important; text-transform: uppercase !important; transition: all 0.3s ease !important; float: none !important; margin: 0 !important; }
.woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover { background-color: #444 !important; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important; }

/* Grid Düzeni ve İnatçı Beyaz Kutu/Gölge Çözümü */
.urun-grid-kapsayici .woocommerce ul.products, .related.products ul.products, .upsells.products ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 40px !important; }
.urun-grid-kapsayici .woocommerce ul.products::before, .urun-grid-kapsayici .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product, .woocommerce ul.products li.product:hover, .woocommerce ul.products li.product a, .woocommerce ul.products li.product a:hover { background-color: transparent !important; background: transparent !important; box-shadow: none !important; border: none !important; outline: none !important; text-align: center; }
.woocommerce ul.products li.product a::before, .woocommerce ul.products li.product a::after { display: none !important; }
.woocommerce ul.products li.product img { mix-blend-mode: multiply !important; background-color: transparent !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; margin-bottom: 20px; box-shadow: none !important; }
.woocommerce ul.products li.product:hover img { transform: scale(1.05) !important; background-color: transparent !important; filter: none !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600 !important; color: #111; margin-top: 20px; }
.woocommerce ul.products li.product .price { font-size: 13px !important; color: #777 !important; font-weight: 400 !important; margin-top: 8px; }
.woocommerce ul.products li.product .button { display: none !important; }


/* ==========================================================================
   6. KATALOG (SHOP) VE FİLTRE TASARIMI
   ========================================================================== */
.katalog-sayfasi { max-width: 1400px; margin: 40px auto 80px auto; padding: 0 20px; }
.katalog-baslik { text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea; }
.katalog-baslik h1 { font-size: 30px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; }

/* Marka sayfası başlığı: logo + tanıtım */
.katalog-baslik .marka-logo { display: block; width: auto; max-width: 220px; max-height: 90px; margin: 0 auto; }
/* Marka tanıtımı: kısa paragraf + tarz etiketleri (Ürünler > Markalar > açıklama: <p>…</p><ul><li>Klasik</li>…</ul>) */
.marka-tanitim { max-width: 640px; margin: 28px auto 0 auto; text-align: center; color: #555; }
.marka-tanitim p { margin: 0 0 22px 0; font-size: 16px; line-height: 1.85; }
.marka-tanitim ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.marka-tanitim li { padding: 7px 14px; border: 1px solid #e3e3e3; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #333; }
.marka-tanitim strong { color: #111; font-weight: 600; }
.katalog-icerik.filtresiz { grid-template-columns: 1fr; }
.bos-koleksiyon { max-width: 560px; margin: 10px auto 40px; text-align: center; color: #555; font-size: 15px; line-height: 1.8; }
.bos-koleksiyon p { margin: 0 0 6px; }
.bos-koleksiyon-linkler { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; margin-top: 26px; }
.bos-koleksiyon-ikincil { color: #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #111; padding-bottom: 3px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.katalog-icerik { display: grid; grid-template-columns: 250px 1fr; gap: 50px; }

/* Filtre paneli (inc/katalog-filtre.php): masaüstünde yapışkan kenar çubuğu, açılır-kapanır gruplar */
.katalog-filtreler { align-self: start; position: sticky; top: 30px; max-height: calc(100vh - 60px); overflow-x: hidden; overflow-y: auto; padding-right: 14px; scrollbar-width: thin; }
.filtre-panel-ust { display: none; }
.katalog-filtreler .filtre-grubu { border-bottom: 1px solid #eaeaea; }
.katalog-filtreler summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 16px 0; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; color: #000; }
.katalog-filtreler summary::-webkit-details-marker { display: none; }
.katalog-filtreler summary::after { content: ''; margin-left: auto; width: 6px; height: 6px; border-right: 1px solid #111; border-bottom: 1px solid #111; transform: translateY(-2px) rotate(45deg); transition: transform 0.25s ease; }
.katalog-filtreler details[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.filtre-grup-sayi { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #111; color: #fff; font-size: 10px; letter-spacing: 0; line-height: 18px; text-align: center; }
.katalog-filtreler ul { list-style: none; padding: 0 0 14px 0; margin: 0; }
.katalog-filtreler label { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 13px; color: #555; cursor: pointer; }
.katalog-filtreler input[type="checkbox"] { -webkit-appearance: none; appearance: none; flex: none; width: 15px; height: 15px; margin: 0; border: 1px solid #b5b5b5; background: #fff no-repeat center / 11px; cursor: pointer; transition: all 0.2s ease; }
.katalog-filtreler input[type="checkbox"]:checked { border-color: #111; background-color: #111; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5 9-10"/></svg>'); }
.katalog-filtreler input[type="checkbox"]:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.katalog-filtreler label:hover .filtre-etiket, .katalog-filtreler input:checked ~ .filtre-etiket { color: #000; }
.katalog-filtreler input:checked ~ .filtre-etiket { font-weight: 600; }
.filtre-renk { flex: none; width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15); }
.filtre-adet { margin-left: auto; font-size: 11px; color: #aaa; }
.filtre-panel-alt { display: flex; gap: 12px; padding-top: 20px; }
.sk-filtre-form.js-hazir .filtre-panel-alt { display: none; } /* masaüstünde seçim anında uygulanır */
.filtre-temizle { flex: none; display: inline-flex; align-items: center; padding: 0 18px; border: 1px solid #111; color: #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
.filtre-uygula { flex: 1; padding: 15px; border: none; background: #111; color: #fff; font-family: inherit; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; }
.filtre-uygula:disabled { opacity: 0.35; cursor: default; }
.filtre-perde { display: none; }

/* Ürünlerin üstü: ürün sayısı, sıralama, seçili filtre etiketleri */
.katalog-arac-cubugu { display: flex; align-items: center; gap: 16px; margin-bottom: 30px; padding-bottom: 12px; border-bottom: 1px solid #eaeaea; }
.katalog-sonuc { margin: 0; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #777; }
.katalog-arac-cubugu .woocommerce-ordering { margin: 0 0 0 auto !important; }
.filtre-ac { display: none; }
.filtre-etiketleri { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: -14px 0 30px 0; padding: 0; }
.filtre-etiketleri a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid #111; color: #111; font-size: 11px; letter-spacing: 1px; text-decoration: none; transition: all 0.2s ease; }
.filtre-etiketleri a:hover { background: #111; color: #fff; }
.filtre-etiketleri a.filtre-etiketleri-temizle { border-color: transparent; color: #777; text-decoration: underline; text-underline-offset: 3px; }
.filtre-etiketleri a.filtre-etiketleri-temizle:hover { background: none; color: #000; }
.katalog-urunler .bulunamadi a { color: #111; }

/* Sayfalama */
.katalog-urunler .woocommerce-pagination { margin-top: 60px; text-align: center; }
.katalog-urunler .woocommerce-pagination ul.page-numbers { display: inline-flex; gap: 4px; border: none !important; margin: 0; }
.katalog-urunler .woocommerce-pagination ul.page-numbers li { border: none !important; }
.katalog-urunler .woocommerce-pagination ul.page-numbers li a, .katalog-urunler .woocommerce-pagination ul.page-numbers li span { min-width: 40px; padding: 11px 12px; font-size: 12px; letter-spacing: 1px; color: #555; background: none !important; }
.katalog-urunler .woocommerce-pagination ul.page-numbers li span.current { color: #000; font-weight: 600; box-shadow: inset 0 -1px 0 #111; }
.katalog-urunler .woocommerce-pagination ul.page-numbers li a:hover { color: #000; }

/* Kategori SSS (Erkek / Kadın sayfalarının altı — inc/kategori-sss.php) */
.kategori-sss { max-width: 860px; margin: 90px auto 0; padding-top: 50px; border-top: 1px solid #eaeaea; }
.kategori-sss .kategori-sss-baslik { margin: 0 0 30px; text-align: center; font-size: 18px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; color: #000; }
.kategori-sss-madde { border-bottom: 1px solid #eaeaea; }
.kategori-sss-madde summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px; padding: 20px 0; }
.kategori-sss-madde summary::-webkit-details-marker { display: none; }
.kategori-sss-madde summary h3 { margin: 0; font-size: 15px; font-weight: 500; letter-spacing: 0.3px; line-height: 1.5; color: #111; }
.kategori-sss-madde summary::after { content: ''; flex: none; margin-left: auto; width: 7px; height: 7px; border-right: 1px solid #111; border-bottom: 1px solid #111; transform: translateY(-2px) rotate(45deg); transition: transform 0.25s ease; }
.kategori-sss-madde[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.kategori-sss-madde summary:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.kategori-sss-cevap { padding: 0 30px 22px 0; font-size: 14px; line-height: 1.8; color: #555; }
.kategori-sss-cevap p { margin: 0 0 10px; }
.kategori-sss-cevap ul { margin: 0 0 10px; padding-left: 18px; }
.kategori-sss-cevap a { color: #111; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768px) {
    .kategori-sss { margin-top: 60px; padding-top: 36px; }
    .kategori-sss .kategori-sss-baslik { font-size: 15px; letter-spacing: 3px; }
    .kategori-sss-madde summary h3 { font-size: 14px; }
    .kategori-sss-cevap { padding-right: 0; }
}

/* Sıralama Menüsü (Dropdown) */
.woocommerce-ordering { margin-bottom: 40px !important; }
.woocommerce-ordering select { background-color: transparent !important; border: none !important; border-bottom: 1px solid #111 !important; border-radius: 0 !important; padding: 10px 30px 10px 0 !important; font-size: 11px !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #111 !important; cursor: pointer; outline: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>') !important; background-repeat: no-repeat !important; background-position: right center !important; }

/* Filtre Widgetleri */
.widget-area .widget { margin-bottom: 50px; }
.widget-area .widget-title { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; color: #000; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.widget-area .widget ul { list-style: none; padding: 0; margin: 0; }
.widget-area .widget ul li { padding-bottom: 12px; }
.widget-area .widget ul li a { text-decoration: none; color: #666; font-size: 13px; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; }
.widget-area .widget ul li a:hover { color: #000; font-weight: 500; }
.widget-area .widget ul li .count { font-size: 10px; color: #aaa; }
.widget_price_filter .ui-slider .ui-slider-range { background-color: #000 !important; }
.widget_price_filter .ui-slider .ui-slider-handle { background-color: #fff !important; border: 2px solid #000 !important; border-radius: 50% !important; }
.widget_price_filter .price_slider_amount .button { background-color: transparent !important; color: #000 !important; font-size: 10px !important; letter-spacing: 2px !important; border: 1px solid #000 !important; text-transform: uppercase !important; padding: 8px 15px !important; border-radius: 0 !important; }


/* ==========================================================================
   7. TEKİL ÜRÜN SAYFASI (SINGLE PRODUCT)
   ========================================================================== */
.luks-tekil-urun { display: block; width: 100%; align-items: start !important; }
.woocommerce-breadcrumb { display: none !important; }

/* Editoryal Başlık */
.luks-vitrin-intro { text-align: center; padding: 30px 20px 40px 20px; background-color: #fdfdfd; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.luks-yonlendirme { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: #a0a0a0; margin-bottom: 25px; }
.luks-yonlendirme a { color: #000; text-decoration: none; font-weight: 500; transition: color 0.3s; }
.luks-yonlendirme a:hover { color: #a0a0a0; }
.luks-yonlendirme .ayrac { margin: 0 15px; color: #ccc; font-weight: 300; }
.luks-yonlendirme .aktif { color: #666; }
.luks-kisa-aciklama { position: relative; max-width: 700px; margin-top: 40px; padding: 0 45px; font-size: 25px; line-height: 1.9; font-weight: 400; color: #222; font-style: italic; font-family: 'Georgia', 'Times New Roman', serif; }
.luks-kisa-aciklama::before { content: '\201C'; font-family: 'Georgia', serif; font-size: 60px; color: #e0e0e0; position: absolute; left: -10px; top: -15px; line-height: 1; }
.luks-kisa-aciklama::after { content: '\201D'; font-family: 'Georgia', serif; font-size: 60px; color: #e0e0e0; position: absolute; right: -10px; bottom: -40px; line-height: 1; }
/* Kısa açıklamada madde listesi varsa: ortalı alıntının altında sola hizalı, düz yazı tipiyle */
.luks-kisa-aciklama p { margin: 0; }
.luks-kisa-aciklama ul, .luks-kisa-aciklama ol { display: inline-block; text-align: left; margin: 18px auto 0 auto; padding-left: 1.2em; font-family: inherit; font-style: normal; font-size: 15px; line-height: 1.8; color: #444; }
.luks-kisa-aciklama li { margin-bottom: 4px; }

/* Sınırsız Kayan Galeri */
.luks-kayan-galeri-kapsayici { width: 100%; overflow: hidden; background: #fdfdfd; padding: 60px 0; white-space: nowrap; position: relative; border-bottom: 1px solid #eaeaea; }
.luks-kayan-galeri { display: inline-flex; animation: sonsuzKaydirma 40s linear infinite; }
.luks-kayan-galeri:hover { animation-play-state: paused; }
@keyframes sonsuzKaydirma { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.galeri-item { display: inline-block; width: 320px; flex-shrink: 0; cursor: zoom-in; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; margin-right: 80px; }
.galeri-item img { width: 100%; height: auto; max-height: 450px; object-fit: contain; mix-blend-mode: multiply !important; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15)) !important; transition: transform 0.4s ease; }
.galeri-item:hover img { transform: scale(1.08); }
.urun-gorsel-kolonu .woocommerce-product-gallery { float: none !important; width: 100% !important; margin: 0 !important; }

/* Lightbox Cam Ekran */
.luks-lightbox { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px); align-items: center; justify-content: center; }
.luks-lightbox-icerik { max-width: 90%; max-height: 85vh; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 30px 50px rgba(0,0,0,0.2)); animation: luksZoom 0.4s ease; }
@keyframes luksZoom { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.luks-kapat { position: absolute; top: 30px; right: 50px; color: #111; font-size: 45px; font-weight: 300; cursor: pointer; transition: color 0.3s; }

/* Sticky (Buzlu Cam) Satın Alma Çubuğu */
.sabit-alt-cubuk { position: sticky; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.88); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 -15px 40px rgba(0,0,0,0.06); display: flex; justify-content: space-between; align-items: center; padding: 22px 5vw; z-index: 9999; }
.cubuk-sol { display: flex; flex-direction: column; gap: 6px; width: 33%; }
.cubuk-marka, .cubuk-ref { font-size: 11px; color: #444; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; }
.cubuk-baslik { font-size: 21px; font-weight: 600; margin: 0 !important; color: #000; letter-spacing: 1px; }
.cubuk-orta { width: 33%; text-align: center; }
.cubuk-orta .price { font-size: 25px; font-weight: 700; color: #000; margin: 0 !important; letter-spacing: 1.5px; }
.cubuk-sag { width: 33%; display: flex; justify-content: flex-end; }
.cubuk-sag form.cart { display: flex; margin: 0 !important; }
.cubuk-sag button.single_add_to_cart_button { background-color: #050505 !important; color: #fff !important; border: none !important; border-radius: 3px !important; padding: 22px 55px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 4px !important; text-transform: uppercase !important; transition: all 0.4s ease !important; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; }
.cubuk-sag button.single_add_to_cart_button:hover { background-color: #222 !important; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(0,0,0,0.25) !important; }
.cubuk-sag .quantity { display: none !important; }
/* "1 adet stokta" yazısı: butonun solunda küçük ve tek satır */
.cubuk-sag { align-items: center; }
.cubuk-sag .stock { margin: 0 14px 0 0 !important; font-size: 11px; line-height: 1.3; white-space: nowrap; color: #2e7d32; }
.cubuk-sag .stock.out-of-stock { color: #b32d2e; }

/* Swatch Butonları (Varyasyonlar) */
table.variations select { display: none !important; }
.cubuk-sag table.variations { margin: 0 !important; padding: 0 !important; border: none !important; }
.cubuk-sag table.variations tbody, .cubuk-sag table.variations tr, .cubuk-sag table.variations td { display: flex; align-items: center; gap: 10px; border: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
.cubuk-sag table.variations th { display: none !important; }
.luks-swatches-alani { display: flex; flex-wrap: wrap; gap: 8px; margin-right: 20px; }
.luks-swatch-buton { border: 1px solid rgba(0,0,0,0.15); background-color: transparent; color: #333; padding: 10px 16px; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; border-radius: 3px; }
.luks-swatch-buton:hover, .luks-swatch-buton.aktif-swatch { border-color: #000; color: #000; }
.luks-swatch-buton.aktif-swatch { background-color: #000; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
.reset_variations { font-size: 10px !important; letter-spacing: 1px; text-transform: uppercase; color: #888 !important; text-decoration: none !important; margin-left: 10px; }
.reset_variations:hover { color: #111 !important; }

/* Teknik Özellikler ve Sekmeler (Tabs) */
.teknik-ozellikler-alani { max-width: 1400px; margin: 60px auto 120px auto; padding: 40px 20px; }
.teknik-baslik { text-align: center; font-size: 15px; letter-spacing: 4px; font-weight: 500; margin-bottom: 60px; color: #111; }
.urun-aciklama-alani { max-width: 900px; margin: 60px auto 0 auto; padding: 40px 20px 0 20px; }
.urun-aciklama-alani .teknik-baslik { margin-bottom: 30px; }
.urun-aciklama-metni { font-size: 14px; line-height: 1.9; color: #555; font-weight: 300; }
.urun-aciklama-metni p { margin-bottom: 16px; }
.teknik-grid { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 50px; column-gap: 80px; max-width: 900px; margin: 0 auto; }
.teknik-kalem { display: flex; align-items: center; gap: 25px; }
.teknik-ikon svg { width: 45px !important; height: 45px !important; display: block !important; }
.teknik-metin { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.teknik-isim { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: #000; text-transform: uppercase; }
.teknik-deger { font-size: 15px; font-weight: 400; color: #333; }

/* Taksit seçenekleri (inc/taksit-tablosu.php — içerik PayTR'den gelir) */
.urun-kisayollar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 28px; margin-top: 28px; }
.taksit-kisayol { display: inline-block; font-size: 12px; letter-spacing: 1px; color: #111; text-decoration: underline; text-underline-offset: 4px; }
.taksit-kisayol:hover { color: #666; }
.whatsapp-kisayol { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; letter-spacing: 1px; color: #128c4a; text-decoration: none; }
.whatsapp-kisayol:hover { color: #0b6b37; text-decoration: underline; text-underline-offset: 4px; }

/* WhatsApp butonu (inc/whatsapp.php): sağ alt; ürün sayfasında satın alma çubuğunun üstünde */
.sk-whatsapp { position: fixed; right: 20px; bottom: 20px; z-index: 9998; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 18px 0 14px; border-radius: 26px; background: #25d366; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; box-shadow: 0 8px 24px rgba(0,0,0,0.18); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.sk-whatsapp:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,0.22); }
.single-product .sk-whatsapp { bottom: calc(var(--sk-cubuk, 100px) + 16px); } /* --sk-cubuk: inc/whatsapp.php */
.iletisim-hat-no a { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 26px; letter-spacing: 1.5px; color: #111; text-decoration: none; font-weight: 500; }

/* Müşteri hattı numarası: "72 28" kırmızı, altında tuş takımı harfleri S A A T (inc/seo.php → sk_iletisim_hatti_html) */
.hat-no { display: inline-block; white-space: nowrap; padding-bottom: 0.62em; font-variant-numeric: tabular-nums; }
.hat-saat { color: #e31e24; font-weight: 600; }
.hat-hane { position: relative; display: inline-block; }
.hat-hane::after { content: attr(data-harf); position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 1px; font-size: 0.46em; line-height: 1; font-weight: 700; letter-spacing: 0; color: #e31e24; }
/* 724'ün altında "7/24" (SAAT ile aynı stil) */
.hat-724 { position: relative; display: inline-block; }
.hat-724::after { content: attr(data-alt); position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 1px; font-size: 0.46em; line-height: 1; font-weight: 700; letter-spacing: 0.5px; white-space: nowrap; color: #e31e24; }

/* Footer: müşteri hattı mağaza numaralarından ayrı, çerçeveli kutu */
.yf .yf-hat { margin: 4px 0 22px 0; padding: 14px 16px 12px 16px; border: 1px solid #3a3a3a; border-left: 3px solid #e31e24; border-radius: 4px; background: rgba(255,255,255,0.03); }
.yf .yf-hat-baslik { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #9a9a9a; margin-bottom: 6px; }
.yf .yf-hat-no { display: inline-block; color: #fff; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 22px; letter-spacing: 1px; text-decoration: none; }
.yf .yf-hat-whatsapp { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12px; color: #25d366; text-decoration: none; }
.yf .yf-hat-whatsapp:hover { color: #5ee08f; }

/* Mobil menü: müşteri hattı büyük, WhatsApp yeşil */
.mobil-menu-alt a.mobil-hat { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 22px; letter-spacing: 1px; margin-bottom: 4px; }
.mobil-menu-alt a.mobil-whatsapp { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #128c4a; margin-bottom: 12px; }

/* İletişim formu bildirimleri */
.iletisim-mesaj { font-size: 14px; line-height: 1.6; padding: 14px 16px; border-left: 3px solid; margin-bottom: 26px; }
.iletisim-tamam { border-color: #2e7d32; background: #f1f8f1; color: #1b5e20; }
.iletisim-hata { border-color: #c62828; background: #fdf3f3; color: #8e1c1c; }
.iletisim-kvkk { font-size: 11px; color: #888; margin: -10px 0 0 0; }
.iletisim-kvkk a { color: #555; }
.iletisim-whatsapp { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 12px 20px; background: #25d366; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 3px; }
.iletisim-whatsapp:hover { background: #1fb457; color: #fff; }
.taksit-alani { max-width: 900px; margin: 60px auto 0 auto; scroll-margin-top: 20px; }
.taksit-alani > summary { list-style: none; cursor: pointer; margin: 0; padding: 18px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; user-select: none; }
.taksit-alani > summary::-webkit-details-marker { display: none; }
.taksit-alani > summary::after { content: '+'; display: inline-block; margin-left: 12px; font-weight: 300; letter-spacing: 0; }
.taksit-alani[open] > summary::after { content: '\2212'; }
#paytr_taksit_tablosu { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; margin-top: 24px; font-size: 12px; }
#paytr_taksit_tablosu .taksit-tablosu-wrapper { border: 1px solid #e6e6e6; background: #fff; padding: 14px; text-align: center; }
#paytr_taksit_tablosu .taksit-logo img { max-height: 26px; width: auto; margin-bottom: 10px; }
#paytr_taksit_tablosu .taksit-baslik, #paytr_taksit_tablosu .taksit-tutar-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
#paytr_taksit_tablosu .taksit-tutari-text { color: #999; font-size: 11px; padding-bottom: 6px; }
#paytr_taksit_tablosu .taksit-tutar-wrapper { background: #f7f7f7; border-top: 2px solid #fff; }
#paytr_taksit_tablosu .taksit-tutar-wrapper:hover { background: #eee; }
#paytr_taksit_tablosu .taksit-tutari { padding: 7px 4px; color: #333; }
#paytr_taksit_tablosu .taksit-tutari-bold { font-weight: 700; }
.taksit-durum { grid-column: 1 / -1; text-align: center; color: #888; margin: 10px 0; }
.taksit-not { font-size: 11px; color: #888; text-align: center; margin: 16px 0 0 0; }

.woocommerce-tabs { max-width: 1000px; margin: 80px auto 100px auto; padding: 0 20px; text-align: center; }
.woocommerce-tabs ul.tabs { list-style: none !important; padding: 0 !important; margin: 0 0 50px 0 !important; display: flex; justify-content: center; gap: 60px; border: none !important; }
.woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce-tabs ul.tabs li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; }
.woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-tabs ul.tabs li a { color: #999 !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; padding-bottom: 10px; transition: all 0.3s ease; }
.woocommerce-tabs ul.tabs li.active a { color: #000 !important; border-bottom: 2px solid #000; }
.woocommerce-Tabs-panel { font-size: 15px; line-height: 1.8; color: #555; font-weight: 300; text-align: left; }
.woocommerce-Tabs-panel h2 { display: none; }
.related.products > h2, .upsells.products > h2 { text-align: center; font-size: 16px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: #111; margin-bottom: 60px; }


/* ==========================================================================
   8. MİNİ SEPET (ÇEKMECE) KARİZMATİK TASARIMI VE KESİN (X) DÜZELTMESİ
   ========================================================================== */
.luks-sepet-arkaplan { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 99998; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.luks-sepet-arkaplan.arkaplan-aktif { opacity: 1; visibility: visible; }
.luks-yan-sepet { position: fixed; top: 0; right: -450px; width: 400px; max-width: 90vw; height: 100vh; background: #fff; z-index: 99999; box-shadow: -15px 0 40px rgba(0,0,0,0.08); transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1); display: flex; flex-direction: column; }
.luks-yan-sepet.sepet-acik { right: 0; }
.yan-sepet-ust { display: flex; justify-content: space-between; align-items: center; padding: 30px; border-bottom: 1px solid #eaeaea; }
.yan-sepet-ust h3 { margin: 0; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 500; }
.yan-sepet-kapat { font-size: 35px; font-weight: 300; cursor: pointer; line-height: 1; color: #111; transition: transform 0.3s ease; }
.yan-sepet-kapat:hover { transform: scale(1.2); }

.yan-sepet-icerik .widget_shopping_cart_content { display: flex; flex-direction: column; height: 100%; }
ul.woocommerce-mini-cart { flex-grow: 1; overflow-y: auto; padding-right: 15px !important; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item { position: relative !important; padding-top: 25px !important; padding-bottom: 25px !important; padding-left: 95px !important; padding-right: 45px !important; border-bottom: 1px solid #f0f0f0 !important; min-height: 110px; display: flex; flex-direction: column; justify-content: center; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item img { position: absolute !important; top: 30px !important; left: 0 !important; width: 75px !important; height: auto !important; margin: 0 !important; mix-blend-mode: multiply !important; box-shadow: none !important; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item > a:not(.remove) { font-family: 'Jost', 'Century Gothic', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #111 !important; margin-bottom: 8px !important; padding-right: 25px !important; line-height: 1.5 !important; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item .quantity { font-size: 14px !important; color: #777 !important; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item .quantity .amount { font-size: 14px !important; color: #000 !important; font-weight: 500 !important; }

/* Kırmızı X İşaretinin Yanda Ortalanması */
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; right: 5px !important; left: auto !important; color: #999 !important; font-size: 22px !important; font-weight: 300 !important; line-height: 1 !important; width: 28px !important; height: 28px !important; background: transparent !important; border: none !important; z-index: 99 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; }
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove:hover { color: #fff !important; background: #111 !important; border-radius: 50% !important; text-decoration: none !important; }

.woocommerce-mini-cart__total { border-top: 1px solid #111 !important; border-bottom: none !important; padding: 30px 0 20px 0 !important; margin-top: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; }
.woocommerce-mini-cart__total strong { font-family: 'Jost', 'Century Gothic', sans-serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #888 !important; }
.woocommerce-mini-cart__total .woocommerce-Price-amount { font-size: 18px !important; color: #111 !important; font-weight: 400 !important; }
.woocommerce-mini-cart__buttons { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 20px !important; }
.woocommerce-mini-cart__buttons .button { width: 100% !important; padding: 18px !important; font-family: 'Jost', 'Century Gothic', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 4px !important; text-transform: uppercase !important; border-radius: 0 !important; transition: all 0.4s ease !important; margin: 0 !important; text-align: center; }
.woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent !important; color: #111 !important; border: 1px solid #eaeaea !important; }
.woocommerce-mini-cart__buttons .button:not(.checkout):hover { border-color: #111 !important; background: #fafafa !important; }
.woocommerce-mini-cart__buttons .checkout { background: #050505 !important; color: #fff !important; border: 1px solid #050505 !important; }
.woocommerce-mini-cart__buttons .checkout:hover { background: #222 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important; transform: translateY(-2px); }


/* ==========================================================================
   9. SEPET (CART) VE ÖDEME (CHECKOUT) SAYFALARI
   ========================================================================== */
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce { max-width: 1200px; margin: 60px auto 100px auto; padding: 0 20px; }
.woocommerce-cart table.shop_table { border: none !important; border-radius: 0 !important; border-collapse: collapse; }
.woocommerce-cart table.shop_table th { font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #888; border: none; border-bottom: 1px solid #000 !important; padding: 15px 0; }
.woocommerce-cart table.shop_table td { border: none; border-bottom: 1px solid #eaeaea !important; padding: 25px 0; vertical-align: middle; }
.woocommerce-cart table.shop_table td.product-thumbnail img { width: 80px; mix-blend-mode: multiply; box-shadow: none !important; }
.woocommerce-cart table.shop_table td.product-name a { font-size: 15px; font-weight: 500; color: #111; text-decoration: none; letter-spacing: 1px; }
.woocommerce-cart table.shop_table td.product-remove a { color: #999 !important; font-size: 20px; font-weight: 300; }
.woocommerce-cart table.shop_table td.product-remove a:hover { color: #ff0000 !important; background: transparent !important; }

.cart-collaterals { margin-top: 50px; }
.cart-collaterals .cart_totals { float: right; width: 40%; background: #fdfdfd; padding: 40px; border: 1px solid #f0f0f0; }
.cart-collaterals .cart_totals h2 { font-size: 16px; letter-spacing: 3px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 30px; }
.woocommerce-cart .checkout-button { background-color: #050505 !important; color: #fff !important; padding: 20px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; border-radius: 2px !important; width: 100%; text-align: center; transition: all 0.4s ease !important; }
.woocommerce-cart .checkout-button:hover { background-color: #222 !important; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }

/* Checkout Lüks Formlar */
.woocommerce-checkout form .form-row label { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #555; font-weight: 500; margin-bottom: 8px; }
.woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form .form-row select, .woocommerce-checkout form .form-row textarea { border: 1px solid #ddd !important; border-radius: 0 !important; padding: 15px 15px !important; font-size: 14px; background: #fafafa; color: #333; transition: border 0.3s ease; }
.woocommerce-checkout form .form-row input.input-text:focus, .woocommerce-checkout form .form-row textarea:focus { border-color: #000 !important; outline: none !important; background: #fff; }

/* Ödeme: bilek ölçüsü ve hediye notu (inc/siparis-ekleri.php) */
.sk-siparis-ekleri { margin-top: 30px; padding-top: 26px; border-top: 1px solid #eaeaea; }
.sk-siparis-ekleri h3 { margin: 0 0 16px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: #111; }
.sk-ek { margin-bottom: 12px; padding: 14px 16px; border: 1px solid #e5e5e5; }
.woocommerce-checkout form .sk-ek .sk-ek-secim { margin: 0; padding: 0; }
.woocommerce-checkout form .sk-ek .sk-ek-secim label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; letter-spacing: 0; text-transform: none; color: #111; cursor: pointer; }
.sk-ek .sk-ek-secim input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: #111; flex: none; }
.sk-teslim-bilgi { display: block; margin: 3px 0 6px 24px; font-size: 12px; line-height: 1.5; color: #777; }
.sk-siparis-ekleri .optional { display: none; } /* "(isteğe bağlı)" ibaresi: bölümün tamamı zaten isteğe bağlı */
.sk-ek-detay { margin-top: 14px; overflow: hidden; }
.sk-ek-detay[hidden] { display: none; }
.sk-ek-aciklama { clear: both; margin: 4px 0 0; font-size: 12px; line-height: 1.6; color: #777; }
.sk-siparis-ekleri-ozet { margin: 30px 0; padding: 20px 24px; border: 1px solid #eaeaea; }
.sk-siparis-ekleri-ozet h2 { margin: 0 0 12px; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }
.sk-siparis-ekleri-ozet p { margin: 6px 0; font-size: 14px; line-height: 1.6; }
#order_review_heading { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; margin-top: 40px; padding-bottom: 15px; border-bottom: 2px solid #000; }
#order_review { background: #fdfdfd; padding: 40px; border: 1px solid #eaeaea; margin-top: 20px; }
#payment { background: #f9f9f9 !important; border-radius: 0 !important; }
#payment div.payment_box { background-color: #fff !important; color: #555 !important; box-shadow: none !important; border: 1px solid #eee; font-size: 13px; }
#payment div.payment_box::before { display: none !important; }
#place_order { background-color: #050505 !important; color: #fff !important; padding: 22px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 4px !important; text-transform: uppercase !important; border-radius: 2px !important; width: 100%; margin-top: 20px; transition: all 0.4s ease !important; }
#place_order:hover { background-color: #222 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; transform: translateY(-2px); }


/* ==========================================================================
   10. HESABIM (MY ACCOUNT) - YENİ NESİL YATAY (HORIZONTAL) VİTRİN
   ========================================================================== */
.woocommerce-account .woocommerce { display: flex; flex-direction: column !important; align-items: center; max-width: 1000px; margin: 60px auto 120px auto; padding: 0 20px; }
.woocommerce-MyAccount-navigation { width: 100% !important; border-right: none !important; border-bottom: 1px solid #eaeaea !important; padding-right: 0 !important; margin-bottom: 60px; }
.woocommerce-MyAccount-navigation ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; list-style: none; padding: 0; margin: 0; }
.woocommerce-MyAccount-navigation ul li { margin-bottom: 0 !important; border: none !important; }
.woocommerce-MyAccount-navigation ul li a { font-family: 'Jost', 'Century Gothic', sans-serif !important; display: inline-block; padding: 15px 0 !important; color: #999 !important; font-size: 11px !important; letter-spacing: 4px !important; text-transform: uppercase !important; text-decoration: none !important; transition: color 0.4s ease !important; position: relative; }
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover { color: #000 !important; font-weight: 600 !important; padding-left: 0 !important; }
.woocommerce-MyAccount-navigation ul li.is-active a::before { display: none !important; }
.woocommerce-MyAccount-navigation ul li.is-active a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; }
.woocommerce-MyAccount-content { width: 100% !important; max-width: 800px; text-align: center; }
.woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content legend { font-family: 'Jost', 'Century Gothic', sans-serif !important; text-align: center; font-size: 22px !important; letter-spacing: 6px !important; font-weight: 300 !important; margin-bottom: 40px !important; color: #111 !important; text-transform: uppercase !important; }
.woocommerce-MyAccount-content p { text-align: center; font-size: 14px; color: #555; }
.woocommerce-MyAccount-content mark { background: transparent !important; font-weight: 600; color: #000; }
.woocommerce-MyAccount-content table, .woocommerce-MyAccount-content form { text-align: left; margin-top: 30px; }
.woocommerce-MyAccount-content .u-columns { display: flex; gap: 40px; justify-content: center; text-align: left; }
.woocommerce-MyAccount-content .u-column1, .woocommerce-MyAccount-content .u-column2 { width: 48% !important; float: none !important; }

/* Sipariş Tabloları */
.woocommerce-MyAccount-content table.shop_table { border: none !important; border-radius: 0 !important; margin-top: 20px; }
.woocommerce-MyAccount-content table.shop_table th { font-family: 'Jost', 'Century Gothic', sans-serif !important; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #888; border: none !important; border-bottom: 1px solid #111 !important; padding: 20px 0; }
.woocommerce-MyAccount-content table.shop_table td { border: none !important; border-bottom: 1px solid #f0f0f0 !important; padding: 25px 0; font-size: 13px; color: #111; }
.woocommerce-MyAccount-content table.shop_table td .button { background: transparent !important; color: #111 !important; border: 1px solid #111 !important; padding: 10px 20px !important; font-size: 9px !important; letter-spacing: 2px !important; text-transform: uppercase !important; border-radius: 0 !important; transition: all 0.3s ease !important; }
.woocommerce-MyAccount-content table.shop_table td .button:hover { background: #111 !important; color: #fff !important; }

/* Formlar */
.woocommerce-MyAccount-content form .form-row label { font-family: 'Jost', 'Century Gothic', sans-serif !important; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #777; margin-bottom: 8px; }
.woocommerce-MyAccount-content form .form-row input.input-text, .woocommerce-MyAccount-content form .form-row select, .woocommerce-MyAccount-content form .form-row textarea { background: transparent !important; border: none !important; border-bottom: 1px solid #ddd !important; border-radius: 0 !important; padding: 15px 0 !important; font-size: 15px; color: #111; box-shadow: none !important; transition: border-color 0.3s ease; }
.woocommerce-MyAccount-content form .form-row input.input-text:focus, .woocommerce-MyAccount-content form .form-row textarea:focus { border-bottom: 1px solid #111 !important; outline: none !important; }
.woocommerce-MyAccount-content form button[type="submit"] { background: #050505 !important; color: #fff !important; font-family: 'Jost', 'Century Gothic', sans-serif !important; padding: 16px 45px !important; font-size: 11px !important; letter-spacing: 4px !important; text-transform: uppercase !important; border: none !important; border-radius: 0 !important; margin-top: 30px; transition: all 0.4s ease !important; }
.woocommerce-MyAccount-content form button[type="submit"]:hover { background: #222 !important; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }


/* ==========================================================================
   11. FOOTER (ALT BİLGİ)
   ========================================================================== */
.back-to-top { background-color: #f2f2f2; color: #333; text-align: center; padding: 20px 0; font-size: 11px; letter-spacing: 2px; cursor: pointer; text-transform: uppercase; transition: background 0.3s ease; }
.back-to-top:hover { background-color: #e5e5e5; }
.wos-style-footer { background-color: #f7f7f7; padding: 60px 20px 40px 20px; color: #555; font-size: 13px; }
.footer-main { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; max-width: 1400px; margin: 0 auto; border-bottom: 1px solid #e0e0e0; padding-bottom: 50px; }
.footer-col h4 { font-size: 12px; font-weight: 500; letter-spacing: 1.5px; margin-bottom: 25px; color: #111; text-transform: uppercase; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a { text-decoration: none; color: #666; transition: color 0.3s; }
.footer-col ul li a:hover { color: #000; }
.social-icons { margin-bottom: 35px; }
.social-icons a { font-weight: bold; text-decoration: none; color: #111; margin-right: 15px; font-size: 14px; letter-spacing: 1px; }
.newsletter-col p { line-height: 1.6; margin-bottom: 20px; color: #555; }
.btn-signup { background-color: transparent; border: 1px solid #ccc; padding: 14px 20px; width: 100%; font-size: 11px; letter-spacing: 2px; cursor: pointer; text-transform: uppercase; transition: all 0.3s; }
.btn-signup:hover { background-color: #111; color: #fff; border-color: #111; }
.footer-payments { max-width: 1400px; margin: 30px auto; padding: 0 20px; display: flex; justify-content: center; }
.footer-payments img { display: block; width: 100%; max-width: 520px; height: auto; }
.footer-logo { max-width: 1400px; margin: 0 auto 20px auto; }
.footer-logo img { display: block; height: 40px; width: auto; }
.footer-legal { max-width: 1400px; margin: 0 auto; border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; font-size: 10px; color: #777; line-height: 1.8; }
.footer-legal p { margin-bottom: 10px; }
.footer-brands { max-width: 1400px; margin: 45px auto 0 auto; text-align: center; }
.footer-brands h4 { font-size: 11px; font-weight: 500; letter-spacing: 3px; color: #999; margin: 0 0 30px 0; }
.footer-brands-grid { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px 48px; }
.footer-brands-grid li { width: 110px; height: 46px; display: flex; align-items: center; justify-content: center; }
/* Logolar siyah; gri tona çekilir, bağlantı değildir */
.footer-brands-grid img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: 0.42; pointer-events: none; user-select: none; }
/* Bülten formu */
.bulten-form input[type="email"] { width: 100%; box-sizing: border-box; background: #fff; border: 1px solid #ccc; padding: 13px 14px; font-size: 13px; font-family: inherit; color: #111; margin-bottom: 12px; border-radius: 0; }
.bulten-form input[type="email"]:focus { outline: none; border-color: #111; }
.bulten-onay { display: flex; gap: 8px; align-items: flex-start; font-size: 11px; line-height: 1.5; color: #777; margin-bottom: 14px; cursor: pointer; }
.bulten-onay input { margin-top: 2px; flex-shrink: 0; accent-color: #111; }
.bulten-onay a { color: #333; text-decoration: underline; }
.bulten-tuzak { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.newsletter-col p.bulten-mesaj { font-size: 12px; padding: 10px 12px; border-left: 2px solid; margin-bottom: 14px; }
.bulten-tamam { border-color: #2e7d32; color: #2e7d32 !important; background: #f1f8f1; }
.bulten-hata { border-color: #c62828; color: #c62828 !important; background: #fdf3f3; }
/* Geliştirici imzası (sayfanın en altı) */
.footer-imza { max-width: 1400px; margin: 45px auto 0 auto; padding-top: 22px; border-top: 1px solid #e0e0e0; text-align: center; }
.footer-imza p { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #999; margin: 0; }
.footer-imza span { color: #333; font-weight: 600; }

/* ==========================================================================
   YENİ FOOTER (footer-yeni.php) — Özelleştir > Footer'dan "Klasik"e dönülebilir
   ========================================================================== */
.yf { font-size: 13px; color: #555; }
.yf a { text-decoration: none; }
.yf-baslik, .yf-grup summary { display: block; margin-bottom: 22px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: #fff; }

/* 1. Hizmet şeridi */
.yf-hizmetler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #eaeaea; background: #fff; }
.yf-hizmetler li + li { border-left: 1px solid #eaeaea; }
.yf-hizmetler a { display: flex; align-items: center; justify-content: center; gap: 14px; height: 100%; padding: 28px 20px; color: #111; transition: background 0.25s ease; }
.yf-hizmetler a:hover { background: #f7f7f5; }
.yf-hizmetler svg { flex: none; }
.yf-hizmetler span { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: #777; }
.yf-hizmetler strong { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #111; }

/* 2. Ana bölüm */
.yf-ana { background: #0e0e0e; color: #a5a5a5; padding: 70px 20px 0; }
.yf-ana-ic { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1.4fr; gap: 50px; padding-bottom: 60px; border-bottom: 1px solid #222; }
.yf-logo img { display: block; width: 170px; height: auto; margin-bottom: 20px; }
.yf-tanitim { margin: 0 0 24px; line-height: 1.7; }
.yf-magaza { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 14px; }
.yf-magaza-ad { width: 100%; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.yf .yf-tel { color: #fff; font-size: 15px; letter-spacing: 0.5px; }
.yf .yf-yol { color: #8a8a8a; font-size: 11px; border-bottom: 1px solid #444; }
.yf .yf-yol:hover { color: #fff; border-color: #fff; }
.yf-saat { margin: 18px 0 6px; font-size: 12px; }
.yf .yf-eposta { color: #fff; border-bottom: 1px solid #444; }
.yf-sosyal { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.yf .yf-sosyal a { padding: 7px 12px; border: 1px solid #333; color: #ddd; font-size: 11px; letter-spacing: 1px; }
.yf .yf-sosyal a:hover { border-color: #fff; color: #fff; }

.yf-grup summary { list-style: none; cursor: default; }
.yf-grup summary::-webkit-details-marker { display: none; }
.yf-grup ul { list-style: none; margin: 0; padding: 0; }
.yf-grup li { margin-bottom: 12px; }
.yf .yf-grup a { color: #a5a5a5; transition: color 0.2s ease; }
.yf .yf-grup a:hover { color: #fff; }

.yf-bulten p { margin: 0 0 18px; line-height: 1.7; }
.yf-bulten-satir { display: flex; border: 1px solid #3a3a3a; }
.yf-bulten-satir input[type="email"] { flex: 1; min-width: 0; padding: 13px 14px; border: 0; background: transparent; color: #fff; font-size: 13px; }
.yf-bulten-satir input[type="email"]::placeholder { color: #777; }
.yf-bulten-satir input[type="email"]:focus { outline: none; background: #161616; }
.yf-bulten-satir button { flex: none; padding: 0 20px; border: 0; background: #fff; color: #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: background 0.2s ease; }
.yf-bulten-satir button:hover { background: #d9d9d9; }
.yf-onay { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px; font-size: 11px; line-height: 1.5; color: #777; cursor: pointer; }
.yf-onay input { margin-top: 2px; flex: none; accent-color: #fff; }
.yf .yf-onay a { color: #bbb; text-decoration: underline; }
.yf-bulten .bulten-mesaj { font-size: 12px; padding: 10px 12px; border-left: 2px solid; }
.yf-bulten .bulten-tamam { background: rgba(46,125,50,0.12); color: #8fd694 !important; border-color: #8fd694; }
.yf-bulten .bulten-hata { background: rgba(198,40,40,0.12); color: #f19a9a !important; border-color: #f19a9a; }

/* 3. Markalar */
.yf-markalar { max-width: 1320px; margin: 0 auto; padding: 40px 0 50px; text-align: center; }
.yf-markalar .yf-baslik { color: #777; font-size: 11px; margin-bottom: 26px; }
.yf-markalar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 22px 40px; }
.yf-markalar li { width: 100px; height: 40px; }
.yf-markalar a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.yf-markalar img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.45; transition: opacity 0.25s ease; }
.yf-markalar a:hover img, .yf-markalar a:focus-visible img { opacity: 1; }

/* 4. Alt bant */
.yf-alt { background: #f5f5f3; padding: 30px 20px 26px; }
.yf-alt-ic { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
/* .yf ön eki şart: WooCommerce sayfalarında ".woocommerce-page img { max-width: 100% }" tek sınıflı kuralı ezip logoyu tam genişliğe yayıyordu */
.yf .yf-odeme { display: block; width: 100%; max-width: 290px; height: auto; }
.yf-yukari { flex: none; padding: 11px 18px; border: 1px solid #111; background: transparent; color: #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s ease; }
.yf-yukari:hover { background: #111; color: #fff; }
.yf-yasal { max-width: 1320px; margin: 24px auto 0; padding: 20px 0 0; border-top: 1px solid #e2e2df; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 26px; }
.yf .yf-yasal a { color: #555; font-size: 12px; }
.yf .yf-yasal a:hover { color: #000; text-decoration: underline; }
.yf-kunye { max-width: 1320px; margin: 18px auto 0; font-size: 11px; line-height: 1.8; color: #888; }
.yf-kunye p { margin: 0 0 4px; }
.yf-imza { margin-top: 10px !important; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; }
.yf-imza span { color: #333; font-weight: 600; }

@media screen and (max-width: 1100px) {
    .yf-ana-ic { grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
    .yf-iletisim, .yf-bulten { grid-column: span 3; }
    .yf-bulten { max-width: 520px; }
    .yf-hizmetler { grid-template-columns: repeat(2, 1fr); }
    .yf-hizmetler li:nth-child(3) { border-left: 0; }
    .yf-hizmetler li:nth-child(n+3) { border-top: 1px solid #eaeaea; }
}
@media screen and (max-width: 768px) {
    .yf-hizmetler a { flex-direction: column; text-align: center; gap: 8px; padding: 20px 10px; }
    .yf-hizmetler span { font-size: 11px; }
    .yf-hizmetler strong { font-size: 10px; letter-spacing: 1.5px; }
    .yf-ana { padding-top: 46px; }
    .yf-ana-ic { grid-template-columns: 1fr; gap: 0; padding-bottom: 30px; }
    .yf-iletisim, .yf-bulten { grid-column: auto; }
    .yf-iletisim { padding-bottom: 30px; }
    /* bağlantı grupları açılır-kapanır */
    .yf-grup { border-top: 1px solid #222; }
    .yf-grup:last-of-type { border-bottom: 1px solid #222; }
    .yf-grup summary { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 18px 0; cursor: pointer; }
    .yf-grup summary::after { content: '+'; font-size: 18px; font-weight: 300; letter-spacing: 0; color: #888; }
    .yf-grup[open] summary::after { content: '–'; }
    .yf-grup ul { padding-bottom: 14px; }
    .yf-grup li { margin-bottom: 0; }
    .yf .yf-grup a { display: block; padding: 8px 0; font-size: 14px; }
    .yf-bulten { padding-top: 34px; }
    .yf-markalar ul { gap: 18px 26px; }
    .yf-markalar li { width: 78px; height: 34px; }
    .yf-alt-ic { flex-direction: column; align-items: stretch; gap: 20px; }
    .yf .yf-odeme { margin: 0 auto; max-width: 260px; }
    .yf-yukari { align-self: center; }
    .yf-yasal { gap: 6px 18px; justify-content: center; }
    .yf-kunye { text-align: center; }
}


/* ==========================================================================
   12. MOBİL UYUMLULUK (RESPONSIVE)
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* Header ve Menü */
    .middle-bar { flex-direction: row !important; justify-content: space-between !important; align-items: center; padding: 20px 5vw !important; gap: 12px; }
    .header-left, .top-right-links { display: none; }
    /* logo ve sağ ikonlar telefon genişliğine sığsın (sayfa yana kaymasın) */
    .header-center { flex: 1; min-width: 0; }
    .site-logo { display: flex; justify-content: center; }
    .site-logo img { height: auto; width: 100%; max-width: 170px; }
    .header-right .hesabim-ikon { display: none; }
    .arama-ac.arama-mobil { display: flex; margin-left: -4px; }
    .arama-ac.arama-masaustu { display: none; }
    .sk-arama-panel { max-height: 100vh; max-height: 100dvh; }
    .sk-arama-form { padding: 14px 12px 12px 16px; gap: 10px; }
    .sk-arama-form input[type="search"] { font-size: 18px; }
    .sk-arama-icerik { padding: 18px 16px 28px; }
    .sk-arama-urunler { grid-template-columns: 1fr; }
    .sk-arama-urunler a { grid-template-columns: 56px 1fr auto; gap: 12px; padding: 8px 0; }
    .sk-arama-urunler img, .sk-arama-gorselsiz { width: 56px; height: 56px; }
    /* anasayfa bölüm başlıkları (ör. "Mağazalarımızda VIP Ağırlama") telefonda taşmasın */
    .wos-bolum-baslik .futuristik-baslik { font-size: clamp(16px, 5vw, 22px) !important; letter-spacing: 0.2em !important; margin-right: 0; line-height: 1.5; }
    .bottom-bar { display: none !important; }
    .luks-mobil-hamburger { display: flex; }
    
    /* Ana Sayfa Akordiyon */
    .koleksiyon-ayrimi { flex-direction: column; height: 100vh; }
    .koleksiyon-ayrimi .koleksiyon-kutu:hover { flex: 2; }
    .hero-icerik h2 { font-size: 32px; letter-spacing: 6px; }
    
    /* Katalog ve Ürünler */
    .katalog-icerik { grid-template-columns: 1fr; gap: 0; }
    .katalog-sayfasi { margin-top: 24px; }
    .katalog-baslik { margin-bottom: 0; padding-bottom: 20px; border-bottom: none; }
    .katalog-baslik h1 { font-size: 22px; letter-spacing: 3px; }

    /* Filtreler mobilde alttan açılan panel: ürünler hemen başlar */
    .katalog-filtreler { position: fixed; top: auto; left: 0; right: 0; bottom: 0; height: 88vh; height: 88dvh; max-height: none; overflow: hidden; padding-right: 0; z-index: 100000; background: #fff; box-shadow: 0 -20px 50px rgba(0,0,0,0.15); transform: translateY(100%); visibility: hidden; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), visibility 0s linear 0.4s; }
    .katalog-filtreler.acik { transform: none; visibility: visible; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); }
    .sk-filtre-form { display: flex; flex-direction: column; height: 100%; }
    .filtre-panel-ust { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 6px 20px; border-bottom: 1px solid #eaeaea; }
    .filtre-panel-baslik { font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; }
    .filtre-kapat { width: 44px; height: 44px; border: none; background: none; font-size: 26px; line-height: 1; color: #111; cursor: pointer; }
    .filtre-panel-govde { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 0 20px; }
    .katalog-filtreler summary { padding: 18px 0; }
    .katalog-filtreler label { padding: 9px 0; font-size: 14px; }
    .katalog-filtreler input[type="checkbox"] { width: 18px; height: 18px; }
    .sk-filtre-form.js-hazir .filtre-panel-alt, .filtre-panel-alt { display: flex; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)) 20px; border-top: 1px solid #eaeaea; }
    .filtre-perde { display: block; position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,0.4); }
    .filtre-perde[hidden] { display: none; }
    html.filtre-panel-acik { overflow: hidden; }

    /* Araç çubuğu ekranın üstüne yapışır: Filtrele düğmesi hep elinin altında */
    .katalog-arac-cubugu { position: sticky; top: 0; z-index: 50; gap: 12px; margin: 0 -20px 20px -20px; padding: 10px 20px; background: #fff; }
    .filtre-ac { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #111; background: #fff; color: #111; font-family: inherit; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; }
    .filtre-rozet { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #111; color: #fff; font-size: 10px; letter-spacing: 0; line-height: 18px; text-align: center; }
    .katalog-sonuc { font-size: 10px; letter-spacing: 1px; }
    .katalog-arac-cubugu .woocommerce-ordering select { max-width: 140px; font-size: 10px !important; letter-spacing: 1px !important; }
    .filtre-etiketleri { margin: -8px 0 20px 0; }
    .katalog-urunler .woocommerce-pagination { margin-top: 40px; }
    .urun-grid-kapsayici .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
    
    /* Ürün Detay */
    .luks-tekil-urun { grid-template-columns: 1fr; gap: 30px; padding: 20px; }
    .urun-detaylari h1.product_title { font-size: 24px; }
    .teknik-grid { grid-template-columns: 1fr; row-gap: 22px; }

    /* Ürün sayfası (mobil): yol bilgisi, kısa açıklama, galeri, teknik özellikler, satın alma çubuğu */
    .luks-vitrin-intro { padding: 18px 16px 30px 16px; }
    .luks-yonlendirme { font-size: 10px; letter-spacing: 1.5px; line-height: 1.6; margin-bottom: 14px; }
    .luks-yonlendirme .ayrac { margin: 0 6px; }
    .luks-yonlendirme .aktif, .luks-yonlendirme .ayrac:has(+ .aktif) { display: none; } /* ürün adı zaten alttaki çubukta */
    .luks-kisa-aciklama { margin-top: 8px; padding: 0 22px; font-size: 17px; line-height: 1.65; }
    .luks-kisa-aciklama::before { font-size: 40px; left: -2px; top: -10px; }
    .luks-kisa-aciklama::after { font-size: 40px; right: -2px; bottom: -28px; }
    .luks-kisa-aciklama ul, .luks-kisa-aciklama ol { font-size: 14px; line-height: 1.7; margin-top: 14px; }
    .luks-kayan-galeri-kapsayici { padding: 28px 0; }
    .galeri-item { width: 230px; margin-right: 24px; }
    .galeri-item img { max-height: 330px; }
    .urun-aciklama-alani { margin-top: 20px; padding: 28px 16px 0 16px; }
    .teknik-ozellikler-alani { margin: 24px auto 40px auto; padding: 20px 16px; }
    .teknik-baslik { font-size: 12px; letter-spacing: 2.5px; line-height: 1.6; margin-bottom: 26px; }
    .teknik-kalem { gap: 16px; }
    .teknik-ikon svg { width: 32px !important; height: 32px !important; }
    .teknik-isim { font-size: 10px; letter-spacing: 1.5px; }

    .urun-kisayollar { margin-top: 18px; gap: 10px 20px; }
    .taksit-kisayol, .whatsapp-kisayol { font-size: 11px; }
    /* Telefonda yalnız simge (yazısız yuvarlak buton); ürün sayfasında iki satırlık çubuğun üstünde */
    .sk-whatsapp { right: 14px; bottom: 16px; width: 52px; padding: 0; justify-content: center; }
    .sk-whatsapp-yazi { display: none; }
    .single-product .sk-whatsapp { bottom: calc(var(--sk-cubuk, 88px) + 12px); }
    .taksit-alani { margin-top: 36px; }
    #paytr_taksit_tablosu { grid-template-columns: 1fr; gap: 10px; }

    /* Satın alma çubuğu: üstte tek satır ürün adı, altta fiyat + buton */
    .sabit-alt-cubuk { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)) 16px; }
    .cubuk-sol, .cubuk-orta, .cubuk-sag { width: auto; }
    .cubuk-sol { grid-column: 1 / -1; gap: 0; min-width: 0; }
    .cubuk-marka, .cubuk-ref { display: none; }
    .cubuk-baslik { font-size: 13px; font-weight: 600; letter-spacing: 0.2px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .cubuk-orta { text-align: left; }
    .cubuk-orta .price { font-size: 19px; letter-spacing: 0.5px; }
    .cubuk-sag .stock:not(.out-of-stock) { display: none; }
    .cubuk-sag .stock.out-of-stock { margin: 0 !important; }
    .cubuk-sag button.single_add_to_cart_button { padding: 14px 22px !important; font-size: 11px !important; letter-spacing: 2px !important; }
    
    /* Sepet & Ödeme */
    .woocommerce-cart table.shop_table th { display: none; }
    .cart-collaterals .cart_totals { width: 100%; float: none; padding: 20px; }
    #customer_details, #order_review_heading, #order_review { width: 100%; float: none; padding-right: 0; }
    
    /* Hesabım (Yatay Menü) */
    .woocommerce-account .woocommerce { flex-direction: column; gap: 40px; margin-top: 40px; }
    .woocommerce-MyAccount-navigation { width: 100%; border-right: none; padding-right: 0; border-bottom: 1px solid #111; padding-bottom: 20px; }
    .woocommerce-MyAccount-navigation ul { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { height: 2px; }
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb { background-color: #000; }
    .woocommerce-MyAccount-content .u-columns { flex-direction: column; }
    .woocommerce-MyAccount-content .u-column1, .woocommerce-MyAccount-content .u-column2 { width: 100% !important; }
    
    /* Footer */
    .footer-main { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .newsletter-col { grid-column: span 2; margin-top: 20px; }
    .footer-brands-grid { gap: 22px 28px; }
    .footer-brands-grid li { width: 84px; height: 38px; }
}

@media screen and (max-width: 480px) {
    .footer-main { grid-template-columns: 1fr; }
    .newsletter-col { grid-column: span 1; }
    .urun-grid-kapsayici .woocommerce ul.products { grid-template-columns: 1fr !important; }
}
/* ==========================================================================
   VİTRİN ÜRÜN KÜÇÜLME VE METİN SIKIŞMA HATASI (NÜKLEER ÇÖZÜM)
   ========================================================================== */

/* 1. Ürün kartının ve içindeki Linkin (a) tüm alanı (sütunu) kaplamasını ZORUNLU kılıyoruz */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* 2. Saatin bulunduğu görselin zindandan çıkıp sütunu tam doldurmasını sağlıyoruz */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
    display: block !important;
    width: 100% !important; 
    max-width: 100% !important;
    height: auto !important;
    max-height: 350px !important; /* Çok uzayıp ekranı bozmaması için lüks sınır */
    object-fit: contain !important; /* Görselin tamamı görünür */
    margin: 0 auto 25px auto !important;
}

/* 3. Metnin daracık bir alana sıkışıp alt alta inmesini (kelime kelime bölünmesini) engelliyoruz */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
}

/* 4. Kategori/marka sayfaları: yukarıdaki .urun-grid-kapsayici .woocommerce seçicisi bu şablonda eşleşmiyor (ul doğrudan section içinde), ızgarayı burada kuruyoruz */
.katalog-urunler ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 40px 30px !important; margin: 0 !important; padding: 0 !important; }
.katalog-urunler ul.products::before, .katalog-urunler ul.products::after { display: none !important; }
.katalog-urunler ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; }
.katalog-urunler ul.products li.product img { aspect-ratio: 1 / 1; max-height: none !important; }
@media screen and (max-width: 1100px) { .katalog-urunler ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media screen and (max-width: 768px) { .katalog-urunler ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 12px !important; } }

/* ==========================================================================
   HAKKIMIZDA (ATÖLYE) SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* 1. Hero Banner (görsel hakkimizda.php'de: video/hero-4.jpg) */
.hakkimizda-hero {
    position: relative;
    width: 100%;
    height: 60vh;
    min-height: 360px;
    background-color: #111;
    background-size: cover;
    background-position: center 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
}
.hakkimizda-ust-baslik { display: block; margin-bottom: 18px; font-size: 11px; letter-spacing: 5px; color: #bbb; }
.hero-perde {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));
}
.hakkimizda-hero-icerik {
    position: relative;
    z-index: 2;
    color: #fff;
}
.hakkimizda-hero-icerik h1 {
    font-size: 38px;
    margin-bottom: 20px;
    color: #fff;
}
.hakkimizda-hero-icerik p {
    max-width: 560px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
    color: #ddd;
}

/* 2. Editoryal Hikaye Bölümü */
.hakkimizda-hikaye {
    display: flex;
    max-width: 1200px;
    margin: 120px auto;
    padding: 0 20px;
    align-items: center;
    gap: 80px;
}
.hikaye-sol {
    flex: 1;
}
.luks-hakkimizda-sayfasi .hikaye-sol h2 { font-size: 20px; margin-bottom: 30px; }
.hikaye-sol p {
    font-size: 15px;
    color: #555;
    line-height: 1.9;
    margin-bottom: 25px;
    font-weight: 300;
}
.hikaye-sag {
    flex: 1;
}
/* Hakkımızda sağ: sattığımız markalardan üç saat yan yana (beyaz zeminli ürün görselleri, multiply ile zemine karışır) */
.luks-hakkimizda-sayfasi .hikaye-sag {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 5 / 4;
    padding: 30px 20px;
    background: #f7f7f5;
}
.hikaye-saat { width: 30%; height: auto; mix-blend-mode: multiply; }
.hikaye-saat:nth-child(1) { transform: translateY(16px); }
.hikaye-saat:nth-child(2) { width: 36%; margin: 0 -2%; position: relative; z-index: 1; }
.hikaye-saat:nth-child(3) { width: 24%; transform: translateY(16px); }

/* 3. Ustalık ve Teknoloji Alanı (Karanlık Tema) */
.hakkimizda-ustalik {
    background-color: #050505;
    padding: 120px 20px;
    text-align: center;
    color: #fff;
}
.ustalik-kapsayici {
    max-width: 1200px;
    margin: 0 auto;
}
.ustalik-kapsayici h2 { font-size: 18px; color: #fff; }
.ustalik-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 60px;
}
.ustalik-kutu {
    flex: 1;
    text-align: left;
    padding: 30px;
    border: 1px solid #222;
    background: #0a0a0a;
    transition: transform 0.4s ease, background 0.4s ease;
}
.ustalik-kutu:hover {
    transform: translateY(-10px);
    background: #111;
}
.ustalik-kutu h3 {
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}
.ustalik-kutu .cizgi {
    display: block;
    width: 40px;
    height: 1px;
    background: #555;
    margin-bottom: 20px;
}
.ustalik-kutu p {
    font-size: 13px;
    line-height: 1.8;
    color: #aaa;
    font-weight: 300;
}

/* 4. Mağazalarımız */
.hakkimizda-magazalar { max-width: 1000px; margin: 0 auto; padding: 110px 20px 0; text-align: center; }
.hakkimizda-magazalar h2 { font-size: 18px; margin-bottom: 20px; }
.hakkimizda-magazalar-giris { max-width: 560px; margin: 0 auto 50px; font-size: 15px; line-height: 1.8; color: #555; font-weight: 300; }
.hakkimizda-magaza-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; text-align: left; }
.hakkimizda-magaza { padding: 34px; border: 1px solid #eaeaea; }
.hakkimizda-magaza h3 { margin: 0 0 18px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #111; }
.hakkimizda-magaza p { margin: 0 0 8px; font-size: 14px; line-height: 1.7; color: #555; }
.hakkimizda-magaza p a { color: #111; text-decoration: none; }
.hakkimizda-yol { display: inline-block; margin-top: 14px; padding-bottom: 3px; border-bottom: 1px solid #111; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #111; text-decoration: none; }

/* 5. Kapanış */
.hakkimizda-kapanis {
    padding: 110px 20px 120px;
    background: #fff;
    text-align: center;
}
.hakkimizda-kapanis-metin { margin: 0 0 30px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 22px; font-weight: 300; letter-spacing: 1px; color: #111; }
.hakkimizda-butonlar { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

/* Mobilde Uyum */
@media screen and (max-width: 1024px) {
    .ustalik-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 768px) {
    .hakkimizda-hero { height: 52vh; }
    .hakkimizda-hikaye { flex-direction: column; margin: 60px auto; gap: 40px; }
    .luks-hakkimizda-sayfasi .hikaye-sag { width: 100%; }
    .hakkimizda-ustalik { padding: 80px 20px; }
    .ustalik-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
    .hakkimizda-hero-icerik h1 { font-size: 24px; }
    .hakkimizda-hero-icerik p { font-size: 14px; }
    .hakkimizda-magazalar { padding-top: 70px; }
    .hakkimizda-magaza-grid { grid-template-columns: 1fr; }
    .hakkimizda-magaza { padding: 26px; }
    .hakkimizda-kapanis { padding: 70px 20px 80px; }
    .hakkimizda-kapanis-metin { font-size: 18px; }
}

/* ==========================================================================
   İLETİŞİM (BİZE ULAŞIN) SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.iletisim-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1549890762-0a3f80872658?q=80&w=2000&auto=format&fit=crop'); /* Atmosferik yakın çekim saat detayı */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.iletisim-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.iletisim-hero-icerik h1 { font-size: 38px; margin-bottom: 20px; color: #fff; }
.iletisim-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Ana Alan Düzeni */
.iletisim-ana-alan {
    display: flex; max-width: 1200px; margin: 100px auto; padding: 0 20px; gap: 80px;
}

/* Sol Taraf (Adresler) */
.iletisim-bilgileri { flex: 1; border-right: 1px solid #eaeaea; padding-right: 60px; }
.magaza-kutu { margin-bottom: 40px; }
.magaza-kutu h3 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; color: #111; font-weight: 600; }
.magaza-kutu p { font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 5px; font-weight: 300; }
.iletisim-detay { font-size: 13px !important; color: #111 !important; font-weight: 500; margin-top: 15px; letter-spacing: 1px; }

.calisma-saatleri { margin-top: 60px; padding-top: 40px; border-top: 1px solid #eaeaea; }
.calisma-saatleri h4 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; color: #888; }
.calisma-saatleri p { font-size: 13px; color: #444; line-height: 1.8; font-weight: 300; }

/* Sağ Taraf (Form) */
.iletisim-form-alani { flex: 1.5; }
.luks-iletisim-formu { display: flex; flex-direction: column; gap: 30px; }
.form-satir { display: flex; gap: 30px; }
.form-grup { flex: 1; display: flex; flex-direction: column; }
.form-grup label { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #777; margin-bottom: 10px; }

/* Kutusuz, Sadece Alt Çizgili Premium Inputlar */
.luks-iletisim-formu input, .luks-iletisim-formu textarea {
    background: transparent; border: none; border-bottom: 1px solid #ddd; border-radius: 0;
    padding: 15px 0; font-size: 15px; color: #111; box-shadow: none; transition: border-color 0.3s ease; outline: none;
}
.luks-iletisim-formu input:focus, .luks-iletisim-formu textarea:focus { border-bottom: 1px solid #111; }

/* Gönder Butonu */
.btn-gonder {
    background: #050505; color: #fff; border: none; padding: 18px 45px; font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 11px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; cursor: pointer; transition: all 0.4s ease; margin-top: 20px; align-self: flex-start;
}
.btn-gonder:hover { background: #222; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .iletisim-ana-alan { flex-direction: column; gap: 60px; margin: 60px auto; }
    .iletisim-bilgileri { border-right: none; padding-right: 0; border-bottom: 1px solid #eaeaea; padding-bottom: 40px; }
    .form-satir { flex-direction: column; gap: 30px; }
    .btn-gonder { width: 100%; text-align: center; }
}

/* ==========================================================================
   TESLİMAT BİLGİLERİ SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.teslimat-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1612817159949-195b6eb9e31a?q=80&w=2000&auto=format&fit=crop'); /* Lüks paketleme / kutu hissi veren görsel */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.teslimat-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.teslimat-hero-icerik h1 { font-size: 38px; margin-bottom: 20px; color: #fff; }
.teslimat-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Protokol Grid Alanı */
.teslimat-protokolleri {
    max-width: 1200px; margin: 100px auto 60px auto; padding: 0 20px;
}
.teslimat-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px;
}
.teslimat-kutu {
    background: #fdfdfd; border: 1px solid #eaeaea; padding: 50px 40px;
    text-align: center; transition: all 0.4s ease;
}
.teslimat-kutu:hover {
    transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); border-color: #111;
}
.teslimat-ikon {
    font-size: 30px; margin-bottom: 25px; filter: grayscale(100%); opacity: 0.8;
}
.teslimat-kutu h3 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 3px; 
    text-transform: uppercase; margin-bottom: 20px; color: #111; font-weight: 600;
}
.teslimat-kutu p {
    font-size: 14px; color: #666; line-height: 1.8; font-weight: 300;
}

/* Editoryal Detaylar Bölümü */
.teslimat-detaylar {
    background: #fafafa; padding: 100px 20px; border-top: 1px solid #eee;
}
.detay-icerik {
    max-width: 800px; margin: 0 auto; text-align: center;
}
.detay-icerik p {
    font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 25px;
}
.teslimat-uyari {
    margin-top: 40px; padding: 30px; border-left: 3px solid #000; background: #fff;
    text-align: left; font-size: 13px; line-height: 1.8; color: #444; font-weight: 300;
}
.teslimat-uyari strong { font-weight: 600; color: #111; font-family: 'Jost', 'Century Gothic', sans-serif; letter-spacing: 1px; text-transform: uppercase; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .teslimat-grid { grid-template-columns: 1fr; gap: 30px; }
    .teslimat-hero-icerik h1 { font-size: 28px; }
    .teslimat-kutu { padding: 40px 20px; }
}

/* ==========================================================================
   MAĞAZALAR VE MAĞAZADAN TESLİM SAYFALARI (LÜKS TASARIM)
   ========================================================================== */

/* Ortak Hero Banner Stili */
.magazalar-hero, .teslim-hero {
    position: relative; width: 100%; height: 55vh;
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.magazalar-hero { background-image: url('https://images.unsplash.com/photo-1565182999561-18d7dc61c393?q=80&w=2000&auto=format&fit=crop'); /* Lüks iç mekan / vitrin */ }
.teslim-hero { background-image: url('https://images.unsplash.com/photo-1614164185128-e4ec99c436d7?q=80&w=2000&auto=format&fit=crop'); /* Elde saat, sunum */ }
.magazalar-hero-icerik, .teslim-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.magazalar-hero-icerik h1, .teslim-hero-icerik h1 { font-size: 38px; margin-bottom: 20px; color: #fff; }
.magazalar-hero-icerik p, .teslim-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Mağazalar (Butikler) - Alternatifli Satır Düzeni */
.butik-listesi { max-width: 1200px; margin: 80px auto; padding: 0 20px; }
.butik-satir { display: flex; align-items: center; gap: 80px; margin-bottom: 100px; }
.butik-satir.ters-satir { flex-direction: row-reverse; } /* İkinci mağaza resmini sağa alır */
.butik-gorsel { flex: 1.2; }
.butik-gorsel img { width: 100%; height: auto; box-shadow: 20px 20px 0px #f9f9f9; filter: grayscale(80%); transition: all 0.5s ease; }
.butik-gorsel img:hover { filter: grayscale(0%); transform: translateY(-5px); box-shadow: 20px 25px 15px rgba(0,0,0,0.05); }
.butik-bilgi { flex: 1; }
.butik-aciklama { font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 30px; font-weight: 300; }
.butik-detaylar { background: #fafafa; padding: 30px; border-left: 2px solid #111; margin-bottom: 30px; }
.butik-detaylar p { font-size: 13px; color: #333; margin-bottom: 10px; font-weight: 300; }
.butik-detaylar strong { font-weight: 600; font-family: 'Jost', 'Century Gothic', sans-serif; letter-spacing: 1px; text-transform: uppercase; margin-right: 5px; }
.btn-yol-tarifi { display: inline-block; background: #050505; color: #fff; padding: 15px 35px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease; }
.btn-yol-tarifi:hover { background: #333; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(-2px); }

/* Mağazadan Teslim Al - Süreç Adımları */
.teslim-adimlar-alani { background: #fdfdfd; padding: 100px 20px; }
.teslim-kapsayici { max-width: 1200px; margin: 0 auto; }
.adim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.adim-kutu { text-align: center; padding: 30px 20px; border-top: 1px solid #eaeaea; transition: all 0.3s ease; }
.adim-kutu:hover { border-top-color: #111; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.adim-no { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 40px; font-weight: 300; color: #e0e0e0; margin-bottom: 20px; line-height: 1; transition: color 0.3s; }
.adim-kutu:hover .adim-no { color: #111; }
.adim-kutu h3 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; font-weight: 600; color: #111; }
.adim-kutu p { font-size: 13px; color: #666; line-height: 1.8; font-weight: 300; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .butik-satir, .butik-satir.ters-satir { flex-direction: column; gap: 40px; margin-bottom: 60px; }
    .adim-grid { grid-template-columns: 1fr; gap: 30px; }
    .magazalar-hero-icerik h1, .teslim-hero-icerik h1 { font-size: 28px; }
}

/* ==========================================================================
   İADE VE DEĞİŞİM SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.iade-hero {
    position: relative; width: 100%; height: 45vh;
    background-image: url('https://images.unsplash.com/photo-1618218968940-1ec621db7c6c?q=80&w=2000&auto=format&fit=crop'); /* Soyut, karanlık ve lüks bir doku */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.iade-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.iade-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.iade-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Temel Koşullar - 2 Kolon */
.iade-kosullar {
    background: #fff; padding: 100px 20px;
}
.kosullar-kapsayici {
    display: flex; max-width: 1200px; margin: 0 auto; gap: 80px; align-items: flex-start;
}
.kosul-sol { flex: 1.2; }
.kosul-sol p {
    font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 25px;
}
.kosul-sol strong { color: #111; font-weight: 600; }

.kosul-sag { flex: 1; }
.kosul-kutu {
    background: #fcfcfc; border: 1px solid #eaeaea; border-top: 3px solid #111; padding: 40px;
}
.kosul-kutu h4 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 25px; color: #111; font-weight: 600;
}
.kosul-kutu ul { list-style: none; padding: 0; margin: 0; }
.kosul-kutu ul li {
    position: relative; padding-left: 20px; font-size: 13px; color: #666; line-height: 1.7; margin-bottom: 15px;
}
.kosul-kutu ul li::before {
    content: '—'; position: absolute; left: 0; color: #111; font-weight: bold;
}

/* Süreç (Adım Adım) */
.iade-sureci {
    background: #fafafa; padding: 100px 20px; border-top: 1px solid #eee;
}
.surec-kapsayici { max-width: 1200px; margin: 0 auto; }
.surec-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;
}
.surec-adim {
    text-align: center; padding: 30px; background: #fff; border: 1px solid #eaeaea; transition: transform 0.4s ease;
}
.surec-adim:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.04); border-color: #111; }
.adim-ikon {
    font-size: 28px; margin-bottom: 20px; filter: grayscale(100%);
}
.surec-adim h4 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 15px; color: #111; font-weight: 600;
}
.surec-adim p {
    font-size: 13px; color: #777; line-height: 1.7; font-weight: 300;
}

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .kosullar-kapsayici { flex-direction: column; gap: 50px; }
    .surec-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
}
@media screen and (max-width: 480px) {
    .surec-grid { grid-template-columns: 1fr; }
    .iade-hero-icerik h1 { font-size: 26px; }
}

/* ==========================================================================
   ÖDEME SEÇENEKLERİ SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.odeme-hero {
    position: relative; width: 100%; height: 45vh;
    background-image: url('https://images.unsplash.com/photo-1620052579998-9d41bfe1226b?q=80&w=2000&auto=format&fit=crop'); /* Soyut finans / lüks kart hissi veren koyu bir doku */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.odeme-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.odeme-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.odeme-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Ödeme Yöntemleri Grid */
.odeme-yontemleri {
    background: #fafafa; padding: 100px 20px;
}
.odeme-kapsayici { max-width: 1200px; margin: 0 auto; }
.odeme-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 380px)); justify-content: center; gap: 40px; /* açık yöntem sayısı kadar kutu, ortalı */
}
.odeme-kutu {
    background: #fff; padding: 50px 40px; border: 1px solid #eaeaea; 
    text-align: center; transition: all 0.4s ease;
}
.odeme-kutu:hover {
    transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); border-color: #111;
}
.odeme-ikon {
    font-size: 36px; margin-bottom: 30px; filter: grayscale(100%); opacity: 0.8;
}
.odeme-kutu p {
    font-size: 14px; color: #666; line-height: 1.8; font-weight: 300;
}

/* Güvenlik Protokolü */
.odeme-guvenlik {
    background: #050505; padding: 100px 20px; text-align: center; color: #fff;
}
.guvenlik-icerik {
    max-width: 800px; margin: 0 auto;
}
.guvenlik-icerik p {
    font-size: 14px; line-height: 1.9; color: #aaa; font-weight: 300;
}
.guvenlik-icerik strong { color: #fff; font-weight: 600; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .odeme-grid { grid-template-columns: 1fr; gap: 30px; }
    .odeme-hero-icerik h1 { font-size: 26px; }
    .odeme-kutu { padding: 40px 20px; }
}

/* ==========================================================================
   SIKÇA SORULAN SORULAR (SSS) SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.sss-hero {
    position: relative; width: 100%; height: 45vh;
    background-image: url('https://images.unsplash.com/photo-1549890762-0a3f80872658?q=80&w=2000&auto=format&fit=crop'); /* Soyut lüks makine/mekanizma */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.sss-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.sss-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.sss-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* SSS Ana Alan */
.sss-ana-alan { background: #fafafa; padding: 100px 20px; }
.sss-kapsayici { max-width: 800px; margin: 0 auto; }

/* Kategori Başlığı */
.sss-kategori-baslik { border-bottom: 2px solid #111; padding-bottom: 15px; margin-bottom: 30px; }

/* SSS Maddesi (Akordiyon) */
.sss-madde { border-bottom: 1px solid #ddd; }
.sss-soru {
    width: 100%; background: transparent; border: none; padding: 25px 0; text-align: left;
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 14px; color: #111; font-weight: 600;
    letter-spacing: 1px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    transition: color 0.3s ease;
}
/* Soru Yanındaki Özel Artı (+) İşareti */
.sss-soru::after {
    content: '+'; font-size: 24px; font-weight: 300; color: #999; transition: transform 0.4s ease;
}
.sss-soru:hover { color: #555; }

/* SSS Cevap (Başlangıçta Gizli) */
.sss-cevap {
    max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.5s ease;
}
.sss-cevap p {
    font-size: 14px; color: #666; line-height: 1.8; font-weight: 300; margin: 0; padding-bottom: 0; opacity: 0; transition: opacity 0.4s ease;
}

/* AKTİF (Açık) DURUM TASARIMI */
.sss-madde.aktif .sss-soru { color: #000; }
.sss-madde.aktif .sss-soru::after {
    content: '−'; /* Eksi işaretine dönüşür */
    transform: rotate(180deg);
    color: #000;
}
.sss-madde.aktif .sss-cevap {
    max-height: 500px; /* Cevabın açılması için yeterli bir alan */
    padding-bottom: 25px;
}
.sss-madde.aktif .sss-cevap p { opacity: 1; } /* Yazı pürüzsüzce belirir */

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .sss-hero-icerik h1 { font-size: 26px; }
    .sss-soru { font-size: 13px; }
}

/* ==========================================================================
   SÜRDÜRÜLEBİLİRLİK SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner (Doğa ve Lüks Kombinasyonu) */
.surdurulebilirlik-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?q=80&w=2000&auto=format&fit=crop'); /* Atmosferik doğa / orman karanlık */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.surdurulebilirlik-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.surdurulebilirlik-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.surdurulebilirlik-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Felsefe (Editoryal 2 Kolon) */
.surdurulebilirlik-felsefe {
    display: flex; max-width: 1200px; margin: 100px auto; padding: 0 20px; align-items: center; gap: 80px;
}
.felsefe-sol { flex: 1.2; }
.felsefe-sol p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 25px; }
.felsefe-sag { flex: 1; }
.felsefe-sag img {
    width: 100%; height: auto; box-shadow: -20px 20px 0px #f0f0f0; filter: grayscale(50%); transition: filter 0.5s ease;
}
.felsefe-sag img:hover { filter: grayscale(0%); }

/* Temel İlkeler (Karanlık VIP Alan) */
.surdurulebilirlik-ilkeler {
    background: #050505; padding: 100px 20px;
}
.ilkeler-kapsayici { max-width: 1200px; margin: 0 auto; }
.ilkeler-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.ilke-kutu {
    background: #0a0a0a; border: 1px solid #1a1a1a; padding: 50px 30px; text-align: center; transition: transform 0.4s ease;
}
.ilke-kutu:hover { transform: translateY(-10px); border-color: #333; }
.ilke-ikon { font-size: 30px; margin-bottom: 25px; filter: grayscale(100%); }
.ilke-kutu h4 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 20px; color: #fff; font-weight: 600;
}
.ilke-kutu p { font-size: 13px; color: #aaa; line-height: 1.8; font-weight: 300; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .surdurulebilirlik-felsefe { flex-direction: column; gap: 50px; margin: 60px auto; }
    .felsefe-sag img { box-shadow: -10px 10px 0px #f0f0f0; }
    .ilkeler-grid { grid-template-columns: 1fr; gap: 30px; }
    .surdurulebilirlik-hero-icerik h1 { font-size: 26px; }
}

/* ==========================================================================
   KALİBRE SÖZLÜĞÜ SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner (Mekanik / Makro Çekim Konsepti) */
.kalibre-hero {
    position: relative; width: 100%; height: 45vh;
    background-image: url('https://images.unsplash.com/photo-1596558450268-9c27524ba856?q=80&w=2000&auto=format&fit=crop'); /* Saat mekanizması makro çekimi */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.kalibre-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.kalibre-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.kalibre-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Giriş Yazısı */
.kalibre-giris { background: #fff; padding: 80px 20px 40px 20px; text-align: center; }
.giris-icerik { max-width: 800px; margin: 0 auto; }
.giris-icerik p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; }

/* Sözlük Alanı (Karanlık Grid) */
.kalibre-sozluk-alani { background: #050505; padding: 80px 20px 120px 20px; }
.sozluk-kapsayici { 
    max-width: 1200px; margin: 0 auto; 
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; 
}
.terim-kutu {
    background: #0a0a0a; border-left: 2px solid #333; padding: 40px;
    transition: all 0.4s ease;
}
.terim-kutu:hover {
    background: #111; border-left-color: #fff; transform: translateX(10px);
}
.terim-kutu h3 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 14px; letter-spacing: 3px; 
    text-transform: uppercase; margin-bottom: 15px; color: #fff; font-weight: 600;
}
.terim-kutu p {
    font-size: 14px; color: #999; line-height: 1.8; font-weight: 300; margin: 0;
}

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .sozluk-kapsayici { grid-template-columns: 1fr; gap: 20px; }
    .kalibre-hero-icerik h1 { font-size: 26px; }
    .terim-kutu { padding: 30px 20px; }
    .terim-kutu:hover { transform: translateY(-5px); transform: translateX(0); } /* Mobilde sağa kayma yerine yukarı kalksın */
}

/* ==========================================================================
   KARİYER SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.kariyer-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=2000&auto=format&fit=crop'); /* Kurumsal / Lüks Toplantı / İş atmosferi */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.kariyer-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.kariyer-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.kariyer-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Çalışma Felsefesi */
.kariyer-felsefe {
    display: flex; max-width: 1200px; margin: 100px auto; padding: 0 20px; align-items: center; gap: 80px;
}
.kariyer-felsefe .felsefe-sol { flex: 1.2; }
.kariyer-felsefe .felsefe-sol p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 25px; }
.kariyer-felsefe .felsefe-sag { flex: 1; }
.kariyer-felsefe .felsefe-sag img {
    width: 100%; height: auto; box-shadow: 20px 20px 0px #f0f0f0; transition: transform 0.5s ease; filter: grayscale(30%);
}
.kariyer-felsefe .felsefe-sag img:hover { transform: scale(1.02); filter: grayscale(0%); }

/* Kariyer Alanları (Karanlık VIP Alan) */
.kariyer-alanlari { background: #050505; padding: 100px 20px; }
.alanlar-kapsayici { max-width: 1200px; margin: 0 auto; }
.alanlar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.alan-kutu {
    background: #0a0a0a; border: 1px solid #1a1a1a; padding: 40px; text-align: left;
    transition: all 0.4s ease; display: flex; flex-direction: column;
}
.alan-kutu:hover { transform: translateY(-10px); border-color: #333; background: #111; }
.alan-kutu h4 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 15px; color: #fff; font-weight: 600; line-height: 1.5;
}
.alan-kutu .cizgi { display: block; width: 30px; height: 1px; background: #555; margin-bottom: 20px; }
.alan-kutu p { font-size: 13px; color: #aaa; line-height: 1.8; font-weight: 300; flex-grow: 1; margin-bottom: 30px; }

/* Başvuru Butonu */
.btn-basvuru {
    display: inline-block; background: transparent; color: #fff; border: 1px solid #555; 
    padding: 12px 25px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; font-weight: 600; 
    letter-spacing: 3px; text-transform: uppercase; text-decoration: none; text-align: center; transition: all 0.4s ease;
}
.btn-basvuru:hover { background: #fff; color: #000; border-color: #fff; }

/* Genel Başvuru Alt Alanı */
.kariyer-genel-basvuru { background: #fdfdfd; padding: 80px 20px; text-align: center; border-top: 1px solid #eee; }
.genel-basvuru-icerik { max-width: 600px; margin: 0 auto; }
.genel-basvuru-icerik p { font-size: 14px; color: #666; line-height: 1.8; font-weight: 300; margin: 0; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .kariyer-felsefe { flex-direction: column; gap: 50px; margin: 60px auto; }
    .alanlar-grid { grid-template-columns: 1fr; gap: 30px; }
    .kariyer-hero-icerik h1 { font-size: 28px; }
}

/* ==========================================================================
   SAAT BAKIM SERVİSİ SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner (Saatçi Laboratuvarı Hissi) */
.bakim-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1612817159949-195b6eb9e31a?q=80&w=2000&auto=format&fit=crop'); /* Usta eller veya saatçi atölyesi detayı */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.bakim-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.bakim-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.bakim-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Giriş Yazısı */
.bakim-giris { background: #fff; padding: 100px 20px 60px 20px; text-align: center; }
.bakim-giris .giris-icerik { max-width: 800px; margin: 0 auto; }
.bakim-giris p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; }

/* Bakım Aşamaları (5 Sütunlu Grid) */
.bakim-asamalar { background: #fafafa; padding: 80px 20px 120px 20px; border-top: 1px solid #eaeaea; }
.asamalar-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.asama-kutu { background: #fff; padding: 40px 20px; border: 1px solid #eee; text-align: center; transition: all 0.4s ease; }
.asama-kutu:hover { transform: translateY(-5px); border-color: #111; box-shadow: 0 10px 20px rgba(0,0,0,0.03); }
.asama-no { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 40px; font-weight: 300; color: #e0e0e0; margin-bottom: 20px; line-height: 1; transition: color 0.3s; }
.asama-kutu:hover .asama-no { color: #111; }
.asama-kutu h4 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; font-weight: 600; color: #111; line-height: 1.5; }
.asama-kutu p { font-size: 12px; color: #666; line-height: 1.7; font-weight: 300; margin: 0; }

/* Randevu Yönlendirme Alanı */
.bakim-randevu-yonlendirme { background: #050505; color: #fff; padding: 80px 20px; text-align: center; }
.bakim-randevu-yonlendirme p { font-size: 16px; margin-bottom: 30px; font-weight: 300; letter-spacing: 1px; color: #aaa; }
.btn-randevu { display: inline-block; background: #fff; color: #000; padding: 15px 35px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease; }
.btn-randevu:hover { background: #ccc; }

/* Mobilde Uyum */
@media screen and (max-width: 1024px) {
    .asamalar-grid { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
    .asamalar-grid { grid-template-columns: 1fr; gap: 20px; }
    .bakim-hero-icerik h1 { font-size: 26px; }
}

/* ==========================================================================
   KORUMA PAKETİ SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.koruma-hero {
    position: relative; width: 100%; height: 45vh;
    background-image: url('https://images.unsplash.com/photo-1614165936126-2ed18e471b3b?q=80&w=2000&auto=format&fit=crop'); /* Saat detayı, karanlık lüks hissiyat */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.koruma-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.koruma-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.koruma-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Giriş Vizyonu */
.koruma-giris { background: #fff; padding: 100px 20px 60px 20px; text-align: center; }
.koruma-giris .giris-icerik { max-width: 800px; margin: 0 auto; }
.koruma-giris p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; }

/* Avantajlar Alanı (Karanlık Grid) */
.koruma-avantajlar { background: #050505; padding: 80px 20px 120px 20px; color: #fff; }
.avantajlar-kapsayici { max-width: 1200px; margin: 0 auto; }
.avantajlar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.avantaj-kutu { 
    background: #0a0a0a; border: 1px solid #1a1a1a; padding: 50px 30px; text-align: center; transition: all 0.4s ease; 
}
.avantaj-kutu:hover { transform: translateY(-10px); border-color: #333; background: #111; }
.avantaj-ikon { font-size: 36px; margin-bottom: 25px; filter: grayscale(100%); }
.avantaj-kutu h4 { 
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 20px; color: #fff; font-weight: 600; 
}
.avantaj-kutu p { font-size: 13px; color: #aaa; line-height: 1.8; font-weight: 300; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .avantajlar-grid { grid-template-columns: 1fr; gap: 30px; }
    .koruma-hero-icerik h1 { font-size: 26px; }
}

/* ==========================================================================
   SAATİNİZİ SATIN SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.satin-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1594535182308-4fd0fcce45cb?q=80&w=2000&auto=format&fit=crop'); /* Saat kutusu veya lüks bir masa detayı */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.satin-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.satin-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.satin-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Hikaye ve Süreç */
.satin-hikaye {
    display: flex; max-width: 1200px; margin: 100px auto; padding: 0 20px; align-items: stretch; gap: 80px;
}
.satin-hikaye .hikaye-sol { flex: 1.2; display: flex; flex-direction: column; justify-content: center; }
.satin-hikaye .hikaye-sol p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 25px; }

.satin-hikaye .hikaye-sag { flex: 1; }
.surec-kutu {
    background: #fafafa; border-left: 3px solid #111; padding: 40px; height: 100%;
}
.surec-kutu h4 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; letter-spacing: 2px; 
    text-transform: uppercase; margin-bottom: 25px; color: #111; font-weight: 600;
}
.surec-kutu ul { list-style: none; padding: 0; margin: 0; }
.surec-kutu ul li { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }
.surec-kutu ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.surec-kutu ul li strong { color: #111; font-weight: 600; font-family: 'Jost', 'Century Gothic', sans-serif; letter-spacing: 1px; display: block; margin-bottom: 5px; }

/* Form Alanı (Karanlık VIP) */
.satin-form-alani { background: #050505; padding: 100px 20px; }
.form-kapsayici { max-width: 800px; margin: 0 auto; }
.form-kapsayici .luks-iletisim-formu input, .form-kapsayici .luks-iletisim-formu textarea {
    background: transparent; border: none; border-bottom: 1px solid #333; border-radius: 0;
    padding: 15px 0; font-size: 14px; color: #fff; box-shadow: none; transition: border-color 0.3s ease; outline: none; width: 100%;
}
.form-kapsayici .luks-iletisim-formu input:focus, .form-kapsayici .luks-iletisim-formu textarea:focus { border-bottom: 1px solid #fff; }
.form-kapsayici .luks-iletisim-formu select:focus { outline: none; border-bottom: 1px solid #fff; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .satin-hikaye { flex-direction: column; gap: 50px; margin: 60px auto; }
}

/* ==========================================================================
   RANDEVU ALIN SAYFASI LÜKS TASARIMI
   ========================================================================== */

/* Hero Banner */
.randevu-hero {
    position: relative; width: 100%; height: 50vh;
    background-image: url('https://images.unsplash.com/photo-1549890762-0a3f80872658?q=80&w=2000&auto=format&fit=crop'); /* Saat veya VIP oda ambiyansı */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.randevu-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0 20px; }
.randevu-hero-icerik h1 { font-size: 34px; margin-bottom: 20px; color: #fff; }
.randevu-hero-icerik p { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #ddd; }

/* Davet Metni (Açık Renk Alan) */
.randevu-giris { background: #fff; padding: 100px 20px 80px 20px; text-align: center; }
.randevu-giris .giris-icerik { max-width: 800px; margin: 0 auto; }
.randevu-giris p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; }

/* Randevu Form Alanı (Karanlık VIP Alan) */
.randevu-form-alani { background: #050505; padding: 100px 20px; border-top: 1px solid #111; }
.form-kapsayici { max-width: 800px; margin: 0 auto; }

/* Form Elementleri Ortak Stiller */
.form-kapsayici .luks-iletisim-formu input[type="text"], 
.form-kapsayici .luks-iletisim-formu input[type="tel"], 
.form-kapsayici .luks-iletisim-formu textarea,
.form-kapsayici .luks-iletisim-formu select,
.form-kapsayici .luks-iletisim-formu input[type="date"] {
    background: transparent; border: none; border-bottom: 1px solid #333; border-radius: 0;
    padding: 15px 0; font-size: 14px; color: #fff; box-shadow: none; transition: border-color 0.3s ease; outline: none; width: 100%;
}
.form-kapsayici .luks-iletisim-formu input:focus, 
.form-kapsayici .luks-iletisim-formu textarea:focus,
.form-kapsayici .luks-iletisim-formu select:focus,
.form-kapsayici .luks-iletisim-formu input[type="date"]:focus { border-bottom: 1px solid #fff; }

/* Select ve Date Picker için Özel Düzeltmeler */
.form-kapsayici .luks-select option { background: #111; color: #fff; padding: 10px; }
.form-kapsayici .luks-date::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .form-satir { flex-direction: column; gap: 30px; }
    .randevu-hero-icerik h1 { font-size: 26px; }
}

/* ==========================================================================
   YASAL METİN SAYFALARI (ŞARTLAR, KVKK, ÇEREZ) LÜKS TASARIMI
   ========================================================================== */

/* Minimal ve Ciddi Hero Banner */
.yasal-hero {
    position: relative; width: 100%; height: 35vh; /* Yasal sayfalar için daha kısa banner */
    background-color: #050505; /* Görsel yerine prestijli simsiyah zemin */
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -30px;
}
.yasal-hero-icerik { color: #fff; padding: 0 20px; }
.yasal-hero-icerik h1 { font-size: 30px; margin-bottom: 15px; color: #fff; letter-spacing: 5px; }
.yasal-hero-icerik p { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 300; color: #888; }

/* İçerik Alanı Düzeni */
.yasal-icerik-alani { background: #fff; padding: 80px 20px; }
.yasal-kapsayici { max-width: 900px; margin: 0 auto; color: #333; }

/* WP Editöründen Gelecek Yazıların Şıklaştırılması */
.yasal-kapsayici h2 {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 16px; color: #111; 
    letter-spacing: 2px; text-transform: uppercase; margin-top: 50px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.yasal-kapsayici h3 { font-size: 14px; margin-top: 30px; margin-bottom: 15px; color: #111; }
.yasal-kapsayici p { font-size: 14px; line-height: 1.9; font-weight: 300; margin-bottom: 20px; text-align: justify; color: #555; }
.yasal-kapsayici ul, .yasal-kapsayici ol { margin-bottom: 25px; padding-left: 20px; }
.yasal-kapsayici li { font-size: 14px; line-height: 1.8; font-weight: 300; margin-bottom: 10px; color: #555; }
.yasal-kapsayici a { color: #000; font-weight: 600; text-decoration: underline; transition: color 0.3s; }
.yasal-kapsayici a:hover { color: #666; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .yasal-hero-icerik h1 { font-size: 24px; }
    .yasal-kapsayici p { text-align: left; }
}

/* ==========================================================================
   ANASAYFA (VİTRİN) LÜKS TASARIMI
   ========================================================================== */

/* 1. Tam Ekran Hero */
.anasayfa-hero {
    position: relative; width: 100%; height: 100vh; /* Tam ekran */
    background-image: url('https://images.unsplash.com/photo-1522312346375-d1a52e2b99b3?q=80&w=2000&auto=format&fit=crop'); /* Karanlık, karizmatik saat görseli */
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; margin-top: -100px; /* Header'ın altına girmesi için */
}
.hero-perde {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(5,5,5,0.4), rgba(5,5,5,0.9));
}
.hero-icerik { position: relative; z-index: 2; color: #fff; max-width: 800px; padding: 0 20px; }
.hero-ust-baslik { display: block; font-size: 10px; letter-spacing: 6px; text-transform: uppercase; color: #aaa; margin-bottom: 20px; font-family: 'Jost', 'Century Gothic', sans-serif; }
.hero-icerik h1 { font-size: 50px; margin-bottom: 25px; color: #fff; letter-spacing: 2px; }
.hero-icerik p { font-size: 14px; letter-spacing: 2px; font-weight: 300; color: #ddd; margin-bottom: 40px; }

.hero-butonlar { display: flex; gap: 20px; justify-content: center; }
.btn-hero-birincil, .btn-hero-ikincil {
    padding: 16px 40px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; font-weight: 600; 
    letter-spacing: 3px; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease;
}
.btn-hero-birincil { background: #fff; color: #000; border: 1px solid #fff; }
.btn-hero-birincil:hover { background: #ccc; border-color: #ccc; }
.btn-hero-ikincil { background: transparent; color: #fff; border: 1px solid #555; }
.btn-hero-ikincil:hover { border-color: #fff; background: rgba(255,255,255,0.05); }

/* 2. Markalar Şeridi */
.markalar-seridi {
    background: #050505; padding: 40px 20px; display: flex; justify-content: center; flex-wrap: wrap; gap: 60px;
    border-bottom: 1px solid #111;
}
.marka-logo {
    font-family: 'Times New Roman', serif; font-size: 16px; color: #555; letter-spacing: 3px; 
    transition: color 0.4s ease; cursor: pointer;
}
.marka-logo:hover { color: #fff; }

/* 3. Editoryal Vitrin (Dergi Tarzı) */
.editoryal-vitrin {
    display: flex; max-width: 1400px; margin: 100px auto; padding: 0 20px; align-items: center; gap: 80px;
}
.editoryal-sol { flex: 1.2; position: relative; }
.editoryal-sol::before {
    content: ''; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; border: 1px solid #eaeaea; z-index: -1;
}
.editoryal-gorsel { width: 100%; height: auto; display: block; filter: grayscale(20%); transition: all 0.5s ease; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
.editoryal-gorsel:hover { filter: grayscale(0%); transform: scale(1.02); }
.editoryal-sag { flex: 1; padding-right: 40px; }
.editoryal-sag .etiket { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 3px; color: #999; display: block; margin-bottom: 15px; }
.editoryal-sag p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 300; margin-bottom: 40px; }
.btn-incele {
    display: inline-block; border-bottom: 1px solid #111; color: #111; padding-bottom: 5px;
    font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2px; 
    text-transform: uppercase; text-decoration: none; transition: all 0.3s ease;
}
.btn-incele:hover { color: #888; border-color: #888; padding-right: 10px; }

/* 4. Kategori Grid */
.kategori-vitrini { background: #050505; padding: 120px 20px; }
.kategori-kapsayici {
    max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
}
.kategori-kutu {
    position: relative; overflow: hidden; display: block; height: 500px;
}
.kategori-kutu.tam-genislik { grid-column: span 2; height: 400px; }
.kategori-kutu img {
    width: 100%; height: 100%; object-fit: cover; filter: grayscale(80%); transition: all 0.8s ease;
}
.kategori-perde {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: background 0.5s ease;
}
.kategori-kutu:hover img { filter: grayscale(0%); transform: scale(1.05); }
.kategori-kutu:hover .kategori-perde { background: rgba(0,0,0,0.2); }
.kategori-yazi {
    position: absolute; bottom: 40px; left: 40px; color: #fff; z-index: 2;
}
.kategori-yazi h3 { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 18px; letter-spacing: 3px; margin-bottom: 10px; }
.kategori-yazi span { font-size: 12px; font-weight: 300; letter-spacing: 1px; color: #ccc; transition: margin-left 0.3s; }
.kategori-kutu:hover .kategori-yazi span { margin-left: 10px; color: #fff; }

/* 5. Butik Daveti */
.butik-davet-alani {
    background-image: url('https://images.unsplash.com/photo-1542496658-e32a6adcae81?q=80&w=2000&auto=format&fit=crop');
    background-size: cover; background-position: center; background-attachment: fixed;
    padding: 150px 20px; text-align: center; position: relative;
}
.butik-davet-alani::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10,10,10,0.85);
}
.butik-davet-icerik { position: relative; z-index: 2; max-width: 700px; margin: 0 auto; color: #fff; }
.butik-davet-icerik p { font-size: 14px; line-height: 1.9; color: #bbb; font-weight: 300; margin-bottom: 40px; }
.btn-davet {
    display: inline-block; background: transparent; color: #fff; border: 1px solid #fff; 
    padding: 16px 40px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; font-weight: 600; 
    letter-spacing: 3px; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease;
}
.btn-davet:hover { background: #fff; color: #000; }

/* Mobilde Uyum */
@media screen and (max-width: 768px) {
    .hero-icerik h1 { font-size: 32px; }
    .hero-butonlar { flex-direction: column; gap: 15px; }
    .editoryal-vitrin { flex-direction: column; gap: 40px; margin: 60px auto; }
    .kategori-kapsayici { grid-template-columns: 1fr; }
    .kategori-kutu.tam-genislik { grid-column: span 1; }
    .kategori-kutu { height: 350px; }
    .markalar-seridi { gap: 30px; }
}

/* ==========================================================================
   WATCHES OF SWITZERLAND STİLİ ANASAYFA
   ========================================================================== */

.wos-anasayfa {
    background-color: #ffffff;
    color: #111111;
}

.wos-kapsayici {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 30px;
}

.wos-bolum-baslik {
    text-align: center;
    margin-bottom: 50px;
}

.kucuk-etiket {
    display: block;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 10px;
}

.wos-ayrac {
    width: 40px;
    height: 1px;
    background: #111;
    margin: 20px auto 0 auto;
}

/* 1. USP Bar */
.wos-usp-bar {
    background: #080808;
    border-bottom: 1px solid #1a1a1a;
    padding: 12px 20px;
}

.wos-usp-kapsayici {
    max-width: 1360px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.wos-usp-oge {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #bbb;
    font-size: 10px;
    letter-spacing: 2px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-weight: 500;
}

.usp-ikon {
    font-size: 12px;
    opacity: 0.8;
}

/* 2. Video Hero (saat takan insanlar; bkz. inc/hero.php, js/hero.js) */
.video-hero {
    --vh-altin: #c9a45c;
    position: relative;
    overflow: hidden;
    min-height: min(88vh, 860px);
    display: flex;
    align-items: center;
    background: #0b0b0c;
    color: #fff;
    isolation: isolate;
}
.vh-medya { position: absolute; inset: 0; z-index: -3; }
.vh-video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.1s ease;
}
.vh-video.aktif { opacity: 1; animation: vh-yaklas 8s ease-out forwards; }
@keyframes vh-yaklas { from { transform: scale(1.06); } to { transform: scale(1); } }
.video-hero.durdu .vh-video.aktif, .video-hero.kullanici-durdurdu .vh-video.aktif { animation-play-state: paused; }

/* okunabilirlik için soldan ve alttan koyulaşan perde */
.vh-perde {
    position: absolute; inset: 0; z-index: -2;
    background:
        linear-gradient(90deg, rgba(5,5,6,0.88) 0%, rgba(5,5,6,0.62) 38%, rgba(5,5,6,0.12) 72%, rgba(5,5,6,0.05) 100%),
        linear-gradient(0deg, rgba(5,5,6,0.65) 0%, transparent 35%);
}
/* ince film greni */
.vh-gren {
    position: absolute; inset: -50%; z-index: -1; pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
    opacity: 0.06;
    animation: vh-gren 1s steps(4) infinite;
}
@keyframes vh-gren { 0% { transform: translate3d(0,0,0); } 25% { transform: translate3d(-3%,2%,0); } 50% { transform: translate3d(2%,-3%,0); } 75% { transform: translate3d(-2%,-1%,0); } 100% { transform: translate3d(1%,3%,0); } }

.vh-ic { width: 100%; max-width: 1360px; margin: 0 auto; padding: 90px 60px; }
.vh-ic > * { max-width: 560px; opacity: 0; transform: translateY(18px); transition: opacity 1s ease, transform 1s cubic-bezier(0.16, 1, 0.3, 1); }
.video-hero.hazir .vh-ic > *, .video-hero .vh-ic > * { animation: vh-giris 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.vh-ic > :nth-child(2) { animation-delay: 0.15s !important; }
.vh-ic > :nth-child(3) { animation-delay: 0.3s !important; }
.vh-ic > :nth-child(4) { animation-delay: 0.45s !important; }
@keyframes vh-giris { to { opacity: 1; transform: none; } }

.vh-etiket { display: flex; align-items: center; gap: 14px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 5px; color: var(--vh-altin); margin-bottom: 26px; }
.vh-cizgi { display: block; width: 44px; height: 1px; background: var(--vh-altin); }
.vh-ic h1 { font-size: clamp(44px, 6vw, 86px) !important; line-height: 1.08; letter-spacing: 0.16em !important; color: #fff; margin: 0 0 26px 0; text-shadow: 0 2px 30px rgba(0,0,0,0.35); }
.vh-ic p { font-size: 16px; line-height: 1.8; color: #d2d2d2; font-weight: 300; margin: 0 0 40px 0; }
.vh-aksiyon { display: flex; gap: 16px; flex-wrap: wrap; }

/* hediye hikâyesi: videoyla eşzamanlı mesaj satırları (inc/hero.php sk_hero_hediye_satirlari) */
.vh-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.vh-ic > .vh-mesaj { max-width: 640px; }
.vh-mesaj {
    display: grid; min-height: 2.3em; margin: 0 0 22px 0;
    font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400;
    font-size: clamp(36px, 4.3vw, 62px); line-height: 1.12; color: #fff;
    text-shadow: 0 2px 30px rgba(0,0,0,0.45);
}
.vh-satir { grid-area: 1 / 1; align-self: end; opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
.vh-satir.aktif { opacity: 1; transform: none; }
.vh-satir b { font-weight: 700; color: #f3d58a; letter-spacing: 0.02em; }
.video-hero.posterli .vh-satir-vurgu { opacity: 1; transform: none; }
.vh-hikaye .vh-bolum { width: 120px; }
.vh-hikaye .vh-bolum.aktif i { animation: none; transition: transform 0.3s linear; }

/* alt: klip ilerleme çizgileri + duraklat */
.vh-alt { position: absolute; left: 0; right: 0; bottom: 34px; max-width: 1360px; margin: 0 auto; padding: 0 60px; display: flex; align-items: center; gap: 20px; }
.vh-bolumler { display: flex; gap: 8px; }
.vh-bolum { display: block; width: 46px; height: 2px; background: rgba(255,255,255,0.25); overflow: hidden; }
.vh-bolum i { display: block; height: 100%; background: var(--vh-altin); transform: scaleX(0); transform-origin: left; }
.vh-bolum.aktif i { animation: vh-dol 5.9s linear forwards; }
.video-hero:not(.hazir) .vh-bolum.aktif i,
.video-hero.durdu .vh-bolum.aktif i,
.video-hero.kullanici-durdurdu .vh-bolum.aktif i { animation-play-state: paused; }
@keyframes vh-dol { to { transform: scaleX(1); } }
.vh-oynat {
    width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.35); background: transparent; color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: background 0.3s ease, border-color 0.3s ease;
}
.vh-oynat:hover, .vh-oynat:focus-visible { background: rgba(255,255,255,0.12); border-color: #fff; }
.vh-ikon-dur { width: 8px; height: 10px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.vh-ikon-oynat { display: none; width: 0; height: 0; margin-left: 2px; border-left: 9px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.video-hero.kullanici-durdurdu .vh-ikon-dur { display: none; }
.video-hero.kullanici-durdurdu .vh-ikon-oynat { display: block; }
button.vh-bolum { box-sizing: content-box; border: 0; padding: 12px 0; margin: -12px 0; background-clip: content-box; cursor: pointer; }
button.vh-bolum:focus-visible { outline: 1px solid var(--vh-altin); outline-offset: 2px; }

/* kampanya slaytı (video/kampanya.mp4): yazı videonun içinde; perde ve metin çekilir, slayt mağazaya bağlanır */
.vh-video.vh-reklam { object-fit: cover; object-position: 50% 70%; background: #ebe3d9; }
.video-hero.reklam-sigdir .vh-video.vh-reklam { object-fit: contain; }
.vh-video.vh-reklam.aktif { animation: none; }
.vh-perde, .vh-gren, .vh-ic { transition: opacity 0.9s ease, visibility 0.9s; }
.video-hero.reklam-aktif .vh-perde, .video-hero.reklam-aktif .vh-gren { opacity: 0; }
.vh-reklam-link { position: absolute; inset: 0; z-index: 1; display: none; }
.video-hero.reklam-aktif .vh-reklam-link { display: block; }
.vh-reklam-metin, .vh-reklam-buton { display: none; }
.vh-alt { z-index: 2; }
@media screen and (min-width: 769px) {
    .video-hero.reklam-aktif .vh-ic { opacity: 0; visibility: hidden; }
    .video-hero.reklam-aktif .vh-bolum { background-color: rgba(0,0,0,0.18); }
    .video-hero.reklam-aktif .vh-bolum i { background: #1b1b1b; }
    .video-hero.reklam-aktif .vh-oynat { border-color: rgba(0,0,0,0.35); }
    .video-hero.reklam-aktif .vh-ikon-dur { border-color: #1b1b1b; }
    .video-hero.reklam-aktif .vh-ikon-oynat { border-left-color: #1b1b1b; }
    .vh-reklam-buton {
        margin-left: auto; padding: 14px 30px; background: #1b1b1b; color: #fff; text-decoration: none;
        font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 3px;
        transition: background 0.3s ease;
    }
    .video-hero.reklam-aktif .vh-reklam-buton { display: inline-block; }
    .vh-reklam-buton:hover, .vh-reklam-buton:focus-visible { background: #e31e24; color: #fff; }
}

@media (prefers-reduced-motion: reduce) {
    .vh-gren, .vh-video.aktif { animation: none !important; }
    .vh-ic > * { animation: none !important; opacity: 1; transform: none; }
}

@media screen and (max-width: 768px) {
    /* telefonda 16:9 video dik ekrana yayılınca aşırı kırpılıyor: video üstte kare alanda, yazı altta */
    .video-hero { display: block; min-height: 0; }
    .vh-medya { position: relative; aspect-ratio: 1 / 1; overflow: hidden; }
    .vh-perde { bottom: auto; height: 100vw; background: linear-gradient(0deg, #0b0b0c 0%, rgba(11,11,12,0.35) 38%, rgba(11,11,12,0) 70%); }
    .vh-ic { position: relative; padding: 0 24px 96px; margin-top: -70px; text-align: center; }
    .vh-ic > * { max-width: none; }
    .vh-etiket { justify-content: center; font-size: 10px; letter-spacing: 4px; }
    .vh-ic p { font-size: 14px; }
    .vh-mesaj { font-size: clamp(28px, 8vw, 40px); min-height: 2.3em; margin-bottom: 16px; }
    .vh-ic > .vh-mesaj { max-width: none; }
    .vh-aksiyon { justify-content: center; }
    .vh-alt { padding: 0 24px; justify-content: center; bottom: 30px; }
    /* kampanya slaytı: kare video, alttaki yazının yerine kampanya metni (yükseklik değişmesin diye üstüne biner) */
    .vh-video.vh-reklam { object-fit: cover; }
    .vh-reklam-link { bottom: auto; height: 100vw; }
    .video-hero .vh-ic > .vh-reklam-metin {
        display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
        position: absolute; left: 0; right: 0; top: 70px; bottom: 0; padding: 26px 24px 0;
        background: #0b0b0c; opacity: 0; visibility: hidden; transform: none; animation: none;
        transition: opacity 0.6s ease, visibility 0.6s;
    }
    .video-hero.reklam-aktif .vh-ic > .vh-reklam-metin { opacity: 1; visibility: visible; }
    /* videonun üstüne taşan etiket ve hediye satırları da çekilsin */
    .video-hero.reklam-aktif .vh-ic > :not(.vh-reklam-metin) { visibility: hidden; opacity: 0 !important; transition: opacity 0.4s ease, visibility 0.4s; }
    .vh-reklam-metin .vh-etiket { margin-bottom: 16px; }
    .vh-reklam-baslik { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: clamp(26px, 7.4vw, 36px); line-height: 1.2; margin-bottom: 24px; }
    .vh-reklam-baslik b { font-weight: 700; color: #f3d58a; }
}
@media screen and (max-width: 480px) {
    .vh-aksiyon { flex-direction: column; gap: 12px; }
    .vh-aksiyon a { text-align: center; }
}

.wos-btn-birincil, .wos-btn-ikincil {
    padding: 16px 36px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
}

.wos-btn-birincil {
    background: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
}
.wos-btn-birincil:hover {
    background: #d4d4d4;
    border-color: #d4d4d4;
}

.wos-btn-ikincil {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.wos-btn-ikincil:hover {
    background: #ffffff;
    color: #000000;
}

/* 3. Marka Vitrini (kayan banner: ikonik model + logo) */
.marka-vitrini {
    --mv-zemin: #f4f2ee;
    background: var(--mv-zemin);
    border-bottom: 1px solid #ebe8e2;
    outline: none;
}
.mv-sahne {
    position: relative;
    display: grid;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 90px;
}
.mv-slayt {
    grid-area: 1 / 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
    min-height: 560px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.9s ease, visibility 0s linear 0.9s;
}
.mv-slayt.aktif { opacity: 1; visibility: visible; transition: opacity 0.9s ease; }

.mv-metin { max-width: 440px; justify-self: end; padding: 60px 0; }
.mv-metin > * { opacity: 0; transform: translateY(14px); transition: opacity 0.7s ease, transform 0.7s ease; }
.mv-slayt.aktif .mv-metin > * { opacity: 1; transform: none; }
.mv-slayt.aktif .mv-metin > :nth-child(2) { transition-delay: 0.12s; }
.mv-slayt.aktif .mv-metin > :nth-child(3) { transition-delay: 0.22s; }
.mv-slayt.aktif .mv-metin > :nth-child(4) { transition-delay: 0.32s; }
.mv-slayt.aktif .mv-metin > :nth-child(5) { transition-delay: 0.42s; }

.mv-metin .kucuk-etiket { margin-bottom: 28px; }
.mv-logo { display: block; width: auto; height: auto; max-width: 240px; max-height: 84px; margin-bottom: 30px; }
.mv-logo-yazi { display: block; font-family: 'Times New Roman', serif; font-size: 34px; letter-spacing: 4px; margin-bottom: 30px; }
.mv-model {
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #111;
    margin: 0 0 14px 0;
    line-height: 1.4;
}
.mv-slogan { font-size: 15px; line-height: 1.7; color: #6b6b6b; margin: 0 0 34px 0; }
.mv-buton {
    display: inline-block;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    color: #111;
    text-decoration: none;
    padding: 15px 28px;
    border: 1px solid #111;
    transition: background 0.3s ease, color 0.3s ease;
}
.mv-buton:hover, .mv-buton:focus-visible { background: #111; color: #fff; }

.mv-gorsel {
    position: relative;
    justify-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 480px;
    height: 520px;
}
/* saatin arkasında yumuşak bir ışık halkası */
.mv-gorsel::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff 0%, #ffffff 45%, rgba(255,255,255,0) 72%);
}
.mv-gorsel img {
    position: relative;
    max-height: 480px;
    max-width: 100%;
    width: auto;
    height: auto;
    transform: translateX(40px) scale(0.96); /* görseller şeffaf PNG/WebP; karışım efekti gerekmez */
    opacity: 0;
    transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.9s ease;
}
.mv-slayt.aktif .mv-gorsel img { transform: none; opacity: 1; }

.mv-ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 1px solid #cfcac1;
    border-radius: 50%;
    background: transparent;
    color: #111;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    z-index: 2;
}
.mv-ok:hover, .mv-ok:focus-visible { background: #111; border-color: #111; color: #fff; }
.mv-onceki { left: 24px; }
.mv-sonraki { right: 24px; }
.mv-sayac {
    position: absolute;
    right: 90px;
    bottom: 26px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    color: #999;
}
.mv-simdiki { color: #111; }
.mv-ilerleme { position: absolute; left: 90px; right: 90px; bottom: 0; height: 1px; background: #dcd8d0; overflow: hidden; }
.mv-ilerleme span { display: block; height: 100%; background: #111; transform-origin: left; animation: mv-ilerle 6s linear forwards; }
.marka-vitrini.duraklatildi .mv-ilerleme span { animation-play-state: paused; }
@keyframes mv-ilerle { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Logo şeridi: tüm markalar, etkin olan belirgin */
.mv-serit {
    max-width: 1360px;
    margin: 0 auto;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
}
.mv-serit::-webkit-scrollbar { display: none; }
.mv-serit-ic { display: flex; align-items: center; gap: 46px; width: max-content; padding: 30px 90px 34px; }
.mv-serit-logo {
    flex: 0 0 auto;
    width: 104px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: 2px;
    color: #111;
}
.mv-serit-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; opacity: 0.3; transition: opacity 0.35s ease, transform 0.35s ease; }
.mv-serit-logo:hover img, .mv-serit-logo:focus-visible img { opacity: 0.65; }
.mv-serit-logo.aktif img { opacity: 1; transform: scale(1.08); }

@media (prefers-reduced-motion: reduce) {
    .mv-slayt, .mv-metin > *, .mv-gorsel img { transition: none !important; }
    .mv-ilerleme { display: none; }
}

@media screen and (max-width: 1024px) {
    .mv-sahne { padding: 0 84px; }
    .mv-slayt { gap: 24px; }
    .mv-ok { width: 42px; height: 42px; }
    .mv-onceki { left: 18px; }
    .mv-sonraki { right: 18px; }
    .mv-sayac { right: 84px; }
    .mv-ilerleme { left: 84px; right: 84px; }
    .mv-gorsel { height: 460px; }
    .mv-gorsel::before { width: 340px; height: 340px; }
    .mv-gorsel img { max-height: 420px; }
}

@media screen and (max-width: 768px) {
    .mv-sahne { padding: 0 20px; }
    .mv-slayt { grid-template-columns: 1fr; gap: 0; min-height: 0; padding-bottom: 50px; }
    .mv-gorsel { order: -1; justify-self: center; width: 100%; height: 320px; margin-top: 20px; }
    .mv-gorsel::before { width: 260px; height: 260px; }
    .mv-gorsel img { max-height: 290px; max-width: 80%; transform: translateY(16px) scale(0.96); }
    .mv-metin { justify-self: center; text-align: center; padding: 10px 0 0; }
    .mv-metin .kucuk-etiket { margin-bottom: 16px; }
    .mv-logo { margin: 0 auto 18px; max-height: 60px; max-width: 190px; }
    .mv-model { font-size: 17px; letter-spacing: 3px; }
    .mv-slogan { font-size: 14px; margin-bottom: 22px; }
    .mv-ok { top: 180px; width: 40px; height: 40px; }
    .mv-onceki { left: 10px; }
    .mv-sonraki { right: 10px; }
    .mv-sayac { right: 20px; bottom: 16px; }
    .mv-ilerleme { left: 20px; right: 20px; }
    .mv-serit-ic { gap: 30px; padding: 22px 40px 26px; }
    .mv-serit-logo { width: 80px; height: 36px; }
}

/* 4. WooCommerce Vitrini */
.wos-urun-vitrini {
    padding: 100px 0;
}

.wos-saat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.wos-saat-kutu {
    text-align: center;
    border: 1px solid transparent;
    padding: 20px;
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
}

.wos-saat-kutu:hover {
    border-color: #eee;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

.wos-saat-gorsel-link {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fdfdfd;
}

.wos-saat-gorsel-link img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    transition: transform 0.6s ease;
}

.wos-saat-kutu:hover .wos-saat-gorsel-link img {
    transform: scale(1.05);
}

.saat-marka-etiket {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    display: block;
    margin-bottom: 8px;
}

.saat-adi {
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 1.4;
    min-height: 36px;
}

.saat-adi a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s;
}

.saat-adi a:hover {
    color: #666;
}

.saat-fiyat {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
}

.wos-saat-incele-btn {
    display: inline-block;
    border: 1px solid #111;
    color: #111;
    padding: 10px 20px;
    font-size: 10px;
    letter-spacing: 2px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
    margin-top: auto;
}

.wos-saat-incele-btn:hover {
    background: #111;
    color: #fff;
}

/* Kasım kampanyası (inc/kasim-kampanyasi.php): anasayfa kombin vitrini, sepet ve ürün sayfası notları */
.kk-bolum { padding: 90px 0 100px; background: #f6f2ec; }
.kk-ust { text-align: center; max-width: 640px; margin: 0 auto 50px; }
.kk-etiket { display: inline-flex; align-items: center; gap: 14px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 5px; color: #a8833f; margin-bottom: 18px; }
.kk-cizgi { display: block; width: 36px; height: 1px; background: currentColor; }
.kk-baslik { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400; font-size: clamp(32px, 4vw, 50px); line-height: 1.15; color: #111; margin: 0 0 18px; }
.kk-alt { font-size: 15px; line-height: 1.7; color: #555; margin: 0 0 14px; }
.kk-alt b { color: #e31e24; }
.kk-kosul, .kampanya-kisayol { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 2px; color: #111; text-decoration: underline; text-underline-offset: 4px; }
.kk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.kk-kart { background: #fff; padding: 24px 24px 28px; display: flex; flex-direction: column; text-align: center; transition: box-shadow 0.35s ease, transform 0.35s ease; }
.kk-kart:hover { box-shadow: 0 14px 36px rgba(0,0,0,0.07); transform: translateY(-3px); }
.kk-gorseller { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }
.kk-gorsel { position: relative; display: block; background: #faf8f5; overflow: hidden; }
.kk-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; transition: transform 0.5s ease; }
.kk-kart:hover .kk-gorsel img { transform: scale(1.04); }
.kk-cins { position: absolute; left: 8px; top: 8px; z-index: 1; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 9px; letter-spacing: 2px; color: #777; }
.kk-yari { position: absolute; right: 8px; top: 8px; z-index: 1; background: #e31e24; color: #fff; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 1px; padding: 4px 7px; }
.kk-ad { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; color: #111; margin: 0 0 14px; }
.kk-urunler { list-style: none; margin: 0 0 16px; padding: 0; border-top: 1px solid #eee; }
.kk-urunler li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #eee; font-size: 13px; text-align: left; }
.kk-urunler a { color: #333; text-decoration: none; }
.kk-urunler a:hover { text-decoration: underline; }
.kk-urunler span { flex: none; color: #777; }
.kk-fiyat { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 22px; color: #111; margin-bottom: 4px; }
.kk-fiyat del { font-size: 14px; color: #999; margin-right: 6px; }
.kk-kazanc { font-size: 12px; letter-spacing: 1px; color: #e31e24; margin-bottom: 20px; }
.kk-buton { margin-top: auto; display: block; padding: 15px 20px; background: #111; color: #fff; text-decoration: none; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 3px; transition: background 0.3s ease; }
.kk-buton:hover, .kk-buton:focus-visible { background: #e31e24; color: #fff; }
.sk-kampanya-not { margin: 0 0 24px; padding: 14px 18px; border-left: 3px solid #e31e24; background: #fdf3f3; font-size: 14px; line-height: 1.6; color: #222; }
.sk-kampanya-not a { margin-left: 6px; color: #111; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.kampanya-kisayol { display: inline-block; text-decoration: none; letter-spacing: 1px; font-size: 12px; color: #e31e24; }
.kampanya-kisayol:hover { text-decoration: underline; }
@media screen and (max-width: 1100px) {
    .kk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 768px) {
    /* telefonda yana kaydırılan kartlar */
    .kk-bolum { padding: 60px 0 70px; }
    .kk-ust { margin-bottom: 30px; }
    .kk-grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -30px; padding: 0 30px 10px; scrollbar-width: none; }
    .kk-grid::-webkit-scrollbar { display: none; }
    .kk-kart { flex: 0 0 82%; scroll-snap-align: center; padding: 18px 18px 22px; }
}

/* 5. Enerji Banner'ı (Chaperone, Fiesta, Reward) */
.enerji-banner {
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse at 72% 45%, #1d1f22 0%, #0b0b0c 62%);
    color: #fff;
    padding: 110px 0 100px;
    isolation: isolate;
}
/* ince çapraz çizgiler + yavaşça geçen ışık şeridi */
.enerji-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(115deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 26px);
    z-index: -1;
}
.enerji-banner::after {
    content: '';
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: -40%;
    width: 30%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    transform: skewX(-18deg);
    animation: eb-isik 9s ease-in-out infinite;
    z-index: -1;
}
@keyframes eb-isik { 0%, 15% { left: -40%; } 60%, 100% { left: 120%; } }

.eb-ic {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 0.85fr 1.65fr;
    gap: 70px;
    align-items: center;
}

.eb-etiket {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 10px;
    letter-spacing: 4px;
    color: #9a9a9a;
    margin-bottom: 26px;
}
.eb-etiket i { display: block; width: 18px; height: 3px; background: var(--renk); }
.eb-etiket i:last-of-type { margin-right: 10px; }
.eb-metin h2 { font-size: 38px !important; line-height: 1.35; color: #fff; margin: 0 0 26px 0; letter-spacing: 9px !important; }
/* üç markanın renkleri başlıkta akar */
.eb-vurgu {
    background: linear-gradient(90deg, #3d6bff, #1fbf6a, #ff3b30, #3d6bff);
    background-size: 300% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    animation: eb-akis 8s linear infinite;
}
@keyframes eb-akis { to { background-position: 300% 0; } }
.eb-metin p { font-size: 15px; line-height: 1.85; color: #a3a3a3; font-weight: 300; margin: 0 0 40px 0; max-width: 430px; }
.eb-buton {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 17px 34px;
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}
.eb-buton:hover, .eb-buton:focus-visible { background: #e6e6e6; transform: translateX(4px); }

.eb-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: end; }
.eb-kart {
    --kaydir: 0px;
    position: relative;
    display: block;
    background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.015) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 4px;
    padding: 26px 22px 28px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    transform: translateY(var(--kaydir));
    transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.45s ease, box-shadow 0.45s ease;
}
.eb-kart:nth-child(2) { --kaydir: -36px; } /* ortadaki kart bir adım önde */
/* üstte markanın renginde vurgu çizgisi; üzerine gelince tüm genişliğe yayılır */
.eb-kart::before {
    content: '';
    position: absolute;
    top: 0;
    left: 22px;
    width: 42px;
    height: 3px;
    background: var(--renk);
    transition: left 0.45s ease, width 0.45s ease;
}
.eb-kart:hover, .eb-kart:focus-within {
    transform: translateY(calc(var(--kaydir) - 10px));
    border-color: color-mix(in srgb, var(--renk) 55%, transparent);
    box-shadow: 0 30px 60px -25px color-mix(in srgb, var(--renk) 60%, transparent);
    outline: none;
}
.eb-kart:hover::before, .eb-kart:focus-within::before { left: 0; width: 100%; }

.eb-gorsel { position: relative; height: 300px; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
/* saatin arkasında markanın renginde parıltı */
.eb-gorsel::before {
    content: '';
    position: absolute;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--renk) 70%, transparent) 0%, transparent 65%);
    opacity: 0.75;
    transition: opacity 0.45s ease, transform 0.45s ease;
}
.eb-kart:hover .eb-gorsel::before { opacity: 1; transform: scale(1.1); }
.eb-gorsel .eb-saat {
    position: absolute;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    filter: drop-shadow(0 26px 24px rgba(0,0,0,0.55));
    animation: eb-suz 5s ease-in-out var(--gecikme, 0s) infinite alternate;
    opacity: 0;
    transform: translateX(24px) scale(0.94);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.eb-gorsel .eb-saat.aktif { opacity: 1; transform: none; }
.eb-kart:hover .eb-gorsel .eb-saat.aktif { transform: scale(1.05) rotate(-2deg); }

/* model seçici küçük görseller */
.eb-kucukler { position: relative; z-index: 2; display: flex; gap: 8px; margin: 0 0 20px 0; }
.eb-kucuk {
    width: 46px;
    height: 46px;
    padding: 3px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 3px;
    background: rgba(255,255,255,0.05);
    cursor: pointer;
    opacity: 0.55;
    transition: opacity 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.eb-kucuk img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eb-kucuk:hover, .eb-kucuk:focus-visible { opacity: 0.9; }
.eb-kucuk.aktif { opacity: 1; border-color: var(--renk); background: color-mix(in srgb, var(--renk) 18%, transparent); }
@keyframes eb-suz { from { translate: 0 0; } to { translate: 0 -10px; } }

.eb-bilgi { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.eb-logo { display: block; flex: none; width: auto; height: auto; max-width: 150px; max-height: 44px; object-fit: contain; filter: brightness(0) invert(1); margin-bottom: 8px; }
.eb-logo-yazi { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 18px; letter-spacing: 4px; margin-bottom: 8px; }
.eb-model { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #e8e8e8; }
.eb-slogan { font-size: 13px; color: #8d8d8d; line-height: 1.5; }
.eb-incele { margin-top: 12px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 3px; color: var(--renk); text-decoration: none; outline: none; }
.eb-incele::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.eb-incele span { display: inline-block; transition: transform 0.3s ease; }
.eb-kart:hover .eb-incele span { transform: translateX(5px); }

@media (prefers-reduced-motion: reduce) {
    .enerji-banner::after, .eb-gorsel .eb-saat, .eb-vurgu { animation: none; }
    .eb-kart, .eb-gorsel .eb-saat, .eb-gorsel::before { transition: none; }
}

@media screen and (max-width: 1100px) {
    .eb-ic { grid-template-columns: 1fr; gap: 60px; }
    .eb-metin { text-align: center; }
    .eb-etiket { justify-content: center; }
    .eb-metin p { margin-left: auto; margin-right: auto; }
}

@media screen and (max-width: 768px) {
    .enerji-banner { padding: 70px 0 60px; }
    .eb-ic { padding: 0 16px; gap: 36px; }
    .eb-metin { padding: 0 8px; }
    /* başlık ekran genişliğine göre küçülür; harf aralığı dar ekranda taşırmaz */
    .eb-metin h2 { font-size: clamp(22px, 7.4vw, 30px) !important; letter-spacing: 0.18em !important; margin-right: 0; }
    .eb-etiket { flex-wrap: wrap; letter-spacing: 3px; }
    /* üç kart alt alta, hepsi ekranda: solda saat, sağda bilgiler */
    .eb-kartlar { display: grid; grid-template-columns: 1fr; gap: 14px; }
    .eb-kart {
        --kaydir: 0px;
        display: grid;
        grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
        grid-template-areas: "gorsel bilgi" "kucuk bilgi";
        column-gap: 14px;
        align-items: center;
        padding: 18px 16px 16px;
    }
    .eb-kart:nth-child(2) { --kaydir: 0px; }
    .eb-gorsel { grid-area: gorsel; height: 180px; margin: 0; }
    .eb-kucukler { grid-area: kucuk; justify-content: center; gap: 6px; margin: 10px 0 0; }
    .eb-kucuk { width: 36px; height: 36px; padding: 2px; }
    .eb-bilgi { grid-area: bilgi; gap: 6px; min-width: 0; }
    .eb-logo { max-width: 120px; max-height: 36px; margin-bottom: 4px; }
    .eb-model { font-size: 11px; letter-spacing: 2px; overflow-wrap: anywhere; }
    .eb-slogan { font-size: 12px; }
    .eb-incele { margin-top: 6px; font-size: 9px; letter-spacing: 2px; }
    .eb-kart:hover .eb-gorsel .eb-saat.aktif { transform: none; } /* dokunmatikte takılı kalan büyütme olmasın */
}

/* 4b. Ürün vitrinleri: Yeni gelen / En çok satan / Kampanyalı (inc/one-cikan-saatler.php) */
.vitrin-bolum + .vitrin-bolum { margin-top: 80px; }
.vitrin-bolum-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 16px; margin-bottom: 36px; border-bottom: 1px solid #ececec; }
.vitrin-bolum-baslik {
    font-family: 'Jost', 'Century Gothic', sans-serif;
    font-size: 18px; font-weight: 300; letter-spacing: 5px; text-transform: uppercase;
    color: #111; margin: 0;
}
.vitrin-tumu { flex: none; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #111; text-decoration: none; }
.vitrin-tumu span { display: inline-block; transition: transform 0.3s ease; }
.vitrin-tumu:hover span, .vitrin-tumu:focus-visible span { transform: translateX(4px); }
/* az ürün olduğunda kartlar sola yığılmasın, ortalansın */
.vitrin-bolum .wos-saat-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 310px)); justify-content: center; }
.wos-saat-gorsel-link { position: relative; }
.saat-rozet { position: absolute; top: 14px; left: 14px; z-index: 1; background: #111; color: #fff; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 9px; letter-spacing: 2px; padding: 6px 10px; }

/* Responsive */
@media screen and (max-width: 1100px) {
    .wos-saat-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 768px) {
    .wos-usp-kapsayici { justify-content: center; gap: 10px; }
    .wos-saat-grid, .vitrin-bolum .wos-saat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .vitrin-bolum + .vitrin-bolum { margin-top: 56px; }
    .vitrin-bolum-ust { margin-bottom: 24px; }
    .vitrin-bolum-baslik { font-size: 14px; letter-spacing: 3px; }
    .vitrin-tumu { font-size: 10px; letter-spacing: 1px; }
    /* mobilde ürün görselleri küçük kalmasın: kenar ve kart boşluklarını daralt, sabit yüksekliği kaldır */
    .wos-urun-vitrini .wos-kapsayici { padding: 0 14px; }
    .wos-saat-grid, .vitrin-bolum .wos-saat-grid { gap: 22px 10px; }
    .wos-saat-kutu { padding: 0; }
    .wos-saat-gorsel-link { margin-bottom: 12px; }
    .wos-saat-gorsel-link img { height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
}

/* ==========================================================================
   ÇEREZ ONAY PENCERESİ (inc/cerez.php)
   ========================================================================== */
.sk-cerez { position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 999999; max-width: 720px; margin: 0 auto; background: #111; color: #ddd; padding: 20px 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.35); display: flex; gap: 20px; align-items: center; font-size: 13px; line-height: 1.6; }
.sk-cerez[hidden] { display: none; }
.sk-cerez p { margin: 0; flex: 1; }
.sk-cerez a { color: #fff; text-decoration: underline; }
.sk-cerez-butonlar { display: flex; gap: 10px; flex-shrink: 0; }
.sk-cerez-butonlar button { background: #fff; color: #111; border: 1px solid #fff; padding: 11px 16px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; font-family: inherit; white-space: nowrap; }
.sk-cerez-butonlar button:hover { background: #ddd; border-color: #ddd; }
@media screen and (max-width: 640px) {
    .sk-cerez { left: 12px; right: 12px; bottom: 12px; flex-direction: column; align-items: stretch; padding: 18px; }
    .sk-cerez-butonlar button { flex: 1; }
}

/* ==========================================================================
   MESAFELİ SATIŞ SÖZLEŞMELERİ (ödeme adımı ve sipariş detayı — inc/yasal.php)
   ========================================================================== */
.sk-sozlesmeler { margin: 10px 0 20px 0; }
.sk-sozlesme { border: 1px solid #ddd; margin-bottom: 8px; background: #fff; }
.sk-sozlesme summary { cursor: pointer; padding: 10px 14px; font-size: 13px; font-weight: 600; color: #111; }
.sk-sozlesme-metin { max-height: 240px; overflow-y: auto; padding: 4px 14px 14px 14px; font-size: 12px; line-height: 1.6; color: #555; border-top: 1px solid #eee; }
.sk-sozlesme-metin h3 { font-size: 13px; margin: 12px 0 8px; color: #111; }
.sk-sozlesme-metin h4 { font-size: 12px; margin: 12px 0 6px; color: #111; }
.sk-sozlesme-metin p { margin: 0 0 8px; }
.sk-sozlesme-metin table { font-size: 12px; margin-bottom: 8px; border-color: #ddd; }
.sk-sozlesme-onay label { font-size: 13px; line-height: 1.5; display: flex; gap: 8px; align-items: flex-start; }
.sk-sozlesme-onay input { margin-top: 3px; accent-color: #111; }
.yasal-kapsayici h3 { font-size: 16px; letter-spacing: 1px; margin: 10px 0 20px; }
.yasal-kapsayici h4 { font-size: 14px; margin: 28px 0 12px; color: #111; }
.yasal-kapsayici .sk-sozlesme-tablo td, .yasal-kapsayici .sk-sozlesme-tablo th { font-size: 13px; }

/* ==========================================================================
   SAAT KARAKTERİ TESTİ (anasayfa, hero'nun altı — inc/saat-bulucu.php, js/saat-bulucu.js)
   ========================================================================== */
.saat-bulucu {
    --sb-altin: #d8b46a;
    --sb-altin-koyu: #b48c3e;
    --sb-zemin: #0c1f1a;
    --sb-yazi: #eaf1ee;
    --sb-soluk: #a9bdb6;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 60% 70% at 85% 30%, rgba(46, 107, 88, 0.55) 0%, transparent 70%),
        radial-gradient(ellipse 50% 60% at 5% 100%, rgba(180, 140, 62, 0.18) 0%, transparent 70%),
        linear-gradient(160deg, #10302a 0%, var(--sb-zemin) 55%, #08140f 100%);
    color: var(--sb-yazi);
    border-top: 1px solid rgba(216, 180, 106, 0.35);
    scroll-margin-top: 80px;
}
/* ince guilloché deseni (kadran dokusu) */
.saat-bulucu::before {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.07;
    background-image: repeating-radial-gradient(circle at 80% 40%, transparent 0 14px, rgba(216, 180, 106, 0.9) 14px 15px);
    -webkit-mask-image: radial-gradient(ellipse at 80% 40%, #000 0%, transparent 65%);
            mask-image: radial-gradient(ellipse at 80% 40%, #000 0%, transparent 65%);
}
.sb-isik { position: absolute; z-index: -1; border-radius: 50%; filter: blur(60px); pointer-events: none; }
.sb-isik-1 { width: 340px; height: 340px; right: 12%; top: -120px; background: rgba(216, 180, 106, 0.16); animation: sb-suzul 14s ease-in-out infinite alternate; }
.sb-isik-2 { width: 280px; height: 280px; left: -80px; bottom: -100px; background: rgba(60, 150, 120, 0.22); animation: sb-suzul 18s ease-in-out infinite alternate-reverse; }
@keyframes sb-suzul { to { transform: translate3d(-40px, 40px, 0) scale(1.15); } }

.sb-sahne {
    max-width: 1360px; margin: 0 auto; padding: 96px 60px;
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 60px; align-items: center;
    min-height: 600px; box-sizing: border-box;
}
.sb-panel { min-width: 0; }
.sb-panel.sb-kilit { pointer-events: none; }

/* giriş */
.sb-etiket { display: flex; align-items: center; gap: 14px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 5px; color: var(--sb-altin); margin-bottom: 24px; text-transform: uppercase; }
.sb-cizgi { display: block; width: 44px; height: 1px; background: var(--sb-altin); flex: 0 0 auto; }
.sb-baslik {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 300;
    font-size: clamp(36px, 4.6vw, 64px); line-height: 1.1; letter-spacing: 0.02em;
    color: #fff; margin: 0 0 24px;
}
.sb-baslik em {
    font-style: normal; font-weight: 400;
    background: linear-gradient(100deg, #f6e3a8 0%, var(--sb-altin) 45%, #f6e3a8 60%, var(--sb-altin-koyu) 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    animation: sb-parilti 6s ease-in-out infinite;
}
@keyframes sb-parilti { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
.sb-metin { font-size: 16px; line-height: 1.8; color: var(--sb-soluk); font-weight: 300; max-width: 540px; margin: 0 0 36px; }
.sb-aksiyon { display: flex; gap: 14px; flex-wrap: wrap; }
.sb-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    padding: 17px 34px; font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase; text-decoration: none; cursor: pointer;
    border: 1px solid transparent; border-radius: 0; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.sb-btn-altin { background: linear-gradient(135deg, #f1d79a, var(--sb-altin) 55%, var(--sb-altin-koyu)); color: #14110a; box-shadow: 0 10px 30px rgba(216, 180, 106, 0.25); }
.sb-btn-altin:hover, .sb-btn-altin:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(216, 180, 106, 0.38); }
.sb-btn-cizgi { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.sb-btn-cizgi:hover, .sb-btn-cizgi:focus-visible { border-color: var(--sb-altin); color: var(--sb-altin); }
.sb-maddeler { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 34px 0 0; padding: 0; font-size: 13px; color: var(--sb-soluk); }
.sb-maddeler li { display: flex; align-items: center; gap: 8px; }
.sb-maddeler li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--sb-altin); }

/* kadran */
.sb-kadran { position: relative; justify-self: center; width: 100%; max-width: 440px; aspect-ratio: 1; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.45)); }
.sb-kadran-svg { display: block; width: 100%; height: 100%; overflow: visible; }
.sb-halka-iz { fill: none; stroke: rgba(216, 180, 106, 0.15); stroke-width: 3; }
.sb-halka { fill: none; stroke: var(--sb-altin); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transform: rotate(-90deg); transform-origin: 200px 200px; transition: stroke-dashoffset 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); }
.sb-cizgiler line { stroke: rgba(234, 241, 238, 0.45); stroke-width: 1.5; }
.sb-cizgiler .sb-saat-cizgi { stroke: var(--sb-altin); stroke-width: 4; }
.sb-kadran-marka { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 15px; letter-spacing: 3px; fill: #fff; text-anchor: middle; }
.sb-kadran-alt { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 9px; letter-spacing: 4px; fill: var(--sb-altin); text-anchor: middle; }
.sb-akrep rect, .sb-yelkovan rect { fill: url(#sb-altin); }
.sb-saniye { transform-origin: 200px 200px; animation: sb-saniye 60s steps(60) infinite; }
.sb-saniye line { stroke: #e05a47; stroke-width: 2; }
.sb-saniye circle { fill: #e05a47; }
@keyframes sb-saniye { to { transform: rotate(360deg); } }
.saat-bulucu.sb-analizde .sb-saniye { animation-duration: 1.2s; animation-timing-function: linear; }
.saat-bulucu.sb-analizde .sb-kadran { animation: sb-nabiz 0.9s ease-in-out infinite; }
@keyframes sb-nabiz { 50% { transform: scale(1.03); } }

/* soru */
.sb-soru, .sb-yukleniyor, .sb-sonuc { animation: sb-gir 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes sb-gir { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.sb-ilerleme { height: 2px; background: rgba(255, 255, 255, 0.12); margin-bottom: 22px; display: none; }
.sb-ilerleme span { display: block; height: 100%; background: var(--sb-altin); transition: width 0.5s ease; }
.sb-soru-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.sb-geri { background: none; border: 0; padding: 6px 0; color: var(--sb-soluk); font-size: 13px; cursor: pointer; font-family: inherit; }
.sb-geri:hover, .sb-geri:focus-visible { color: #fff; }
.sb-sayac { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 4px; color: var(--sb-altin); }
.sb-soru-baslik { font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 300; font-size: clamp(26px, 3vw, 40px); line-height: 1.2; color: #fff; margin: 0 0 10px; outline: none; }
.sb-soru-not { color: var(--sb-soluk); font-size: 14px; margin: 0 0 4px; }
.sb-secenekler { display: grid; gap: 12px; margin-top: 26px; }
.sb-sutun-2 { grid-template-columns: repeat(2, 1fr); }
.sb-sutun-3 { grid-template-columns: repeat(3, 1fr); }
.sb-sutun-4 { grid-template-columns: repeat(4, 1fr); }
.sb-secenek {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left;
    padding: 18px 18px 16px; min-height: 118px;
    background: rgba(255, 255, 255, 0.045); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px;
    color: #fff; font-family: inherit; cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    animation: sb-gir 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.sb-secenek:nth-child(2) { animation-delay: 0.04s; } .sb-secenek:nth-child(3) { animation-delay: 0.08s; }
.sb-secenek:nth-child(4) { animation-delay: 0.12s; } .sb-secenek:nth-child(5) { animation-delay: 0.16s; } .sb-secenek:nth-child(6) { animation-delay: 0.2s; }
.sb-secenek:hover, .sb-secenek:focus-visible { background: rgba(216, 180, 106, 0.09); border-color: rgba(216, 180, 106, 0.6); transform: translateY(-2px); outline: none; }
.sb-secenek.secili { background: rgba(216, 180, 106, 0.16); border-color: var(--sb-altin); }
.sb-secenek.secili::after { content: '✓'; position: absolute; top: 10px; right: 12px; width: 22px; height: 22px; border-radius: 50%; background: var(--sb-altin); color: #14110a; font-size: 12px; line-height: 22px; text-align: center; font-weight: 700; }
.sb-ikon { font-size: 26px; line-height: 1; margin-bottom: 6px; }
.sb-renk { width: 34px; height: 34px; border-radius: 50%; margin-bottom: 6px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 4px 12px rgba(0, 0, 0, 0.3); }
.sb-secenek-ad { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0.3px; line-height: 1.3; }
.sb-secenek-not { font-size: 12.5px; color: var(--sb-soluk); line-height: 1.4; }

/* analiz */
.sb-yukleniyor { max-width: 520px; }
.sb-yuk-metin { color: var(--sb-soluk); font-size: 15px; min-height: 24px; margin: 0 0 26px; }
.sb-yuk-cubuk { height: 2px; background: rgba(255, 255, 255, 0.12); overflow: hidden; }
.sb-yuk-cubuk span { display: block; height: 100%; background: var(--sb-altin); transform-origin: left; animation: sb-yuk 3s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@keyframes sb-yuk { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* sonuç: kadran gizlenir, panel tüm genişliğe yayılır */
.saat-bulucu.sb-sonucta .sb-sahne { grid-template-columns: 1fr; }
.saat-bulucu.sb-sonucta .sb-kadran { display: none; }
.sb-sonuc { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr); gap: 56px; align-items: start; }
.sb-karakter { position: sticky; top: 110px; }
.sb-karakter-ad {
    font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 300; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.1; margin: 0 0 18px; outline: none;
    background: linear-gradient(100deg, #fff 0%, #f6e3a8 50%, var(--sb-altin) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.sb-karakter-metin { color: var(--sb-soluk); font-size: 15px; line-height: 1.8; margin: 0 0 26px; }
.sb-karakter-metin a { color: var(--sb-altin); }
.sb-dna { list-style: none; padding: 0; margin: 0 0 30px; display: grid; gap: 12px; }
.sb-dna li { display: grid; grid-template-columns: 92px 1fr 42px; align-items: center; gap: 12px; font-size: 13px; }
.sb-dna-ad { color: #fff; }
.sb-dna-cubuk { height: 4px; background: rgba(255, 255, 255, 0.12); border-radius: 2px; overflow: hidden; }
.sb-dna-cubuk b { display: block; height: 100%; background: linear-gradient(90deg, var(--sb-altin-koyu), #f1d79a); border-radius: 2px; transform-origin: left; animation: sb-yuk 1.2s 0.3s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.sb-dna-yuzde { color: var(--sb-altin); text-align: right; font-family: 'Jost', 'Century Gothic', sans-serif; }
.sb-sonuc-aksiyon { display: flex; flex-wrap: wrap; gap: 12px; }
.sb-sonuc-aksiyon .sb-btn { padding: 15px 24px; }

.sb-oneriler-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 22px; }
.sb-oneriler-ust h4 { font-family: 'Jost', 'Century Gothic', sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; color: #fff; margin: 0; }
.sb-tumu { color: var(--sb-altin); font-size: 13px; text-decoration: none; white-space: nowrap; }
.sb-tumu:hover { color: #fff; }
.sb-urunler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sb-urun {
    position: relative; display: flex; flex-direction: column; background: #fff; color: #111; text-decoration: none;
    border-radius: 4px; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease;
    animation: sb-gir 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: calc(var(--sira) * 0.08s + 0.15s);
}
.sb-urun:hover, .sb-urun:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35); }
.sb-uyum { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 5px 10px; background: var(--sb-zemin); color: var(--sb-altin); font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 11px; letter-spacing: 1.5px; border-radius: 20px; }
.sb-urun-gorsel { display: block; background: #fff; padding: 14px 14px 0; }
.sb-urun-gorsel img { display: block; width: 100%; height: 210px; object-fit: contain; transition: transform 0.6s ease; }
.sb-urun:hover .sb-urun-gorsel img { transform: scale(1.05); }
.sb-urun-bilgi { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 18px; flex: 1; }
.sb-urun-marka { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #999; }
.sb-urun-ad { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 13px; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sb-urun-fiyat { font-family: 'Jost', 'Century Gothic', sans-serif; font-size: 14px; font-weight: 600; }
.sb-urun-fiyat del { color: #999; font-weight: 400; font-size: 12px; margin-right: 4px; }
.sb-nedenler { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: 8px; }
.sb-nedenler i { font-style: normal; font-size: 11px; line-height: 1.3; padding: 4px 8px; background: #f2efe6; color: #5c4a22; border-radius: 3px; }

@media (prefers-reduced-motion: reduce) {
    .sb-isik, .sb-baslik em, .sb-saniye, .saat-bulucu.sb-analizde .sb-kadran { animation: none !important; }
    .sb-soru, .sb-yukleniyor, .sb-sonuc, .sb-secenek, .sb-urun, .sb-dna-cubuk b, .sb-yuk-cubuk span { animation-duration: 0.01s !important; animation-delay: 0s !important; }
}

@media screen and (max-width: 1100px) {
    .sb-sahne { padding: 80px 40px; gap: 40px; }
    .sb-sonuc { grid-template-columns: 1fr; gap: 36px; }
    .sb-karakter { position: static; max-width: 640px; }
}

@media screen and (max-width: 900px) {
    .sb-sahne { grid-template-columns: 1fr; padding: 56px 20px 64px; min-height: 0; gap: 0; }
    .sb-kadran { order: -1; max-width: 240px; margin: 0 auto 34px; }
    .saat-bulucu.sb-testte .sb-kadran { display: none; }
    .saat-bulucu.sb-analizde .sb-kadran { display: block; max-width: 180px; }
    .sb-ilerleme { display: block; }
    .sb-giris { text-align: center; }
    .sb-giris .sb-etiket, .sb-yukleniyor .sb-etiket { justify-content: center; font-size: 10px; letter-spacing: 3px; }
    .sb-yukleniyor { text-align: center; margin: 0 auto; }
    .sb-metin { font-size: 15px; margin: 0 auto 30px; }
    .sb-aksiyon { justify-content: center; }
    .sb-maddeler { justify-content: center; font-size: 12px; gap: 8px 18px; }
    .sb-sutun-3, .sb-sutun-4 { grid-template-columns: repeat(2, 1fr); }
    .sb-secenek { min-height: 0; padding: 14px 14px 13px; }
    .sb-ikon { font-size: 22px; }
    .sb-secenek-ad { font-size: 14px; }
    .sb-secenek-not { font-size: 12px; }
    .sb-urunler { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .sb-urun-gorsel img { height: 150px; }
    .sb-urun-bilgi { padding: 12px 12px 14px; }
    .sb-nedenler i:nth-child(n+3) { display: none; }
    .sb-oneriler-ust { flex-direction: column; gap: 8px; }
}

@media screen and (max-width: 480px) {
    .sb-aksiyon { flex-direction: column; }
    .sb-aksiyon .sb-btn { width: 100%; }
    .sb-sonuc-aksiyon .sb-btn { flex: 1 1 auto; }
    .sb-uyum { top: 8px; left: 8px; font-size: 10px; padding: 4px 8px; }
}