/* Duyuru çubuğu - renkler :root'tan (HEADER.php) gelir */
.announcement-bar { overflow: hidden; position: relative; width: 100%; background-color: var(--marque-bg, #333); color: var(--marque-text, #fff); }
.announcement-container { overflow: hidden; white-space: nowrap; position: relative; }
.recent-products-scroll-container,
.selected-products-scroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.announcement-content { display: inline-flex; align-items: center; animation: scroll-announcement var(--animation-duration, 25s) linear infinite; white-space: nowrap; will-change: transform; }
.announcement-item { display: inline-block; padding: 0 20px; font-size: 14px; font-weight: 500; }
.announcement-separator { display: inline-block; padding: 0 10px; opacity: .7; }
@keyframes scroll-announcement { 0% { transform: translateX(0); } 100% { transform: translateX(-33.333%); } }

.home-grid-section {  margin: 0 auto; }
        .home-grid-row { display: grid; gap: 0.75rem; margin-bottom: 0.75rem; }
        .home-grid-row:last-child { margin-bottom: 0; }
        .home-grid-section.no-gap .home-grid-row { gap: 0; margin-bottom: 0; }
        .home-grid-section.no-gap .home-grid-cell { border-radius: 0; }
        .home-grid-section.no-gap .home-grid-row:first-child .home-grid-cell:first-child { border-radius: 8px 0 0 0; }
        .home-grid-section.no-gap .home-grid-row:first-child .home-grid-cell:last-child { border-radius: 0 8px 0 0; }
        .home-grid-section.no-gap .home-grid-row:last-child .home-grid-cell:first-child { border-radius: 0 0 0 8px; }
        .home-grid-section.no-gap .home-grid-row:last-child .home-grid-cell:last-child { border-radius: 0 0 8px 0; }
        .home-grid-section.no-gap .home-grid-row:first-child:last-child .home-grid-cell:first-child { border-radius: 8px 0 0 8px; }
        .home-grid-section.no-gap .home-grid-row:first-child:last-child .home-grid-cell:last-child { border-radius: 0 8px 8px 0; }
        .home-grid-row.cols-1 { grid-template-columns: 1fr; }
        .home-grid-row.cols-2 { grid-template-columns: repeat(2, 1fr); }
        .home-grid-row.cols-3 { grid-template-columns: repeat(3, 1fr); }
        .home-grid-row.cols-4 { grid-template-columns: repeat(4, 1fr); }
        .home-grid-row.cols-5 { grid-template-columns: repeat(5, 1fr); }
        .home-grid-row.cols-6 { grid-template-columns: repeat(6, 1fr); }
        .home-grid-cell { position: relative; overflow: hidden; background: #f0f0f0; border-radius: 8px; }
        .home-grid-cell a, .home-grid-cell .cell-inner { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
        .home-grid-cell img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
        .home-grid-cell:hover img { transform: scale(1.08); }
        .home-grid-cell.cell-kare { aspect-ratio: 1 / 1; }
        .home-grid-cell.cell-yatay { aspect-ratio: 16 / 9; }
        .home-grid-cell.cell-dikey { aspect-ratio: 3 / 4; }
        .home-grid-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, .25) 75%, transparent 100%);
            padding: 1rem 1rem .75rem;
            border-radius: 0 0 8px 8px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            text-align: center;
            color: #fff;
            font-size: 1.1rem;
            font-weight: 600;
        }
        @media (max-width: 768px) {
            .home-grid-row.cols-4, .home-grid-row.cols-5, .home-grid-row.cols-6 { grid-template-columns: repeat(2, 1fr); }
            .home-grid-row.cols-3 { grid-template-columns: repeat(2, 1fr); }
        }

/* Anasayfa blok başlığı: h2 yok, sağında full width çizgi */
.home-section-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.home-section-title-wrap::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background-color: black;
    margin-left: 10px;
}
.home-section-title-wrap .home-section-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* ========== Site header & menü (HEADER.php :root değişkenleri kullanır) ========== */
.site-header {
    position: relative;
    z-index: 100;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.header-top-desktop {
    display: none;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.75rem 1.25rem;
    gap: 1.5rem;
}
@media (min-width: 992px) {
    .header-top-desktop { display: flex; }
    .header-top.d-lg-none { display: none !important; }
}
.header-top-desktop .header-logo-wrap { flex-shrink: 0; }
.header-top-desktop .navbar-brand { display: block; text-decoration: none; color: inherit; }
.header-top-desktop .header-logo-img {
    max-height: var(--header-logo-size, 48px);
    width: auto;
    display: block;
}
.header-top-desktop .header-logo-text {
    font-weight: 700;
    font-size: 1.35rem;
    color: #1a1a1a;
}
.header-top-desktop .header-search {
    min-width: 0;
    margin: 0 auto;
    position: relative;
    z-index: 350;
}
.header-top-desktop .search-form {
    position: relative;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: visible;
    background: #fff;
}
.header-top-desktop .search-input {
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 0.95rem;
    height: 48px;
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}
.header-top-desktop .search-input:focus { outline: none; box-shadow: none; }
.header-top-desktop .search-form .search-input { border-radius: 8px 0 0 8px; }
.header-top-desktop .btn-search {
    height: 48px;
    padding: 0 1.25rem;
    border: none;
    background: var(--search-btn-color, #f5f5f5);
    color: #333;
    border-left: 1px solid #e0e0e0;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    transition: background .2s;
}
.header-top-desktop .btn-search:hover { background: var(--search-btn-color-hover, #eee); }
.header-top-desktop .search-results-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 400;
    max-height: 320px;
    overflow-y: auto;
}
.header-top-desktop .search-loading,
.header-top-desktop .search-no-results { padding: 1rem; color: #6b7280; font-size: 0.9rem; }
.header-top-desktop .search-results-list {
    padding: 0.25rem 0;
    display: block;
}
.header-top-desktop .search-result-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: inherit;
    border: none;
    border-radius: 6px;
    transition: background .15s;
}
.header-top-desktop .search-result-item:hover { background: #f5f5f5; }
.header-top-desktop .search-result-img {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    background: #f0f0f0;
}
.header-top-desktop .search-result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-top-desktop .search-result-title {
    flex: 1;
    min-width: 0;
    font-size: 0.875rem;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-top-desktop .search-result-price {
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a1a;
}
.header-top-desktop .header-actions { flex-shrink: 0; gap: 1.25rem; align-items: center; }
.header-top-desktop .header-action-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0;
    color: #374151;
    text-decoration: none;
    font-size: 0.9375rem;
    transition: color .2s, opacity .2s;
}
.header-top-desktop .header-action-item.header-action-green { color: #059669; font-weight: 500; }
.header-top-desktop .header-action-item.header-action-green:hover { color: #047857; opacity: 0.9; }
.header-top-desktop .header-action-item.header-action-green i { font-size: 1.1rem; }
.header-top-desktop .header-action-text { white-space: nowrap; }
.header-top-desktop .header-action-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 2px solid #059669;
    border-radius: 50%;
    color: #059669;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}
.header-top-desktop .header-action-cart:hover {
    background: #059669;
    color: #fff;
    border-color: #059669;
}
.header-top-desktop .header-action-cart i { font-size: 1.15rem; }

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    gap: 1rem;
}
.header-top.d-lg-none {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-top.d-lg-none .menu-toggle { width: 44px; min-width: 44px; flex-shrink: 0; order: 1; }
.header-top.d-lg-none .header-logo-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    order: 2;
}
.header-top.d-lg-none .header-mob-cart {
    width: 44px;
    min-width: 44px;
    height: 44px;
    flex-shrink: 0;
    order: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    text-decoration: none;
    font-size: 1.25rem;
    border-radius: 8px;
    transition: background .2s, color .2s, border-color .2s;
}
.header-top.d-lg-none .header-mob-cart.header-mob-cart-circle {
    border: 2px solid #059669;
    border-radius: 50%;
    color: #059669;
}
.header-top.d-lg-none .header-mob-cart.header-mob-cart-circle:hover {
    background: #059669;
    color: #fff;
    border-color: #059669;
}
.header-top.d-lg-none .header-mob-cart:not(.header-mob-cart-circle):hover {
    background: #f3f4f6;
    color: #1f2937;
}
.header-top .header-logo {
    font-weight: 700;
    font-size: 1.25rem;
    color: #1a1a1a;
    text-decoration: none;
}
.header-top .header-logo:hover { color: #333; }
.header-logo-mobile img,
.header-logo-img-mob {
    max-width: 100%;
    max-height: 75px;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

.header-mob-search { max-width: 1200px; margin: 0 auto; padding: 0 1rem 0.75rem; position: relative; z-index: 350; }
.header-search-mobile .search-form-mob { display: flex; flex-wrap: wrap; overflow: visible; background: #fff; position: relative; }
.header-search-mobile .search-results-dropdown-mob {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 400;
    max-height: 280px;
    overflow-y: auto;
}
.header-search-mobile .search-results-dropdown-mob .search-loading,
.header-search-mobile .search-results-dropdown-mob .search-no-results { padding: 1rem; color: #6b7280; font-size: 0.9rem; }
.header-search-mobile .search-results-dropdown-mob .search-results-list { padding: 0.25rem 0; display: block; }
.header-search-mobile .search-results-dropdown-mob .search-result-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: inherit;
    border: none;
    border-radius: 6px;
    transition: background .15s;
}
.header-search-mobile .search-results-dropdown-mob .search-result-item:hover { background: #f5f5f5; }
.header-search-mobile .search-results-dropdown-mob .search-result-img {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    background: #f0f0f0;
}
.header-search-mobile .search-results-dropdown-mob .search-result-img img { width: 100%; height: 100%; object-fit: cover; }
.header-search-mobile .search-results-dropdown-mob .search-result-title {
    flex: 1;
    min-width: 0;
    font-size: 0.875rem;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-search-mobile .search-results-dropdown-mob .search-result-price {
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a1a;
}
.header-search-mobile .search-input {
    flex: 1;
    min-width: 0;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 8px 0 0 8px;
    padding: 0.75rem 1.25rem;
    font-size: 0.95rem;
    height: 48px;
    box-sizing: border-box;
}
.header-search-mobile .search-input:focus { outline: none; box-shadow: none; border-color: #e0e0e0; }
.header-search-mobile .btn-search {
    height: 48px;
    padding: 0 1.25rem;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0 8px 8px 0;
    background: var(--search-btn-color, #f5f5f5);
    color: #333;
    cursor: pointer;
}
.header-search-mobile .btn-search:hover { background: var(--search-btn-color-hover, #eee); }

.menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    transition: background .2s;
    order: 1;
}
.menu-toggle:hover { background: #f0f0f0; }
.menu-toggle-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: #333;
    border-radius: 1px;
    transition: transform .2s, opacity .2s;
}
body.menu-open .menu-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.menu-open .menu-toggle-bar:nth-child(2) { opacity: 0; }
body.menu-open .menu-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (min-width: 992px) {
    .menu-toggle { display: none; }
    .header-logo { order: 0; }
}

.nav-bar {
    display: none;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    background: linear-gradient(180deg, var(--menu-bar-bg, #6A3F8A) 0%, var(--menu-bar-bg-end, #5a3580) 100%);
}
@media (min-width: 992px) {
    .nav-bar { display: block; }
    .nav-desktop { max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; }
    .menu-desktop {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0.6rem 0;
        gap: 0;
        flex-wrap: wrap;
    }
    .menu-desktop .menu-item { position: relative; }
    .menu-desktop .menu-link {
        display: flex;
        align-items: center;
        padding: 0.55rem 1rem;
        text-decoration: none;
        font-size: 0.9375rem;
        font-weight: 500;
        letter-spacing: 0.01em;
        border-radius: 6px;
        transition: background .2s, color .2s;
        color: var(--menu-bar-text, #fff);
    }
    .menu-desktop .menu-link:hover { background: rgba(255,255,255,.15); color: var(--menu-bar-text, #fff); }
    .menu-desktop .menu-link .fa-chevron-down { font-size: 0.7em; opacity: .9; margin-top: 4px; margin-left: 0.25rem; }
    .menu-sep {
        list-style: none;
        margin: 0;
        padding: 0 0.25rem;
        font-size: 0.8rem;
        font-weight: 300;
        pointer-events: none;
        color: var(--menu-sep, #fff);
        opacity: 0.7;
    }
    .dropdown-panel {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        padding: 0.5rem 0;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 12px 32px rgba(0,0,0,.1);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-6px);
        transition: opacity .2s, visibility .2s, transform .2s;
        z-index: 200;
    }
    .menu-desktop .has-dropdown:hover .dropdown-panel,
    .menu-desktop .has-dropdown:focus-within .dropdown-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .dropdown-inner { padding: 0.75rem 1rem; }
    .dropdown-inner-row { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 2rem; }
    .dropdown-section { list-style: none; margin: 0; padding: 0; min-width: 180px; }
    .dropdown-section li { margin: 0 0 0 1rem; padding: 0; list-style: disc; list-style-position: outside; }
    .dropdown-section li::marker { color: #9ca3af; }
    .dropdown-section a {
        display: block;
        padding: 0.5rem 0.75rem 0.5rem 0.5rem;
        color: #374151;
        text-decoration: none;
        font-size: 0.9rem;
        line-height: 1.45;
        border-radius: 8px;
        border-left: 3px solid transparent;
        transition: background .2s ease, color .2s ease, border-left-color .2s ease, padding-left .2s ease;
    }
    .dropdown-section a:hover {
        background: linear-gradient(90deg, var(--menu-bar-bg-rgba, rgba(106,63,138,0.08)) 0%, rgba(243, 244, 246, 1) 100%);
        color: #1f2937;
        border-left-color: var(--menu-bar-bg, #6A3F8A);
        padding-left: 0.65rem;
    }
    .dropdown-panel-mega {
        left: 0;
        transform: translateY(-6px);
        padding: 1.5rem 2rem;
        border-radius: 12px;
    }
    .dropdown-panel-mega.dropdown-mega-cols-1 { min-width: 260px; max-width: 320px; }
    .dropdown-panel-mega.dropdown-mega-cols-2 { min-width: 480px; max-width: 580px; }
    .dropdown-panel-mega.dropdown-mega-cols-3 { min-width: 720px; max-width: 1000px; }
    .menu-desktop .dropdown-mega:hover .dropdown-panel-mega,
    .menu-desktop .dropdown-mega:focus-within .dropdown-panel-mega { transform: translateY(0); }
    .dropdown-mega-inner { display: grid; gap: 2rem 2.5rem; padding: 0; }
    .dropdown-mega-cols-1 .dropdown-mega-inner { grid-template-columns: 1fr; }
    .dropdown-mega-cols-2 .dropdown-mega-inner { grid-template-columns: repeat(2, 1fr); }
    .dropdown-mega-cols-3 .dropdown-mega-inner { grid-template-columns: repeat(3, 1fr); }
    .dropdown-mega-column { list-style: none; margin: 0; padding: 0; }
    .dropdown-mega-column li {
        margin: 0 0 0 1.1rem;
        padding: 0.35rem 0 0.35rem 0;
        list-style: disc;
        list-style-position: outside;
    }
    .dropdown-mega-column li::marker { color: #9ca3af; }
    .dropdown-mega-column a {
        display: block;
        padding: 0.5rem 0.75rem 0.5rem 0.65rem;
        margin-left: -0.75rem;
        color: #4b5563;
        text-decoration: none;
        font-size: 0.9rem;
        line-height: 1.5;
        border-radius: 8px;
        border-left: 3px solid transparent;
        transition: background .2s ease, color .2s ease, border-left-color .2s ease, padding-left .2s ease;
    }
    .dropdown-mega-column a:hover {
        background: linear-gradient(90deg, var(--menu-bar-bg-rgba, rgba(106,63,138,0.08)) 0%, rgba(243, 244, 246, 1) 100%);
        color: #1f2937;
        border-left-color: var(--menu-bar-bg, #6A3F8A);
        padding-left: 0.85rem;
    }
}

.nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 400;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility .25s;
}
body.menu-open .nav-overlay { opacity: 1; visibility: visible; }
.nav-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: min(320px, 90vw);
    max-width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: none;
    z-index: 500;
    transform: translateX(-100%);
    transition: transform .3s ease, box-shadow .3s ease;
    overflow-y: auto;
}
body.menu-open .nav-mobile {
    transform: translateX(0);
    box-shadow: 4px 0 20px rgba(0,0,0,.15);
}
.nav-mobile-inner { padding: 1.25rem 1rem; }
.nav-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    gap: 0;
}
.nav-mob-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.6rem;
    color: #6b7280;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    transition: color .2s;
}
.nav-mob-action-btn:hover { color: #059669; }
.nav-mob-action-btn i { font-size: 0.85rem; opacity: 0.9; }
.nav-mob-action-sep {
    width: 1px;
    height: 0.75rem;
    background: #d1d5db;
    flex-shrink: 0;
    margin: 0 0.15rem;
}
.menu-mobile { list-style: none; margin: 0; padding: 0; }
.menu-mobile .menu-item { border-bottom: 1px solid #eee; }
.menu-mobile .menu-link {
    display: block;
    width: 100%;
    padding: 0.85rem 0.5rem;
    color: #333;
    text-decoration: none;
    font-size: 1rem;
    text-align: left;
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
}
.menu-mobile .menu-link:hover { background: #f5f5f5; }
.menu-mobile .submenu-trigger { display: flex; align-items: center; justify-content: space-between; }
.menu-mobile .submenu-trigger .submenu-chevron { margin-left: auto; font-size: 0.75rem; transition: transform .2s; }
.menu-mobile .menu-item.is-open .submenu-trigger .submenu-chevron { transform: rotate(180deg); }
.menu-mobile .submenu {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
}
.menu-mobile .menu-item.is-open .submenu { max-height: 1200px; }
.menu-mobile .submenu li { margin: 0; border-bottom: none; }
.menu-mobile .submenu a {
    display: block;
    padding: 0.6rem 0.5rem;
    color: #555;
    text-decoration: none;
    font-size: 0.95rem;
}
.menu-mobile .submenu a:hover { background: #f0f0f0; }


/* ========== Stories carousel (home) ========== */
.stories-carousel .owl-item { box-sizing: border-box; }
.stories-carousel .story-item {
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
}
.stories-carousel .story-item a,
.stories-carousel .story-item > div {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.stories-carousel .story-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 .75rem 0;
    padding: 2px;
    background: #28a745;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.stories-carousel .story-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
}
.stories-carousel .story-image i { color: #999; font-size: 24px; }
.stories-carousel .story-item:hover .story-image { transform: scale(1.1); }
.stories-carousel .story-title {
    font-size: 12px;
    color: #333;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100px;
    max-width: 100%;
}
@media (max-width: 480px) {
    .stories-carousel .story-item { padding: 6px 4px; }
    .stories-carousel .story-image { width: 85px; height: 85px; }
    .stories-carousel .story-title { width: 100%; max-width: 64px; font-size: 10px; }
}
.stories-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.stories-carousel .owl-nav button {
    pointer-events: all;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.stories-carousel .owl-nav button:hover {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.stories-carousel .owl-nav button.owl-prev { left: -20px; }
.stories-carousel .owl-nav button.owl-next { right: -20px; }
.stories-carousel .owl-dots { text-align: center; margin-top: 15px; }
.stories-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd !important;
    margin: 0 5px;
    transition: all 0.3s ease;
}
.stories-carousel .owl-dots button.active {
    background: #007bff !important;
    width: 25px;
    border-radius: 5px;
}

/* ========== Product Cards (ROOT değişkenleri HEADER.php :root'tan) ========== */
.products-section { padding: 2rem 0; }
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}
.product-card {
    background: #fff;
    border-radius: var(--product-card-border-radius, 12px);
    overflow: hidden;
    box-shadow: var(--product-card-shadow, 0 2px 8px rgba(0, 0, 0, 0.1));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--product-card-shadow-hover, 0 4px 16px rgba(0, 0, 0, 0.15));
}
.product-card a { text-decoration: none; color: inherit; display: block; }
.product-delivery-badge {
    background: var(--product-delivery-badge-bg, #f5e6d3);
    color: var(--product-delivery-badge-text, #333333);
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    display: var(--product-delivery-badge-display, block);
}
/* Kartlarda görsel alanı sabit (tüm kartlar aynı yükseklik), fotoğraf tam görünür */
.product-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: var(--product-image-aspect-ratio, 1 / 1);
    border-radius: 10px;
}
.product-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product-discount-badge {
    background: var(--product-discount-badge-bg, #ff6b6b);
    color: var(--product-discount-badge-text, #ffffff);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    z-index: 2;
}
.product-discount-badge.inside-image { position: absolute; }
.product-discount-badge.inside-image.top-left { top: 10px; left: 10px; }
.product-discount-badge.inside-image.top-right { top: 10px; right: 10px; }
.product-discount-badge.inside-image.bottom-left { bottom: 10px; left: 10px; }
.product-discount-badge.inside-image.bottom-right { bottom: 10px; right: 10px; }
.product-discount-badge.outside-image {
    position: relative;
    display: inline-block;
    margin: 8px 0;
}
.product-discount-badge.next-to-price {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.product-pricing {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}
.product-pricing-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-pricing.with-discount-badge {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-top: 1px solid rgba(233, 236, 239, .6);
}
.product-info { padding: 1rem; }
.product-title {
    font-size: var(--product-title-font-size, 14px);
    font-weight: var(--product-title-font-weight, 600);
    color: #333;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    min-height: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: var(--product-title-align, center);
}
.product-price-old {
    font-size: var(--product-old-price-font-size, 13px);
    color: #999;
    text-decoration: line-through;
    display: var(--product-show-msrp, inline);
}
.product-price-new {
    font-size: var(--product-new-price-font-size, 18px);
    font-weight: 700;
    color: #333;
}
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }
    .product-title { font-size: 13px;}
    .product-price-new { font-size: 16px; }
}



.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}