/* ==========================================================================
   AFYON LEZZET HANEM — ÜST BÖLÜM (HEADER) RENK VE DÜZEN UYUMU
   Ana sayfadaki koyu hero paletiyle uyumlu hale getirir.
   basic.css'e dokunulmaz; bu dosya yalnızca üzerine yazar.
   ========================================================================== */

:root {
    --hd-espresso: #17120F;
    --hd-espresso-2: #241A15;
    --hd-brand: #F26A2A;
    --hd-brand-2: #E1571C;
    --hd-brand-3: #F87A38;
    --hd-gold: #E2B159;
    --hd-line: #EDE4DA;
    --hd-cream: #FAF6F1;
    --hd-cream-2: #FFFCF8;
}

/* ==========================================================================
   1) DUYURU ŞERİDİ  (eski 1 MB'lık GIF'in yerine)
   ========================================================================== */
.hdr-promo {
    position: relative;
    background: linear-gradient(100deg, #17120F 0%, #2A1D16 52%, #17120F 100%);
    color: #fff;
    overflow: hidden;
}
.hdr-promo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(560px 130px at 82% 50%, rgba(242,106,42,.30) 0%, rgba(242,106,42,0) 70%);
    pointer-events: none;
}
.hdr-promo__in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 46px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.hdr-promo__list {
    display: flex;
    align-items: center;
    gap: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}
.hdr-promo__list li {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(255,255,255,.80);
    white-space: nowrap;
}
.hdr-promo__list li b { font-weight: 700; color: #fff; }
.hdr-promo__list li i {
    font-size: 13px;
    color: var(--hd-gold);
}
.hdr-promo__list li + li { position: relative; }
.hdr-promo__list li + li::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background: rgba(255,255,255,.18);
}
.hdr-promo__cta {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--hd-brand-3) 0%, var(--hd-brand-2) 100%);
    color: #fff !important;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(242,106,42,.34);
    transition: transform .25s ease, box-shadow .25s ease;
}
.hdr-promo__cta i { font-size: 11px; transition: transform .25s ease; }
.hdr-promo__cta:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(242,106,42,.46); }
.hdr-promo__cta:hover i { transform: translateX(3px); }

/* ==========================================================================
   2) ÜST BAĞLANTI ŞERİDİ
   ========================================================================== */
header .top-bar {
    background: var(--hd-espresso-2) !important;
    height: 40px;
    border-top: 1px solid rgba(255,255,255,.06);
}
header .info-link li a {
    line-height: 40px;
    font-size: 12px;
    color: rgba(255,255,255,.72);
    transition: color .2s ease;
}
header .info-link li a:hover { color: #fff; text-decoration: none; }
header .info-link li:after { top: 14px; background: rgba(255,255,255,.16); }

/* ==========================================================================
   0) GENEL ZEMİN — soğuk gri yerine sıcak krem
   ========================================================================== */
body, body.bg-gray { background-color: var(--hd-cream); }

/* ==========================================================================
   3) LOGO / ARAMA / HESAP ŞERİDİ
   ========================================================================== */
header .center-bar {
    background: linear-gradient(180deg, #FFFDFA 0%, #FBF7F1 100%);
    border-bottom: 1px solid var(--hd-line);
    padding-top: 16px;
    padding-bottom: 10px;
}

/* Logo + marka alt yazısı */
header .center-bar .navbar-brand { line-height: 1; }
.hdr-tagline {
    display: block;
    margin-top: 2px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #A98F76;
    white-space: nowrap;
}

header .center-bar .search .form-control {
    border: 1px solid var(--hd-line);
    background: #fff;
    border-radius: 50px;
    height: 52px;
    font-size: 14px;
    box-shadow: 0 1px 2px rgba(20,16,14,.03);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
header .center-bar .search .form-control::placeholder { color: #A9A093; }
header .center-bar .search .form-control:focus {
    background: #fff;
    border-color: rgba(242,106,42,.55);
    box-shadow: 0 0 0 4px rgba(242,106,42,.12);
}
header .center-bar .search .arama2 { color: #8A94A6; }

/* Logo dar ekranda arama kutusunun altina girmesin */
header .center-bar .navbar-brand { display: inline-block; max-width: 100%; }
header .center-bar .navbar-brand > img { max-width: 100%; height: auto; max-height: 60px; }
@media (max-width: 1199px) {
    header .center-bar .navbar-brand > img { max-height: 46px; top: -4px; }
}

.account-group button.account-btn {
    background: #fff !important;
    border: 1px solid var(--hd-line) !important;
    border-radius: 50px !important;
    height: 52px;
    transition: border-color .2s ease, background .2s ease;
}
.account-group button.account-btn:hover {
    background: #fff !important;
    border-color: rgba(242,106,42,.45) !important;
}
.account-group .btn.sepet-button {
    background: linear-gradient(135deg, var(--hd-brand-3) 0%, var(--hd-brand-2) 100%) !important;
    border: 0 !important;
    border-radius: 50px !important;
    height: 52px;
    box-shadow: 0 8px 20px rgba(242,106,42,.30);
    transition: transform .2s ease, box-shadow .2s ease;
}
.account-group .btn.sepet-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(242,106,42,.42);
}

/* ==========================================================================
   4) KATEGORİ MENÜSÜ ŞERİDİ
   ========================================================================== */
nav.desktop-nav {
    background: linear-gradient(100deg, #17120F 0%, #2A1D16 52%, #17120F 100%) !important;
    border-top: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 6px 18px rgba(20,16,14,.18);
}
.navbar .mega-menu-item > a span.mega-menu-hover {
    color: rgba(255,255,255,.88);
    font-weight: 600;
    letter-spacing: .01em;
    transition: color .2s ease;
}
.mega-menu-item { position: relative; }
/* Turuncu alt çizgi göstergesi */
.mega-menu-item > a::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, var(--hd-brand), var(--hd-gold));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}
.mega-menu-item:hover > a::before,
.mega-menu-item.active > a::before { transform: scaleX(1); }

.mega-menu-item:hover { background: rgba(255,255,255,.06) !important; border-radius: 0; }
.mega-menu-item:hover span.mega-menu-hover,
.mega-menu-item.active span.mega-menu-hover { color: #fff !important; }

/* ==========================================================================
   5) MOBİL
   ========================================================================== */
/* Kategori menusu dar ekranda satira bolunmesin; gerekirse yatay kaysin */
@media (max-width: 1199px) {
    .mega-menu-container {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .mega-menu-container::-webkit-scrollbar { display: none; }
    .mega-menu-item { flex: none; }
    .navbar .mega-menu-item > a span.mega-menu-hover {
        white-space: nowrap;
        padding: 0 16px;
        font-size: 13px;
    }
    /* Ucuncu duyuru butonun ustune binmesin */
    .hdr-promo__list li:nth-child(3) { display: none; }
}

@media (max-width: 991px) {
    header .center-bar { padding-top: 10px; }
}

/* Tabletten itibaren duyurular sirayla donsun */
@media (max-width: 991px) {
    /* Mesajlar sırayla dönsün — tek satır, taşma yok */
    .hdr-promo__in {
        gap: 10px;
        min-height: 40px;
        padding-left: 14px;
        padding-right: 14px;
    }
    .hdr-promo__list {
        position: relative;
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        height: 17px;
    }
    .hdr-promo__list li,
    .hdr-promo__list li + li {
        /* "li + li" kuralı daha güçlü olduğu için burada da tekrarlanmalı,
           yoksa 2. ve 3. mesaj akışta kalıp üst üste biniyor */
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: 11.5px;
        opacity: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        animation: hdrPromoDon 13.5s infinite;
    }
    .hdr-promo__list li + li::before { content: none; }
    .hdr-promo__list li:nth-child(1) { animation-delay: 0s; }
    .hdr-promo__list li:nth-child(2) { animation-delay: 4.5s; }
    .hdr-promo__list li:nth-child(3) { display: block; animation-delay: 9s; }
    .hdr-promo__cta { padding: 7px 14px; font-size: 11px; gap: 6px; }
    .hdr-promo__cta i { font-size: 10px; }
}

@keyframes hdrPromoDon {
    0%      { opacity: 0; transform: translateY(7px); }
    3%, 30% { opacity: 1; transform: translateY(0); }
    33%     { opacity: 0; transform: translateY(-7px); }
    100%    { opacity: 0; transform: translateY(-7px); }
}

/* Mobil başlık çubuğu */
@media (max-width: 780px) {
    header .mobil-nav-bar { background: linear-gradient(180deg, #FFFDFA 0%, #FBF7F1 100%); border-bottom: 1px solid var(--hd-line); }
    .mobil-nav-bar .top-area { padding-top: 10px; }
    .mobil-nav-bar .footer-area .form-control {
        border-radius: 50px;
        background: #fff;
        border: 1px solid var(--hd-line);
    }
    .mobil-nav-bar .top-side-menu .orange-bg {
        background: var(--hd-brand) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hdr-promo__list li { animation: none; }
    .hdr-promo__list li:nth-child(1) { opacity: 1; }
    .hdr-promo__list li:nth-child(n+2) { display: none; }
}

/* ==========================================================================
   6) MOBİL ALT MENÜ  (.bp-mobnav)
   Cam efektli kapsül, turuncu aktif durum, güvenli alan payı.
   ========================================================================== */
@media (max-width: 768px) {
    .bp-mobnav {
        padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
        pointer-events: none;
    }
    .bp-mobnav-inner {
        pointer-events: auto;
        justify-content: space-between;
        gap: 2px;
        max-width: 460px;
        padding: 7px 8px;
        border-radius: 22px;
        background: rgba(255,255,255,.92);
        -webkit-backdrop-filter: saturate(180%) blur(14px);
        backdrop-filter: saturate(180%) blur(14px);
        border: 1px solid rgba(20,24,31,.06);
        box-shadow: 0 10px 34px rgba(20,16,14,.16), 0 2px 8px rgba(20,16,14,.06);
    }
    .bp-mobnav-item {
        flex: 1 1 0;
        min-width: 0;
        padding: 8px 4px;
        border-radius: 14px;
    }
    .bp-mobnav-icon { margin-bottom: 3px; }
    .bp-mobnav-icon svg { stroke: #98A1AF; stroke-width: 1.9; }
    .bp-mobnav-label {
        font-size: 10.5px;
        font-weight: 600;
        color: #98A1AF;
        letter-spacing: .01em;
    }

    /* Aktif sekme */
    .bp-mobnav-item.bp-mobnav-active { background: rgba(242,106,42,.10); }
    .bp-mobnav-item.bp-mobnav-active .bp-mobnav-icon svg { stroke: var(--hd-brand); stroke-width: 2.1; }
    .bp-mobnav-item.bp-mobnav-active .bp-mobnav-label { color: var(--hd-brand); font-weight: 700; }

    /* Ortadaki sepet butonu */
    .bp-mobnav-cart .bp-mobnav-icon {
        width: 50px;
        height: 50px;
        margin-top: -26px;
        background: linear-gradient(135deg, var(--hd-brand-3) 0%, var(--hd-brand-2) 100%);
        border: 3px solid #fff;
        box-shadow: 0 8px 22px rgba(242,106,42,.42);
    }
    .bp-mobnav-cart.bp-mobnav-active { background: transparent; }
    .bp-mobnav-cart.bp-mobnav-active .bp-mobnav-icon svg { stroke: #fff; }
    .bp-mobnav-cart .bp-mobnav-label { color: #6B7280; }
    .bp-mobnav-cart.bp-mobnav-active .bp-mobnav-label { color: var(--hd-brand); }

    /* Sepet adedi rozeti */
    .bp-mobnav-badge {
        top: -3px;
        right: -3px;
        background: #14181F;
        border-color: #fff;
        font-size: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,.25);
    }

    /* Alt menü içeriğin üstüne binmesin */
    body { padding-bottom: 86px; }
}

/* ==========================================================================
   7) MOBİL KATEGORİ ÇEKMECESİ  (hamburger menü)
   ========================================================================== */
.category-drawer {
    background: var(--hd-cream) !important;
}

.drawer-header {
    background: linear-gradient(115deg, #17120F 0%, #2A1D16 55%, #17120F 100%) !important;
    border-bottom: 3px solid var(--hd-brand);
    padding: 18px 20px !important;
}
.drawer-header::after { content: none !important; }
.drawer-header h2 {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
}
.drawer-header h2::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: var(--hd-brand);
    vertical-align: middle;
    margin-right: 10px;
}
.close-btn {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 20px !important;
}
.close-btn:hover { background: var(--hd-brand) !important; border-color: var(--hd-brand) !important; }

.category-list { padding: 14px 12px !important; }
.category-item { border-bottom: 0 !important; margin-bottom: 8px !important; }

.category-link {
    border: 1px solid var(--hd-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(20,16,14,.04) !important;
    font-size: 14px !important;
    color: #14181F !important;
}
.category-link:hover {
    background: #FFF3EC !important;
    border-color: rgba(242,106,42,.4) !important;
    color: var(--hd-brand) !important;
}
.category-item.active > .category-link {
    background: linear-gradient(135deg, var(--hd-brand-3) 0%, var(--hd-brand-2) 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(242,106,42,.32) !important;
}
.category-toggle { background: rgba(20,24,31,.06) !important; color: #6B7280 !important; }
.category-item.active > .category-link .category-toggle { background: rgba(255,255,255,.22) !important; color: #fff !important; }

.subcategory-link { color: #4B5563 !important; }
.subcategory-link:hover { color: var(--hd-brand) !important; }

.drawer-footer {
    background: #FFFCF8 !important;
    border-top: 1px solid var(--hd-line) !important;
}
.drawer-close-footer {
    border-radius: 50px !important;
    border: 1px solid var(--hd-line) !important;
    background: #fff !important;
    color: #14181F !important;
    font-weight: 700 !important;
}
.drawer-close-footer:hover {
    background: var(--hd-brand) !important;
    border-color: var(--hd-brand) !important;
    color: #fff !important;
}

/* Arka plan karartması */
.overlay, .mobil-nav-bg { background-color: rgba(20,16,14,.48) !important; }

/* ==========================================================================
   8) KATEGORİ / LİSTELEME SAYFALARI
   Sayfa başlığı ve filtre paneli, ana sayfadaki sıcak paletle aynı dile gelir.
   (Bu sayfaların kendi satır içi stilleri olduğu için !important gerekiyor.)
   ========================================================================== */
.bp-kat-page-header {
    background: linear-gradient(180deg, #FFFCF8 0%, #FBF6F0 100%) !important;
    border-bottom: 1px solid var(--hd-line) !important;
    padding: 26px 0 !important;
}
.bp-kat-page-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    color: #14181F !important;
    align-items: baseline !important;
}
.bp-kat-page-count {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 50px !important;
    background: #FFF3EC !important;
    border: 1px solid rgba(242,106,42,.24) !important;
    color: var(--hd-brand) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Filtre paneli */
.bp-kat-sidebar .panel,
.bp-kat-sidebar .module-body {
    background: #fff;
    border-radius: 14px;
}
.bp-kat-sidebar .panel-title > a {
    font-weight: 700 !important;
    color: #14181F !important;
    letter-spacing: -.01em;
}
.bp-kat-filter-btn {
    border-radius: 50px !important;
    border: 1px solid var(--hd-line) !important;
    background: #fff !important;
    font-weight: 700 !important;
}
.bp-kat-filter-btn:hover {
    border-color: rgba(242,106,42,.45) !important;
    color: var(--hd-brand) !important;
}
.bp-kat-filter-badge { background: var(--hd-brand) !important; }

/* Aktif filtre etiketleri */
.bp-kat-chip {
    border-radius: 50px !important;
    background: #FFF3EC !important;
    border: 1px solid rgba(242,106,42,.26) !important;
    color: #14181F !important;
}
.bp-kat-clear-all { color: var(--hd-brand) !important; font-weight: 700 !important; }

/* "Daha fazla" butonu ve ilerleme çubuğu */
.bp-kat-load-more-btn {
    border-radius: 50px !important;
    border: 1px solid var(--hd-line) !important;
    background: #fff !important;
    font-weight: 700 !important;
    transition: all .25s ease;
}
.bp-kat-load-more-btn:hover {
    background: var(--hd-brand) !important;
    border-color: var(--hd-brand) !important;
    color: #fff !important;
}
.bp-kat-load-bar { background: #EFE7DE !important; border-radius: 3px !important; }
.bp-kat-load-bar-fill {
    background: linear-gradient(90deg, var(--hd-brand), var(--hd-gold)) !important;
    border-radius: 3px !important;
}

/* Sıralama kutusu */
.bp-kat-content select,
.bp-kat-content .form-control {
    border-radius: 50px !important;
    border: 1px solid var(--hd-line) !important;
    background-color: #fff !important;
}

@media (max-width: 767px) {
    .bp-kat-page-header { padding: 18px 0 !important; }
    .bp-kat-page-title { font-size: 19px !important; }
}

/* ==========================================================================
   9) ÜRÜN KARTI — SADELEŞTİRME
   Her kartta tekrar eden bilgileri ve renk kalabalığını azaltır.
   ========================================================================== */
/* "Ücretsiz Kargo · Güvenli Alışveriş" satırı her kartta tekrar ediyordu;
   ücretsiz kargo bilgisi zaten görselin üstünde rozet olarak var. */
.product-card-v2 .bottom-info { display: none !important; }

/* Rozetler tek dile geldi: indirim koyu, kargo nötr */
.product-card-v2 .badge-v2 {
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    box-shadow: none !important;
}
.product-card-v2 .badge-discount {
    background: #14181F !important;
    color: #fff !important;
}
.product-card-v2 .badge-free-cargo {
    background: rgba(255,255,255,.94) !important;
    color: #14181F !important;
    border: 1px solid rgba(20,24,31,.10) !important;
}
.product-card-v2 .badge-campaign {
    background: var(--hd-brand) !important;
    color: #fff !important;
}

/* Kart çerçevesi ve gölgesi yumuşatıldı */
.product-card-v2 {
    border: 1px solid var(--hd-line) !important;
    box-shadow: none !important;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}
.product-card-v2:hover {
    border-color: rgba(242,106,42,.34) !important;
    box-shadow: 0 10px 30px rgba(20,16,14,.08) !important;
}

/* Sepete ekle butonu: degrade yerine düz marka rengi */
.product-card-v2 .add-to-cart-btn {
    background: var(--hd-brand) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.product-card-v2 .add-to-cart-btn:hover { background: var(--hd-brand-2) !important; }

/* Duyuru şeridindeki ışık yumuşatıldı */
.hdr-promo::before {
    background: radial-gradient(520px 120px at 84% 50%, rgba(242,106,42,.18) 0%, rgba(242,106,42,0) 72%) !important;
}

/* Kazanç etiketi yeşil yerine nötr — sayfada tek aksan rengi kalsın */
.product-card-v2 .save-amount {
    background: #F3EFEA !important;
    color: #6B5B4C !important;
    border: 1px solid var(--hd-line) !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
.product-card-v2 .no-rating { color: #A9A093 !important; }