/* =========================================================
   KURUMSAL / MODERN GÖRÜNÜM
   sade.css'in üstüne gelir. Yazı tipi, ölçüler, başlık dili ve
   bölüm düzeniyle siteye ayrı bir kimlik verir. Renkler temadan.
   Geri almak için includes/header.php içindeki kurumsal.css ve
   Manrope satırlarını silmek yeterli.
   ========================================================= */

:root {
    --kr-font: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --kr-radius: 10px;
    --kr-radius-sm: 8px;
    --kr-muted: var(--text-muted, #8a90a0);
    --kr-line: color-mix(in srgb, var(--text-color) 8%, transparent);
}

/* --- Yazı tipi ve temel tipografi --- */
html[data-theme] body,
html[data-theme] body button,
html[data-theme] body input,
html[data-theme] body select,
html[data-theme] body textarea {
    font-family: var(--kr-font) !important;
}
html[data-theme] body {
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.005em;
}
html[data-theme] body h1,
html[data-theme] body h2,
html[data-theme] body h3 {
    letter-spacing: -0.02em !important;
}

/* --- Üst yardımcı çubuk ve duyuru --- */
html[data-theme] body .top-utility-bar {
    background: var(--bg-color) !important;
    border-bottom: 1px solid var(--kr-line) !important;
    font-size: 12px !important;
}
html[data-theme] body .top-utility-bar a,
html[data-theme] body .top-utility-bar span { color: var(--kr-muted) !important; }
html[data-theme] body .top-utility-bar a:hover { color: var(--text-color) !important; }
html[data-theme] body .top-announcement {
    font-size: 12.5px !important; font-weight: 600 !important;
    padding-top: 7px !important; padding-bottom: 7px !important;
    letter-spacing: 0 !important;
}

/* --- Header menüsü: büyük harf yerine kurumsal "başlık" yazımı --- */
@media (min-width: 992px) {
    html body .main-header .header-nav .btn-categories,
    html body .main-header .header-nav .nav-text-modern {
        text-transform: none !important;
        font-size: 13.5px !important; font-weight: 600 !important;
        letter-spacing: -0.005em !important;
    }
    html body .main-header .desktop-header .logo-img { max-height: 36px; }
}

/* --- Hero / slider --- */
html[data-theme] body .hero-section { margin-top: 24px !important; }
html[data-theme] body .hero-card,
html[data-theme] body .side-banner-wrap {
    border-radius: 14px !important; box-shadow: none !important;
    border: 1px solid var(--kr-line) !important; overflow: hidden;
}

/* --- Bölüm başlıkları: kutu yerine düz, büyük başlık --- */
html[data-theme] body .showcase-section { margin-top: 48px !important; }
html[data-theme] body .showcase-section.showcase-section.showcase-section .showcase-header,
html[data-theme] body .showcase-section.showcase-section .showcase-header.sc2-skin.sc2-skin {
    background: none !important; border: 0 !important; border-radius: 0 !important;
    padding: 0 0 14px !important; margin-bottom: 18px !important;
    border-bottom: 1px solid var(--kr-line) !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .showcase-title-icon {
    width: 32px !important; height: 32px !important; border-radius: 8px !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .showcase-title,
html[data-theme] body .sc2-title {
    font-size: 21px !important; font-weight: 700 !important;
}
html[data-theme] body .sc2-card {
    background: none !important; border: 0 !important; border-radius: 0 !important;
    padding: 0 0 16px !important; margin-bottom: 18px !important;
    border-bottom: 1px solid var(--kr-line) !important;
}
html[data-theme] body .sc2-ikon { width: 44px !important; height: 44px !important; flex-basis: 44px !important; }
html[data-theme] body .sc2-ust {
    font-size: 11px !important; letter-spacing: .6px !important; margin-bottom: 2px;
}
html[data-theme] body .sc2-desc { font-size: 13px !important; max-width: 760px; }

/* "Tüm İlanlar": kutusuz metin bağlantısı */
html[data-theme] body .showcase-section.showcase-section.showcase-section .view-all-link,
html[data-theme] body .sc2-all {
    background: none !important; border: 0 !important;
    height: auto !important; padding: 6px 0 !important;
    font-size: 13px !important; font-weight: 600 !important;
    color: var(--primary-blue) !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .view-all-link:hover,
html[data-theme] body .sc2-all:hover { background: none !important; text-decoration: underline; text-underline-offset: 3px; }

/* Sekmeler: hap yerine alt çizgili sekme */
html[data-theme] body .sc2-tabs { gap: 4px !important; margin-top: 16px !important; }
html[data-theme] body .sc2-tab {
    background: none !important; border: 0 !important; border-radius: 0 !important;
    padding: 8px 12px 10px !important;
    box-shadow: inset 0 -2px 0 transparent !important;
}
html[data-theme] body .sc2-tab:hover { background: none !important; box-shadow: inset 0 -2px 0 var(--kr-line) !important; }
html[data-theme] body .sc2-tab.active {
    background: none !important; border: 0 !important;
    box-shadow: inset 0 -2px 0 var(--primary-blue) !important;
}
html[data-theme] body .sc2-tab .sc2-tab-ad { font-weight: 600 !important; font-size: 13.5px !important; }

/* --- Ürün kartları (ana sayfa + listeleme) --- */
html[data-theme] body .product-card-modern,
html[data-theme] body .listing-product-card {
    border-radius: var(--kr-radius) !important;
    border-color: var(--kr-line) !important;
}
html[data-theme] body .product-card-modern:hover,
html[data-theme] body .listing-product-card:hover {
    border-color: color-mix(in srgb, var(--primary-blue) 45%, transparent) !important;
}
html[data-theme] body .product-name-small,
html[data-theme] body .listing-card-info .product-name-small,
html[data-theme] body .listing-product-card [class*=name] {
    text-transform: none !important;
    font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.4 !important;
    letter-spacing: -0.005em !important;
}
html[data-theme] body .current-price-v2 {
    font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;
}
html[data-theme] body .old-price-v2 { font-size: 11.5px !important; opacity: .7; }
html[data-theme] body .btn-buy-modern,
html[data-theme] body .listing-buy-btn {
    border-radius: var(--kr-radius-sm) !important;
    font-size: 13px !important; font-weight: 600 !important;
    text-transform: none !important; letter-spacing: 0 !important;
}

/* --- Alt kategori listeleme --- */
html[data-theme] body .cat-serit-item { border-radius: var(--kr-radius-sm) !important; }
html[data-theme] body .cat-hero h1 { font-size: 26px !important; font-weight: 800 !important; }

/* --- Ürün detay --- */
html[data-theme] body .product-detail-area h1 { font-size: 26px !important; font-weight: 800 !important; }
html[data-theme] body .action-buy-btn,
html[data-theme] body .action-qty-selector { border-radius: var(--kr-radius-sm) !important; }

/* --- Genel buton ve alanlar --- */
html[data-theme] body .btn,
html[data-theme] body input[type=text],
html[data-theme] body input[type=email],
html[data-theme] body input[type=password],
html[data-theme] body select,
html[data-theme] body textarea { border-radius: var(--kr-radius-sm); }

/* --- Footer --- */
html[data-theme] body .main-footer { background: var(--bg-color) !important; }
html[data-theme] body .main-footer .footer-title {
    text-transform: none !important; letter-spacing: 0 !important;
    font-size: 14px !important; font-weight: 700 !important;
}

/* --- Stok Yok: kırmızı blok yerine sakin, pasif buton --- */
html[data-theme] body [data-stok-yok],
html[data-theme] body [data-stok-yok]:hover {
    background: color-mix(in srgb, var(--text-color) 5%, transparent) !important;
    border: 1px solid var(--kr-line) !important;
    color: var(--kr-muted) !important;
    box-shadow: none !important; filter: none !important;
    cursor: not-allowed !important;
}

/* --- Ürün adı: en fazla 2 satır, kartlar eşit hizada --- */
html[data-theme] body .product-name-small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: calc(1.4em * 2);
    white-space: normal !important;
}

/* --- Mobil: kart yazıları ölçekli --- */
@media (max-width: 768px) {
    html[data-theme] body .product-name-small {
        font-size: 12.5px !important; line-height: 1.35 !important;
        min-height: calc(1.35em * 2);
    }
    html[data-theme] body .current-price-v2 { font-size: 16px !important; }
    html[data-theme] body .btn-buy-modern,
    html[data-theme] body .listing-buy-btn,
    html[data-theme] body [data-stok-yok] {
        font-size: 12.5px !important; height: 38px !important; min-height: 0 !important;
    }
    html[data-theme] body .product-card-modern .product-badge:has(.badge-sade),
    html[data-theme] body .listing-product-card .product-badge:has(.badge-sade) {
        top: 6px !important; left: 6px !important; padding: 2px 6px !important;
    }
    html[data-theme] body .product-badge .badge-sade { font-size: 9px; }
}

/* =========================================================
   Mobil başlık — kurumsal görünüm
   ========================================================= */
@media (max-width: 991px) {
    html[data-theme] body .main-header,
    html[data-theme] body .mobile-header {
        background: var(--custom-header-bg, var(--header-bg, var(--card-bg))) !important;
        background-image: none !important;
        box-shadow: none !important; backdrop-filter: none !important;
        border-bottom: 1px solid var(--kr-line) !important;
    }
    html[data-theme] body .mobile-header::before,
    html[data-theme] body .mobile-header::after { display: none !important; }

    html[data-theme] body .mobile-header-row-1 {
        padding: 10px 0 !important; min-height: 0 !important;
        border: 0 !important; background: none !important;
    }
    html[data-theme] body .mobile-logo img { max-height: 30px !important; width: auto; }

    /* Sağdaki ikonlar: eşit, sade kareler */
    html[data-theme] body .mobile-header .right-icons { gap: 6px !important; align-items: center; }
    html[data-theme] body .mobile-header .right-icons .lang-trigger,
    html[data-theme] body .mobile-noti-btn,
    html[data-theme] body .mobile-cart-btn,
    html[data-theme] body .mobile-menu-btn {
        width: 38px !important; height: 38px !important; min-width: 38px; padding: 0 !important;
        display: inline-flex !important; align-items: center; justify-content: center;
        background: color-mix(in srgb, var(--text-color) 5%, transparent) !important;
        border: 1px solid var(--kr-line) !important; border-radius: 10px !important;
        box-shadow: none !important;
        color: var(--text-color) !important; font-size: 15px !important;
    }
    html[data-theme] body .mobile-header .right-icons .lang-trigger { width: auto !important; padding: 0 10px !important; font-size: 12px !important; font-weight: 700; }
    html[data-theme] body .mobile-cart-btn i,
    html[data-theme] body .mobile-menu-btn i,
    html[data-theme] body .mobile-noti-btn i { color: var(--text-color) !important; }

    /* Kayıt / Giriş satırı: daha ince, kurumsal butonlar */
    html[data-theme] body .mobile-header-row-2 {
        gap: 8px !important; padding: 0 0 10px !important;
        background: none !important; border: 0 !important;
    }
    html[data-theme] body .mobile-action-btn {
        height: 40px !important; padding: 0 12px !important;
        border-radius: 10px !important; box-shadow: none !important;
        font-size: 13.5px !important; font-weight: 600 !important;
        text-transform: none !important; letter-spacing: 0 !important;
        background-image: none !important;
    }
    html[data-theme] body .mobile-action-btn::before,
    html[data-theme] body .mobile-action-btn::after { display: none !important; }
    /* İkincil: Giriş Yap / Hesabım */
    html[data-theme] body .mobile-action-btn.btn-login-mobile,
    html[data-theme] body .mobile-action-btn.btn-account {
        background: color-mix(in srgb, var(--text-color) 5%, transparent) !important;
        border: 1px solid var(--kr-line) !important;
        color: var(--text-color) !important;
    }
    /* Birincil: Kayıt Ol / Bakiye Yükle */
    html[data-theme] body .mobile-action-btn.btn-register,
    html[data-theme] body .mobile-action-btn.btn-balance {
        background: var(--primary-blue) !important;
        border: 1px solid var(--primary-blue) !important;
        color: var(--primary-text, #fff) !important;
    }
    html[data-theme] body .mobile-action-btn i { color: inherit !important; font-size: 13px !important; }

    /* Üst yardımcı çubuk: mobilde daha küçük */
    html[data-theme] body .top-utility-bar { font-size: 11px !important; }

    /* Alt gezinme çubuğu: sade */
    html[data-theme] body .mobile-bottom-nav {
        background: var(--custom-header-bg, var(--header-bg, var(--card-bg))) !important;
        background-image: none !important;
        border-top: 1px solid var(--kr-line) !important;
        box-shadow: none !important; backdrop-filter: none !important;
    }
    html[data-theme] body .mobile-bottom-nav *,
    html[data-theme] body .mobile-bottom-nav *::before { box-shadow: none !important; }
}

/* Duyuru şeridi: 6 kopya ekranı her genişlikte doldursun (döngüde boşluk kalmasın) */
html[data-theme] body .top-announcement .announcement-marquee { display: flex !important; width: max-content !important; }
html[data-theme] body .top-announcement .announcement-marquee span {
    display: inline-block !important; flex: none;
    min-width: 25vw; padding: 0 24px !important; text-align: center;
    white-space: nowrap;
}

/* =========================================================
   Masaüstü header — rafine düzen
   ========================================================= */
@media (min-width: 992px) {
    /* Üst satır ve menü aynı genişlikte, aynı çizgiden başlar */
    html body .main-header .desktop-header > .container,
    html body .main-header .header-nav > .container {
        max-width: 1600px !important; width: 100% !important;
        margin: 0 auto !important; padding: 0 60px !important;
    }

    /* Üst satır: logo | ortada arama | aksiyonlar */
    html body .main-header .desktop-header .header-top {
        display: grid !important;
        grid-template-columns: 1fr minmax(0, 560px) 1fr !important;
        align-items: center; gap: 28px;
        min-height: 72px; padding: 0 !important;
    }
    html body .main-header .desktop-header .logo { justify-self: start; display: inline-flex; align-items: center; }
    html body .main-header .desktop-header .logo-img { max-height: 38px !important; }
    html body .main-header .desktop-header .search-container.kb-search {
        max-width: none !important; width: 100% !important; margin: 0 !important;
        height: 44px; border-radius: 12px !important;
        padding: 4px 4px 4px 42px !important;
    }
    html body .main-header .desktop-header .kb-search .kb-search-ico { left: 16px; }
    html body .main-header .desktop-header .kb-search .search-btn {
        border-radius: 9px !important; padding: 0 18px !important; font-size: 13px !important;
    }
    html body .main-header .desktop-header .actions { justify-self: end; gap: 4px !important; }

    /* İkon grubu: tema / dil / bildirim tek bir sakin blokta */
    html body .main-header .desktop-header .actions > #theme-toggle,
    html body .main-header .desktop-header .actions > .lang-switcher .lang-trigger,
    html body .main-header .desktop-header .actions .notification-wrapper .icon-btn {
        width: 38px !important; height: 38px !important; border-radius: 10px !important;
    }
    html body .main-header .desktop-header .actions > .lang-switcher .lang-trigger {
        width: auto !important; padding: 0 10px !important;
    }

    /* Kullanıcı / giriş butonları */
    html body .main-header .desktop-header .actions .btn { margin-left: 6px; }
    html body .main-header .desktop-header .actions .btn-login {
        padding: 0 14px 0 6px !important; gap: 8px !important;
    }
    html body .main-header .desktop-header .actions .btn-login i {
        width: 26px; height: 26px; border-radius: 50%;
        display: inline-flex; align-items: center; justify-content: center;
        background: rgba(var(--primary-blue-rgb), .15);
        color: var(--primary-blue) !important; font-size: 13px;
    }
    html body .main-header .desktop-header .actions .btn-login svg { margin-left: 6px; }
    html body .main-header .desktop-header .kb-cart {
        margin-left: 4px;
        border: 1px solid var(--kr-line) !important;
    }

    /* Menü satırı */
    html body .main-header .header-nav > .container {
        border-top: 1px solid var(--kr-line) !important;
    }
    html body .main-header .header-nav .nav-links {
        gap: 4px !important; justify-content: flex-start !important;
        margin: 0 -12px !important;
    }
    html body .main-header .header-nav .btn-categories {
        padding-left: 12px !important;
    }
    html body .main-header .header-nav .btn-categories,
    html body .main-header .header-nav .nav-item-modern { height: 48px !important; }
    html body .main-header .header-nav .btn-categories svg,
    html body .main-header .header-nav .nav-icon-modern { width: 18px !important; height: 18px !important; }
}

/* =========================================================
   Menü satırı — modern düzen
   ========================================================= */
@media (min-width: 992px) {
    html body .main-header .header-nav .nav-links {
        height: 56px; align-items: center !important; gap: 2px !important;
        margin: 0 !important;
    }

    /* Öğeler: yumuşak köşeli, hover'da hafif zemin; alt çizgi kaldırıldı */
    html body .main-header .header-nav .btn-categories,
    html body .main-header .header-nav .nav-item-modern {
        height: 38px !important; padding: 0 12px !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        transition: background .15s ease, color .15s ease !important;
    }
    html body .main-header .header-nav .nav-item-modern:hover,
    html body .main-header .header-nav .nav-item-wrap.is-open > .nav-item-modern {
        background: color-mix(in srgb, var(--text-color) 6%, transparent) !important;
        box-shadow: none !important;
    }

    /* Tüm Kategoriler: ana buton gibi, solda ayrı */
    html body .main-header .header-nav .btn-categories {
        padding: 0 14px 0 10px !important; margin-right: 10px !important;
        background: rgba(var(--primary-blue-rgb), .12) !important;
        color: var(--text-color) !important;
        position: relative;
    }
    html body .main-header .header-nav .btn-categories:hover,
    html body .main-header .header-nav .btn-categories:focus {
        background: rgba(var(--primary-blue-rgb), .2) !important;
        box-shadow: none !important;
    }
    html body .main-header .header-nav .btn-categories svg {
        width: 22px !important; height: 22px !important; padding: 4px !important;
        border-radius: 6px !important;
        background: var(--primary-blue) !important; fill: var(--primary-text, #fff) !important;
    }
    html body .main-header .header-nav .btn-categories::after {
        display: block !important; content: ""; position: absolute;
        right: -7px; top: 50%; transform: translateY(-50%);
        width: 1px; height: 20px; background: var(--kr-line);
    }

    /* Kategori ikonları: küçük yuvarlak köşeli karo içinde */
    html body .main-header .header-nav .nav-icon-modern {
        width: 24px !important; height: 24px !important; padding: 4px !important;
        border-radius: 7px !important;
        background: color-mix(in srgb, var(--text-color) 6%, transparent) !important;
        object-fit: contain;
    }
    html body .main-header .header-nav .nav-text-modern {
        color: color-mix(in srgb, var(--text-color) 70%, transparent) !important;
        font-size: 13.5px !important; font-weight: 600 !important;
    }
    html body .main-header .header-nav .nav-item-modern:hover .nav-text-modern,
    html body .main-header .header-nav .nav-item-wrap.is-open > .nav-item-modern .nav-text-modern {
        color: var(--text-color) !important;
    }

    /* Şans Çarkı / Kasalar / Çekiliş: sağa yaslı, vurgulu bağlantı */
    html body .main-header .header-nav .nav-extra-item:first-of-type,
    html body .main-header .header-nav .nav-links > .nav-extra-item { margin-left: auto !important; }
    html body .main-header .header-nav .nav-links > .nav-extra-item ~ .nav-extra-item { margin-left: 0 !important; }
    html body .main-header .header-nav .nav-extra-item {
        border: 1px solid var(--kr-line) !important;
    }
    html body .main-header .header-nav .nav-extra-item .nav-text-modern {
        font-weight: 700 !important; color: var(--text-color) !important;
    }
}

/* Menü üstündeki ayraç: içerik genişliği yerine ekranın bir ucundan diğerine */
@media (min-width: 992px) {
    html body .main-header .header-nav > .container { border-top: 0 !important; }
    html body .main-header .header-nav { border-top: 1px solid var(--kr-line) !important; }
}

/* Urun sayfasi: Guvenli Odeme ve 7/24 Destek kutulari kaldirildi */
html[data-theme] body .product-sidebar .sidebar-box.hide-on-mobile { display: none !important; }

/* =========================================================
   URUN DETAY - ayni duzen, daha modern ve yumusak
   (yalnizca renk / kenarlik / kose; yerlesim ve metin akisi degismez)
   ========================================================= */
/* Ana kutular */
html[data-theme] body .product-main-view,
html[data-theme] body .product-detail-tabs,
html[data-theme] body .product-sidebar .sidebar-box {
    background: var(--card-bg) !important; background-image: none !important;
    border: 1px solid var(--kr-line) !important;
    border-radius: 18px !important; box-shadow: none !important;
}
html[data-theme] body .product-main-view::before,
html[data-theme] body .product-main-view::after,
html[data-theme] body .product-sidebar .sidebar-box::before,
html[data-theme] body .product-sidebar .sidebar-box::after { display: none !important; }

/* Gorsel */
html[data-theme] body .view-img-box {
    border: 1px solid var(--kr-line) !important; border-radius: 14px !important;
    box-shadow: none !important; overflow: hidden;
}
html[data-theme] body .view-img-box img { border-radius: 0 !important; }

/* Ozellik kutulari: yumusak zemin, tonlu ikon */
html[data-theme] body .m-service-item {
    background: color-mix(in srgb, var(--text-color) 3%, transparent) !important;
    border: 1px solid var(--kr-line) !important;
    border-radius: 12px !important; box-shadow: none !important;
}
html[data-theme] body .m-service-item > :first-child {
    background: rgba(var(--primary-blue-rgb), .10) !important;
    border: 0 !important; border-radius: 10px !important; box-shadow: none !important;
}
html[data-theme] body .m-service-item > :first-child i { color: var(--primary-blue) !important; }

/* Fiyat seridi */
html[data-theme] body .horizontal-action-bar {
    background: color-mix(in srgb, var(--text-color) 3%, transparent) !important;
    border: 1px solid var(--kr-line) !important;
    border-radius: 14px !important; box-shadow: none !important;
}
html[data-theme] body .action-price-box {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html[data-theme] body .action-price-box,
html[data-theme] body .action-price-box * {
    color: var(--text-color) !important; font-weight: 800 !important;
}
html[data-theme] body .action-price-box i { color: var(--primary-blue) !important; }
html[data-theme] body .action-qty-selector {
    background: transparent !important; border: 1px solid var(--kr-line) !important;
    border-radius: 10px !important;
}
html[data-theme] body .action-qty-selector button,
html[data-theme] body .action-qty-selector input { background: transparent !important; }
html[data-theme] body .action-qty-selector button:hover {
    background: color-mix(in srgb, var(--text-color) 6%, transparent) !important;
}
html[data-theme] body .action-buy-btn { border-radius: 10px !important; }

/* Sekme basligi */
html[data-theme] body .tabs-header {
    background: transparent !important;
    border-bottom: 1px solid var(--kr-line) !important;
}
html[data-theme] body .tab-btn { background: transparent !important; box-shadow: none !important; }
html[data-theme] body .tab-btn:not(.active) { color: var(--kr-muted) !important; }

/* Kenar cubugu: benzer urunler */
html[data-theme] body .product-sidebar .sidebar-title i { color: var(--primary-blue) !important; }
html[data-theme] body .similar-item {
    background: color-mix(in srgb, var(--text-color) 3%, transparent) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important; box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease;
}
html[data-theme] body .similar-item:hover {
    background: color-mix(in srgb, var(--text-color) 5%, transparent) !important;
    border-color: var(--kr-line) !important;
}
html[data-theme] body .similar-item img { border-radius: 8px !important; }

/* =========================================================
   URUN DETAY - daha sade (yerlesim ayni, sadece yuzey)
   ========================================================= */
/* Dis kutular: cerceve yerine yalnizca yumusak zemin */
html[data-theme] body .product-main-view,
html[data-theme] body .product-detail-tabs,
html[data-theme] body .product-sidebar .sidebar-box {
    border-color: transparent !important;
    background: color-mix(in srgb, var(--text-color) 3%, var(--bg-color)) !important;
}

/* Ozellik kutulari ve fiyat seridi: cercevesiz, bir ton acik zemin */
html[data-theme] body .m-service-item,
html[data-theme] body .horizontal-action-bar {
    border-color: transparent !important;
    background: color-mix(in srgb, var(--text-color) 4%, transparent) !important;
}
html[data-theme] body .m-service-item [class*=label],
html[data-theme] body .m-service-item small,
html[data-theme] body .m-service-item span:first-child {
    color: var(--kr-muted) !important; letter-spacing: .4px !important;
}

/* Adet secici: tek parca, sakin */
html[data-theme] body .action-qty-selector {
    border-color: transparent !important;
    background: color-mix(in srgb, var(--text-color) 5%, transparent) !important;
}
html[data-theme] body .action-qty-selector button,
html[data-theme] body .action-qty-selector input { border: 0 !important; }

/* Gorsel: cercevesiz */
html[data-theme] body .view-img-box { border-color: transparent !important; }

/* Sekme cizgisi daha silik */
html[data-theme] body .tabs-header { border-bottom-color: color-mix(in srgb, var(--text-color) 6%, transparent) !important; }

/* Benzer urunler: normal yazim, daha hafif */
html[data-theme] body .similar-item {
    background: transparent !important;
}
html[data-theme] body .similar-item:hover {
    background: color-mix(in srgb, var(--text-color) 4%, transparent) !important;
    border-color: transparent !important;
}
html[data-theme] body .similar-item *:not([class*=price]) {
    text-transform: none !important;
}
html[data-theme] body .similar-item h4,
html[data-theme] body .similar-item h5,
html[data-theme] body .similar-item h6,
html[data-theme] body .similar-item [class*=name],
html[data-theme] body .similar-item [class*=title] {
    font-weight: 600 !important; letter-spacing: 0 !important;
    color: color-mix(in srgb, var(--text-color) 88%, transparent) !important;
}
html[data-theme] body .similar-item [class*=price] { font-weight: 700 !important; }
html[data-theme] body .product-sidebar .sidebar-title i { color: var(--kr-muted) !important; }

/* =========================================================
   URUN DETAY - en sade katman (yerlesim ayni)
   ========================================================= */
/* Dis kutular sayfaya daha yakin ton */
html[data-theme] body .product-main-view,
html[data-theme] body .product-detail-tabs,
html[data-theme] body .product-sidebar .sidebar-box {
    background: color-mix(in srgb, var(--text-color) 2%, var(--bg-color)) !important;
}
/* Ic kutular: cok hafif */
html[data-theme] body .m-service-item,
html[data-theme] body .horizontal-action-bar {
    background: color-mix(in srgb, var(--text-color) 3%, transparent) !important;
}
/* Ikonlar: karo yok, sadece ikon */
html[data-theme] body .m-service-item > :first-child {
    background: transparent !important; width: 28px !important; min-width: 28px !important;
}
html[data-theme] body .m-service-item > :first-child i {
    color: color-mix(in srgb, var(--primary-blue) 80%, var(--text-color)) !important; opacity: .9;
}
/* Gorsel: koyu cerceve yok */
html[data-theme] body .view-img-box {
    background: transparent !important; border: 0 !important; padding: 0 !important;
}
html[data-theme] body .view-img-box img { border-radius: 14px !important; }

/* Baslik bir ton hafif */
html[data-theme] body .product-info-header h1 { font-weight: 700 !important; }
html[data-theme] body .product-rating-row { color: var(--kr-muted) !important; }

/* "X kisi inceliyor / Acele et!": sakin, tek renk */
html[data-theme] body .urgent-insight-box,
html[data-theme] body .urgent-insight-box * {
    color: var(--kr-muted) !important; font-weight: 500 !important;
}

/* Fiyat: ikon sakin */
html[data-theme] body .action-price-box i { color: var(--kr-muted) !important; }
html[data-theme] body .action-qty-selector {
    background: color-mix(in srgb, var(--text-color) 4%, transparent) !important;
}

/* Sekmeler: ince gosterge */
html[data-theme] body .tab-btn.active::after,
html[data-theme] body .tab-btn.active::before { height: 2px !important; }
html[data-theme] body .tabs-header { border-bottom-color: transparent !important; }

/* Benzer urunler fiyat rengi bir ton yumusak */
html[data-theme] body .similar-item [class*=price] {
    color: color-mix(in srgb, var(--primary-blue) 75%, var(--text-color)) !important;
}