/**
 * TILSIM BOOKSTORE - FULL INTEGRITY LAYOUT 11.2
 * Focus: No Overflow, Full Visibility, Responsive Stability.
 * Turkish: Ürün alanının tam görünmesi ve sağa sola kayma (scroll) olmaması için optimize edildi.
 */

/* --- 1. Master Layout & Absolute Expansion --- */
.editorial-shop-layout {
    display: flex !important;
    gap: 30px !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 2rem !important;
    box-sizing: border-box !important;
    /* Prevent layout from pushing outside parents */
    margin: 0 !important;
}

.shop-sidebar-curated {
    flex: 0 0 280px !important;
    width: 280px !important;
    position: sticky !important;
    top: 40px !important;
    z-index: 5 !important;
}

/* =====================================================
   PREMIUM BOUTIQUE FILTER SIDEBAR — TILSIM BOOKSTORE
   Scope: .ts-boutique-sidebar-wrap only
   ===================================================== */

.ts-boutique-sidebar-wrap {
    background: #FDFCF9 !important;
    border: 1px solid #EDEAE3 !important;
    border-radius: 3px !important;
    padding: 28px 24px !important;
    box-shadow: 0 4px 24px rgba(20,38,58,0.04) !important;
}

/* ── Section spacing: every widget gets breathing room ── */
.ts-boutique-sidebar-wrap .widget {
    margin-bottom: 32px !important;
    padding-bottom: 32px !important;
    border-bottom: 1px solid #EDEAE3 !important;
}

.ts-boutique-sidebar-wrap .widget:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* ── Widget / Section Titles ── */
.ts-boutique-sidebar-wrap .widget-title,
.ts-boutique-sidebar-wrap h2.widget-title {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.65rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: #8B8070 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    display: block !important;
}

/* Remove the gold underline pseudo-element from previous iteration */
.ts-boutique-sidebar-wrap .widget-title::after {
    display: none !important;
}

.shop-content-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
}

/* --- 2. Balanced 4-Column Catalog Grid --- */
.editorial-product-grid {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

ul.products, 
.editorial-product-grid ul.products {
    display: grid !important;
    /* Use repeat(4, 1fr) for standard desktop. 
       We ensure cards don't have minimum widths that break the grid. */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 45px 25px !important; /* Increased row gap (45px) for better breathing room */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Ensuring cards take full container width without forcing overflow */
ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important; /* Prevent cards from pushing grid width */
}

/* --- 3. Compact & Cohesive Product Card --- */
.premium-book-card {
    background: #ffffff !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.book-card-media {
    position: relative !important;
    width: 100% !important;
    /* 600x932 book cover standard — portrait ratio */
    aspect-ratio: 600 / 932 !important;
    background: #FFFFFF !important; /* White bg so contain renders cleanly */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    border-bottom: 1px solid var(--color-border) !important;
    overflow: hidden !important;
}

/* Elite Badges: Theme Consistent */
.book-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    padding: 5px 12px !important;
    background: var(--color-accent) !important;
    color: #fff !important;
    font-size: 0.6rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* 2. Category Badge */
.book-category-tag {
    display: inline-block !important;
    font-size: 0.625rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--color-accent) !important;
    background: rgba(197, 160, 89, 0.08) !important;
    padding: 4px 12px !important;
    border: 1px solid rgba(197, 160, 89, 0.15) !important;
    border-radius: 4px !important;
    margin-bottom: 6px !important;
}

.sale-badge {
    background: var(--color-accent) !important;
}

.book-image-container {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.book-image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* NO CROP — FULL BOOK COVER VISIBLE */
    object-position: center !important;
}

.book-card-details {
    padding: 12px !important; /* More compact */
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.book-card-title {
    font-family: var(--font-heading) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important; /* Reduced from 8px */
    color: var(--color-primary) !important;
    min-height: 2.4em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Star Rating Style: Distinct Amber */
.book-card-rating {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 10px !important; /* Reduced from 15px */
}

.star-rating {
    font-size: 0.8rem !important;
    width: 5.4em !important;
    font-family: star !important;
    color: #FFB400 !important; /* Amber - Distinct from Badge Gold */
}

.star-rating::before {
    color: #e0e0e0 !important;
    opacity: 0.5 !important;
}

/* 3. Action Area: Balanced Row */
.book-card-actions-group {
    margin-top: auto !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.btn-cart-wrap {
    flex: 1 !important;
}

.btn-book-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #14263A !important; /* Premium Deep Navy */
    color: #ffffff !important;
    height: 44px !important;
    padding: 0 20px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important; /* Required for the slide animation clipping */
    position: relative !important;
}

.btn-book-cta:hover {
    background: var(--color-accent) !important; /* Transitions to Gold on Hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.2) !important;
}

/* Slide-Up Icon Animation */
.cart-icon {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
    display: inline-block !important;
}

.btn-book-cta:hover .cart-icon {
    animation: cartSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes cartSlideUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    45% {
        transform: translateY(-25px);
        opacity: 0;
    }
    46% {
        transform: translateY(25px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Secondary Actions Group */
.btn-secondary-group {
    display: flex !important;
    gap: 8px !important;
}

.btn-peek-inline,
.btn-wishlist-inline {
    width: 42px !important; /* Match height for square look */
    height: 42px !important;
    background: #FCFBF7 !important; /* User specified background */
    border: 1px solid #D8D0C4 !important; /* User specified border */
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #223244 !important; /* User specified icon color */
    transition: all 0.3s ease !important;
}

.btn-peek-inline:hover {
    background: #F3EEE6 !important; /* User specified hover background */
    border-color: #BDAE96 !important; /* User specified hover border */
    color: #14263A !important; /* User specified hover text */
}

.btn-wishlist-inline:hover {
    background: #F3EEE6 !important;
    border-color: #BDAE96 !important;
    color: #ff4757 !important; /* Keep red for wishlist hover for intuition, or match user text? */
}

/* --- 6. Responsive Breakdown: No Scroll Guarantee --- */
@media (max-width: 1400px) {
    .container { padding: 0 15px !important; }
    ul.products { grid-template-columns: repeat(4, 1fr) !important; gap: 15px !important; }
}

@media (max-width: 1024px) {
    ul.products { grid-template-columns: repeat(3, 1fr) !important; }
    .shop-sidebar-curated { flex: 0 0 220px !important; width: 220px !important; }
}

@media (max-width: 900px) {
    .editorial-shop-layout { flex-direction: column !important; }
    .shop-sidebar-curated { width: 100% !important; flex: none !important; position: relative !important; top: 0 !important; margin-bottom: 30px !important; }
}

@media (max-width: 768px) {
    ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}

@media (max-width: 480px) {
    ul.products { grid-template-columns: 1fr !important; }
}
/* =====================================================
   FILTER SECTION STYLES — PRECISION SYSTEM
   ===================================================== */

/* ── 1. SEARCH ── */
.ts-boutique-sidebar-wrap .widget_search .search-form {
    display: flex !important;
    gap: 0 !important;
    border: 1px solid #DEDAD3 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: border-color 0.2s ease !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-form:focus-within {
    border-color: #8C6A43 !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-field {
    flex: 1 !important;
    border: none !important;
    background: transparent !important;
    padding: 10px 12px !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.85rem !important;
    color: #333 !important;
    outline: none !important;
    box-shadow: none !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-field::placeholder {
    color: #B5B0A8 !important;
    font-size: 0.82rem !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-submit {
    border: none !important;
    background: #EDEAE3 !important;
    color: #6B6560 !important;
    padding: 10px 14px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    white-space: nowrap !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-submit:hover {
    background: #14263A !important;
    color: #fff !important;
}

/* ── 2. PRICE FILTER ── */
.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_wrapper {
    padding: 4px 0 !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider {
    margin: 12px 0 20px !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-widget-content {
    background: #E5E1DA !important;
    height: 3px !important;
    border: none !important;
    border-radius: 3px !important;
    position: relative !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-range {
    background: #8C6A43 !important;
    border-radius: 3px !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-handle {
    background: #fff !important;
    border: 2px solid #8C6A43 !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    top: -6px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(192,155,90,0.25) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    outline: none !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-handle:hover,
.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-handle:focus {
    transform: scale(1.2) !important;
    box-shadow: 0 3px 12px rgba(192,155,90,0.35) !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_amount {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 4px !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_amount .price_label {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.82rem !important;
    color: #555 !important;
    font-weight: 500 !important;
    flex: 1 !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_amount .button {
    background: transparent !important;
    color: #14263A !important;
    border: 1px solid #DEDAD3 !important;
    padding: 7px 14px !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_amount .button:hover {
    background: #14263A !important;
    color: #fff !important;
    border-color: #14263A !important;
}

/* ── 3. RATING FILTER ── */
.ts-boutique-sidebar-wrap .widget_rating_filter ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter ul li {
    padding: 5px 0 !important;
    border: none !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #555 !important;
    font-size: 0.85rem !important;
    transition: color 0.2s ease !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter ul li a:hover {
    color: #8C6A43 !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter .star-rating {
    font-size: 0.72rem !important;
    color: #8C6A43 !important;
    width: auto !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter .count {
    font-size: 0.68rem !important;
    color: #B5B0A8 !important;
    font-weight: 600 !important;
    margin-left: auto !important;
}

/* ── 4. CATEGORY FILTER CHIPS ── */
.ts-boutique-sidebar-wrap .filter-group-cat .active-filter-chip,
.ts-boutique-sidebar-wrap .active-filters-container .active-filter-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 11px !important;
    border: 1px solid #DEDAD3 !important;
    border-radius: 2px !important;
    background: #fff !important;
    color: #444 !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.ts-boutique-sidebar-wrap .filter-group-cat .active-filter-chip:hover,
.ts-boutique-sidebar-wrap .active-filters-container .active-filter-chip:hover {
    border-color: #8C6A43 !important;
    color: #8C6A43 !important;
    background: rgba(192,155,90,0.04) !important;
}

.ts-boutique-sidebar-wrap .active-filters-container .remove-icon {
    color: #B5B0A8 !important;
    flex-shrink: 0 !important;
}

.ts-boutique-sidebar-wrap .active-filters-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.ts-boutique-sidebar-wrap .clear-all-filters {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #B5B0A8 !important;
    text-decoration: none !important;
    display: block !important;
    margin-top: 10px !important;
    transition: color 0.2s ease !important;
}

.ts-boutique-sidebar-wrap .clear-all-filters:hover {
    color: #8C6A43 !important;
}

/* ── 5. PRODUCT CATEGORIES (vertical list) ── */
.ts-boutique-sidebar-wrap ul.product-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li {
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li:last-child {
    border-bottom: none !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li a {
    color: #555 !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    padding-left: 0 !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li:hover > a {
    color: #8C6A43 !important;
    padding-left: 4px !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li .count {
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    color: #B5B0A8 !important;
    background: #F4F1EC !important;
    border: none !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li.current-cat > a {
    color: #14263A !important;
    font-weight: 700 !important;
}

/* ── 6. STOCK / CHECKBOX FILTERS ── */
.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item {
    padding: 6px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item:last-child {
    border-bottom: none !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #555 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    flex: 1 !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item a:hover {
    color: #8C6A43 !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item a::before {
    content: '' !important;
    width: 13px !important;
    height: 13px !important;
    border: 1.5px solid #CCC8C2 !important;
    border-radius: 2px !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item.woocommerce-widget-layered-nav-list__item--chosen a::before {
    background: #14263A !important;
    border-color: #14263A !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item .count {
    font-size: 0.62rem !important;
    color: #B5B0A8 !important;
    font-weight: 600 !important;
}

/* ── 7. ACTIVE/LAYERED NAV FILTER CHIPS ── */
.ts-boutique-sidebar-wrap .widget_layered_nav_filters ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 !important;
    list-style: none !important;
    margin: 0 !important;
}

.ts-boutique-sidebar-wrap .widget_layered_nav_filters ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #F4F1EC !important;
    color: #444 !important;
    border: 1px solid #DEDAD3 !important;
    padding: 5px 10px !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.ts-boutique-sidebar-wrap .widget_layered_nav_filters ul li a:hover {
    background: #14263A !important;
    color: #fff !important;
    border-color: #14263A !important;
}

.ts-boutique-sidebar-wrap .widget_layered_nav_filters ul li a::before {
    content: "\00D7" !important;
    font-size: 11px !important;
    opacity: 0.6 !important;
    line-height: 1 !important;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .ts-boutique-sidebar-wrap { padding: 22px 18px !important; }
}

/* =====================================================
   SHOP PAGE — PREMIUM COMPLETE SYSTEM
   Covers: Hero, Toolbar, Discovery, Pagination
   ===================================================== */

/* ── SHOP HERO HEADER ── */
.shop-hero-enhanced {
    background: #FDFCF9;
    border-bottom: 1px solid #EDEAE3;
    padding: 48px 0 36px;
    margin-bottom: 0;
}

.shop-hero-enhanced .header-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shop-hero-enhanced .tilsim-breadcrumb {
    margin-bottom: 4px;
}

.shop-hero-enhanced .woocommerce-breadcrumb {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.72rem !important;
    color: #B5B0A8 !important;
    letter-spacing: 0.04em !important;
}

.shop-hero-enhanced .woocommerce-breadcrumb a {
    color: #B5B0A8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.shop-hero-enhanced .woocommerce-breadcrumb a:hover {
    color: #8C6A43 !important;
}

.shop-hero-enhanced .hero-title-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.shop-hero-enhanced .text-overline {
    font-family: var(--font-ui, 'Inter', sans-serif);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: #8C6A43;
    display: block;
}

.shop-hero-enhanced .shop-page-title {
    font-family: var(--font-heading, 'Playfair Display', serif) !important;
    font-size: 2.4rem !important;
    font-weight: 500 !important;
    color: #14263A !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
}

/* ── SHOP UTILITY BAR (Toolbar) ── */
.shop-utility-bar-refined {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 0 24px !important;
    border-bottom: 1px solid #EDEAE3 !important;
    margin-bottom: 32px !important;
    gap: 16px !important;
}

.utility-controls-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

/* Ordering Select — Premium Styled */
.catalog-ordering-wrap .woocommerce-ordering {
    margin: 0 !important;
}

.catalog-ordering-wrap select.orderby,
.woocommerce-ordering select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff !important;
    border: 1px solid #DEDAD3 !important;
    border-radius: 2px !important;
    padding: 9px 36px 9px 14px !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #444 !important;
    cursor: pointer !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238B8070' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 11px !important;
    transition: border-color 0.2s ease !important;
    min-width: 200px !important;
}

.catalog-ordering-wrap select.orderby:focus,
.woocommerce-ordering select:focus {
    outline: none !important;
    border-color: #8C6A43 !important;
}

/* Premium Toggle Pills */
.utility-toggles {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.premium-toggle {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.premium-toggle input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

.premium-toggle .toggle-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 14px !important;
    border: 1px solid #DEDAD3 !important;
    border-radius: 2px !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #888 !important;
    background: #fff !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    user-select: none !important;
}

.premium-toggle input:checked + .toggle-pill {
    background: #14263A !important;
    border-color: #14263A !important;
    color: #fff !important;
}

.premium-toggle .toggle-pill:hover {
    border-color: #8C6A43 !important;
    color: #8C6A43 !important;
}

.premium-toggle input:checked + .toggle-pill:hover {
    border-color: #8C6A43 !important;
    background: #8C6A43 !important;
    color: #fff !important;
}

/* Result Count */
.utility-stats-right {
    display: flex !important;
    align-items: center !important;
}

.catalog-result-count .woocommerce-result-count {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.78rem !important;
    color: #B5B0A8 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* ── DISCOVERY SIDEBAR BLOCK ── */
.sidebar-curated-block {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #EDEAE3;
}

.sidebar-curated-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.curated-block-title {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: #8B8070 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.discovery-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.discovery-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    color: #555 !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    transition: all 0.2s ease !important;
}

.discovery-link:last-child {
    border-bottom: none !important;
}

.discovery-link svg {
    color: #DEDAD3 !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.discovery-link:hover {
    color: #8C6A43 !important;
    padding-left: 4px !important;
}

.discovery-link:hover svg {
    color: #8C6A43 !important;
    transform: translateX(3px) !important;
}

/* Sidebar filter wrapper when rendered inside shop as the .sidebar-widgets-refined  */
.sidebar-widgets-refined .widget {
    margin-bottom: 28px !important;
    padding-bottom: 28px !important;
    border-bottom: 1px solid #EDEAE3 !important;
}

.sidebar-widgets-refined .widget:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.sidebar-widgets-refined .widget-title,
.sidebar-widgets-refined h2.widget-title {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: #8B8070 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* ── PREMIUM PAGINATION ── */
.woocommerce-pagination {
    margin-top: 52px !important;
    padding-top: 32px !important;
    border-top: 1px solid #EDEAE3 !important;
}

.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-pagination ul.page-numbers li {
    display: flex !important;
}

.woocommerce-pagination ul.page-numbers .page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #888 !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}

.woocommerce-pagination ul.page-numbers .page-numbers:hover {
    color: #14263A !important;
    border-color: #DEDAD3 !important;
    background: #FDFCF9 !important;
}

.woocommerce-pagination ul.page-numbers .page-numbers.current {
    background: #14263A !important;
    color: #fff !important;
    border-color: #14263A !important;
    font-weight: 700 !important;
}

.woocommerce-pagination ul.page-numbers .prev,
.woocommerce-pagination ul.page-numbers .next {
    font-size: 1rem !important;
    width: 40px !important;
    color: #B5B0A8 !important;
    border-color: #EDEAE3 !important;
    background: #FDFCF9 !important;
}

.woocommerce-pagination ul.page-numbers .prev:hover,
.woocommerce-pagination ul.page-numbers .next:hover {
    color: #14263A !important;
    border-color: #14263A !important;
    background: #14263A !important;
    color: #fff !important;
}

.woocommerce-pagination ul.page-numbers .dots {
    border: none !important;
    color: #DEDAD3 !important;
    cursor: default !important;
}

/* ── CURATED SIDEBAR CONTAINER when using shop-sidebar-curated (no wrap div) ── */
.shop-sidebar-curated > .sidebar-curated-block.discovery-box {
    background: #FDFCF9;
    border: 1px solid #EDEAE3;
    border-radius: 3px;
    padding: 24px;
    margin-bottom: 24px;
}

.shop-sidebar-curated > .sidebar-curated-block.filters-box {
    background: #FDFCF9;
    border: 1px solid #EDEAE3;
    border-radius: 3px;
    padding: 24px;
}

/* ── NO PRODUCTS FOUND ── */
.woocommerce-no-products-found,
.woocommerce-info {
    font-family: var(--font-ui, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    color: #888 !important;
    border: 1px solid #EDEAE3 !important;
    background: #FDFCF9 !important;
    padding: 32px !important;
    text-align: center !important;
    border-radius: 3px !important;
}

/* =====================================================
   TILSIM SHOP & CATEGORY PAGE - RESPONSIVE OVERHAUL
   ===================================================== */

/* ---- Desktop: tighten grid gap ---- */
ul.products,
.editorial-product-grid ul.products {
    gap: 30px 20px !important;
}

/* ---- Category header: hide raw slug text ---- */
.woocommerce-products-header__title ~ p,
.woocommerce-products-header .term-description,
.page-description.term-description p,
.woocommerce-loop-product__category-description {
    display: none !important;
}

/* =====================================================
   RESPONSIVE — 1200px
   ===================================================== */
@media (max-width: 1200px) {
    .editorial-shop-layout {
        gap: 24px !important;
    }

    .shop-sidebar-curated {
        flex: 0 0 240px !important;
        width: 240px !important;
    }

    ul.products,
    .editorial-product-grid ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px 18px !important;
    }
}

/* =====================================================
   RESPONSIVE — 900px (tablet landscape)
   ===================================================== */
@media (max-width: 900px) {
    .editorial-shop-layout {
        gap: 20px !important;
    }

    .shop-sidebar-curated {
        flex: 0 0 220px !important;
        width: 220px !important;
    }

    ul.products,
    .editorial-product-grid ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 16px !important;
    }
}

/* =====================================================
   RESPONSIVE — 768px (tablet portrait) — CRITICAL
   Sidebar collapses into a top filter drawer
   ===================================================== */
@media (max-width: 768px) {
    /* Stack layout: sidebar goes above products */
    .editorial-shop-layout {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .shop-sidebar-curated {
        flex: none !important;
        width: 100% !important;
        position: static !important;
        /* Collapsed by default on mobile — toggled by JS */
        display: none;
        margin-bottom: 1.25rem;
    }

    .shop-sidebar-curated.is-open {
        display: block;
    }

    .shop-content-main {
        width: 100% !important;
    }

    ul.products,
    .editorial-product-grid ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px 12px !important;
    }

    /* Mobile filter toggle button */
    .mobile-filter-toggle-btn {
        display: flex !important;
        align-items: center;
        gap: 8px;
        font-family: var(--font-ui);
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: var(--color-primary);
        background: #fff;
        border: 1.5px solid var(--color-border);
        padding: 0.65rem 1.25rem;
        cursor: pointer;
        border-radius: 2px;
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }

    /* Shop utility bar */
    .shop-utility-bar {
        flex-wrap: wrap !important;
        gap: 0.75rem !important;
    }

    /* Category page header */
    .shop-category-banner {
        padding: 1rem 0 !important;
    }
}

/* =====================================================
   RESPONSIVE — 480px (mobile)
   ===================================================== */
@media (max-width: 480px) {
    ul.products,
    .editorial-product-grid ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 10px !important;
    }

    .premium-book-card .book-actions {
        flex-direction: column !important;
    }

    .ts-boutique-sidebar-wrap {
        padding: 20px 16px !important;
    }
}


/* WooCommerce Grid Fix: Remove pseudo-elements that break grid layout */
ul.products::before,
ul.products::after {
    display: none !important;
}

/* Override for 3 columns */
ul.products.columns-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* =====================================================
   CHECKOUT PAGE TURKISH CHARACTER FONT FIX
   Fixes Turkish character rendering only on checkout
   ===================================================== */
.woocommerce-checkout,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout button,
.woocommerce-checkout .woocommerce,
.woocommerce-checkout #payment,
.woocommerce-checkout .payment_box,
.woocommerce-checkout .payment_methods,
.woocommerce-checkout .iyzico,
.woocommerce-checkout [class*="iyzico"] {
    font-family: "Inter", "Noto Sans", "Roboto", Arial, sans-serif !important;
}