/* ============================================
   BUDUR THEME - MINIMAL OVERRIDES
   Modern visual improvements without breaking functionality
   ============================================ */

/* Modern CSS Variables - Premium Dark (Black/Zinc) Palette */
/* Modern CSS Variables - Premium Dark (Black/Zinc) Palette */
:root {
    --budur-primary: #18181b;
    /* Deep Black/Zinc 900 */
    --budur-primary-dark: #09090b;
    /* Zinc 950 */
    --budur-secondary: #27272a;
    /* Zinc 800 */
    --budur-accent: #3f3f46;
    /* Zinc 700 */
    --budur-warning: #f59e0b;
    --budur-danger: #ff751f;
    --budur-success: #10b981;
    --budur-text-dark: #09090b;
    --budur-text-medium: #3f3f46;
    --budur-text-light: #71717a;
    --budur-bg-light: #f4f4f5;
    --budur-bg-white: #ffffff;
    --budur-border: #e4e4e7;
    --budur-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --budur-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --budur-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --budur-radius-sm: 6px;
    --budur-radius-md: 8px;
    --budur-radius-lg: 12px;
    --budur-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Modern Typography */
    --budur-font-main: 'Inter', system-ui, -apple-system, sans-serif;
    --budur-font-heading: 'Plus Jakarta Sans', sans-serif;
}

/* Global Typography Reset */
body,
input,
button,
select,
textarea {
    font-family: var(--budur-font-main) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title_block,
.product-name a,
.main-menu a,
.nav-tab li a {
    font-family: var(--budur-font-heading) !important;
    letter-spacing: -0.02em !important;
}

/* ============================================
   DESKTOP SEARCH BOX - Modern Pill Style
   ============================================ */
.main-header .header-search-box .form-inline .input-serach input {
    border-radius: 25px !important;
}

.main-header .header-search-box .form-inline .btn-search {
    border-radius: 0 25px 25px 0 !important;
}


/* ============================================
   PRODUCT CARDS - Modern Improvements
   ============================================ */

/* Product Container - Add modern card styling */
.product-list li .product-container {
    border-radius: var(--budur-radius-lg);
    box-shadow: var(--budur-shadow-sm);
    transition: var(--budur-transition);
    border: 1px solid var(--budur-border);
    overflow: hidden;
    position: relative;
    /* Ensure it's the anchor for absolute positioning */
}

.product-list li .product-container:hover {
    box-shadow: var(--budur-shadow-lg);
    transform: translateY(-4px);
    border-color: var(--budur-primary);
}

/* Product Image - Smooth hover effect */
.product-list li .left-block {
    background: var(--budur-bg-light);
    transition: var(--budur-transition);
}

.product-list li .left-block img {
    transition: transform 0.3s ease;
}

.product-list li:hover .left-block img {
    transform: scale(1.05);
}

/* Product Info Area */
.product-list li .right-block {
    padding: 16px;
}

/* Product Name - Better typography */
.product-list li .product-name a {
    color: var(--budur-text-dark);
    font-weight: 500;
    transition: color 0.2s ease;
}

.product-list li .product-name a:hover {
    color: var(--budur-primary);
}

/* Hide slider dots globally */
.owl-dots {
    display: none !important;
}






/* List view discount badge - Compact pill with animation */
.product-list li .discount-badge {
    position: absolute;
    top: 15px;
    right: 12px;
    left: auto;
    transform: none;
    margin: 0;
    background: #10b981;
    color: white;
    width: fit-content;
    height: 32px;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    box-shadow: var(--budur-shadow-md);
    z-index: 20;
    line-height: 1;
    border: 2px solid white;
    transition: var(--budur-transition);
    white-space: nowrap;
    overflow: hidden;
    animation: badgePulseSubtle 2s infinite ease-in-out;
}

/* Detail page specific positioning */
.product-price-group {
    position: relative;
    padding-top: 5px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

/* Product Detail Page - Balanced Premium Discount Badge */
.product-price-group .discount {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #10b981 !important;
    color: white !important;
    padding: 6px 16px !important;
    /* Balanced padding */
    min-height: 36px !important;
    /* Normal height */
    width: max-content !important;
    border-radius: 20px !important;
    border: 2px solid white !important;
    box-shadow: var(--budur-shadow-md) !important;
    font-size: 16px !important;
    /* Normal size */
    font-weight: 800 !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
    white-space: nowrap !important;
    z-index: 5 !important;
    overflow: hidden !important;
    /* For shine effect */
    animation: badgePulseSubtle 2s infinite ease-in-out;
}

/* Shine Effect for all badges */
.discount-badge::before,
.discount::before,
.ribbon-new::before,
.catalog-item-ribbons span::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%;
    height: 200%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: rotate(30deg);
    animation: badgeShine 4s infinite;
}

@keyframes badgeShine {
    0% {
        left: -100%;
    }

    20% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

@keyframes badgePulseSubtle {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

.product-list li .discount-badge::after {
    content: "İNDİRİM" !important;
    font-size: 10px;
    letter-spacing: 0.3px;
    font-weight: 600;
    display: block !important;
}

.product-price-group .discount p {
    content: "İNDİRİM" !important;
    font-size: 14px !important;
    /* Slightly larger */
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: inline-block !important;
    /* Force inline with the percentage */
    line-height: 1 !important;
    color: white !important;
}

.product-list li .discount-badge small {
    font-size: 11px;
    margin-right: -2px;
}

.product-price-group .discount small {
    font-size: 14px !important;
    margin-right: -2px;
}

.product-list li:hover .discount-badge {
    background: #059669;
    transform: scale(1.05);
}

/* Buttons - Hidden as per user request to simplify product boxes */
.product-list li .buttons {
    display: none !important;
}


/* ============================================
   HEADER - Modern Styling
   ============================================ */

/* Top Discount Bar - Modern gradient */
.headerTop-discount {
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%);
    box-shadow: var(--budur-shadow-sm);
}

/* Main Header - Clean shadow */
.header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Top Header Links */
.top-header .support-link a {
    transition: color 0.2s ease;
}

.top-header .support-link a:hover {
    color: var(--budur-primary);
}

/* Top Header Bar Alignment Fix */
.top-header,
#header-bar {
    width: 100% !important;
    text-align: left !important;
}

.top-header .container,
#header-bar .container,
.top-header>.container-fluid,
#header-bar>.container-fluid {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    text-align: left !important;
}

/* Left side - Phone/Tel - Force left alignment */
.top-header .phone-link,
.top-header .col-sm-4,
.top-header .col-md-4,
.top-header>.container>div:first-child,
#header-bar .pull-left,
#header-bar>div:first-child {
    margin: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    float: left !important;
    flex-shrink: 0 !important;
}

/* Right side - Links */
.top-header .support-link,
.top-header .col-sm-8,
.top-header .col-md-8,
.top-header>.container>div:last-child,
#header-bar .pull-right,
#header-bar>div:last-child {
    margin: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
    float: right !important;
    margin-left: auto !important;
}

/* Bundle & Package Style Refinements */
.paketFiyat span {
    color: #ff751f !important;
    /* Update bundle price to theme orange */
}

/* Ensure product grid displays correctly when slider is disabled */
.kasaonuproducts .product-list:not(.owl-loaded) {
    display: block !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -10px !important;
}

.kasaonuproducts .product-list:not(.owl-loaded) li {
    float: left !important;
    width: 20% !important;
    /* 5 items per row to match previous slider setting */
    padding: 10px !important;
}

@media (max-width: 768px) {
    .kasaonuproducts .product-list:not(.owl-loaded) li {
        width: 50% !important;
    }
}

@media (max-width: 480px) {
    .kasaonuproducts .product-list:not(.owl-loaded) li {
        width: 50% !important;
        padding: 5px !important;
    }
}


/* Search Box - Modern rounded design */
.header-search-box input[type="text"],
.input-serach input[type="text"] {
    border-radius: var(--budur-radius-lg);
    border: 2px solid var(--budur-border);
    transition: var(--budur-transition);
}

.header-search-box input[type="text"]:focus,
.input-serach input[type="text"]:focus {
    border-color: var(--budur-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.1);
    outline: none;
}

.header-search-box .btn-search,
.input-search .btn-search {
    background: var(--budur-primary);
    border-radius: var(--budur-radius-md);
    transition: var(--budur-transition);
}

.header-search-box .btn-search:hover,
.input-search .btn-search:hover {
    background: var(--budur-primary-dark);
}

/* User Navigation - Modern icons */
.user-navigation li a {
    border-radius: var(--budur-radius-md);
    transition: var(--budur-transition);
}

.user-navigation li a:hover {
    background: var(--budur-bg-light);
    color: var(--budur-primary);
}

/* Basket Count Badge */
.basket-item-count {
    background: var(--budur-warning);
    box-shadow: var(--budur-shadow-md);
}

/* ============================================
   RED TO ORANGE COLOR OVERRIDES
   Replacing all #e31e24 with #ff751f throughout site
   ============================================ */

/* Cart Item Count Badge - Orange */
.cart-count,
.basket-count,
.basket-item-count,
.shopping-cart-count,
.user-navigation .cart-count,
.header-cart .count {
    background-color: #ff751f !important;
}

/* Header Icons - Orange on Hover */
.user-navigation li a:hover,
.user-navigation li a:hover i,
.header-user-actions a:hover,
.header-user-actions a:hover i,
.top-header a:hover,
.support-link a:hover {
    color: #ff751f !important;
}

/* Cart Icon Background */
.btn-basket,
.addtocart,
.btn-add-cart,
.add-to-cart-btn {
    background-color: #ff751f !important;
    border-color: #ff751f !important;
}

.btn-basket:hover,
.addtocart:hover,
.btn-add-cart:hover,
.add-to-cart-btn:hover {
    background-color: #cc4400 !important;
    border-color: #cc4400 !important;
}

/* Text colors - links and active states */
.nav-top-menu .active>a,
.dropdown-menu li a:hover,
.vertical-dropdown-menu a:hover,
.box-vertical-megamenus a:hover {
    color: #ff751f !important;
}

/* Border colors */
.nav-top-menu .navbar-nav>li.active>a,
.nav-top-menu .navbar-nav>li>a:hover {
    border-bottom-color: #ff751f !important;
}

/* Background colors */
.box-vertical-megamenus .title,
.nav-top-menu .active>a::after,
.ribbon-sale {
    background: #ff751f !important;
}

/* Price and discount colors */
.price-sale,
.old-price-discount,
.discount-percentage {
    color: #ff751f !important;
}

/* Button hovers and active states */
.btn-primary:hover,
.btn-danger {
    background-color: #ff751f !important;
    border-color: #ff751f !important;
}

/* ============================================
   NAVIGATION MENU - Modern Dropdown
   ============================================ */

/* Main Menu */
.nav-top-menu {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.nav-top-menu .navbar-nav>li>a {
    transition: var(--budur-transition);
    border-bottom: 3px solid transparent;
}

.nav-top-menu .navbar-nav>li>a:hover,
.nav-top-menu .navbar-nav>li:hover>a {
    color: var(--budur-primary);
    border-bottom-color: var(--budur-primary);
}

/* Dropdown Menu */
.nav-top-menu .dropdown-menu {
    border-radius: var(--budur-radius-md);
    box-shadow: var(--budur-shadow-lg);
    border: none;
}

.nav-top-menu .dropdown-menu li a {
    border-radius: var(--budur-radius-sm);
    transition: var(--budur-transition);
}

.nav-top-menu .dropdown-menu li a:hover {
    background: var(--budur-bg-light);
    color: var(--budur-primary);
    padding-left: 16px;
}

/* ============================================
   BUTTONS - Modern Design
   ============================================ */

/* Primary Buttons */
.btn-add-cart,
.btn-primary,
button[type="submit"] {
    background: var(--budur-primary) !important;
    border-radius: var(--budur-radius-md);
    transition: var(--budur-transition);
    border: none;
}

.btn-add-cart:hover,
.btn-primary:hover,
button[type="submit"]:hover {
    background: var(--budur-primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: var(--budur-shadow-md);
}

/* ============================================
   FORMS - Modern Input Styling
   ============================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
    border-radius: var(--budur-radius-md);
    border: 2px solid var(--budur-border);
    transition: var(--budur-transition);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: var(--budur-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.1);
    outline: none;
}







.service-item:hover {
    transform: translateY(-8px);
    box-shadow: var(--budur-shadow-lg);
    border-color: rgba(225, 29, 72, 0.2);
}



/* Colorful Service Icons - Per Item Strategy */
.service-item .icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 15px !important;
    transition: var(--budur-transition);
}

.service-item .icon i {
    font-size: 28px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transition: var(--budur-transition);
}

/* 1: Güvenli Alışveriş - Gold */
.service-item:nth-child(1) .icon {
    background: rgba(245, 158, 11, 0.1);
}

.service-item:nth-child(1) .icon i {
    color: #f59e0b;
}

.service-item:nth-child(1):hover .icon {
    background: #f59e0b;
    box-shadow: 0 10px 20px rgba(245, 158, 11, 0.2);
}

/* 2: Hızlı Kargo - Blue */
.service-item:nth-child(2) .icon {
    background: rgba(59, 130, 246, 0.1);
}

.service-item:nth-child(2) .icon i {
    color: #3b82f6;
}

.service-item:nth-child(2):hover .icon {
    background: #3b82f6;
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.2);
}

/* 3: Taksit İmkanı - Indigo/Purple */
.service-item:nth-child(3) .icon {
    background: rgba(99, 102, 241, 0.1);
}

.service-item:nth-child(3) .icon i {
    color: #6366f1;
}

.service-item:nth-child(3):hover .icon {
    background: #6366f1;
    box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2);
}

/* 4: Stoktan Gönderi - Orange */
.service-item:nth-child(4) .icon {
    background: rgba(249, 115, 22, 0.1);
}

.service-item:nth-child(4) .icon i {
    color: #f97316;
}

.service-item:nth-child(4):hover .icon {
    background: #f97316;
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2);
}

/* 5: İade İmkanı - Emerald/Green */
.service-item:nth-child(5) .icon {
    background: rgba(16, 185, 129, 0.1);
}

.service-item:nth-child(5) .icon i {
    color: #10b981;
}

.service-item:nth-child(5):hover .icon {
    background: #10b981;
    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);
}

.service-item:hover .icon i {
    color: white;
}

.service-item .info a h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--budur-text-dark) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    transition: var(--budur-transition);
}

.service-item:hover .info a h3 {
    color: var(--budur-primary) !important;
}

@media (max-width: 768px) {
    .service-item {
        min-width: 100%;
        flex-direction: row;
        text-align: left;
        padding: 15px 20px;
        gap: 15px;
    }

    .service-item .icon {
        width: 45px;
        height: 45px;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .service-item .icon i {
        font-size: 18px;
    }

    .service-item::before {
        width: 100%;
        height: 3px;
        top: auto;
        bottom: 0;
    }
}

/* ============================================
   FOOTER - Modern Dark Design
   ============================================ */

#footer {
    background: var(--budur-text-dark);
}

.introduce-title {
    color: white;
    font-weight: 600;
}

.introduce-list li a {
    color: var(--budur-text-light);
    transition: var(--budur-transition);
}

.introduce-list li a:hover {
    color: white;
    padding-left: 4px;
}

/* Social Links */
.social-link a {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: var(--budur-transition);
}

.social-link a:hover {
    background: var(--budur-primary);
    transform: translateY(-3px);
}

/* ============================================
   PAGE HEADINGS - Modern Design
   ============================================ */

.page-heading {
    background: var(--budur-bg-white);
    border-radius: var(--budur-radius-lg);
    box-shadow: var(--budur-shadow-sm);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 60px !important;
}

.page-heading .material-icons {
    color: var(--budur-primary);
}

/* ============================================
   BREADCRUMBS - Premium Minimalist Redesign
   ============================================ */

.breadcrumb {
    background: var(--budur-bg-light) !important;
    padding: 8px 20px !important;
    margin: 10px 0 15px !important;
    border-radius: var(--budur-radius-md) !important;
    border: 1px solid var(--budur-border) !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    text-transform: capitalize !important;
    /* Switched from lowercase to capitalize for a more premium look */
    gap: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
}

.breadcrumb li {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    color: var(--budur-text-medium) !important;
    line-height: 1 !important;
}

.breadcrumb li a {
    color: var(--budur-text-medium) !important;
    text-decoration: none !important;
    transition: var(--budur-transition) !important;
    padding: 2px 4px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.breadcrumb li a:hover {
    color: var(--budur-primary) !important;
}

/* Custom Separator - Modern Slash or Chevron */
.breadcrumb li+li::before {
    content: "\ea6e" !important;
    /* Remix Icon ri-arrow-right-s-line */
    font-family: 'remixicon' !important;
    font-size: 16px !important;
    color: var(--budur-text-light) !important;
    margin: 0 8px !important;
    opacity: 0.6 !important;
}

/* Home Icon Specific Styling */
.breadcrumb .fa-home,
.breadcrumb .ri-home-4-line {
    font-size: 16px !important;
    color: var(--budur-primary) !important;
    margin-right: 2px !important;
}

/* Active State (Last item) */
.breadcrumb li:last-child span,
.breadcrumb li:last-child a {
    color: var(--budur-text-dark) !important;
    font-weight: 700 !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    .breadcrumb {
        padding: 4px 15px !important;
        margin: 10px 0 15px !important;
        font-size: 14px !important;
        width: 100% !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        background: white !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        min-height: 40px !important;
    }

    .breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .breadcrumb li {
        display: inline-flex !important;
        flex-shrink: 0 !important;
        float: none !important;
    }

    .breadcrumb li a {
        padding: 6px 4px !important;
        gap: 4px !important;
        font-weight: 500 !important;
    }

    .breadcrumb li+li::before {
        margin: 0 4px !important;
        font-size: 16px !important;
    }

    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

/* ============================================
   RIBBONS & BADGES - Modern Styling
   ============================================ */

.catalog-item-ribbons {
    position: static !important;
    /* Allow children to position relative to .product-container */
    display: block !important;
}

.catalog-item-ribbons span {
    position: absolute !important;
    height: auto !important;
    line-height: normal !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    box-shadow: var(--budur-shadow-sm);
    border: none !important;
    margin: 0 !important;
    color: white !important;
    width: fit-content !important;
    z-index: 10;
    overflow: hidden;
    animation: badgePulseSubtle 2.5s infinite ease-in-out;
}

/* Default position for top-left ribbons (stacked via JS or default flow, but here we provide spacing) */
/* Default position for top-left ribbons - Shifted down to make room for "Tükeniyor!" if aligned at top */
.ribbon-sale {
    top: 48px !important;
    left: 12px !important;
    background: var(--budur-danger) !important;
}

.ribbon-fastCargo {
    top: 76px !important;
    left: 12px !important;
    background: var(--budur-warning) !important;
}

.ribbon-freeCargo {
    top: 104px !important;
    left: 12px !important;
    background: var(--budur-secondary) !important;
}

.ribbon-stockOut {
    top: 132px !important;
    left: 12px !important;
    background: var(--budur-text-light) !important;
}

/* Modernizing the "YENİ" badge - Bottom Right */
.ribbon-new {
    background: #facc15 !important;
    /* Premium Yellow/Gold */
    color: #0d1117 !important;
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: 12px !important;
    bottom: 15px !important;
    transform: none !important;
    width: auto !important;
    height: 30px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 12px !important;
    border: 2px solid white !important;
    box-shadow: var(--budur-shadow-md);
    z-index: 21 !important;
    text-transform: uppercase;
    overflow: hidden;
    animation: badgePulseSubtle 2.2s infinite ease-in-out;
}

/* End of main modern overrides */

/* End of Budur Overrides */
/* ============================================
   TÜKENDİ & TÜKENİYOR BADGES - Refined System
   ============================================ */

/* Base Badge Structure */
.tukendimBadge {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 32px !important;
    width: auto !important;
    min-width: max-content !important;
    padding: 0 12px !important;
    border-radius: 20px !important;
    border: 2px solid white !important;
    z-index: 100 !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    line-height: normal !important;
    color: white !important;
    pointer-events: none;
    /* Default: Gray for Stock Out */
    background: #9ca3af !important;
}

/* TÜKENİYOR! (Orange + Animated) */
.tukendimBadge.b2 {
    background: linear-gradient(135deg, #ff751f 0%, #cc4400 100%) !important;
    animation: badgeGlow 2s infinite ease-in-out;
}

/* LISTING PAGES: Bottom Left */
.product-list .tukendimBadge {
    bottom: 12px !important;
    left: 12px !important;
    top: auto !important;
    right: auto !important;
}

/* PRODUCT DETAIL PAGE: Top Left, Larger */
#product .tukendimBadge,
.product-full .tukendimBadge {
    top: 12px !important;
    bottom: auto !important;
    left: 12px !important;
    right: auto !important;
    height: 32px !important;
    padding: 0 12px !important;
}

#product .tukendimBadge .clock-icon,
.product-full .tukendimBadge .clock-icon {
    font-size: 14px !important;
}

#product .tukendimBadge .badge-text,
.product-full .tukendimBadge .badge-text {
    font-size: 11px !important;
}

/* Icon Styling */
.tukendimBadge .clock-icon {
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tukendimBadge.b2 .clock-icon {
    animation: clockBlink 2s infinite ease-in-out;
}

/* Text Styling */
.tukendimBadge .badge-text {
    font-size: 11px !important;
    position: relative !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Hide old images */
.tukendimBadge img {
    display: none !important;
}

/* End of main modern overrides */

/* Dynamic Tükeniyor Badge Animation */
@keyframes clockBlink {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.15);
    }
}

@keyframes badgeGlow {

    0%,
    100% {
        box-shadow: 0 0 2px rgba(255, 117, 31, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    50% {
        box-shadow: 0 0 6px rgba(255, 117, 31, 0.3), 0 0 10px rgba(255, 117, 31, 0.1);
    }
}

@keyframes badgePulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ============================================
   MODERN ICON STYLING
   ============================================ */

/* Material & Remix Icons - Modern Styling */
.material-icons,
[class^="ri-"],
[class*=" ri-"] {
    font-size: 20px !important;
    vertical-align: middle;
    line-height: 1 !important;
    transition: var(--budur-transition);
}

/* Icon Containers - Modern circular design */
.icon-container {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--budur-bg-light);
    transition: var(--budur-transition);
}

.icon-container:hover {
    background: var(--budur-primary);
    transform: scale(1.1);
}

.icon-container:hover .material-icons {
    color: white;
}

/* Service Icons - Modern gradient background */
.service-item .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%);
    box-shadow: var(--budur-shadow-md);
    margin: 0 auto 15px;
}

.service-item .icon i {
    color: white;
    font-size: 28px;
    line-height: 60px;
}

/* Font Awesome Icons - Better sizing */
.fa {
    font-size: 16px;
    margin-right: 6px;
    vertical-align: middle;
    transition: var(--budur-transition);
}

/* Social Icons - Modern circular design */
.social-link a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 5px;
    transition: var(--budur-transition);
}

.social-link a:hover {
    background: var(--budur-primary);
    transform: translateY(-3px) scale(1.1);
    box-shadow: var(--budur-shadow-md);
}

.social-link a .fa {
    color: white;
    font-size: 18px;
    margin: 0;
}

/* Product Card Icons - Modern styling */
.product-list li .buttons a .material-icons,
.product-list li .buttons a [class^="ri-"] {
    font-size: 18px !important;
    color: var(--budur-text-dark);
}

.product-list li .buttons a:hover .material-icons,
.product-list li .buttons a:hover [class^="ri-"] {
    color: white;
}

/* Header Icons - Better spacing */
.top-header a .material-icons,
.top-header a [class^="ri-"],
.top-header a .fa {
    margin-right: 6px;
    vertical-align: middle;
}

/* User Navigation Icons */
.user-navigation .material-icons,
.user-navigation [class^="ri-"] {
    font-size: 22px !important;
    margin-right: 4px;
}

/* Search Button Icon */
.btn-search .material-icons,
.btn-search [class^="ri-"] {
    font-size: 22px !important;
    line-height: 1 !important;
}

/* Mobile Menu Icon */
.mobileMenu .material-icons,
.mobileMenu [class^="ri-"] {
    font-size: 24px !important;
}

/* Page Heading Icons - Modern accent color */
.page-heading .material-icons,
.page-heading [class^="ri-"] {
    color: var(--budur-primary);
    font-size: 24px !important;
    vertical-align: middle;
    margin-right: 8px;
}

/* Breadcrumb Home Icon */
.breadcrumb .fa-home {
    color: var(--budur-primary);
    margin-right: 4px;
}

/* Dropdown Caret Icons */
.downicon.fa-caret-down {
    transition: transform 0.3s ease;
}

.active .downicon.fa-caret-down {
    transform: rotate(180deg);
}

/* ============================================
   MOBILE RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {

    /* Vitrin & Showcase Sharp Edges - Ultra Aggressive Fix */
    .product-list li .product-container,
    .img-responsive,
    .owl-carousel,
    .owl-stage-outer,
    .owl-item,
    .flex-viewport,
    .slides img,
    div[class*="vitrin"],
    div[class*="slider"],
    div[class*="banner"],
    section[class*="vitrin"],
    section[class*="slider"],
    section[class*="banner"] {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .product-list li .product-container:hover {
        transform: none !important;
    }

    .service-item {
        border-radius: 0 !important;
    }

    .service-item:hover {
        transform: none !important;
    }

    /* Mobile Badge Positioning - Back to Corners */
    .product-list li .discount-badge {
        right: 10px !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
        top: 10px !important;
        width: fit-content !important;
        padding: 0 10px !important;
        position: absolute !important;
        display: flex !important;
        z-index: 30 !important;
        font-size: 10px !important;
    }

    .ribbon-new {
        top: 10px !important;
        left: 10px !important;
        bottom: auto !important;
        right: auto !important;
        transform: none !important;
        width: auto !important;
        height: 30px !important;
        background: #facc15 !important;
        padding: 0 10px !important;
        color: #0d1117 !important;
        border-radius: 20px !important;
    }

    /* Mobile Badge Positioning - Centered Bottom */
    .product-list li .left-block,
    .product-list li .imgLink,
    .urunFirsatSlider .product-container,
    .urunFirsatSlider .left-block,
    .owl-carousel .product-container,
    .owl-carousel .left-block,
    .product-container {
        overflow: visible !important;
    }

    /* All badges: Centered at bottom on mobile using margin:auto method */
    .tukendimBadge,
    .tukendimBadge.b2,
    #product .tukendimBadge,
    .product-full .tukendimBadge,
    .urunFirsatSlider .tukendimBadge,
    .owl-carousel .tukendimBadge {
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
        bottom: 12px !important;
        top: auto !important;
        height: 24px !important;
        padding: 0 10px !important;
        z-index: 150 !important;
        width: fit-content !important;
    }

    .tukendimBadge .clock-icon {
        font-size: 10px !important;
    }

    .tukendimBadge .badge-text {
        font-size: 9px !important;
        line-height: 1 !important;
    }

    /* Reset ribbons to avoid overlap with corner badges */
    .ribbon-sale {
        top: 45px !important;
        left: 10px !important;
        right: auto !important;
    }

    .ribbon-fastCargo {
        top: 73px !important;
        left: 10px !important;
        right: auto !important;
    }

    .ribbon-freeCargo {
        top: 101px !important;
        left: 10px !important;
        right: auto !important;
    }

    .ribbon-stockOut {
        top: 129px !important;
        left: 10px !important;
        right: auto !important;
    }

    /* ============================================
       MOBILE HEADER - Premium Polish
       ============================================ */
    .main-header {
        padding: 12px 0 !important;
        /* Increased overall header height */
        background: #fff !important;
        border-bottom: 1px solid var(--budur-border);
        position: sticky !important;
        top: 0;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    }

    .main-header .container {
        padding: 0 10px !important;
    }

    .main-header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        position: relative !important;
        /* REQUIRED for absolute children */
    }

    .mobileMenuLeft,
    .logo,
    .user-block {
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobileMenuLeft {
        flex: 0 0 12% !important;
        /* Balanced fixed width */
        display: flex !important;
        justify-content: flex-start !important;
    }

    .logo {
        flex: 1 1 76% !important;
        /* More space for logo, centered */
        display: flex !important;
        justify-content: center !important;
        padding: 5px 0 !important;
    }

    .user-block {
        flex: 0 0 12% !important;
        /* Symmetrical fixed width */
        display: flex !important;
        justify-content: flex-end !important;
    }

    .mobileMenu a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        color: var(--budur-text-dark) !important;
        text-decoration: none !important;
        gap: 2px !important;
    }

    .mobileMenu i {
        font-size: 26px !important;
        color: var(--budur-primary) !important;
    }

    .mobileMenu span {
        font-size: 8px !important;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .logo img {
        height: auto !important;
        max-height: 64px !important;
        /* Substantially increased logo height */
        max-width: 200px !important;
        /* Further increased logo width */
        /* Limit width to protect layout */
        width: auto !important;
        display: block !important;
        margin: 0 auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .user-navigation-container {
        margin: 0 !important;
        width: 100% !important;
    }

    .user-navigation {
        gap: 2px !important;
        /* Further reduced gap for ultra-tight spacing */
        justify-content: flex-end !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
    }

    .user-navigation li.login-register-button-container,
    .user-navigation li.hidden-xs,
    .user-navigation li.basket-button-container,
    .user-navigation li.imgSepetGoster {
        display: none !important;
    }

    .user-navigation li {
        display: flex !important;
        align-items: center !important;
    }

    .user-navigation .icon-container {
        width: 36px !important;
        height: 36px !important;
        background: var(--budur-bg-light) !important;
        border: 1px solid var(--budur-border) !important;
    }

    .user-navigation .icon-container i {
        font-size: 18px !important;
        color: var(--budur-text-dark) !important;
    }

    /* Mobile Search Bar - Positioned BELOW the header */
    .search-box {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        padding: 12px 15px !important;
        z-index: 9999 !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        border-bottom: 1px solid var(--budur-border) !important;
    }

    .search-box .input-search {
        position: relative !important;
        width: 100% !important;
    }

    .search-box input#detailSearchKey {
        width: 100% !important;
        height: 44px !important;
        border-radius: 22px !important;
        padding: 0 20px !important;
        /* Symmetrical padding as button is gone */
        border: 1px solid var(--budur-border) !important;
        font-size: 14px !important;
        background: var(--budur-bg-light) !important;
    }

    .search-box .btn-search {
        display: none !important;
        /* Completely hide the button */
    }

    .search-box .btn-search i {
        display: none !important;
        /* Hide the icon */
    }

    .search-box .btn-search::after {
        content: 'ARA' !important;
        /* Add text instead */
    }
}

/* ============================================
   PRODUCT DETAIL TABS - Premium Minimalist Redesign
   ============================================ */

.product-tab {
    margin-top: 50px;
    background: #ffffff !important;
    border-radius: var(--budur-radius-lg);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.nav-tab {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 20px !important;
    margin: 0 !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 15px !important;
}

.nav-tab::-webkit-scrollbar {
    display: none;
}

.nav-tab li {
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.nav-tab li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 22px 15px !important;
    color: var(--budur-text-medium) !important;
    background: #ffffff !important;
    /* Force white background */
    border: none !important;
    position: relative !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: -0.2px;
    text-transform: capitalize !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    opacity: 0.8;
}

/* Floating Underline for Active Tab */
.nav-tab li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 3px;
    background: var(--budur-primary);
    border-radius: 3px 3px 0 0;
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-tab li a i {
    font-size: 20px !important;
    color: var(--budur-text-light);
    transition: transform 0.3s ease, color 0.3s ease;
}

.nav-tab li a:hover {
    color: var(--budur-primary) !important;
    opacity: 1;
}

.nav-tab li a:hover i {
    color: var(--budur-primary);
    transform: translateY(-2px);
}

.nav-tab li.active a {
    color: var(--budur-primary) !important;
    background: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1;
}

.nav-tab li.active a::after {
    transform: scaleX(1);
}

.nav-tab li.active a i {
    color: var(--budur-primary);
}

.tab-container {
    padding: 40px !important;
    background: #ffffff !important;
    /* Force panel to be white */
    border: none !important;
    line-height: 1.8;
    color: var(--budur-text-medium);
    font-size: 15px;
}

.tab-panel {
    background: #ffffff !important;
}

.tab-panel h2,
.tab-panel h3 {
    margin-top: 0;
    color: var(--budur-text-dark);
    font-weight: 700;
    margin-bottom: 20px;
}

/* Mobile Adjustments for Tabs */
@media (max-width: 768px) {
    .product-tab {
        margin-top: 30px;
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        background: #ffffff !important;
    }

    .nav-tab {
        padding: 0 10px !important;
        background: #ffffff !important;
        /* Force pure white on mobile header */
    }

    .nav-tab li a {
        padding: 15px !important;
        /* Balanced padding */
        font-size: 14px !important;
        gap: 8px !important;
        background: #ffffff !important;
        line-height: 1 !important;
        /* Standardize line height */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 50px !important;
        /* Fixed height for all tabs */
    }

    .nav-tab li.active a {
        font-weight: 600 !important;
        /* Less aggressive bold on mobile to prevent shifting */
    }

    .tab-container {
        padding: 25px 20px !important;
        background: #ffffff !important;
    }

    /* Ensure user knows they can scroll */
    .product-tab::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 60px;
        background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        pointer-events: none;
        z-index: 5;
    }
}

/* ============================================
   PRODUCT DETAIL - Favorite Icon Modernization
   ============================================ */
.pb-left-column .buttons a.addtowishlist {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 50px !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--budur-border) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transition: var(--budur-transition) !important;
    z-index: 50 !important;
    text-decoration: none !important;
}

.pb-left-column .buttons a.addtowishlist i {
    font-size: 28px !important;
    color: var(--budur-danger) !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pb-left-column .buttons a.addtowishlist:hover {
    transform: scale(1.1) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
}

@media (max-width: 768px) {
    .pb-left-column .buttons a.addtowishlist {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 44px !important;
    }

    .pb-left-column .buttons a.addtowishlist i {
        font-size: 24px !important;
    }
}





/* Hide slider controls and dots on mobile */
.owl-nav,
.owl-dots,
.flex-direction-nav,
.flex-control-nav,
.slider-nav,
.slick-dots,
.slick-arrow,
.carousel-indicators,
.carousel-control {
    display: none !important;
}


/* ============================================
   PRODUCT DETAIL - Enhanced Info Section
   ============================================ */
.pb-right-column {
    background: var(--budur-bg-white) !important;
    border-radius: var(--budur-radius-lg) !important;
    padding: 25px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid var(--budur-border) !important;
}

.pb-right-column .product-name {
    font-family: var(--budur-font-heading) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--budur-text-dark) !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.02em !important;
}

.pb-right-column .info-orther {
    display: none !important;
}

/* Stock availability message - centered */
.stock-amount {
    text-align: center !important;
    padding: 10px 15px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #fff !important;
    border-radius: var(--budur-radius-md) !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.pb-right-column iframe {
    width: 100% !important;
}

/* Notify when in stock button */
.btn-notify-stock {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 15px 25px;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    border-radius: var(--budur-radius-md);
    margin-top: 15px;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    transition: all 0.2s ease;
}

.btn-notify-stock:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.btn-notify-stock i {
    font-size: 20px;
}

/* Hide cart elements when product is out of stock */
.pb-right-column .alert-danger~.form-action,
.pb-right-column .alert-danger~.button-group,
.pb-right-column .btn-notify-stock~.form-action {
    display: none !important;
}

/* Also target elements that come before alert-danger */
body:has(.alert-danger) .form-action .button-group,
body:has(.alert-danger) .pb-right-column .button-group,
body:has(.alert-danger) .rDnMTO24ycH7DMyGc67g {
    display: none !important;
}

.stock-amount .stock-blink {
    margin-right: 8px;
    animation: stockBlink 1s ease-in-out infinite;
}

@keyframes stockBlink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}

.pb-right-column .info-orther p {
    margin: 8px 0 !important;
    font-size: 14px !important;
    color: var(--budur-text-medium) !important;
}

.pb-right-column .info-orther strong,
.pb-right-column .info-orther a {
    color: var(--budur-text-dark) !important;
    font-weight: 600 !important;
}

/* Form action - quantity and buttons in one row */
.pb-right-column .form-action {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.pb-right-column .form-action .attributes {
    flex-shrink: 0 !important;
}

.pb-right-column .form-action .button-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    flex: 1 !important;
}

.pb-right-column .form-action .button-group .btn-add-cart {
    flex: 1 !important;
    min-width: 100px !important;
    background: linear-gradient(135deg, #ff751f 0%, #cc4400 100%) !important;
    color: #fff !important;
    padding: 12px 15px !important;
    border-radius: var(--budur-radius-md) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;
}

.pb-right-column .form-action .button-group .btn-add-cart:hover {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
}

.pb-right-column .form-action .button-group .btn-add-cart.hemanalbtn {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3) !important;
}

.pb-right-column .form-action .button-group .btn-add-cart.hemanalbtn:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4) !important;
}

.pb-right-column .form-action .button-group .btn-add-cart i {
    font-size: 16px !important;
}

.pb-right-column .product-price-group {
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%) !important;
    border-radius: var(--budur-radius-md) !important;
    padding: 12px !important;
    border: 1px solid var(--budur-primary) !important;
    margin-bottom: 10px !important;
}

/* Desktop: Price and discount side by side */
.pb-right-column .product-price-group .pricex {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.pb-right-column .product-price-group .pricex .discount-badge {
    order: 2 !important;
    margin-left: 10px !important;
    border-radius: 6px !important;
}

.pb-right-column .product-price-group .taksit-info {
    margin: 6px 0 0 0 !important;
    padding-top: 6px !important;
    border-top: 1px dashed var(--budur-border) !important;
}

.pb-right-column .product-price-group .taksit-info a {
    color: var(--budur-primary) !important;
    font-size: 13px !important;
}

.pb-right-column .product-price-group .taksit-info i {
    margin-right: 5px !important;
}

.pb-right-column .product-price-group .kargo-info {
    margin: 8px 0 0 0 !important;
    font-size: 13px !important;
    color: var(--budur-text-medium) !important;
}

.pb-right-column .product-price-group .kargo-info i {
    margin-right: 5px !important;
    color: var(--budur-primary) !important;
}

@media (max-width: 768px) {
    .pb-right-column .product-price-group .taksit-info {
        display: block !important;
        margin: 8px 0 0 0 !important;
        padding-top: 8px !important;
    }

    .pb-right-column .product-price-group .taksit-info a {
        font-size: 12px !important;
    }
}

/* ============================================
   SHIPPING COUNTDOWN TIMER
   ============================================ */
.shipping-countdown-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    padding: 12px 16px;
    border-radius: var(--budur-radius-md);
    margin-bottom: 15px;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.shipping-countdown-box .stock-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 15px;
}

.shipping-countdown-box .countdown-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.shipping-countdown-box .countdown-line>i {
    font-size: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.shipping-countdown-box .countdown-line .countdown-text {
    display: inline;
    line-height: 1.4;
}

.shipping-countdown-box .countdown-line .countdown-text strong {
    display: inline;
}

.shipping-countdown-box .seller-line {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.shipping-countdown-box .seller-line iframe {
    flex: 1;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
}

.shipping-countdown-box i {
    font-size: 20px;
    flex-shrink: 0;
}

.shipping-countdown-box .stock-line i {
    animation: stockBlink 1s ease-in-out infinite;
}

.shipping-countdown-box .countdown-text {
    line-height: 1.4;
}

.shipping-countdown-box strong {
    color: #fff;
}

.shipping-countdown-box .bugun-kargoda {
    color: #fef08a !important;
    vertical-align: baseline !important;
    display: inline !important;
    line-height: inherit !important;
}

.shipping-countdown-box #countdownTimer {
    color: #fef08a !important;
    font-family: var(--budur-font-heading);
}

.shipping-countdown-box.countdown-expired {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
    animation: none;
}

@keyframes countdownPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.01);
    }
}

@media (max-width: 768px) {
    .shipping-countdown-box {
        font-size: 12px;
        padding: 10px 12px;
        gap: 8px;
    }

    .shipping-countdown-box i {
        font-size: 20px;
    }
}

.pb-right-column .pricex .price {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--budur-danger) !important;
    font-family: var(--budur-font-heading) !important;
}

.pb-right-column .pricex .old-price {
    font-size: 14px !important;
    color: var(--budur-text-light) !important;
    text-decoration: line-through !important;
    margin-right: 10px !important;
}

.pb-right-column .rating .stars i {
    color: #f59e0b !important;
    font-size: 18px !important;
}

@media (max-width: 768px) {
    .pb-right-column {
        padding: 10px !important;
        margin-top: 3px !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* Reduce product image area spacing on mobile */
    .pb-left-column {
        padding: 0 !important;
        margin: 0 !important;
    }

    .pb-left-column .product-image {
        padding: 0 !important;
        margin: 0 !important;
    }

    .pb-left-column .product-full {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobileSliderwrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobileSliderwrap .owl-carousel,
    .mobileSliderwrap .owl-stage-outer {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Hide quantity selector on mobile */
    .form-action .attributes {
        display: none !important;
    }

    /* Sticky header on mobile */
    .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    /* Remove borders from product items on mobile */
    .product-list.grid .product-container {
        border: none !important;
        box-shadow: none !important;
    }

    .product-list li .product-container:hover {
        box-shadow: none !important;
    }

    .product-list li {
        border: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Additional rules for owl-carousel sliders */
    .owl-carousel .owl-item,
    .owl-carousel .owl-item .product-container,
    .owl-carousel .product-list li,
    .owl-item,
    .owl-item .product-container {
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        box-shadow: none !important;
    }

    html,
    body {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .header {
        margin-top: 0 !important;
    }

    .page-content,
    .main-content,
    .wrapper,
    body>.container:first-of-type {
        margin-top: 112px !important;
        padding-top: 0 !important;
    }

    /* Extra spacing for product pages to clear header + slogan */
    .columns-container {
        margin-top: 112px !important;
        padding-top: 0 !important;
    }

    /* Force stories visibility on mobile */
    .storiesWrapper,
    #stories {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10 !important;
    }

    /* Push stories container below fixed header */
    .stories-container {
        margin-top: 112px !important;
        padding-top: 10px !important;
    }

    /* Remove margin-top from content-wrap since stories-container now has it */
    .content-wrap {
        margin-top: 0 !important;
    }

    /* Mobile Product Tabs - Auto width based on title */
    .product-tab .nav-tab {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        /* Firefox */
        gap: 10px !important;
        padding-bottom: 5px !important;
    }

    .product-tab .nav-tab::-webkit-scrollbar {
        display: none !important;
        /* Chrome/Safari */
    }

    .product-tab .nav-tab>li {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .product-tab .nav-tab>li>a {
        padding: 10px 15px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    /* Countdown left align on mobile */
    .shipping-countdown-box {
        text-align: left !important;
    }

    .shipping-countdown-box .stock-line,
    .shipping-countdown-box .countdown-line,
    .shipping-countdown-box .seller-line {
        justify-content: flex-start !important;
    }



    /* Force show price box on mobile - override responsive.css */
    .product-price-group,
    .pb-right-column .product-price-group {
        display: block !important;
    }

    /* Hide havale indirimi on mobile */
    .havale-indirim {
        display: none !important;
    }

    .pb-right-column .product-name {
        font-size: 20px !important;
    }

    .pb-right-column .pricex {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    .pb-right-column .pricex .price {
        font-size: 24px !important;
        white-space: nowrap !important;
    }

    .pb-right-column .pricex .old-price {
        font-size: 13px !important;
        margin-right: 5px !important;
        white-space: nowrap !important;
    }

    .pb-right-column .pricex .discount-badge {
        height: 22px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
        margin-left: 0 !important;
        flex-shrink: 0 !important;
    }
}

/* ============================================
   PRODUCT TABS - Rounded Corners
   ============================================ */
.product-tab .nav-tab>li {
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}

.product-tab .nav-tab>li>a {
    border-radius: 10px 10px 0 0 !important;
}

.product-tab .tab-container {
    border-radius: 0 0 10px 10px !important;
}

/* Mobile tabs - left aligned and narrower */
@media (max-width: 768px) {
    .nav-tab {
        justify-content: flex-start !important;
    }

    .nav-tab>li>a {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

/* ============================================
   STICKY BAR WHATSAPP BUTTON - Product Page
   ============================================ */
.sticky-whatsapp-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50px !important;
    height: 50px !important;
    background: #25D366 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 26px !important;
    text-decoration: none !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

.sticky-whatsapp-btn:hover {
    background: #1da851 !important;
    color: #fff !important;
}

/* Hide floating WhatsApp on mobile */
@media (max-width: 768px) {
    .trwpwhatsappall {
        display: none !important;
    }
}

.btn-whatsapp-mobile {
    display: none;
}

@media (max-width: 768px) {
    .btn-whatsapp-mobile {
        display: flex !important;
        position: fixed !important;
        bottom: 80px !important;
        right: 15px !important;
        z-index: 9999 !important;
        align-items: center;
        justify-content: center;
        width: 55px !important;
        height: 55px !important;
        background: #25D366 !important;
        color: #fff !important;
        border-radius: 50% !important;
        font-size: 30px !important;
        text-decoration: none !important;
        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.5) !important;
        transition: all 0.2s ease !important;
    }

    .btn-whatsapp-mobile:hover {
        transform: scale(1.1) !important;
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;
    }
}

/* ============================================
   STORY VITRIN - Instagram Style Enhancements
   ============================================ */
.storiesWrapper {
    background: transparent !important;
    padding: 0 !important;
    margin-top: -5px !important;
    margin-bottom: 10px !important;
    border: none !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .storiesWrapper {
        margin-top: -15px !important;
        margin-bottom: 5px !important;
    }
}

/* Base Circle Styling with Moving Gradient */
.stories.snapgram .story>a>.img {
    border: 2px solid transparent !important;
    padding: 3px !important;
    background-image: linear-gradient(var(--budur-bg-white), var(--budur-bg-white)),
        linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888, #f09433) !important;
    background-size: 100% 100%, 400% 400% !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 0 4px 10px rgba(220, 39, 67, 0.15) !important;
    transition: var(--budur-transition) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: storyGlow 3s infinite ease-in-out, storyBorderMove 8s linear infinite !important;
}

/* Rotating/Moving Border Animation */
@keyframes storyBorderMove {
    0% {
        background-position: 0% 0%, 0% 50%;
    }

    50% {
        background-position: 0% 0%, 100% 50%;
    }

    100% {
        background-position: 0% 0%, 0% 50%;
    }
}

/* Pulsing Glow Animation */
@keyframes storyGlow {
    0% {
        box-shadow: 0 0 5px rgba(220, 39, 67, 0.2);
    }

    50% {
        box-shadow: 0 0 15px rgba(220, 39, 67, 0.4);
    }

    100% {
        box-shadow: 0 0 5px rgba(220, 39, 67, 0.2);
    }
}



/* Premium Light Sweep (Shine) Effect */
.stories.snapgram .story>a>.img::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(45deg,
            transparent 45%,
            rgba(255, 255, 255, 0.3) 50%,
            transparent 55%) !important;
    animation: storyShine 6s infinite !important;
    pointer-events: none !important;
}

@keyframes storyShine {
    0% {
        transform: translate(-100%, -100%);
    }

    20% {
        transform: translate(100%, 100%);
    }

    100% {
        transform: translate(100%, 100%);
    }
}

.stories.snapgram .story:hover>a>.img {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 20px rgba(220, 39, 67, 0.25) !important;
}

.stories.snapgram .story>a>.info {
    margin-top: 8px !important;
}

.stories.snapgram .story>a>.info strong {
    font-family: var(--budur-font-heading) !important;
    font-size: 11px !important;
    color: var(--budur-text-dark) !important;
    font-weight: 600 !important;
}

/* End of Budur Overrides */

/* ============================================
   COMPREHENSIVE MOBILE MENU SYSTEM
   ============================================ */

/* Hide old menufix */
.menufix {
    display: none !important;
}

/* Dark overlay */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Slide-in sidebar */
.mobile-menu-sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 99999;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    box-shadow: 4px 0 25px rgba(0, 0, 0, 0.15);
}

.mobile-menu-sidebar.active {
    left: 0;
}

/* Menu header */
.mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%);
    color: #fff;
}

.mobile-menu-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--budur-font-heading);
}

.menu-close-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.menu-close-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Menu sections */
.mobile-menu-section {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.mobile-menu-section-title {
    padding: 12px 20px 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
}

/* Menu links */
.mobile-menu-link {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.mobile-menu-link:hover {
    background: #f8f9fa;
    color: var(--budur-primary);
    padding-left: 25px;
}

.mobile-menu-link i {
    margin-right: 14px;
    font-size: 20px;
    width: 24px;
    text-align: center;
    color: var(--budur-primary);
}

.mobile-menu-link.user-link {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin: 8px 15px;
    padding: 12px 15px;
}

.mobile-menu-link.user-link i {
    color: var(--budur-text-dark);
}

/* Category links in menu */
.mobile-menu-categories {
    max-height: 350px;
    overflow-y: auto;
    padding: 0;
}

/* Mobile Category List - Nested Accordion Style */
.mobile-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-cat-list li {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-cat-list li>span {
    display: block;
    padding: 14px 20px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    background: #fafafa;
    transition: all 0.2s ease;
    position: relative;
}

.mobile-cat-list li>span:after {
    content: '\EA4E';
    /* ri-arrow-down-s-line */
    font-family: 'remixicon';
    position: absolute;
    right: 20px;
    transition: transform 0.2s ease;
}

.mobile-cat-list li.open>span:after {
    transform: rotate(180deg);
}

.mobile-cat-list li>span:hover {
    background: #f0f0f0;
    color: var(--budur-primary);
}

/* Mobile Menu Category Icons */
.mobile-cat-list li>span i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: -1px;
}

.mobile-cat-list li>a {
    display: block;
    padding: 14px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.mobile-cat-list li>a:hover {
    background: #f8f9fa;
    color: var(--budur-primary);
}

/* Nested subcategories */
.mobile-cat-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: #fff;
}

.mobile-cat-list li.open>ul {
    display: block;
}

.mobile-cat-list ul li {
    border-bottom: 1px solid #f5f5f5;
}

.mobile-cat-list ul li>span,
.mobile-cat-list ul li>a {
    padding: 12px 20px 12px 35px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.mobile-cat-list ul li>span {
    background: #fff;
}

/* 3rd level */
.mobile-cat-list ul ul li>span,
.mobile-cat-list ul ul li>a {
    padding-left: 50px;
    font-size: 13px;
    font-weight: 400;
}

/* 4th level */
.mobile-cat-list ul ul ul li>span,
.mobile-cat-list ul ul ul li>a {
    padding-left: 65px;
}

/* Lock body scroll when menu is open */
body.mobile-menu-open {
    overflow: hidden !important;
}

/* Hamburger menu toggle button in header */
.mobile-menu-toggle {
    display: none;
}

@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu-toggle a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu-toggle .icon-container {
        padding: 8px;
    }

    .mobile-menu-toggle i {
        font-size: 26px;
        color: var(--budur-text-dark);
    }

    /* Modern Mobile Menu Icon */
    .mobileMenuLeft {
        display: flex !important;
        align-items: center !important;
        padding-left: 10px !important;
    }

    .mobileMenu a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        background: #f8f9fa !important;
        border-radius: 10px !important;
        transition: all 0.2s ease !important;
    }

    .mobileMenu a:hover {
        background: var(--budur-primary) !important;
    }

    .mobileMenu a:hover i {
        color: #fff !important;
    }

    .mobileMenu i {
        font-size: 26px !important;
        color: var(--budur-text-dark) !important;
        line-height: 1 !important;
    }

    /* Right-align icons - Compact layout */
    .user-block {
        display: flex !important;
        justify-content: flex-end !important;
        padding-right: 5px !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }

    .user-navigation {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .user-navigation li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .user-navigation .icon-container {
        padding: 5px !important;
        background: none !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        width: auto !important;
        height: auto !important;
        position: relative !important;
    }

    .user-navigation .icon-container i {
        font-size: 20px !important;
        color: var(--budur-text-dark) !important;
        background: none !important;
        padding: 0 !important;
    }

    .user-navigation .icon-container:hover {
        background: none !important;
        background-color: transparent !important;
        transform: none !important;
    }

    /* Larger logo on mobile */
    .logo {
        flex: 1 1 auto !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }

    .logo img {
        max-height: 45px !important;
        width: auto !important;
    }

    /* Mobile Cart Icon Badge - VISIBLE */
    .mobile-cart-icon .icon-container {
        position: relative !important;
    }

    .mobile-cart-badge {
        position: absolute !important;
        top: 0px !important;
        right: -2px !important;
        background: var(--budur-primary) !important;
        color: #fff !important;
        border-radius: 50% !important;
        min-width: 16px !important;
        height: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        z-index: 10 !important;
    }

    html,
    body {
        overflow-x: hidden !important;
    }

    /* Bottom Fixed Navigation Bar */
    .mobile-bottom-nav {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
        display: flex !important;
        background: #fff !important;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1) !important;
        padding: 8px 0 !important;
        border-top: 1px solid #eee !important;
    }

    .bottom-nav-item {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 5px !important;
        color: #666 !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        position: relative !important;
    }

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

    .bottom-nav-item i {
        font-size: 24px !important;
        margin-bottom: 3px !important;
        line-height: 1 !important;
    }

    .bottom-nav-item span {
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .bottom-nav-item .nav-badge {
        position: absolute !important;
        top: 2px !important;
        right: 50% !important;
        transform: translateX(15px) !important;
        background: var(--budur-primary) !important;
        color: #fff !important;
        border-radius: 50% !important;
        min-width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: 700 !important;
    }

}

/* Category Page Spacing - Reduce gap between title and filters */
@media (max-width: 768px) {

    /* Category page container spacing */
    .columns-container {
        padding-top: 5px !important;
    }

    .columns-container .breadcrumb {
        margin-bottom: 18px !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
    }

    .columns-container .row {
        margin-top: 0 !important;
    }

    /* Category title block */
    .block .title_block,
    .left-module .title_block {
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
    }

    /* Product list header area */
    .center_column,
    .category_prod {
        padding-top: 0 !important;
    }

    .view-product-list {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* All h1 on category pages */
    .page-content h1,
    .primary-box h1,
    .columns-container h1,
    .col-sm-9 h1,
    .center_column h1 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 5px !important;
    }

    /* Sorting bar */
    .sorting-bar,
    .product-sorting,
    .filter-sort-row,
    .sort-filter-bar,
    .listing-sort,
    .product-list-header,
    .listing-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Page header */
    .page-header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* First row spacing */
    .primary-box .row:first-child,
    .columns-container .row:first-child {
        margin-bottom: 0 !important;
    }

    /* h1 siblings */
    h1+div,
    h1+.row,
    h1+.sorting-bar,
    h1+.product-sorting {
        margin-top: 0 !important;
    }

    /* Specific fix for category page - user identified selector */
    #view-product-list>ul>div.page-content,
    .view-product-list .page-content {
        margin: 0 !important;
        padding: 5px 0 !important;
    }

    #view-product-list>ul>div.page-content h1 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fix for info/static pages (About, Contact, FAQ, etc.) */
    .page-content {
        margin-top: 0 !important;
        padding-top: 5px !important;
    }

    .page-content h1,
    .page-content h2 {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
        padding: 0 !important;
    }

    /* Static page container */
    .static-page,
    .info-page,
    .content-page,
    .cms-page {
        margin-top: 0 !important;
        padding-top: 5px !important;
    }

    /* Mobile Homepage Slider Spacing Fix */
    .UrunSliderWrap,
    .page-product-box {
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
        margin-top: 25px !important;
    }

    .UrunSliderWrap .product-list,
    .page-product-box .product-list {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .clearfix {
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }

    .promo-cards-section {
        padding: 5px 0 !important;
        margin: 0 !important;
    }

    .page-heading {
        margin-bottom: 5px !important;
        padding-bottom: 0 !important;
    }

    /* Vitrin Slider Spacing */
    .vitrinSlider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* End of @media (max-width: 768px) for category spacing */


.content-wrap {
    padding-bottom: 0 !important;
}

.content-wrap>.container>.row {
    margin-bottom: 0 !important;
}

.col-lg-3,
.col-lg-9 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Showcase Side Banners - 70/30 Split and Perfect Height Alignment */
.vitrin-flex-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0 !important;
    align-items: stretch !important;
}

.vitrin-left {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    display: flex !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.vitrin-right {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.vitrin-side-banners {
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    height: 100% !important;
    margin: 0 !important;
    /* Fills full height of vitrin-right */
}

.vitrinSlider {
    width: 100% !important;
    height: 97% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.vitrinSlider .owl-carousel,
.vitrinSlider .owl-stage-outer,
.vitrinSlider .owl-stage,
.vitrinSlider .owl-item,
.vitrinSlider .main_slider_item,
.vitrinSlider .main_slider_item a {
    height: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.vitrinSlider img,
.vitrinSlider .owl-carousel img,
.vitrinSlider .main_slider_item img,
.vitrinSlider .main_slider_item a img {
    border-radius: 16px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

/* === Custom Compact Side Banners (Vitrin Yanı) === */

.custom-side-banner {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    /* Compact padding */
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s ease;
    min-height: 0;
    margin-top: 20px;
    /* Let flex control height */
    color: #fff;
    margin-bottom: 0;
}

.custom-side-banner:hover {
    text-decoration: none;
    transform: translateX(5px);
    color: #fff;
}

/* Colors */
.side-banner-indigo {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.side-banner-gray {
    background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
}

.side-banner-teal {
    background: linear-gradient(135deg, #38b2ac 0%, #319795 100%);
}

/* Content Layout */
.side-banner-content {
    display: none !important;
}

.side-banner-label {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.8;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.side-banner-title {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 1.1;
}

.side-banner-subtitle {
    font-size: 10px;
    opacity: 0.9;
    margin-bottom: 5px;
    display: block;
}

.side-banner-btn {
    font-size: 9px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    padding: 3px 10px;
    border-radius: 15px;
    width: fit-content;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Compact Image - Full Cover */
.side-banner-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
}

.side-banner-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 991px) {
    .vitrin-flex-row {
        flex-direction: column !important;
        padding: 0 !important;
        align-items: initial !important;
    }

    .vitrin-left,
    .vitrin-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .vitrin-left {
        margin-bottom: 15px !important;
    }

    .vitrin-side-banners {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .custom-side-banner {
        min-height: 140px !important;
        padding: 12px 15px !important;
    }

    .custom-side-banner:last-child {
        grid-column: 1 / -1 !important;
        min-height: 200px !important;
    }

    /* Mobile banner images - start from left to show text */
    .side-banner-image img {
        object-position: left !important;
    }

    /* Last banner - show full image with cover */
    .custom-side-banner:last-child .side-banner-image img {
        object-fit: cover !important;
        object-position: center !important;
    }
}


/* ============================================
   PRODUCT GRID - 5 Columns Homepage, 4 Columns Category
   ============================================ */
@media (min-width: 992px) {

    /* Homepage grids - 5 columns */
    .home_prod .product-list.grid>li,
    .home-tab .product-list.grid>li {
        width: 20% !important;
        max-width: 20% !important;
        flex: 0 0 20% !important;
    }

    /* Category pages - 4 columns (force override all) */
    .pagekategoriGoster .product-list.grid li,
    .center_column .product-list.grid li,
    .category_prod .product-list.grid li,
    #center_column .product-list.grid li,
    .view-product-list .product-list.grid li {
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
    }
}

/* ============================================
   CATEGORY PAGE - Narrower Sidebar
   ============================================ */
@media (min-width: 992px) {

    /* Sidebar - narrower (35% smaller than original 25%) - APPLIES TO ALL LISTING PAGES */
    .pagekategoriGoster #left_column,
    .pagekategoriGoster .columns-container #left_column,
    .pagesonEklenenler #left_column,
    .pagesonEklenenler .columns-container #left_column,
    .pagecokSatanlar #left_column,
    .pagecokSatanlar .columns-container #left_column,
    .pageindirimde #left_column,
    .pageindirimde .columns-container #left_column,
    .pagefirsatUrunleri #left_column,
    .pagefirsatUrunleri .columns-container #left_column {
        width: 17% !important;
        max-width: 17% !important;
        flex: 0 0 17% !important;
    }

    /* Main content - wider - APPLIES TO ALL LISTING PAGES */
    .pagekategoriGoster #center_column,
    .pagekategoriGoster .columns-container #center_column,
    .pagesonEklenenler #center_column,
    .pagesonEklenenler .columns-container #center_column,
    .pagecokSatanlar #center_column,
    .pagecokSatanlar .columns-container #center_column,
    .pageindirimde #center_column,
    .pageindirimde .columns-container #center_column,
    .pagefirsatUrunleri #center_column,
    .pagefirsatUrunleri .columns-container #center_column {
        width: 83% !important;
        max-width: 83% !important;
        flex: 0 0 83% !important;
    }

    /* Ensure Product Page center_column is 100% */
    .pageurunDetay #center_column,
    .pageurunDetay .columns-container #center_column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ============================================
   DESKTOP MENU - Full Width Justified
   ============================================ */
#nav-top-menu .navbar-nav {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

#nav-top-menu .navbar-nav>li {
    flex: 1 1 auto !important;
    text-align: center !important;
}

#nav-top-menu .navbar-nav>li>a {
    display: block !important;
    padding: 15px 10px !important;
}

#main-menu .navbar-collapse {
    padding: 0 !important;
}

#main-menu .container-fluid {
    padding: 0 !important;
}

/* ============================================
   PROMO CARDS SECTION - Homepage Category Cards
   ============================================ */
.promo-cards-section {
    padding: 15px 0;
    width: 100%;
    margin: 0 auto;
}

/* Constrained width for bottom sections */
.promo-cards-constrained {
    max-width: 1400px;
}

.promo-cards-constrained .promo-cards-grid,
.promo-cards-constrained .service {
    padding: 0 15px;
}

/* Mobile: Remove constraint for full width */
@media (max-width: 768px) {
    .promo-cards-constrained {
        max-width: 100% !important;
    }

    .promo-cards-constrained .promo-cards-grid,
    .promo-cards-constrained .service {
        padding: 0 10px !important;
    }
}

.promo-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 20px;
    padding: 0;
}

/* Individual Promo Card */
.promo-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 16px;
    min-height: 180px;
    height: 180px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

.promo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

/* Card Content - Left Side */
.promo-card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 60%;
    z-index: 2;
}

.promo-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
    color: inherit;
}

.promo-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    color: inherit;
}

.promo-subtitle {
    font-size: 13px;
    opacity: 0.85;
    color: inherit;
}

.promo-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 18px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
    color: inherit;
    transition: all 0.2s ease;
    width: fit-content;
}

.promo-card:hover .promo-btn {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.9);
}

/* Card Image - Right Side */
.promo-card-image {
    position: absolute;
    right: 5px;
    bottom: 5%;
    width: 55%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
}

.promo-card-image img {
    max-width: 100%;
    max-height: 90%;
    object-fit: contain;
    transition: transform 0.3s ease;
    border-radius: 10px 10px 0 0;
}

.promo-card:hover .promo-card-image img {
    transform: none;
}

/* Color Variations */
.promo-card-blue {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

.promo-card-teal {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: #fff;
}

.promo-card-purple {
    background: linear-gradient(135deg, #c9b1ff 0%, #b8a5ff 100%);
    color: #333;
}

.promo-card-red {
    background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);
    color: #fff;
}

.promo-card-green {
    background: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    color: #fff;
}

.promo-card-orange {
    background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
    color: #333;
}

/* Additional Colors for More Variety */
.promo-card-pink {
    background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%);
    color: #fff;
}

.promo-card-dark {
    background: linear-gradient(135deg, #232526 0%, #414345 100%);
    color: #fff;
}

.promo-card-cyan {
    background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%);
    color: #fff;
}

/* New Color Variations for Second & Third Rows */
.promo-card-yellow {
    background: linear-gradient(135deg, #f5af19 0%, #f12711 100%);
    color: #fff;
}

.promo-card-indigo {
    background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
    color: #fff;
}

.promo-card-gray {
    background: linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%);
    color: #fff;
}

.promo-card-navy {
    background: linear-gradient(135deg, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%);
    color: #fff;
}

.promo-card-coral {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
    color: #fff;
}

.promo-card-lime {
    background: linear-gradient(135deg, #b8e994 0%, #78e08f 100%);
    color: #333;
}

/* Top Banner Gradients */
.promo-card-gradient1 {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
}

.promo-card-gradient2 {
    background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
    color: #fff;
}

.promo-card-gradient3 {
    background: linear-gradient(135deg, #f97316 0%, #ff751f 100%);
    color: #fff;
}

.promo-card-gradient4 {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: #fff;
}

.promo-card-yellow {
    background: #fbbf24;
    color: #000;
}

.promo-card-yellow .promo-btn {
    border-color: rgba(0, 0, 0, 0.3);
}

.promo-card-yellow:hover .promo-btn {
    background: rgba(0, 0, 0, 0.1);
}


/* Responsive - Tablet */
@media (max-width: 992px) {
    .promo-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .promo-card {
        min-height: 140px;
        padding: 20px;
    }

    .promo-title {
        font-size: 18px;
    }
}

/* Responsive - Mobile */
@media (max-width: 576px) {
    .promo-cards-section {
        padding: 15px 0;
    }

    .promo-cards-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 10px;
    }

    .promo-card {
        min-height: 120px;
        padding: 20px 25px;
        /* Increased padding */
        border-radius: 12px;
    }

    .promo-card-content {
        max-width: 60%;
        /* Increased from 55% */
        z-index: 2;
        position: relative;
    }

    .promo-label {
        font-size: 11px;
        /* Slightly larger */
    }

    .promo-title {
        font-size: 17px;
        /* Larger title */
    }

    .promo-subtitle {
        font-size: 12px;
    }

    .promo-btn {
        padding: 6px 14px;
        font-size: 11px;
    }

    .promo-card-image {
        bottom: 10% !important;
    }

    .promo-card-image img {
        max-height: 80% !important;
    }
}

/* ============================================
   HOMEPAGE SLIDER STYLING
   ============================================ */
.page-product-box,
.UrunSliderWrap {
    border-radius: 12px;
    overflow: hidden;
}

h2.page-heading,
.page-heading,
.page-product-box h2,
.UrunSliderWrap h2,
.page-heading-title {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.page-heading::before,
.page-heading::after,
.page-heading-title::before,
.page-heading-title::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* Remove border from product tabs - HOMEPAGE ONLY */
.home-tab,
.home_prod,
.page-product-box:has(.home_prod) .product-tab,
.page-product-box:has(.home_prod) .tab-container {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Reduce side padding of container - ONLY on homepage */
.page-product-box:has(.home_prod) {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Reduce padding between products - keep 4 columns */
.home_prod .product-list>li,
.home-tab .product-list>li {
    padding: 5px !important;
}

.home_prod .product-list,
.home-tab .product-list {
    gap: 0 !important;
    margin: 0 !important;
}

/* ============================================
   SERVICE ICONS - Reverted Design & Mobile Hide
   ============================================ */
.service {
    width: 100%;
    padding: 0;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.service .service-item {
    flex: 0 1 calc(20% - 20px) !important;
    min-width: 200px !important;
    max-width: none !important;
    margin: 0 !important;
    background: var(--budur-bg-white) !important;
    padding: 25px 20px !important;
    border-radius: var(--budur-radius-lg) !important;
    box-shadow: var(--budur-shadow-sm) !important;
}

@media (max-width: 768px) {

    .service,
    .promo-cards-section:has(.service) {
        display: none !important;
    }
}

/* ============================================
   MODERN WHITE FOOTER
   ============================================ */
#footer {
    background: var(--budur-bg-white) !important;
    border-top: 2px solid var(--budur-bg-light) !important;
    padding-top: 50px !important;
    margin-top: 40px !important;
    color: var(--budur-text-medium) !important;
}

#footer .introduce-title {
    color: var(--budur-text-dark) !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

#footer .introduce-list {
    padding-left: 0 !important;
    list-style: none !important;
}

#footer .introduce-list li {
    padding: 4px 0 !important;
}

#footer .introduce-list li a {
    color: var(--budur-text-medium) !important;
    font-size: 14px !important;
    transition: var(--budur-transition) !important;
    display: inline-block !important;
    text-transform: none !important;
}

#footer .introduce-list li a:hover {
    color: var(--budur-primary) !important;
    padding-left: 5px !important;
    text-decoration: none !important;
}

/* Newsletter Subscription Box */
#footer #mail-box {
    border: 1px solid var(--budur-border) !important;
    border-radius: var(--budur-radius-md) !important;
    overflow: hidden !important;
    display: flex !important;
    margin-top: 10px !important;
}

#footer #mail-box input {
    background: var(--budur-bg-light) !important;
    border: none !important;
    padding: 10px 15px !important;
    height: 42px !important;
    font-size: 13px !important;
    color: var(--budur-text-dark) !important;
}

#footer #mail-box .btn {
    background: var(--budur-primary) !important;
    color: white !important;
    border: none !important;
    height: 42px !important;
    padding: 0 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

/* Social Icon Improvements */
#footer .social-link {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

#footer .social-link a i {
    width: 38px !important;
    height: 38px !important;
    background: var(--budur-bg-light) !important;
    color: var(--budur-text-dark) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    transition: var(--budur-transition) !important;
}

#footer .social-link a:hover i {
    background: var(--budur-primary) !important;
    color: white !important;
    transform: translateY(-3px) !important;
}

/* Copyright & Trademark Area */
#footer #trademark-box {
    padding: 30px 0 10px !important;
}

#footer #trademark-list {
    border-color: var(--budur-border) !important;
    background: transparent !important;
}

#footer #footer-menu-box {
    border-top: 1px solid var(--budur-border) !important;
    margin: 0 !important;
    padding: 25px 0 !important;
    background: transparent !important;
}

#footer #footer-menu-box p {
    color: var(--budur-text-light) !important;
    font-size: 12px !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

#footer #footer-menu-box2 {
    display: none !important;
}

/* Ensure mobile menu doesn't break on white footer */
@media (max-width: 768px) {
    #footer {
        text-align: left !important;
        padding-bottom: 80px !important;
        /* Space for mobile nav */
    }

    #footer .introduce-title {
        margin-top: 30px !important;
    }
}

/* Mobile Menu - Compact Info Section */
.mobile-menu-section .mobile-menu-link {
    padding: 8px 15px !important;
    font-size: 13px !important;
}

.mobile-menu-section .mobile-menu-link i {
    font-size: 16px !important;
    margin-right: 8px !important;
}

.mobile-menu-section-title {
    padding: 10px 15px !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
}

/* Desktop Header - Icon Only (No Text, No Rounded Background) */
@media (min-width: 769px) {

    /* Ensure the entire header row is vertically centered */
    #main-header .row {
        display: flex !important;
        align-items: center !important;
    }

    /* Hide text labels on desktop */
    .user-navigation .login-container,
    .user-navigation .nav-span {
        display: none !important;
    }

    /* Ensure proper alignment for icon-only layout */
    .user-navigation {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        margin: 0 !important;
    }

    .user-navigation li {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .user-navigation li a {
        display: flex !important;
        align-items: center !important;
    }

    /* Parent container alignment */
    .user-navigation-container,
    .user-block {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* Remove rounded background from desktop icons */
    .user-navigation .icon-container {
        background: transparent !important;
        border-radius: 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Increase icon size slightly for better visibility without text */
    .user-navigation .icon-container i {
        font-size: 24px !important;
        color: var(--budur-text-dark) !important;
        line-height: 1 !important;
    }

    /* Remove hover background effect */
    .user-navigation .icon-container:hover {
        background: transparent !important;
        transform: scale(1.1) !important;
    }

    /* Keep basket count visible and properly positioned */
    .basket-item-count {
        position: relative !important;
        margin-left: -8px !important;
    }
}


/* ==========================================================================
   GLOBAL CONTAINER WIDTH - Responsive for 1200-1400px, Fixed at 1400px+
   This ensures proper layout on all screen sizes including 1280x800
   ========================================================================== */

/* For screens between 1200px and 1400px (e.g., 1280x800) - Use responsive width */
@media (min-width: 1200px) and (max-width: 1399px) {

    .container,
    .container-fluid,
    #columns,
    #columns.container,
    .columns-container .container,
    #main-header,
    #nav-top-menu .container,
    .top-header .container,
    .headerTop-discount .container,
    #main-footer .container,
    .footer .container,
    .page-product .container,
    .pageurunDetay .container,
    .pagekategoriGoster .container,
    body.home .container,
    body.pageurunDetay .container,
    body.pagekategoriGoster .container,
    #center_column.col-lg-12,
    .primary-box {
        width: 100% !important;
        max-width: 1200px !important;
        min-width: auto !important;
        margin-right: auto !important;
        margin-left: auto !important;
        float: none !important;
        display: block !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Standard row behavior */
    .container>.row,
    #columns>.row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

/* For screens 1400px and above - Use fixed 1400px width */
@media (min-width: 1400px) {

    .container,
    .container-fluid,
    #columns,
    #columns.container,
    .columns-container .container,
    #main-header,
    #nav-top-menu .container,
    .top-header .container,
    .headerTop-discount .container,
    #main-footer .container,
    .footer .container,
    .page-product .container,
    .pageurunDetay .container,
    .pagekategoriGoster .container,
    body.home .container,
    body.pageurunDetay .container,
    body.pagekategoriGoster .container,
    #center_column.col-lg-12,
    .primary-box {
        width: 1400px !important;
        max-width: 1400px !important;
        min-width: 1400px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        float: none !important;
        display: block !important;
    }

    /* Standard row behavior within our 1400px container */
    .container>.row,
    #columns>.row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

/* ============================================
   PRODUCT PAGE - Desktop Image Height Limit
   ============================================ */
@media (min-width: 992px) {

    /* Main product image container */
    #product .pb-left-column .product-image {
        display: flex !important;
        align-items: flex-start !important;
    }

    /* Thumbnail column - vertically centered */
    #product .pb-left-column .product-image .product-img-thumb {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-height: 500px !important;
    }

    /* Limit main product image height on desktop */
    #product .pb-left-column .product-image .product-full {
        max-height: 600px !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #product .pb-left-column .product-image .product-full img:not(.tukendimBadge img) {
        max-height: 580px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }

    #product .pb-left-column .product-image .product-full>a.lightbox {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 400px !important;
    }
}

/* ============================================
   MOBILE - Footer Social Icons Centered
   ============================================ */
@media (max-width: 768px) {

    #footer .social-link,
    .footer .social-link,
    footer .social-link {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    #footer .social-link a,
    .footer .social-link a,
    footer .social-link a {
        float: none !important;
    }
}

/* ============================================
   BLOG & HABERLER - Modern Card Design
   ============================================ */
.blog-list {
    background: var(--budur-bg-light) !important;
    padding: 30px 20px !important;
    border-radius: var(--budur-radius-lg) !important;
    margin-top: 30px !important;
}

.blog-list .page-heading {
    margin-bottom: 25px !important;
}

.blog-list .page-heading span {
    font-family: var(--budur-font-heading) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--budur-text-dark) !important;
    position: relative !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}

.blog-list .page-heading span::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--budur-primary), var(--budur-primary-light)) !important;
    border-radius: 3px !important;
}

.blog-list .blog-list-wapper ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.blog-list .blog-list-wapper ul li {
    flex: 1 1 calc(33.333% - 14px) !important;
    min-width: 280px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: var(--budur-radius-lg) !important;
    background: var(--budur-bg-white) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.blog-list .blog-list-wapper ul li:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Blog Image */
.blog-list .blog-list-wapper ul li .post-thumb {
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--budur-radius-lg) var(--budur-radius-lg) 0 0 !important;
}

.blog-list .blog-list-wapper ul li .post-thumb img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.blog-list .blog-list-wapper ul li:hover .post-thumb img {
    transform: scale(1.08) !important;
}

/* Gradient Overlay */
.blog-list .blog-list-wapper ul li .post-thumb::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent) !important;
    pointer-events: none !important;
}

/* Blog Content */
.blog-list .blog-list-wapper ul li .post-desc {
    padding: 20px !important;
}

.blog-list .blog-list-wapper ul li .post-desc .post-title {
    margin-bottom: 10px !important;
    position: relative !important;
}

.blog-list .blog-list-wapper ul li .post-desc .post-title a {
    font-family: var(--budur-font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--budur-text-dark) !important;
    line-height: 1.4 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease !important;
}

.blog-list .blog-list-wapper ul li .post-desc .post-title a:hover {
    color: var(--budur-primary) !important;
}

.blog-list .blog-list-wapper ul li .post-desc .post-meta {
    font-size: 13px !important;
    color: var(--budur-text-light) !important;
    line-height: 1.6 !important;
    height: auto !important;
    max-height: 60px !important;
    margin-top: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Read More Button */
.blog-list .blog-list-wapper ul li .readmore {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid var(--budur-border) !important;
}

.blog-list .blog-list-wapper ul li .readmore a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: var(--budur-radius-md) !important;
    transition: all 0.2s ease !important;
}

.blog-list .blog-list-wapper ul li .readmore a:hover {
    background: linear-gradient(135deg, var(--budur-primary-dark) 0%, #000 100%) !important;
    transform: translateX(3px) !important;
}

.blog-list .blog-list-wapper ul li .readmore a::after {
    content: '\f178' !important;
    font-family: 'FontAwesome' !important;
    transition: transform 0.2s ease !important;
}

.blog-list .blog-list-wapper ul li .readmore a:hover::after {
    transform: translateX(3px) !important;
}

/* Owl Carousel Controls */
.blog-list .blog-list-wapper .owl-controls .owl-prev,
.blog-list .blog-list-wapper .owl-controls .owl-next {
    background: var(--budur-primary) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease !important;
}

.blog-list .blog-list-wapper .owl-controls .owl-prev:hover,
.blog-list .blog-list-wapper .owl-controls .owl-next:hover {
    background: var(--budur-text-dark) !important;
    transform: scale(1.1) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .blog-list {
        padding: 20px 15px !important;
    }

    .blog-list .blog-list-wapper ul li {
        flex: 1 1 100% !important;
    }

    .blog-list .blog-list-wapper ul li .post-thumb img {
        height: 160px !important;
    }

    .blog-list .blog-list-wapper ul li .post-desc {
        padding: 15px !important;
    }

    .blog-list .blog-list-wapper ul li .post-desc .post-title a {
        font-size: 15px !important;
    }
}

/* ============================================
   POPULAR SEARCHES - Tag Cloud
   ============================================ */
.popular-searches-wrapper {
    background: var(--budur-bg-white);
    padding: 25px;
    border-radius: var(--budur-radius-lg);
    margin: 30px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.popular-searches-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--budur-border);
}

.popular-searches-title {
    font-family: var(--budur-font-heading);
    font-size: 20px;
    font-weight: 700;
    color: var(--budur-text-dark);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.popular-searches-title i {
    font-size: 24px;
    color: var(--budur-primary);
}

.popular-searches-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.popular-search-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    color: var(--budur-text-dark);
    font-size: 13px;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.popular-search-tag:hover {
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: var(--budur-primary);
}

.popular-searches-hidden {
    display: none;
    width: 100%;
}

.popular-searches-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    color: var(--budur-text-dark);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #d1d5db;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 5px;
}

.popular-searches-toggle:hover {
    background: linear-gradient(135deg, var(--budur-primary) 0%, var(--budur-primary-dark) 100%);
    color: #fff;
    border-color: var(--budur-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.popular-searches-toggle .toggle-icon {
    font-size: 18px;
    transition: transform 0.2s ease;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .popular-searches-wrapper {
        padding: 20px 15px;
        margin: 20px 0;
    }

    .popular-searches-title {
        font-size: 18px;
    }

    .popular-search-tag {
        padding: 6px 12px;
        font-size: 12px;
    }

    .popular-searches-toggle {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }
}

/* Style for 'Add All to Cart' button (Bundle) */
.suggest .submit {
    margin: 14px 0 0 !important;
    font-size: 17px !important;
    border-radius: 50px !important;
    font-weight: normal !important;
    padding: 8px 35px !important;
    background: #ff751f !important;
    color: #fff !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.suggest .submit:hover {
    background: #e65c00 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(230, 92, 0, 0.3);
}

/* Style for 'Stock Alarm' button */
.userTools #stogaGirinceHaberVer a {
    background-color: #6c757d !important;
    border-radius: 50px !important;
    color: #fff !important;
    padding: 8px 25px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.userTools #stogaGirinceHaberVer a:hover {
    background-color: #5a6268 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(108, 117, 125, 0.3);
}

/* Style for generic 'Sepete Ekle' input buttons (e.g. in modals/tables) */
input.sf-neutral-button,
.sf-neutral-button {
    background: #ff751f !important;
    border: none !important;
    border-radius: 50px !important;
    color: #fff !important;
    padding: 10px 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-family: var(--budur-font-heading) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    /* Remove legacy border-bottom look */
}

input.sf-neutral-button:hover,
.sf-neutral-button:hover {
    background: #e65c00 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(230, 92, 0, 0.25) !important;
}

/* Mobile adjustment for 'Add All to Cart' button - prevent full width */
@media (max-width: 768px) {
    .suggest .submit {
        width: auto !important;
        min-width: 150px !important;
        display: table !important;
        /* Centers within the float/block context better if needed, or just block with auto width */
        position: relative !important;
        right: auto !important;
        float: none !important;
        margin: 15px auto !important;
        /* Center the button */
    }
}

/* Desktop Showcase Slider Navigation - Orange Style */
@media (min-width: 992px) {
    .vitrinSlider .owl-nav {
        display: block !important;
    }

    .vitrinSlider .owl-prev,
    .vitrinSlider .owl-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 45px !important;
        height: 45px !important;
        background: #ff751f !important;
        /* Orange Background */
        color: #fff !important;
        /* White Icon */
        border: 1px solid #fff !important;
        /* 1px White Border */
        border-radius: 50% !important;
        font-size: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 0;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }

    /* Show on hover */
    .vitrinSlider:hover .owl-prev,
    .vitrinSlider:hover .owl-next {
        opacity: 1 !important;
    }

    .vitrinSlider .owl-prev {
        left: 20px !important;
    }

    .vitrinSlider .owl-next {
        right: 20px !important;
    }

    .vitrinSlider .owl-prev:hover,
    .vitrinSlider .owl-next:hover {
        background: #e65c00 !important;
        /* Darker Orange on Hover */
        transform: translateY(-50%) scale(1.1) !important;
    }
}
/* Change hover color to orange for specific menu items */
#main-menu .navbar .navbar-nav > li > a[href="/ac/sonEklenenler"]:hover,
#main-menu .navbar .navbar-nav > li > a[href="/ac/indirimde"]:hover,
#main-menu .navbar .navbar-nav > li > a[href="/ac/cokSatanlar"]:hover,
#main-menu .navbar .navbar-nav > li.active > a[href="/ac/sonEklenenler"],
#main-menu .navbar .navbar-nav > li.active > a[href="/ac/indirimde"],
#main-menu .navbar .navbar-nav > li.active > a[href="/ac/cokSatanlar"] {
    background-color: #ff751f !important;
    color: #fff !important;
}

/* Ensure the parent li hover effect doesn't override it improperly if needed */
#main-menu .navbar .navbar-nav > li:hover > a[href="/ac/sonEklenenler"],
#main-menu .navbar .navbar-nav > li:hover > a[href="/ac/indirimde"],
#main-menu .navbar .navbar-nav > li:hover > a[href="/ac/cokSatanlar"] {
    background-color: #ff751f !important;
    color: #fff !important;
}