/* ==========================================================================
   VEXON 2026 - ULTRA PREMIUM DESIGN SYSTEM
   Apple / Trendyol Inspired E-Commerce Aesthetics
   ========================================================================== */

/* ========== 1. DESIGN TOKENS & VARIABLES ========== */
:root {
    /* Colors */
    --color-primary: #000000;
    --color-primary-hover: #1d1d1f;
    --color-accent: #ff4700; /* Trendyol Orange for urgent CTAs */
    --color-accent-hover: #e03e00;
    --color-blue: #007aff; /* Apple Blue for links/info */
    --color-success: #34c759;
    --color-danger: #ff3b30;
    
    /* Backgrounds & Surfaces */
    --bg-main: #f5f5f7; /* Very light gray for that clean Apple look */
    --bg-card: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.85);

    /* Text Colors */
    --text-main: #1d1d1f;
    --text-muted: #86868b;
    --text-light: #ffffff;

    /* Borders & Radius */
    --border-light: #e5e5ea;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 50px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.12);
    
    /* Typography */
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Base Tweak */
body {
    background-color: var(--bg-main) !important;
    font-family: var(--font-main) !important;
    color: var(--text-main) !important;
    overflow-x: hidden;
}

/* ========== 2. GLOBAL COMPONENTS ========== */

/* Glassmorphism Header & Nav */
.ultra-modern-header, .mobile-bottom-nav {
    background: var(--bg-glass) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

/* ========== LOGO BÜYÜTME (Desktop + Mobil) ========== */
/* Desktop logo büyütüldü */
.header-left .brand-logo img,
.brand-logo img {
    height: 65px !important; /* 45px'ten 65px'e büyütüldü */
    width: auto !important;
}

/* Mobil logo: oran korunur (ezilme yok) */
@media (max-width: 992px) {
    .header-row-1 .header-left {
        max-width: 112px !important;
    }
    .header-row-1 .header-left .brand-logo img,
    .header-row-1 .header-left img {
        max-height: 48px !important;
        height: auto !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
    }
}

.mobile-bottom-nav {
    border-bottom: none !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}

.mobile-bottom-nav .nav-item {
    color: var(--text-muted) !important;
    transition: var(--transition) !important;
}

.mobile-bottom-nav .nav-item.active {
    color: var(--color-primary) !important;
}

/* Pill Badges */
.ps-badges span, .badge-discount, .badge-new {
    border-radius: var(--radius-pill) !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: var(--shadow-sm) !important;
}

.badge-discount, .ribbon-discount { background: var(--color-danger) !important; color: white !important; border: none !important; }
.badge-new, .ribbon-new { background: var(--color-primary) !important; color: white !important; border: none !important; }

/* ========== 3. CATEGORY, FAVORITES, SEARCH (Grid & Filters) ========== */

/* İçerik alanı — header/footer içindeki .container’a uygulanmaz (tüm sayfalarda tutarlı üst/alt şerit) */
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) main .modern-category-page > .container,
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori) main > .section > .container {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

/* Hide broken sidebar */
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori) #left_column {
    display: none !important;
}

/* Expand Product Grid */
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori) #center_column {
    width: 100% !important;
    padding: 0 !important;
}

/* 4-Column Grid for List Pages Only (orion-category: #products-container içinde category-page-ultra-premium ile 3 sütuna indirgenir) */
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) .product-list,
:is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) ul.urunler {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Base Card Style (Used globally for Homepage Carousel and Category Grids) */
.product-container {
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-sm) !important;
    transition: var(--transition) !important;
    border: 1px solid var(--border-light) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
}

.product-container:hover {
    box-shadow: var(--shadow-hover) !important;
    border-color: var(--color-primary) !important;
    /* Kartların havaya kalkmasını iptal ettik (Kullanıcı talebi) */
    transform: none !important;
}

/* Keşfet (anasayfa): gri kart çerçevesi yok — mor gradient üzerinde sade gölge */
.section-kesfet .kesfet-products .product-container,
.kesfet-gradient .kesfet-products .product-container {
    border: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

.section-kesfet .kesfet-products .product-container:hover,
.kesfet-gradient .kesfet-products .product-container:hover {
    border: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}

/* Çift Çerçeve Hatasını Gidermek İçin Global Override */
ul.urunler > li.ps-product-item, .product-list > li.ps-product-item, .modern-products-grid .ps-product-item, .modern-scroll-wrapper .ps-product-item, .owl-carousel .ps-product-item {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-right: 0 !important;
}

.modern-scroll-wrapper .ps-product-item:hover,
.modern-products-grid .ps-product-item:hover,
.flash-products .ps-product-item:hover,
.new-products .ps-product-item:hover,
.recommended-products .ps-product-item:hover,
.kesfet-products .ps-product-item:hover,
ul.urunler > li.ps-product-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Flaş: alttan hafif kırpma için sabit scale; Sizin için / Keşfet: zoom yok */
.flash-products .ps-product-item:hover .imgLink img,
.flash-products .product-container:hover .imgLink img {
    transform: scale(1.07) !important;
    transform-origin: center top !important;
}
.recommended-products .ps-product-item:hover .imgLink img,
.kesfet-products .ps-product-item:hover .imgLink img,
.recommended-products .product-container:hover .imgLink img,
.kesfet-products .product-container:hover .imgLink img {
    transform: none !important;
}

/* Flaş ve Yeni ürünlerde Sepete Ekle butonunun alttan kesilmesini engelle ! */
.modern-scroll-wrapper, .flash-products, .new-products, .product-carousel {
    padding-bottom: 24px !important;
    overflow-y: visible !important;
}

.ps-product-item, .product-container {
    overflow: visible !important;
}

.product-container .left-block {
    position: relative !important;
    padding-top: 100% !important;
    background: white !important;
    border: none !important;
    margin: 0 !important;
}

.product-container .left-block img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}

/* Zoom-in logic removed based on user request */

.product-container .right-block {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: transparent !important;
    border: none !important;
}

.product-container .product-name {
    margin: 0 0 12px 0 !important;
}

.product-container .product-name a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-main) !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.product-container .content_price {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.product-container .product-price {
    order: 2 !important;
    font-size: 20px !important; /* Biraz daha vurgulu */
    font-weight: 800 !important;
    color: var(--color-primary) !important; /* Kurumsal/Dikkat Çekici Renk */
    display: block !important;
    line-height: 1.1 !important;
}

.product-container .old-price {
    order: 1 !important; /* Üstte görünmesini zorla */
    font-size: 13px !important;
    color: var(--text-muted) !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
    line-height: 1 !important;
}

.product-container .old-price:empty {
    display: none !important;
}

/* Liste kartı — ürün kodu + stok (UrunListShow / Lite / İndirimli) */
.product-container .orion-product-card-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin: 0 0 8px 0 !important;
    min-height: 0 !important;
}

.product-container .orion-product-card-meta__sku,
.product-container .orion-product-card-meta__stock {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    line-height: 1.35 !important;
}

.product-container .orion-product-card-meta__sku:empty,
.product-container .orion-product-card-meta__stock:empty {
    display: none !important;
}

/* Kategori/liste kartlari: fiyat altindaki urun kodu + stok satirini gizle */
body.pagecategory .product-container .orion-product-card-meta,
body.pageurunliste .product-container .orion-product-card-meta {
    display: none !important;
    margin: 0 !important;
}

/* Quick Add Button & Actions */
.product-container .buttons {
    display: flex !important;
    gap: 8px !important;
}

.product-container .buttons .addtocart, .product-container .quick_basket, .product-container .add-to-cart-btn {
    background: var(--bg-main) !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    padding: 10px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-top: 16px !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    gap: 6px !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
}

.product-container .buttons .addtocart i, .product-container .add-to-cart-btn i { font-size: 18px !important; }

.product-container .buttons .addtocart:hover, .product-container .quick_basket:hover, .product-container .add-to-cart-btn:hover {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Fix Owl Carousel globally to prevent Grid Break */
.owl-carousel .product-container {
    height: 98% !important;
    margin: 5px !important; /* Space for hover shadow */
}

/* Modern Owl Carousel Arrows (Ultra Premium) */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: var(--bg-glass) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-sm) !important;
    color: var(--color-primary) !important;
    font-size: 24px !important;
    transition: var(--transition) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.9 !important;
    cursor: pointer !important;
}

.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover {
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-50%) scale(1.05) !important;
}

.owl-carousel .owl-nav button.owl-prev { left: -16px !important; }
.owl-carousel .owl-nav button.owl-next { right: -16px !important; }

/* Responsive Grid */
/* 1024 altında da liste sayfalarında 4 sütun; dar ekranda 2 sütun aşağıdaki 768 kuralında */
@media (max-width: 1024px) and (min-width: 769px) {
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) .product-list,
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) ul.urunler {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}
@media (max-width: 768px) {
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) .product-list,
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) ul.urunler {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.pagekullanicifavori, body.orion-category-page) main .modern-category-page > .container {
        padding: 12px !important;
    }
    .product-container .right-block { padding: 16px !important; }
    .product-container .left-block img { padding: 0 !important; }
}


/* ========== 4. PRODUCT DETAIL PAGE (ORIJINAL ALTYAPI) ========== */

.primary-box {
    display: flex !important;
    flex-wrap: wrap !important;
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-light) !important;
    padding: 32px !important;
    margin-top: 24px !important;
}

.pb-left-column {
    padding-right: 32px !important;
}

.product-image {
    background: #fff !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--bg-main) !important;
    padding: 24px !important;
    position: relative !important;
}

.product-name {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--text-main) !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    line-height: 1.3 !important;
}

.product-price-group {
    background: var(--bg-main) !important;
    padding: 24px !important;
    border-radius: var(--radius-md) !important;
    margin: 24px 0 !important;
    border: none !important;
}

.product-price-group .pricex {
    display: flex !important;
    flex-direction: column !important;
}

.product-price-group .pricex .old-price {
    font-size: 16px !important;
    color: var(--text-muted) !important;
    text-decoration: line-through !important;
    margin-bottom: 4px !important;
}

.product-price-group .pricex .price {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
}

/* Call to action */
.form-action {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 24px !important;
}

.form-action .button-group {
    display: flex !important;
    gap: 12px !important;
}

.btn-add-cart {
    flex: 1 !important;
    background: var(--bg-main) !important;
    color: var(--color-primary) !important;
    border: 2px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: var(--transition) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.btn-add-cart:hover {
    background: var(--bg-card) !important;
    border-color: var(--color-primary) !important;
}

.btn-add-cart.hemanalbtn {
    background: var(--color-accent) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 71, 0, 0.3) !important;
}

.btn-add-cart.hemanalbtn:hover {
    background: var(--color-accent-hover) !important;
    transform: translateY(-2px) !important;
}

/* Variant Selection (urunSecimBlock) */
.urunSecimBlock {
    margin: 20px 0 !important;
    padding: 20px !important;
    background: var(--bg-main) !important;
    border-radius: var(--radius-md) !important;
}

.urunSecimBlock select {
    width: 100% !important;
    padding: 14px 16px !important;
    border-radius: var(--radius-pill) !important;
    border: 1px solid var(--border-light) !important;
    background: var(--bg-card) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--text-main) !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    margin-bottom: 12px !important;
}

.urunSecimBlock select:focus, .urunSecimBlock select:hover {
    border-color: var(--color-primary) !important;
}

/* Quantity Controls (Product Details) */
.product-qty {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 16px !important;
}

.product-qty .qty {
    display: flex !important;
    align-items: center !important;
    background: var(--bg-main) !important;
    border-radius: var(--radius-pill) !important;
    padding: 6px !important;
    border: 1px solid var(--border-light) !important;
    width: fit-content !important;
}

.product-qty .qty input[type="text"] {
    width: 60px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    background: transparent !important;
    color: var(--text-main) !important;
    outline: none !important;
}

.product-qty .qty a, .product-qty .qty button, .product-qty .qty .arti, .product-qty .qty .eksi {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bg-card) !important;
    border-radius: 50% !important;
    color: var(--color-primary) !important;
    font-weight: bold !important;
    font-size: 18px !important;
    box-shadow: var(--shadow-sm) !important;
    cursor: pointer !important;
    border: none !important;
    text-decoration: none !important;
    transition: var(--transition) !important;
}

.product-qty .qty a:hover, .product-qty .qty button:hover, .product-qty .qty .arti:hover, .product-qty .qty .eksi:hover {
    background: var(--color-primary) !important;
    color: white !important;
}

/* ========== 5. CART PAGE (Sepet) ========== */

body.pagesepet #columns.container {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.pagesepet .basket-title,
.pagesepet .basket-item {
    display: grid !important;
    grid-template-columns: 1fr 120px 150px 120px 50px !important;
    gap: 16px !important;
    align-items: center !important;
    background: var(--bg-card) !important;
}

.pagesepet .basket-title {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.pagesepet .basket-item {
    padding: 24px !important;
    border-bottom: 1px solid var(--border-light) !important;
    transition: var(--transition) !important;
}

.pagesepet .basket-item:last-child {
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    border-bottom: none !important;
}

.pagesepet .basket-item:hover {
    background: var(--bg-main) !important;
}

.pagesepet .basket-item .cart-total-price { color: var(--color-success) !important; font-weight: 700 !important; font-size: 16px !important; }

/* Quantiy selector */
.pagesepet .cart-qty input {
    background: var(--bg-main) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    width: 60px !important;
}

/* Remove button */
.pagesepet .hizli-sepet-satir-sil, .pagesepet .sepet-satir-sil a {
    color: var(--text-muted) !important;
    background: var(--bg-main) !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
    border: none !important;
}

.pagesepet .hizli-sepet-satir-sil:hover, .pagesepet .sepet-satir-sil a:hover {
    background: var(--color-danger) !important;
    color: white !important;
    transform: rotate(90deg) !important;
}

/* Cart Container */
.pagesepet .sp-box, .pagesepet .cart-summary {
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-light) !important;
    padding: 24px !important;
}

@media (max-width: 768px) {
    .pagesepet .basket-title { display: none !important; }
    .pagesepet .basket-item {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        padding: 16px !important;
        margin-bottom: 12px !important;
        border-radius: var(--radius-md) !important;
        border: 1px solid var(--border-light) !important;
    }
    .pagesepet .sepet-satir-sil, .pagesepet .hizli-sepet-satir-sil {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
    }
}

/* ========== 6. STOCK & ALERTS (UrunGoster) ========== */
/* Ürün detay: legacy inline / prostar-inline-legacy dış kutuyu kapat */
body.page-product-detail .ps-product-detail-page .ps-stock-section {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* Stokta: tek satır, hafif zemin (dış çerçeve yok) */
.ps-stock-section > .stock-amount {
    background: rgba(52, 199, 89, 0.08) !important;
    color: #166534 !important;
    border: 1px solid rgba(134, 239, 172, 0.45) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 1px 2px rgba(22, 101, 52, 0.05) !important;
}
.ps-stock-section > .stock-amount::before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 15px;
    color: #22c55e;
    line-height: 1;
    flex-shrink: 0;
}
.alert-success {
    background: rgba(52, 199, 89, 0.1) !important;
    color: #248a3d !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}



/* ========== 8. TABS & KASAONU (Eski Altyapi) ========== */

.product-tab {
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-light) !important;
    margin-top: 32px !important;
    overflow: hidden !important;
}

.nav-tab, .nav-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    background: #fdfdfd !important;
    border-bottom: 1px solid var(--border-light) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.nav-tab > li, .nav-tabs > li {
    flex: 1 !important;
    margin: 0 !important;
}

.nav-tab > li > a, .nav-tabs > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 20px 16px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    margin: 0 !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
}

.nav-tab > li > a:hover, .nav-tabs > li > a:hover {
    color: var(--color-primary) !important;
    background: rgba(0,0,0,0.02) !important;
    border-color: transparent !important;
}

.nav-tab > li.active > a, .nav-tabs > li.active > a {
    color: var(--color-primary) !important;
    border-bottom-color: var(--color-primary) !important;
    background: var(--bg-card) !important;
}

/* If the body of the tabs has a class tab-container */
.tab-container, .tab-content {
    padding: 32px !important;
    background: #fff !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
    color: #444 !important;
}

.tab-container img, .tab-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: var(--radius-sm) !important;
}

/* UrunDetayInnerBlock (Related Products added by fonksiyon.php) */
.UrunDetayInnerBlock {
    background: var(--bg-card) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-light) !important;
    padding: 32px !important;
    margin-top: 32px !important;
}

.UrunDetayInnerBlock .title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
    margin-bottom: 24px !important;
    border: none !important;
}

.UrunDetayInnerBlock .kasaonu-slider .ps-product-item {
    background: #fff !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border-light) !important;
    padding: 16px !important;
    height: 100% !important;
    transition: var(--transition) !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 10px !important;
}

.UrunDetayInnerBlock .kasaonu-slider .ps-product-item:hover {
    box-shadow: var(--shadow-sm) !important;
    border-color: var(--color-primary) !important;
}

.UrunDetayInnerBlock .kasaonu-slider .imgLink {
    display: block !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

.UrunDetayInnerBlock .kasaonu-slider .product-name a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-main) !important;
}

.UrunDetayInnerBlock .add-to-cart-btn {
    background: var(--bg-main) !important;
    color: var(--color-primary) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 10px !important;
    width: 100% !important;
    font-weight: 600 !important;
    margin-top: auto !important;
    transition: var(--transition) !important;
}

.UrunDetayInnerBlock .add-to-cart-btn:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}


/* ========== 9. MOBILE VIEW ENHANCEMENTS ========== */
@media screen and (max-width: 768px) {
    /* Global container: header/footer ile aynı yan pay (12px) */
    .container {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    body.pagecategory main .modern-category-page > .container,
    body.pageurunliste main .modern-category-page > .container,
    body.pagesepet #columns.container {
        padding-top: 16px !important;
        padding-bottom: 32px !important;
    }
    
    .primary-box {
        padding: 16px !important;
        flex-direction: column !important;
    }
    .pb-left-column {
        padding-right: 0 !important;
    }
    .form-action .button-group {
        flex-direction: column !important;
    }
    
    /* Cart Mobile Fixes */
    .pagesepet .basket-wrap {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .pagesepet .basket-right {
        width: 100% !important;
        margin-top: 16px !important;
    }
    .pagesepet .basket-item {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    /* Orion sepet: mobil grid cart-page-orion-premium ile; tek sütun kuralını iptal et */
    body.pagesepet .basket-item {
        grid-template-columns: auto minmax(0, 1fr) 44px !important;
        justify-items: stretch !important;
        text-align: start !important;
    }
    .pagesepet .sepet-image img {
        margin: 0 auto 16px auto !important;
    }

    /* Tabs Mobile Fixes */
    .nav-tab, .nav-tabs {
        flex-direction: column !important;
        border-bottom: none !important;
    }
    .nav-tab > li, .nav-tabs > li {
        border-bottom: 1px solid var(--bg-main) !important;
    }
    .nav-tab > li > a, .nav-tabs > li > a {
        padding: 16px !important;
        border-bottom: none !important;
        border-left: 3px solid transparent !important;
        justify-content: flex-start !important;
    }
    .nav-tab > li.active > a, .nav-tabs > li.active > a {
        border-bottom: none !important;
        border-left-color: var(--color-primary) !important;
    }
}

/* ========================================================= */
/* GRADIENT SHOWCASE SECTIONS (Trendyol benzeri Flaş / Keşfet Çerçevesi) */
/* ========================================================= */
.gradient-showcase-section {
    background: linear-gradient(to right, #ff6535, #ff4065, #ffa825);
    background-size: 200% 200%;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 64, 101, 0.2);
    position: relative;
    overflow: hidden;
}

/* Şık bir açılı desen/parlama efekti (opsiyonel) */
.gradient-showcase-section::before {
    content: "";
    position: absolute;
    top: 0; left: -50%;
    width: 200%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
}

.gradient-showcase-section .section-header {
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.gradient-showcase-section .section-title {
    color: #fff !important;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Geri Sayım Sayacı Stili */
.gradient-showcase-section .countdown-timer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 15px;
}

.gradient-showcase-section .countdown-timer span {
    background: #fff;
    color: #ff4065;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.gradient-showcase-section .countdown-timer b {
    color: #fff;
    font-size: 18px;
}

.gradient-showcase-section .section-link {
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.gradient-showcase-section .section-link:hover {
    text-decoration: underline;
}
/* Mobil cihazlar için Flaş ve Keşfet panelleri genişlik optimizasyonu */
@media (max-width: 768px) {
    .gradient-showcase-section {
        /* Container limitini aşıp telefonu tam uçtan uca kaplamak için TANK TAKTİĞİ */
        width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 6px 0 8px !important;
        border-radius: 0 !important;
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        box-shadow: none !important;
    }

    .gradient-showcase-section::before {
        display: none !important;
    }

    .gradient-showcase-section .modern-scroll-container {
        padding: 0 2px !important;
    }
    
    .gradient-showcase-section .modern-scroll-wrapper, 
    .gradient-showcase-section .owl-stage-outer {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Ürün kartı genel margin'i mobilde sıfırla (desktop'ta 5px kalır) */
    .gradient-showcase-section .ps-product-item {
        margin: 0 1px !important; /* İKİ ÜRÜN ARASI: sadece 2px toplam (1px her yanda) */
    }

    .gradient-showcase-section .modern-scroll-wrapper .ps-product-item,
    .gradient-showcase-section .owl-carousel .owl-item .ps-product-item {
        margin: 0 1px !important;
        width: calc(50% - 2px) !important; 
        max-width: calc(50% - 2px) !important;
        min-width: 0 !important;
    }
    
    .gradient-showcase-section .owl-carousel .owl-item .ps-product-item {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* İçerideki Ürün Kartları Tablo Görünümü (Tümüyle Resme Yayılması) */
.gradient-showcase-section .ps-product-item {
    background: #fff !important;
    border-radius: 8px !important;
    padding: 0 !important; /* Resmin dışındaki tablo gibi duran beyazlıklar kaldırıldı, tam ekran oldu */
    margin: 5px; /* Kartlar arası boşluk */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    border: none !important; /* Tablo çerçevesi kaldırıldı */
    overflow: hidden !important; /* Resmin köşeleri taşmasın diye eklendi */
}

/* Flaş ve Keşfet Resimleri Tabloyu Tam Kaplasın */
.gradient-showcase-section .ps-product-item .product-container .left-block img {
    padding: 0 !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Sadece fiyatların olduğu alt kısma boşluk bırak */
.gradient-showcase-section .ps-product-item .product-container .right-block {
    padding: 7px 8px 8px !important;
    gap: 4px !important;
}

/* Keşfet bölümünde üzerine gelince çıkan tablo (seçim / border) görünümü iptal edildi */
.gradient-showcase-section .ps-product-item:hover,
.gradient-showcase-section .ps-product-item .product-container:hover {
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; /* Sabit gölge olarak kalsın, zıplama/büyüme yapmasın */
    transform: none !important;
}

/* Geniş ekran: iç boşluklu gradient kutu — mobilde ayrı kural (30px mobilde iç çerçeve yapıyordu) */
@media (min-width: 769px) {
    .gradient-showcase-section {
        position: relative;
        overflow: hidden;
        padding: 30px !important;
        border-radius: 20px !important;
        margin-bottom: 30px !important;
        z-index: 1;
    }
}

/* Fix Hamburger / Mobile Menu & Search Overlap (Header Sabitleme) */
@media (max-width: 1200px) {
    /* Tek satır: logo solda; arama + sepet + menü sağa yaslı grup */
    .ultra-modern-header .container {
        padding-left: 10px !important;
        padding-right: 6px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ultra-modern-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .header-row-1 {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 6px !important;
        box-sizing: border-box !important;
    }

    /* 1. Logo: dar sütun, kalan boşluğu iterek sağdaki grubu uca iter */
    .header-row-1 .header-left {
        order: 1 !important;
        flex: 0 0 auto !important;
        max-width: 112px !important;
        margin-right: auto !important;
    }

    .header-row-1 .header-left .brand-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .header-row-1 .header-left .brand-logo img,
    .header-row-1 .header-left img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 48px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* 2. Arama tetikleyicisi: genişlemesin, sağ küme ile bitişik */
    .header-row-1 .header-center {
        order: 2 !important;
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: min(46vw, 200px) !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        min-width: 0 !important;
    }

    .header-row-1 .header-center .desktop-only-search {
        display: none !important;
    }

    .header-row-1 .header-center .mobile-search-trigger {
        display: flex !important;
        position: relative !important;
        z-index: 9999998 !important;
        pointer-events: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        min-height: 38px !important;
        height: auto !important;
        padding: 0 10px 0 6px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .header-row-1 .header-center .mobile-search-inline {
        display: none !important;
    }

    body.mobile-search-open .header-row-1 .header-left {
        display: none !important;
    }

    body.mobile-search-open .header-row-1 .header-center {
        flex: 1 1 auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.mobile-search-open .header-row-1 .header-center .mobile-search-trigger {
        display: none !important;
    }

    body.mobile-search-open .header-row-1 .header-center .mobile-search-inline {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    body.mobile-search-open .header-row-1 .header-right {
        flex: 0 0 auto !important;
        min-width: 112px !important;
        max-width: none !important;
        overflow: visible !important;
    }

    /* 3. Sağ: SEPET + HAMBURGER (sıkışmasın, sağ uca yakın) */
    .header-row-1 .header-right {
        order: 3 !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-left: 0 !important;
        overflow: visible !important;
    }

    .header-row-1 .header-right .user-actions {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    .header-row-1 .header-right .cart-action {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        max-width: none !important;
        max-height: none !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        overflow: visible !important;
        position: relative !important;
        isolation: isolate !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1px solid var(--border-light) !important;
    }

    .header-row-1 .header-right .cart-action .cart-count,
    .header-row-1 .header-right .cart-action .mobile-cart-badge {
        z-index: 25 !important;
    }

    .header-row-1 .header-right .cart-action .cart-count.mobile-cart-badge {
        display: inline-flex !important;
    }

    .header-row-1 .header-right .cart-action i {
        font-size: 21px !important;
        margin: 0 !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
        width: 1em !important;
        height: 1em !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hesap / favori / sepet — aynı kutu boyutu (50px, layout .action-btn ile uyumlu) */
    .header-row-1 .header-right .action-btn:not(.cart-action) {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1px solid var(--border-light) !important;
    }

    .header-row-1 .header-right .action-btn:not(.cart-action) i {
        font-size: 21px !important;
        margin: 0 !important;
    }

    /* Hamburger: kare kutu (arama tetikleyicisi header-center’da pill kalır) */
    .mobile-menu-toggle, .navbar-toggle {
        position: relative !important;
        z-index: 9999999 !important; /* Kesin önde */
        pointer-events: auto !important; /* Arkada kalsa bile tıklamayı çal */
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        border: 1px solid var(--border-light) !important;
    }

    /* Mobil: DOM sırası hamburger → … → sepet; görünüm sepet solda, hamburger sağda */
    @media (max-width: 768px) {
        .header-row-1 .header-right .user-actions > .cart-action {
            order: 1 !important;
        }
        .header-row-1 .header-right .user-actions > .mobile-menu-toggle {
            order: 2 !important;
        }
    }
}

.gradient-showcase-section .modern-scroll-wrapper {
    padding-bottom: 15px !important;
    padding-top: 5px;
}

@media (max-width: 768px) {
    .gradient-showcase-section .modern-scroll-wrapper {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }
}

/* Flaş Ürünler — turuncu kutu altı + kart ile çerçeve arası (Keşfet .kesfet-gradient hariç) */
.flash-products-section .gradient-showcase-section {
    margin-bottom: 8px !important;
}

.flash-products-section .gradient-showcase-section .section-header {
    margin-bottom: 12px !important;
}

.flash-products-section .gradient-showcase-section .modern-scroll-wrapper {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

@media (min-width: 769px) {
    .flash-products-section .gradient-showcase-section {
        padding: 20px 24px 22px 24px !important;
        margin-bottom: 6px !important;
    }

    .flash-products-section .gradient-showcase-section .section-header {
        margin-bottom: 10px !important;
    }

    /* Kartların altında kırmızı gradient görünsün */
    .flash-products-section .gradient-showcase-section .modern-scroll-container {
        padding-bottom: 6px !important;
    }

    .flash-products-section .gradient-showcase-section .modern-scroll-wrapper {
        padding-top: 4px !important;
        padding-bottom: 12px !important;
    }
}

@media (max-width: 768px) {
    /* Story şeridi ile Flaş arası — üst margin sıfıra yakın */
    .category-stories + .section.flash-products-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .flash-products-section .gradient-showcase-section {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        /* Üst sıkı; altta kırmızı gradient şeridi görünsün */
        padding: 2px 0 16px !important;
    }

    .flash-products-section .gradient-showcase-section .section-header {
        margin-bottom: 6px !important;
    }

    .flash-products-section .gradient-showcase-section .section-title {
        font-size: 17px !important;
        gap: 8px !important;
        line-height: 1.2 !important;
    }

    .flash-products-section .gradient-showcase-section .countdown-timer {
        margin-left: 8px !important;
    }

    .flash-products-section .gradient-showcase-section .countdown-timer span {
        padding: 2px 6px !important;
        font-size: 13px !important;
    }

    .flash-products-section .gradient-showcase-section .modern-scroll-wrapper {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }

    .flash-products-section .gradient-showcase-section .modern-scroll-container {
        padding-top: 0 !important;
        padding-bottom: 4px !important;
    }
}

/* Flaş’tan sonra Yeni Gelen: üst boşluk */
.flash-products-section + .section.new-products-section,
.flash-products-section + section.new-products-section {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.gradient-showcase-section .modern-nav-btn {
    background: #fff;
    color: #333;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.gradient-showcase-section .modern-nav-btn:hover {
    background: #f8f8f8;
    color: #ff4065;
}

/* Keşfet arkaplanı biraz daha mor/lacivert esintili olabilir */
.kesfet-gradient {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
    box-shadow: 0 4px 15px rgba(74, 0, 224, 0.2);
}

@media (max-width: 768px) {
    .kesfet-gradient.gradient-showcase-section {
        box-shadow: none !important;
    }
}
.kesfet-gradient .countdown-timer span {
    color: #4a00e0;
}

/* ========================================================= */
/* "Yeni Gelenler" ve "Sizin İçin Seçtiklerimiz" Özel Çerçeve Ayarları */
/* ========================================================= */

/* Ürünlerin varsayılan hafif gri çerçevesi */
.new-products .ps-product-item .product-container,
.recommended-products .ps-product-item .product-container {
    border: 1px solid #e2e8f0 !important; /* Standart açık gri çerçeve */
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important; /* Çok hafif bir derinlik */
    transition: all 0.3s ease !important;
}

/* Ürünlerin üzerine gelindiğinde çerçevenin açık kurumsal bir renge dönmesi */
.new-products .ps-product-item .product-container:hover,
.recommended-products .ps-product-item .product-container:hover {
    border: 1.5px solid #0ce0ff !important; /* Çok daha belirgin bir Açık Turkuaz (Cyan) rengi */
    box-shadow: 0 6px 15px rgba(12, 224, 255, 0.2) !important; /* Açık turkuaz gölge parlaklığı */
}

/* Resim boyutunu tam sığacak hale getirdik */
.recommended-products .product-container .left-block img {
    padding: 0 !important; /* Beyaz boşluğu tamamen yok ettik */
    object-fit: cover !important; /* Çerçeveyi tam kaplamasını sağla */
    border-radius: 8px 8px 0 0 !important;
}

/* Sizin için seçtiklerimiz: fiyat ↔ Sepete Ekle sıkı (global 16px margin-top iptal) */
.recommended-products .product-container .content_price {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.recommended-products .product-container > .add-to-cart-btn {
    margin-top: 0 !important;
}
.recommended-products .product-container .right-block {
    gap: 4px !important;
}

/* Anasayfa ürün kartı: birim / m² / adet satırı (ana fiyat dışı) — #0d1c3a */
body.orion-homepage .content_price .price.product-price small,
body.orion-homepage .content_price .price.product-price .small,
body.orion-homepage .content_price .product-price small,
body.orion-homepage .orion-price-with-discount .price.product-price small,
body.orion-homepage .content_price .price.product-price em,
body.orion-homepage .content_price .price.product-price .text-muted,
body.orion-homepage .content_price .price.product-price span[class*="birim"],
body.orion-homepage .content_price .price.product-price span[class*="Birim"],
body.orion-homepage .content_price .price.product-price .liste_birim_fiyat,
body.orion-homepage .content_price .price.product-price .liste-birim-fiyat,
body.orion-homepage .content_price .price.product-price .listbirimfiyat {
    color: #0d1c3a !important;
}

/*
 * "Sizin İçin Seçtiklerimiz" — CSS Grid (flex + li width:% ile grid üstünde kullanılırsa
 * %, grid hücresine göre hesaplanır → kartlar iğ gibi dar kalır; bu yüzden tam grid + li width 100%).
 */
ul.modern-products-grid.recommended-products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 17px !important;
    column-gap: 14px !important;
    padding: 18px 0 36px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    list-style: none !important;
}

ul.modern-products-grid.recommended-products > li.ps-product-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 1500px) {
    ul.modern-products-grid.recommended-products {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    ul.modern-products-grid.recommended-products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    ul.modern-products-grid.recommended-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        row-gap: 12px !important;
        column-gap: 6px !important;
        gap: 12px 6px !important;
        padding: 12px 0 28px 0 !important;
    }

    ul.modern-products-grid.recommended-products > li.ps-product-item:nth-child(15) {
        display: none !important;
    }
}

/* Ürün detay — İlginizi çekebilir: kare görsel alanı tam doldurur (global contain+padding iptal) */
body.page-product-detail.pd-mobile .pd-ilgili-modern .product-container .left-block img {
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ========== Header / footer .container: kategori/ocv2 ile aynı sütun (biraz dar: 1320 → 1520) ========== */
header.ultra-modern-header > .container,
footer.site-footer > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 1320px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

@media (min-width: 1600px) {
    header.ultra-modern-header > .container,
    footer.site-footer > .container {
        max-width: 1520px !important;
    }
}

@media (max-width: 768px) {
    header.ultra-modern-header > .container,
    footer.site-footer > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Anasayfa mobil: ürün kartlarındaki favori (kalp) — yer kazanmak için gizli */
@media (max-width: 768px) {
    body.orion-homepage main a.addtowishlist {
        display: none !important;
    }
}

/* Anasayfa mobil: Flaş ürünler + Keşfet — fiyat satırındaki % indirim rozeti */
@media (max-width: 768px) {
    body.orion-homepage .flash-products .ps-badge-sale.ps-discount-rate,
    body.orion-homepage .kesfet-products .ps-badge-sale.ps-discount-rate {
        display: none !important;
    }
}

/* ========== 8. KATEGORİ SAYFASI MOBİL KART DÜZENLEMESİ ==========
   Gerçek HTML yapısı (UrunListShow.php):
   li.ps-product-item > div.product-container > div.left-block + div.right-block
   div.right-block > h5.product-name > a + div.content_price + button.add-to-cart-btn
   ================================================================== */

/* --- MASAÜSTÜ + MOBİL (Global): right-block flex yapısı --- */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .right-block {
    padding: 12px 14px 12px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    gap: 0 !important;
    min-height: 0 !important;
}

/* h5.product-name — 2 satırda kısalt, sabit yükseklik */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container h5.product-name,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    color: #1d1d1f !important;
}
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container h5.product-name a,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name a {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: #1d1d1f !important;
    text-decoration: none !important;
    line-height: inherit !important;
}

/* content_price — fiyat kutusu dikey */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .content_price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 0 8px 0 !important;
    gap: 1px !important;
}

/* old-price üstü çizili */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .price.old-price,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container span.old-price {
    font-size: 11px !important;
    color: #86868b !important;
    text-decoration: line-through !important;
    display: block !important;
    line-height: 1.2 !important;
}
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .price.old-price:empty,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container span.old-price:empty {
    display: none !important;
}

/* product-price — ana fiyat */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .price.product-price,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container span.product-price {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1d1d1f !important;
    display: block !important;
    line-height: 1.2 !important;
}

/* button.add-to-cart-btn — sepete ekle */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container button.add-to-cart-btn,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .add-to-cart-btn {
    width: 100% !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    border: 1px solid #e5e5ea !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin-top: auto !important;
}
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container button.add-to-cart-btn:hover,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .add-to-cart-btn:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* Kategori/liste hover: kart hareket etmesin, sadece hafif zoom olsun */
@media (hover: hover) and (pointer: fine) {
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container {
        transition: box-shadow 0.22s ease, border-color 0.22s ease !important;
    }

    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container .left-block img,
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container .left-block .imgLink img {
        transition: transform 0.28s ease !important;
        transform-origin: center center !important;
    }

    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container:hover {
        transform: none !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10) !important;
        border-color: #d8dee8 !important;
    }

    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container:hover .left-block img,
    :is(body.pagecategory, body.pageurunliste, body.pagearama, body.orion-category-page) .product-container:hover .left-block .imgLink img {
        transform: scale(1.02) !important;
    }
}

/* --- MOBİL ÖZEL (max-width: 768px) --- */
@media (max-width: 768px) {

    /* Grid: 2 eşit sütun, dar boşluk */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-list,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) ul.urunler {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    /* Kart: tam yükseklik, flex sütun  */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container {
        border-radius: 10px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        box-shadow: 0 1px 6px rgba(0,0,0,0.07) !important;
        border: 1px solid #e5e5ea !important;
        background: #fff !important;
    }

    /* Sol blok (resim): tam kaplı kare oran */
    body.pagecategory ul.product-list li .product-container .left-block,
    body.pageurunliste ul.product-list li .product-container .left-block,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block {
        position: relative !important;
        padding-top: 100% !important; /* ORİJİNAL KARE ORAN - Resmin alt ve üst boşluk bırakmasını engeller */
        background: #fff !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
    body.pagecategory ul.product-list li .product-container .left-block .imgLink,
    body.pagecategory ul.product-list li .product-container .left-block .img-container,
    body.pageurunliste ul.product-list li .product-container .left-block .imgLink,
    body.pageurunliste ul.product-list li .product-container .left-block .img-container,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block .imgLink,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block .img-container {
        position: absolute !important;
        top: 0 !important; left: 0 !important;
        width: 100% !important; height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    body.pagecategory ul.product-list li .product-container .left-block img,
    body.pageurunliste ul.product-list li .product-container .left-block img,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block img {
        position: absolute !important;
        top: 0 !important; left: 0 !important;
        width: 100% !important; height: 100% !important;
        object-fit: cover !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Sağ blok: kompakt padding — üstte HİÇ boşluk yok (ÇOK GÜÇLÜ SELECTOR - temp.php'yi ezer) */
    body.pagecategory ul.product-list li .product-container .right-block,
    body.pageurunliste ul.product-list li .product-container .right-block,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .right-block {
        padding: 0px 8px 8px 8px !important;
        margin-top: -2px !important;
    }

    /* h5.product-name mobil: 2 satır, sabit yükseklik, üst boşluk yok */
    body.pagecategory ul.product-list li .product-container h5.product-name,
    body.pagecategory ul.product-list li .product-container .product-name,
    body.pageurunliste ul.product-list li .product-container h5.product-name,
    body.pageurunliste ul.product-list li .product-container .product-name,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container h5.product-name,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name {
        font-size: 11.5px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        margin: 0 0 3px 0 !important;
        padding: 0 !important;
    }

    /* old-price mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .price.old-price,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container span.old-price {
        font-size: 10px !important;
    }

    /* product-price mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .price.product-price,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container span.product-price {
        font-size: 13px !important;
    }

    /* add-to-cart-btn mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container button.add-to-cart-btn,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .add-to-cart-btn {
        padding: 7px 6px !important;
        font-size: 10.5px !important;
        border-radius: 7px !important;
        gap: 3px !important;
    }
    /* Buton içindeki span metni kısalt */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container button.add-to-cart-btn span,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .add-to-cart-btn span {
        display: none !important; /* Sadece ikon göster (yer kazanmak için) */
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container button.add-to-cart-btn i,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .add-to-cart-btn i {
        font-size: 16px !important;
        margin: 0 !important;
    }

    /* İndirim rozeti: küçük */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .ps-badge-sale,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .catalog-item-ribbons span {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }

    /* Favori butonu mobil: gizle */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .addtowishlist {
        display: none !important;
    }

    /* li.ps-product-item height eşitle */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-list li.ps-product-item,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) ul.urunler li.ps-product-item {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Toolbar mobil düzeni */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .limit-sort-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        background: #fff !important;
        border-radius: 10px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .limit-sort-row select {
        flex: 1 !important;
        min-width: 120px !important;
        padding: 9px 10px !important;
        font-size: 13px !important;
        border: 1px solid #e5e5ea !important;
        border-radius: 8px !important;
        background: #f5f5f7 !important;
        color: #1d1d1f !important;
    }
}


/* --- Masaüstü: Kategori ürün kartı right-block düzeni --- */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .right-block {
    padding: 14px 16px 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    gap: 0 !important;
}

/* Ürün adı: her zaman 2 satırda kısalt, min-height ile eşit yükseklik */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name a,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 37px !important;
    max-height: 37px !important;
    color: #1d1d1f !important;
    text-decoration: none !important;
    margin-bottom: 6px !important;
}

/* Eski fiyat: üstü çizili, küçük */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .old-price {
    font-size: 11px !important;
    color: #86868b !important;
    text-decoration: line-through !important;
    line-height: 1.2 !important;
    display: block !important;
    margin-bottom: 2px !important;
    order: 1 !important;
}
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .old-price:empty {
    display: none !important;
    min-height: 0 !important;
}

/* Güncel fiyat: belirgin, kalın */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-price {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1d1d1f !important;
    line-height: 1.2 !important;
    display: block !important;
    margin-bottom: 10px !important;
    order: 2 !important;
}

/* content_price — flex sütun */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .content_price {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
}

/* Sepete ekle butonu */
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .buttons .addtocart,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .quick_basket {
    margin-top: auto !important;
    width: 100% !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    border: 1px solid #e5e5ea !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .buttons .addtocart:hover,
:is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .quick_basket:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* --- MOBİL ÖZEL KURALLAR (max-width: 768px) --- */
@media (max-width: 768px) {

    /* Kategori sayfası genel arka plan ve padding */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) {
        background: #f5f5f7 !important;
    }

    /* Grid: 2 sütun, dar boşluk */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-list,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) ul.urunler {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    /* Kart: tam yükseklik, flex sütun */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container {
        border-radius: 10px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        box-shadow: 0 1px 6px rgba(0,0,0,0.07) !important;
        border: 1px solid #e5e5ea !important;
        background: #fff !important;
    }

    /* Sol blok (resim): kare oran */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block {
        position: relative !important;
        padding-top: 88% !important;
        background: #f8f8f8 !important;
        overflow: hidden !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block img,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .left-block .imgLink img {
        position: absolute !important;
        top: 0 !important; left: 0 !important;
        width: 100% !important; height: 100% !important;
        object-fit: cover !important;
        padding: 0 !important;
    }

    /* Sağ blok (bilgi): kompakt */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .right-block {
        padding: 10px 10px 10px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        gap: 0 !important;
    }

    /* Ürün adı: 2 satır kısalt, sabit min yükseklik */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-name a {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        min-height: 32px !important;
        max-height: 32px !important;
        color: #1d1d1f !important;
        text-decoration: none !important;
        margin-bottom: 5px !important;
        white-space: normal !important;
    }

    /* Eski fiyat mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .old-price {
        font-size: 10px !important;
        color: #86868b !important;
        text-decoration: line-through !important;
        margin-bottom: 1px !important;
        line-height: 1.2 !important;
        display: block !important;
    }

    /* Güncel fiyat mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .product-price {
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #1d1d1f !important;
        margin-bottom: 8px !important;
        line-height: 1.2 !important;
        display: block !important;
    }

    /* Sepete ekle butonu mobil — ikon + metin */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .buttons .addtocart,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .quick_basket {
        width: 100% !important;
        padding: 8px 6px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        border-radius: 7px !important;
        background: #f5f5f7 !important;
        color: #1d1d1f !important;
        border: 1px solid #e5e5ea !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        margin-top: auto !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    /* İndirim rozeti mobil: daha küçük */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .ps-badge-sale,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .badge-discount,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .ribbon-discount {
        font-size: 9px !important;
        padding: 2px 7px !important;
        top: 6px !important;
        left: 6px !important;
    }

    /* Favori butonu mobil: gizle (yer kazanım) */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container a.addtowishlist {
        display: none !important;
    }

    /* Toolbar (sıralama + limit) mobil: yan yana düzgün */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .limit-sort-row,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .category-toolbar {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        background: #fff !important;
        border-radius: 10px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .limit-sort-row select,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .category-toolbar select {
        flex: 1 !important;
        min-width: 120px !important;
        padding: 9px 10px !important;
        font-size: 13px !important;
        border: 1px solid #e5e5ea !important;
        border-radius: 8px !important;
        background: #f5f5f7 !important;
        color: #1d1d1f !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    /* Sayfalama mobil */
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        margin-top: 16px !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .pagination a,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .pagination span {
        min-width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
        border: 1px solid #e5e5ea !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        background: #fff !important;
        color: #666 !important;
    }
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .pagination a:hover,
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .pagination a.active {
        background: #000 !important;
        color: #fff !important;
        border-color: #000 !important;
    }
}

/* Ürün detay: karşılaştır — sol "listeme ekle", sağ "( Karşılaştır )" */
.ps-user-tools.userTools #urunKarsilastirmaListemeEkle[data-orion-compare-layout="1"],
.userTools #urunKarsilastirmaListemeEkle[data-orion-compare-layout="1"] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
}
.ps-user-tools .orion-compare-tool__left,
.userTools .orion-compare-tool__left {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}
.ps-user-tools .orion-compare-tool__right,
.userTools .orion-compare-tool__right {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
@media (max-width: 576px) {
    .ps-user-tools.userTools #urunKarsilastirmaListemeEkle[data-orion-compare-layout="1"],
    .userTools #urunKarsilastirmaListemeEkle[data-orion-compare-layout="1"] {
        flex-wrap: wrap !important;
    }
}

/* Ürün detay: Sepete Ekle / Hemen Al satırı ile alt kullanıcı linkleri arasında hafif boşluk */
.ps-product-detail-page .ps-user-tools.userTools,
.page-product-detail .ps-user-tools.userTools {
    margin-top: 10px !important;
}

/* Ürün detay: favoride kalp dolu kırmızı */
.ps-product-detail-page .ps-btn-fav.orion-pd-fav--active i.fa-heart,
.ps-product-detail-page .ps-pd-mobile-bar__fav.orion-pd-fav--active i.fa-heart {
    color: #dc2626 !important;
}

.ps-product-detail-page .ps-btn-fav.orion-pd-fav--active {
    border-color: #fecaca !important;
    color: #dc2626 !important;
    background: #fef2f2 !important;
}

.ps-product-detail-page .ps-pd-mobile-bar__fav.orion-pd-fav--active {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Material Icons Round — Google Fonts `family=Material+Icons+Round` ile aynı sınıf; @font-face stylesheet’te */
.material-icons-round {
    font-family: "Material Icons Round", "Material Icons", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Anasayfa / kategori / listeler: favoride dolu kırmızı kalp */
.addtowishlist.orion-wishlist--active i.fa-heart,
.addtowishlist.orion-wishlist--active i.fa-solid.fa-heart {
    color: #dc2626 !important;
}

.addtowishlist.orion-wishlist--active i.material-icons-round {
    color: #dc2626 !important;
}

/*
 * Favoride: resim üzerinde kalp sabit görünsün (hover olmadan).
 * style.css / grid: .buttons genelde opacity:0 veya yalnız hover’da açılıyor.
 */
body.orion-category-page #products-container .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
body.orion-homepage .recommended-products .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
body.orion-homepage .kesfet-products .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
body.orion-homepage .flash-products .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
body.orion-homepage .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
.product-list li.ps-product-item .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
ul.modern-products-grid li.ps-product-item .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active),
.owl-carousel .product-container .left-block .buttons:has(.addtowishlist.orion-wishlist--active) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) translateY(0) scale(1) !important;
}

/* Anasayfa mobil: favori yoksa kalp gizli kalsın; favorideyse göster */
@media (max-width: 768px) {
    body.orion-homepage main a.addtowishlist.orion-wishlist--active {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Kategori mobil: favorideyse kalp görünsün */
@media (max-width: 768px) {
    :is(body.pagecategory, body.pageurunliste, body.pagearama) .product-container .addtowishlist.orion-wishlist--active {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}