/*
 Theme Name:   Kistababy - Astra Child
 Theme URI:    https://kistababy.com
 Description:  Kistababy icin Astra child tema. SEO uyumlu, hizli ve ozellestirilmis.
 Author:       Kistababy
 Author URI:   https://kistababy.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* ==============================================
   CSS DEĞİŞKENLERİ — KISTA BABY TASARIM SİSTEMİ
   ============================================== */

:root {
  /* Ana renkler — Koyu nötr ton */
  --kb-primary: #2B2F33;
  --kb-primary-dark: #1F2937;
  --kb-primary-light: #4B5563;
  --kb-primary-pale: #F3F4F6;

  /* CTA — Warm Coral (dönüşüm odaklı) */
  --kb-cta: #E8734A;
  --kb-cta-dark: #D4623C;
  --kb-cta-light: #F09070;

  /* Arka planlar */
  --kb-bg: #FFFFFF;
  --kb-bg-warm: #FFF9F5;
  --kb-bg-soft: #FDF5EE;
  --kb-bg-cream: #FAF3EC;

  /* Nötr tonlar */
  --kb-text: #2B2F33;
  --kb-text-secondary: #6B7280;
  --kb-text-muted: #9CA3AF;
  --kb-text-light: #B0B7C0;
  --kb-border: #E8E2DC;
  --kb-border-light: #F0EAE4;
  --kb-border-soft: #EDEDED;

  /* Durum renkleri */
  --kb-success: #2E7D32;
  --kb-success-bg: #E8F5E9;
  --kb-danger: #D94F4F;
  --kb-warning: #F59E0B;
  --kb-info: #0284C7;
  --kb-info-bg: #E0F2FE;
  --kb-error: #DC2626;
  --kb-error-bg: #FEE2E2;

  /* Fiyat */
  --kb-price-sale: #2B2F33;
  --kb-price-old: #B0B7C0;

  /* Tipografi */
  --kb-font-heading: 'Nunito', sans-serif;
  --kb-font-body: 'Montserrat', sans-serif;
  --kb-fs-xs: 0.75rem;
  --kb-fs-sm: 0.875rem;
  --kb-fs-base: 1rem;
  --kb-fs-lg: 1.125rem;
  --kb-fs-xl: 1.25rem;
  --kb-fs-2xl: 1.5rem;
  --kb-fs-3xl: 2rem;

  /* Border radius */
  --kb-radius: 8px;
  --kb-radius-lg: 10px;
  --kb-radius-xl: 12px;
  --kb-radius-pill: 999px;

  /* Gölge */
  --kb-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --kb-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --kb-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --kb-shadow-focus: 0 0 0 3px rgba(232, 115, 74, 0.2);
}

/* Nunito — tüm başlıklar */
h1, h2, h3, h4, h5, h6,
.product_title,
.woocommerce-loop-product__title,
.kb-brand-name {
    font-family: var(--kb-font-heading, 'Nunito', sans-serif) !important;
}

/* ==============================================
   MAĞAZA SAYFASI — KENAR BOŞLUKLARI
   ============================================== */

/* Mağaza sayfası full-width template kullanıyor, kenar padding ekle */
.post-type-archive-product .site-content > .ast-container,
.post-type-archive-product.ast-page-builder-template .site-content > .ast-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* ==============================================
   KATEGORİ SAYFASI DÜZEN VE SIRASI
   ============================================== */

/* Sayfa başlığı */
.woocommerce-products-header__title.page-title {
    font-size: 24px !important;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: 600;
}

/* Astra arşiv başlığı — küçük punto, sola yaslı, ordering sağda, ürünlere yapışık */
.ast-archive-description {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    padding: 8px 0 0 !important;
    margin-bottom: 0 !important;
    gap: 12px;
}
.ast-archive-description .ast-archive-title,
.ast-archive-description .ast-archive-title * {
    font-size: 20px !important;
    text-align: left !important;
    margin: 0 !important;
}
.ast-archive-description .woocommerce-ordering {
    flex-shrink: 0;
    margin: 0 !important;
}

/* Pagination ürünlerin altında */
.ast-woocommerce-container > .woocommerce-pagination {
    order: 8;
    width: 100%;
}

/* Sonuç sayısını gizle, sıralama görünsün */
.woocommerce-result-count {
    display: none !important;
}

/* Flex düzen: başlık → ürünler → açıklama (yazılar) — sadece arşiv/kategori sayfaları */
.archive .ast-woocommerce-container,
.post-type-archive-product .ast-woocommerce-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 8px;
}

/* Ürün sayfasında flex layout kullanma */
.single-product .ast-woocommerce-container {
    display: block;
}

/* Mağaza/kategori sayfalarında üst boşlukları sıfırla */
.archive.tax-product_cat .site-content,
.post-type-archive-product .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.archive.tax-product_cat #primary,
.post-type-archive-product #primary {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.archive.tax-product_cat .site-main,
.post-type-archive-product .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.ast-woocommerce-container > * {
    width: 100%;
}
.woocommerce-products-header {
    display: contents;
}
.woocommerce-products-header:empty,
header.woocommerce-products-header {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}
.woocommerce-notices-wrapper:empty {
    display: none !important;
}
.woocommerce-result-count {
    display: none !important;
}
.ast-woocommerce-container > .woocommerce-breadcrumb {
    order: 1;
    width: 100%;
    display: block !important;
    visibility: visible !important;
    font-size: 13px;
    color: #9CA3AF;
    padding: 12px 0 8px;
    margin-bottom: 4px;
}

/* Başlık + sıralama satırı — JS ile .kb-title-row içine alınır */
.kb-title-row {
    order: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.kb-title-row .woocommerce-products-header__title {
    margin: 0 !important;
    flex: 1;
    min-width: 0;
}

.kb-title-row .woocommerce-ordering {
    flex-shrink: 0;
    margin: 0;
    width: auto;
}

.woocommerce-notices-wrapper   { order: 3; width: 100%; }

/* Ordering tek başına kalırsa (JS çalışmazsa fallback) */
.ast-woocommerce-container > .woocommerce-ordering {
    order: 4;
}
.ast-woocommerce-container > .woocommerce-result-count {
    display: none !important;
}

@media (max-width: 768px) {
    /* Mağaza sayfası: mobilde alt satıra */
    .post-type-archive-product .kb-title-row {
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    .post-type-archive-product .kb-title-row .woocommerce-products-header__title {
        width: 100%;
        flex: none;
    }

    /* Kategori sayfaları: mobilde yan yana */
    .tax-product_cat .kb-title-row {
        flex-wrap: nowrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    .tax-product_cat .kb-title-row .woocommerce-products-header__title {
        flex: 1;
        min-width: 0;
        font-size: 16px !important;
    }
}
.ast-woocommerce-container > ul.products {
    order: 5;
    width: 100%;
    margin-top: 15px;
}

/* Varsayılan açıklama üstte gizle — PHP ile alta taşındı */
.term-description,
.page-description {
    display: none !important;
}

/* Kategori sayfalarında üstteki açıklama paragraflarını gizle (başlık kalır, açıklama altta .kb-shop-description ile gösteriliyor) */
.ast-archive-description p,
.ast-archive-description ul,
.ast-archive-description ol {
    display: none !important;
}

/* PHP ile eklenen açıklama — ürünlerin ALTINDA */
.kb-shop-description {
    order: 10;
    width: 100%;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.kb-shop-description h1,
.kb-shop-description h1.wp-block-heading {
    font-size: 22px !important;
    line-height: 1.3;
    margin-bottom: 12px;
}

.kb-shop-description h2,
.kb-shop-description h2.wp-block-heading {
    font-size: 18px !important;
    line-height: 1.3;
    margin-top: 24px;
    margin-bottom: 10px;
}

.kb-shop-description p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--kb-text-secondary, #6B7280);
}

.kb-shop-description ul {
    font-size: 14px;
    line-height: 1.6;
    color: var(--kb-text-secondary, #6B7280);
}

/* ==============================================
   ÜRÜN KARTI — GÖRSEL, ROZET, AD
   ============================================== */

/* Ürün görseli: Kare (1:1) */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .ast-woo-product-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

/* İndirim rozeti */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: block;
    padding-top: 0;
    position: relative !important;
}

.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .ast-onsale-card {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 10;
    width: auto !important;
    font-size: 11px !important;
    font-weight: 700;
    padding: 4px 10px !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
    margin: 0 !important;
    letter-spacing: 0.3px;
    text-transform: none;
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* Hover efektini kaldır */
.kb-has-second-image:hover .attachment-woocommerce_thumbnail,
.kb-has-second-image:focus-within .attachment-woocommerce_thumbnail {
    opacity: 1 !important;
}
.kb-has-second-image:hover .kb-second-image,
.kb-has-second-image:focus-within .kb-second-image {
    opacity: 0 !important;
}

/* Thumbnail içindeki rating gizle */
.astra-shop-thumbnail-wrap .kb-loop-rating {
    display: none !important;
}

/* Summary'deki rating — ürün adı ile fiyat arası */
.astra-shop-summary-wrap .review-rating {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 2px 0 4px;
}

.astra-shop-summary-wrap .review-rating .star-rating {
    font-size: 11px !important;
    margin: 0 !important;
    color: #F5A623 !important;
}

.astra-shop-summary-wrap .review-rating .star-rating::before {
    color: #F5A623 !important;
}

.astra-shop-summary-wrap .review-rating .star-rating span::before {
    color: #F5A623 !important;
}

.astra-shop-summary-wrap .kb-summary-review-count {
    font-size: 11px;
    color: var(--kb-text-muted, #9CA3AF);
    font-weight: 400;
}

/* Ürün adı */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0 !important;
    text-align: center;
}

/* Thumbnail içindeki yıldız + yorum — ürün adının altında */
.kb-loop-rating {
    order: 2;
}

/* Fiyat — en altta */
.astra-shop-summary-wrap .price {
    display: block;
    margin-top: 4px;
    font-size: 15px !important;
    font-weight: 700;
    text-align: center;
}

/* ==============================================
   MOBİL (max-width: 768px)
   ============================================== */

@media (max-width: 768px) {

    /* Başlık küçük ekranda daha kompakt */
    .woocommerce-products-header__title.page-title {
        font-size: 18px !important;
    }

    /* Açıklama başlıkları mobilde */
    .kb-shop-description h1,
    .kb-shop-description h1.wp-block-heading {
        font-size: 18px !important;
    }
    .kb-shop-description h2,
    .kb-shop-description h2.wp-block-heading {
        font-size: 16px !important;
    }

    /* Sıralama/sayım tam genişlik */
    .ast-woocommerce-container > .woocommerce-ordering,
    .ast-woocommerce-container > .woocommerce-result-count {
        width: 100%;
        justify-content: flex-start;
    }

    /* Ürün adı mobilde */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

    /* Modern Cart floating butonu — her zaman görünür ve sabit */
    #moderncart-floating-cart {
        position: fixed !important;
        bottom: 20px !important;
        right: 20px !important;
        left: auto !important;
        z-index: 99999 !important;
    }

    /* Sepet boş olsa bile ikonu göster */
    #moderncart-floating-cart.moderncart-floating-cart-empty {
        display: flex !important;
    }
}

/* ==============================================
   GİRİŞ YAP / ÜYE OL — BÖLÜNMÜŞ EKRAN TASARIM
   ============================================== */

/* Desktop: tam viewport'a yay */
/* =============================================
   GİRİŞ / KAYIT SAYFASI — Tam Ekran Koyu Arka Plan
   ============================================= */

/* ---- RESET: Astra + WooCommerce tüm wrapper'ları sıfırla ---- */
body.woocommerce-account:not(.logged-in),
body.woocommerce-account:not(.logged-in) #page,
body.woocommerce-account:not(.logged-in) #content,
body.woocommerce-account:not(.logged-in) .ast-container,
body.woocommerce-account:not(.logged-in) .ast-page-builder-template,
body.woocommerce-account:not(.logged-in) .site-content,
body.woocommerce-account:not(.logged-in) .content-area,
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .entry,
body.woocommerce-account:not(.logged-in) .entry-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    background: transparent !important;
}
body.woocommerce-account:not(.logged-in) {
    background: linear-gradient(145deg, #2B2F33 0%, #1F2937 100%) !important;
    min-height: 100vh;
}
.woocommerce-account:not(.logged-in) .entry-title {
    display: none !important;
}

/* Astra col2-set clearfix ve float'ları tamamen ez */
.woocommerce-account:not(.logged-in) .col2-set::before,
.woocommerce-account:not(.logged-in) .col2-set::after {
    display: none !important;
    content: none !important;
}
.woocommerce-account:not(.logged-in) .col2-set,
.woocommerce-account:not(.logged-in) #customer_login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 290px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    zoom: unset !important;
    border: none !important;
    background: transparent !important;
    position: relative;
    z-index: 1;
}
.woocommerce-account:not(.logged-in) .col2-set .col-1,
.woocommerce-account:not(.logged-in) .col2-set .col-2,
.woocommerce-account:not(.logged-in) .woocommerce .col-1,
.woocommerce-account:not(.logged-in) .woocommerce .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 290px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: auto !important;
}

/* ---- Ana wrapper: koyu gradient, her şeyi ortala ---- */
.woocommerce-account:not(.logged-in) .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 100dvh;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 20px 24px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    position: relative;
}

/* ---- Marka Paneli: kart üstünde yazılar ---- */
.kb-auth-brand {
    display: none !important;
}

/* ---- Kart ---- */
.kb-auth-card {
    background: #fff;
    border-radius: 12px;
    padding: 22px 20px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.25);
    border: none;
    width: 100%;
    max-width: 290px;
}
.kb-auth-card h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    text-align: center;
}
.kb-auth-card h2::after { display: none !important; }

.kb-auth-card-subtitle {
    font-size: 13px;
    color: #9CA3AF;
    margin-bottom: 20px;
    line-height: 1.5;
    text-align: center;
}

.kb-auth-card .woocommerce-info {
    background: #F9FAFB !important;
    border-left: none !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    color: #9CA3AF !important;
    margin-bottom: 14px !important;
    box-shadow: none !important;
}
.kb-auth-card .woocommerce-info::before { content: none !important; }

.kb-auth-card input[type="text"],
.kb-auth-card input[type="email"],
.kb-auth-card input[type="password"] {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #E8E2DC;
    border-radius: 8px;
    font-size: 16px !important;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    background: #FAFAFA;
    color: #2B2F33;
    min-height: 44px;
}
.kb-auth-card input[type="text"]:focus,
.kb-auth-card input[type="email"]:focus,
.kb-auth-card input[type="password"]:focus {
    border-color: #2B2F33;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(43,47,51,0.08);
}
.kb-auth-card input[type="text"]::placeholder,
.kb-auth-card input[type="email"]::placeholder,
.kb-auth-card input[type="password"]::placeholder {
    color: #B0B7C0;
    font-size: 14px;
}
.kb-auth-card label,
.kb-auth-card .woocommerce-form__label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6B7280 !important;
    margin-bottom: 4px;
    display: block;
    letter-spacing: 0.01em;
}
.kb-auth-card .woocommerce-form__label-for-checkbox {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.kb-auth-card p,
.kb-auth-card .form-row {
    margin-bottom: 12px;
}
.kb-auth-card .form-row:has(.woocommerce-form-login__rememberme) {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.kb-auth-card button[type="submit"],
.kb-auth-card input[type="submit"] {
    width: 100%;
    padding: 12px;
    min-height: 44px;
    background: var(--kb-cta, #E8734A);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px !important;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: background 0.2s, transform 0.1s;
}
.kb-auth-card button[type="submit"]:hover,
.kb-auth-card input[type="submit"]:hover {
    background: var(--kb-cta-dark, #D4623C);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(232,115,74,0.25);
}
.kb-auth-card button[type="submit"]:active,
.kb-auth-card input[type="submit"]:active {
    transform: scale(0.98);
    box-shadow: none;
}
.kb-auth-card .woocommerce-form__input-checkbox {
    accent-color: var(--kb-cta, #E8734A);
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.kb-auth-card .woocommerce-LostPassword {
    text-align: center;
    margin-top: 12px;
    font-size: 12px;
}
.kb-auth-card .woocommerce-LostPassword a {
    color: #6B7280;
    text-decoration: none;
    transition: color 0.15s;
}
.kb-auth-card .woocommerce-LostPassword a:hover {
    color: #2B2F33;
    text-decoration: underline;
}
.kb-auth-card .woocommerce-privacy-policy-text {
    font-size: 11px;
    color: #B0B7C0;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* Panel geçiş butonu (kart dışında) */
.kb-switch-btn {
    display: block;
    width: 100%;
    max-width: 290px;
    padding: 12px;
    min-height: 44px;
    margin-top: 12px;
    background: #2B2F33;
    border: 1.5px solid #4B5563;
    border-radius: 8px;
    font-size: 13px !important;
    font-weight: 600;
    color: #E8E2DC;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    text-decoration: none;
    line-height: 1;
    box-sizing: border-box;
}
.kb-switch-btn:hover {
    background: var(--kb-primary-dark, #1F2937);
    border-color: #6B7280;
    color: #fff;
}

/* "veya" ayracı */
.kb-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 10px;
    color: #B0B7C0;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}
.kb-divider::before,
.kb-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #E8E2DC;
}

/* Google / Sosyal giriş butonu */
.kb-auth-card .nsl-container {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}
.kb-auth-card .nsl-container .nsl-button {
    border-radius: 8px !important;
    height: 44px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border: 1.5px solid #E8E2DC !important;
    background: #fff !important;
    width: 100% !important;
    justify-content: center !important;
    transition: all 0.2s !important;
}
.kb-auth-card .nsl-container .nsl-button:hover {
    border-color: #B0B7C0 !important;
    background: #FAFAFA !important;
}

/* WooCommerce notices (hata/başarı mesajları) */
.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
    width: 100%;
    max-width: 290px;
    position: relative;
    z-index: 1;
}

/* ---- Mobil (≤1024px) ---- */
@media (max-width: 1024px) {
    .woocommerce-account:not(.logged-in) .woocommerce {
        justify-content: flex-start !important;
        padding: 48px 20px 24px !important;
    }
    .woocommerce-account:not(.logged-in) .col2-set,
    .woocommerce-account:not(.logged-in) #customer_login {
        max-width: 100% !important;
        width: 100% !important;
    }
    .woocommerce-account:not(.logged-in) .col2-set .col-1,
    .woocommerce-account:not(.logged-in) .col2-set .col-2 {
        max-width: 100% !important;
        width: 100% !important;
    }
    .kb-auth-card {
        max-width: 100%;
        width: 100%;
    }
    .kb-switch-btn {
        max-width: 100%;
        width: 100%;
    }
}

/* ---- Küçük mobil (≤480px) ---- */
@media (max-width: 480px) {
    .woocommerce-account:not(.logged-in) .woocommerce {
        padding: 36px 16px 20px !important;
    }
}

/* ==============================================
   ÜRÜN GALERİSİ — YATAY KAYDIRMALIl THUMBNAIL
   ============================================== */

/* Thumbnail şeridi: yatay kaydırmalı */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 6px !important;
    padding: 8px 0 4px !important;
    margin: 0 !important;
    list-style: none !important;
    scrollbar-width: thin;
    scrollbar-color: var(--kb-cta-light, #F09070) var(--kb-bg-warm, #FFF9F5);
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
}

/* FlexSlider viewport'un overflow:hidden'i thumbnail şeridini kesmemesi için */
.woocommerce-product-gallery .flex-control-nav {
    overflow: visible !important;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    height: 4px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
    background: #FFF9F5;
    border-radius: 2px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: var(--kb-cta-light, #F09070);
    border-radius: 2px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    flex: 0 0 80px !important;
    width: 80px !important;
    margin: 0 !important;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    border: 2px solid transparent !important;
    opacity: 0.7;
    transition: all 0.2s;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img:hover {
    border-color: #2B2F33 !important;
    opacity: 1;
}

/* ==============================================
   VARYASYON SET İÇERİĞİ
   ============================================== */

.kb-variation-set-icerik {
    background: #FDF5EE;
    border: 1px solid #E8E2DC;
    border-left: 4px solid #2B2F33;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0 !important;
    margin-top: 4px !important;
    font-size: 13px;
    line-height: 1.7;
}
.kb-variation-set-icerik .kb-set-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #2B2F33;
    margin-bottom: 8px;
}
.kb-variation-set-icerik ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.kb-variation-set-icerik ul li {
    padding: 2px 0;
    color: #555;
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.kb-variation-set-icerik ul li::before {
    content: '✓';
    color: #2B2F33;
    font-weight: 700;
    font-size: 11px;
    flex-shrink: 0;
}

/* WooCommerce varsayılan varyasyon açıklaması gizle (bizimkini kullanacağız) */
.woocommerce-variation-description {
    display: none;
}

/* ==============================================
   SEPET BOŞ — MODERN CART METİN BOYUTU
   ============================================== */

/* "Sepetiniz Boş" başlık */
.moderncart-slide-out-header-title span {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* "Sepetiniz boş. Şimdi alışveriş yapın" link + buton */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button {
    font-size: 8px !important;
    padding: 8px 14px !important;
    line-height: 14px !important;
}

.moderncart-empty-cart span {
    font-size: 13px !important;
    font-weight: 600 !important;
}
.moderncart-empty-cart p {
    font-size: 12px !important;
    color: #999 !important;
}

/* Ara toplam (subtotal) gizle, toplam (total) göster */
#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__subtotal,
#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__shipping,
#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__tax,
#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__discount {
    display: none !important;
}

/* Toplam satırı — belirgin */
#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__total {
    border-bottom: none !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
}

#moderncart-slide-out .moderncart-cart-line-items-item.moderncart-cart-line-items__total span {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
}

/* Ödemeye geç butonu — CTA rengi */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button,
.moderncart-cart-total .wc-proceed-to-checkout .checkout-button,
.moderncart-cart-total a.checkout-button {
    background-color: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    letter-spacing: 0.02em;
    transition: background 0.2s ease !important;
}

#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button:hover {
    background-color: var(--kb-cta-dark, #D4623C) !important;
}

/* Ürün görseli — görünür, büyüt, yumuşak köşeler */
#moderncart-slide-out .moderncart-cart-item-image {
    display: flex !important;
    min-width: 72px !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    flex-shrink: 0 !important;
}

#moderncart-slide-out .moderncart-cart-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
    object-fit: cover !important;
}

#moderncart-slide-out .moderncart-cart-item-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ürün adı — temiz tipografi */
#moderncart-slide-out .moderncart-cart-item-product-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #2B2F33 !important;
    letter-spacing: 0 !important;
}

/* Fiyat — antrasit */
#moderncart-slide-out .moderncart-cart-item-actions--pricing .moderncart-price,
#moderncart-slide-out .moderncart-cart-item-actions .moderncart-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
}

/* Kaldır butonu — daha küçük, zarif */
#moderncart-slide-out .moderncart-cart-item-actions-remove {
    font-size: 11px !important;
    color: #999 !important;
    opacity: 0.7;
    transition: opacity 0.2s;
}

#moderncart-slide-out .moderncart-cart-item-actions-remove:hover {
    opacity: 1;
    color: #D94F4F !important;
}

/* Sepet başlığı — sade */
#moderncart-slide-out .moderncart-slide-out-header {
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Sepet öğeleri arası çizgi — ince */
#moderncart-slide-out .moderncart-cart-item-container {
    border-bottom: 1px solid #f5f5f5;
}

/* Footer padding düzenle */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total .wc-proceed-to-checkout {
    padding: 12px 16px !important;
}

/* İndirim rozeti gizle (sepet içinde gereksiz) */
#moderncart-slide-out .moderncart-cart-item-onsale {
    display: none !important;
}

/* Secondary button (Sepeti Görüntüle) varsa stil */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total .moderncart-secondary-btn {
    background: transparent !important;
    border: 1px solid #E8E2DC !important;
    color: #2B2F33 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ==============================================
   BLOG SAYFASI — BAŞLIK VE META DÜZENLEMELERİ
   ============================================== */

/* Blog listesinde başlıkları küçült */
.blog .entry-title.ast-blog-single-element,
.archive .entry-title.ast-blog-single-element {
    font-size: 17px !important;
    line-height: 1.35;
    font-weight: 600;
}

/* Tekil blog yazısı başlığı */
.single-post .entry-title {
    font-size: 26px !important;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .blog .entry-title.ast-blog-single-element,
    .archive .entry-title.ast-blog-single-element {
        font-size: 15px !important;
    }
    .single-post .entry-title {
        font-size: 20px !important;
    }
}

/* Yorum bırakın linkini gizle, kategori görünsün */
.blog .entry-meta .comments-link,
.archive .entry-meta .comments-link {
    display: none !important;
}

/* ==============================================
   ÜRÜN DEĞERLENDİRMELERİ — GÖRSELLİ YORUM
   ============================================== */

/* Eski fotoğraf yükleme alanı kaldırıldı — custom form kullanılıyor */

/* Değerlendirmede görünen fotoğraf */
.kb-review-image a {
    display: block;
}
.kb-review-image img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #E8E2DC;
    display: block;
    cursor: zoom-in;
    transition: opacity 0.2s;
}
.kb-review-image img:hover {
    opacity: 0.85;
}

@media (max-width: 480px) {
    .kb-review-image img {
        width: 56px;
        height: 56px;
    }
}

/* ==============================================
   DEĞERLENDİRME ÖZET KUTUSU (Rating Summary Box)
   ============================================== */

.kb-rating-summary-box {
    max-width: 800px !important;
    margin: 0 auto 24px !important;
    padding: 24px !important;
    background: #FAFAFA !important;
    border: 1px solid #E8E2DC !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 32px !important;
    box-sizing: border-box !important;
}

/* Sol taraf: Ortalama skor */
.kb-rating-summary-avg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 120px !important;
    flex-shrink: 0 !important;
}

.kb-rating-avg-number {
    font-size: 3rem !important;
    font-weight: 800 !important;
    color: var(--kb-text, #2B2F33) !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
}

.kb-rating-avg-stars {
    display: flex !important;
    gap: 2px !important;
    margin-bottom: 6px !important;
}

.kb-rating-avg-stars .kb-star {
    font-size: 1.25rem !important;
    line-height: 1 !important;
}

.kb-star-full {
    color: #F5C518 !important;
}

.kb-star-half {
    color: #F5C518 !important;
    opacity: 0.55 !important;
}

.kb-star-empty {
    color: #E8E2DC !important;
}

.kb-rating-count {
    font-size: 0.85rem !important;
    color: var(--kb-text-secondary, #6B7280) !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

/* Sağ taraf: Yıldız dağılımı barları */
.kb-rating-summary-bars {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.kb-rating-bar-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.kb-rating-bar-label {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--kb-text, #2B2F33) !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.kb-rating-bar-star {
    color: #F5C518 !important;
    font-size: 0.9rem !important;
}

.kb-rating-bar-track {
    flex: 1 !important;
    height: 10px !important;
    background: #EDEDED !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

.kb-rating-bar-fill {
    height: 100% !important;
    background: #F5C518 !important;
    border-radius: 999px !important;
    transition: width 0.4s ease !important;
}

.kb-rating-bar-count {
    font-size: 0.8rem !important;
    color: var(--kb-text-secondary, #6B7280) !important;
    min-width: 20px !important;
    text-align: right !important;
}

/* Mobil responsive */
@media (max-width: 600px) {
    .kb-rating-summary-box {
        flex-direction: column !important;
        align-items: center !important;
        gap: 18px !important;
        padding: 18px 14px !important;
    }
    .kb-rating-summary-avg {
        min-width: auto !important;
    }
    .kb-rating-summary-bars {
        width: 100% !important;
    }
    .kb-rating-avg-number {
        font-size: 2.5rem !important;
    }
}

/* ==============================================
   MÜŞTERİ FOTOĞRAFLARI GALERİSİ
   ============================================== */

.kb-review-gallery-section {
    margin: 0 auto 30px !important;
    padding: 20px 16px !important;
    max-width: 800px !important;
    text-align: center !important;
    clear: both !important;
    box-sizing: border-box !important;
}
.kb-review-gallery-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    margin: 0 0 14px 0 !important;
}
.kb-review-gallery-title span {
    font-weight: 400 !important;
    color: #999 !important;
    font-size: 14px !important;
}
.kb-review-gallery-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    padding: 0 0 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ccc transparent !important;
}
.kb-review-gallery-scroll::-webkit-scrollbar {
    height: 6px !important;
}
.kb-review-gallery-scroll::-webkit-scrollbar-track {
    background: transparent !important;
}
.kb-review-gallery-scroll::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 3px !important;
}
.kb-review-gallery-item {
    cursor: pointer !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #E8E2DC !important;
    flex: 0 0 auto !important;
    width: 140px !important;
    height: 140px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: transform 0.2s, border-color 0.2s !important;
    scroll-snap-align: start !important;
}

.kb-review-gallery-item:hover {
    transform: scale(1.05) !important;
    border-color: var(--kb-primary, #2B2F33) !important;
}
.kb-review-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    max-width: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Lightbox — açılış/kapanış animasyonlu */
.kb-review-lightbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}
.kb-review-lightbox.kb-lb-open {
    opacity: 1 !important;
    visibility: visible !important;
}
.kb-review-lightbox-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0,0,0,0.85) !important;
    cursor: pointer !important;
}
.kb-review-lightbox-content {
    position: relative !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: scale(0.9) !important;
    transition: transform 0.3s ease !important;
}
.kb-review-lightbox.kb-lb-open .kb-review-lightbox-content {
    transform: scale(1) !important;
}
.kb-review-lightbox-img-wrap img {
    max-width: 85vw !important;
    max-height: 75vh !important;
    border-radius: 10px !important;
    object-fit: contain !important;
    display: block !important;
    transition: opacity 0.25s ease !important;
}
.kb-review-lightbox-close {
    position: absolute !important;
    top: -40px !important;
    right: -10px !important;
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 36px !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 0 8px !important;
}
.kb-review-lightbox-prev,
.kb-review-lightbox-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,0.15) !important;
    border: none !important;
    color: #fff !important;
    font-size: 40px !important;
    cursor: pointer !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.kb-review-lightbox-prev { left: -60px !important; }
.kb-review-lightbox-next { right: -60px !important; }
.kb-review-lightbox-caption {
    color: #fff !important;
    text-align: center !important;
    margin-top: 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.kb-lb-stars {
    color: #f5c518 !important;
    font-size: 15px !important;
}
.kb-lb-text {
    color: #ccc !important;
    font-size: 13px !important;
}

@media (max-width: 600px) {
    .kb-review-gallery-section {
        padding: 16px 12px !important;
    }
    .kb-review-gallery-scroll {
        gap: 6px !important;
    }
    .kb-review-gallery-item {
        width: 110px !important;
        height: 110px !important;
        border-radius: 8px !important;
    }
    .kb-review-lightbox-prev { left: 8px !important; }
    .kb-review-lightbox-next { right: 8px !important; }
    .kb-review-lightbox-prev,
    .kb-review-lightbox-next {
        width: 36px !important;
        height: 36px !important;
        font-size: 28px !important;
    }
    .kb-review-lightbox-img-wrap img {
        max-width: 95vw !important;
        border-radius: 6px !important;
    }
    .kb-review-lightbox-close {
        top: -32px !important;
        right: 0 !important;
        font-size: 30px !important;
    }
}

/* ==============================================
   MOBİL HEADER — STICKY (kaydırınca kaybolmasın)
   ============================================== */

@media (max-width: 921px) {
    #masthead,
    .site-header,
    .ast-site-identity,
    #ast-fixed-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999;
        background: #fff;
    }

    .admin-bar #masthead,
    .admin-bar .site-header {
        top: 46px;
    }
}

/* ==============================================
   ÖLÇÜ SAYFALARI & BLOG — Tipografi
   (Hakkımızda sayfası ile uyumlu)
   ============================================== */

.page-id-3962 .entry-content,
.page-id-3963 .entry-content,
.page-id-3964 .entry-content,
.page-id-3965 .entry-content,
.page-id-3966 .entry-content,
.page-id-3967 .entry-content,
.page-id-3968 .entry-content,
.single-post .entry-content {
    max-width: 800px;
    margin: 0 auto;
}

/* Kısa selector: ölçü sayfaları + blog */
.kb-compact-typo .entry-title,
.kb-compact-typo .entry-content h1,
.kb-compact-typo .entry-content h2,
.kb-compact-typo .entry-content h3,
.kb-compact-typo .entry-content p,
.kb-compact-typo .entry-content ul,
.kb-compact-typo .entry-content li,
.kb-compact-typo .entry-content ol {
    /* reset Astra inline dynamic CSS */
    font-size: inherit;
}

.kb-compact-typo .entry-title        { font-size: 20px !important; line-height: 1.3 !important; }
.kb-compact-typo .entry-content h1   { font-size: 20px !important; line-height: 1.3 !important; margin-bottom: 14px !important; }
.kb-compact-typo .entry-content h2   { font-size: 16px !important; line-height: 1.4 !important; margin-top: 24px !important; margin-bottom: 8px !important; }
.kb-compact-typo .entry-content h3   { font-size: 14px !important; line-height: 1.4 !important; margin-top: 18px !important; margin-bottom: 6px !important; }
.kb-compact-typo .entry-content p    { font-size: 13px !important; line-height: 1.9 !important; margin-bottom: 10px !important; color: #444 !important; }
.kb-compact-typo .entry-content ul,
.kb-compact-typo .entry-content ol   { font-size: 13px !important; line-height: 1.9 !important; padding-left: 18px !important; }
.kb-compact-typo .entry-content li   { font-size: 13px !important; margin-bottom: 4px !important; }

@media (max-width: 768px) {
    .kb-compact-typo .entry-title        { font-size: 20px !important; }
    .kb-compact-typo .entry-content h1   { font-size: 20px !important; }
    .kb-compact-typo .entry-content h2   { font-size: 17px !important; margin-top: 16px !important; }
    .kb-compact-typo .entry-content h3   { font-size: 15px !important; }
    .kb-compact-typo .entry-content p    { font-size: 14px !important; line-height: 1.8 !important; }
    .kb-compact-typo .entry-content ul,
    .kb-compact-typo .entry-content ol   { font-size: 14px !important; line-height: 1.8 !important; padding-left: 16px !important; }
    .kb-compact-typo .entry-content li   { font-size: 14px !important; }
}

/* ==============================================
   ÜRÜN SAYFASI — E-BEBEK TARZI TASARIM
   ============================================== */

/* --- Genel Layout --- */
.single-product div.product {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}

/* Breadcrumb — en üstte, küçük, gri */
.single-product .ast-woocommerce-container > .woocommerce-breadcrumb {
    font-size: 12px !important;
    color: #9CA3AF !important;
    padding: 12px 16px 6px !important;
    margin: 0 !important;
    border-bottom: none !important;
    display: block !important;
    width: 100% !important;
}

.single-product .woocommerce-breadcrumb {
    font-size: 12px !important;
    color: #9CA3AF !important;
}

.single-product .woocommerce-breadcrumb a {
    color: #9CA3AF !important;
    text-decoration: none !important;
}

.single-product .woocommerce-breadcrumb a:hover {
    color: var(--kb-primary, #2B2F33) !important;
}

/* Ürün sayfasında sepet butonunu gizle, WhatsApp scroll ile göster */
.single-product #moderncart-floating-cart {
    display: none !important;
}

.single-product .kb-whatsapp-btn {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

.single-product .kb-whatsapp-btn.kb-wp-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* --- Bestseller Badge — galeri bölümüne taşındı --- */

/* --- Urgency Banner (stoklar tükenmek üzere) --- */
.kb-urgency-banner {
    background: #2196F3;
    color: #fff;
    text-align: center;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.01em;
}

/* --- Marka Adı — e-bebek tarzı: düz gri metin --- */
.kb-brand-name {
    font-family: var(--kb-font-heading, 'Nunito', sans-serif) !important;
    font-size: 16px;
    color: #6B7280;
    font-weight: 600;
    margin-bottom: 2px;
    line-height: 1.4;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Eski posted_in gizle */
.single-product .summary .posted_in {
    display: none !important;
}

/* --- Ürün Başlığı — Nunito, temiz ve okunabilir --- */
.single-product .product_title {
    font-family: var(--kb-font-heading, 'Nunito', sans-serif) !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--kb-text, #2B2F33) !important;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* --- Yıldız & Yorum — e-bebek: sade, border yok, tıklanabilir --- */
.single-product .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    cursor: pointer !important;
}

.single-product .woocommerce-product-rating .star-rating {
    font-size: 13px !important;
    color: #F59E0B !important;
}

.single-product .woocommerce-product-rating .woocommerce-review-link {
    font-size: 12px !important;
    color: #6B7280 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

.single-product .woocommerce-product-rating .woocommerce-review-link:hover {
    text-decoration: underline !important;
}

/* --- Fiyat — sağa dayalı --- */
.single-product .summary .price {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin-bottom: 0 !important;
    padding: 12px 0 !important;
    justify-content: flex-end !important;
}

.single-product .summary .price del {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #9CA3AF !important;
    text-decoration: line-through !important;
    order: 2;
    margin-left: 8px;
}

.single-product .summary .price ins {
    text-decoration: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    order: 1;
    letter-spacing: -0.01em;
}

.single-product .summary .price > .woocommerce-Price-amount {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    letter-spacing: -0.01em;
}

.single-product .summary .price .woocommerce-Price-currencySymbol {
    font-size: 0.75em;
}

/* Ücretsiz Kargo metni gizle — delivery box'ta gösterilecek */
.single-product .summary .ast-shipping-text {
    display: none !important;
}

/* Kısa açıklama */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--kb-text-secondary, #6B7280) !important;
}

/* --- Teslimat Bilgisi Kutusu (e-bebek tarzı) --- */
/* Eski delivery/return/trust boxes — artık kb-info-box kullanılıyor */
.kb-delivery-box {
    display: none !important;
}
.kb-return-box {
    display: none !important;
}
.kb-trust-badges {
    display: none !important;
}
.kb-stock-ok {
    display: none !important;
}

.kb-delivery-box-old {
    background: var(--kb-bg-soft, #FDF5EE);
    border-top: 4px solid var(--kb-border, #E8E2DC);
    padding: 16px 20px;
    margin: 16px 0;
    border-radius: 0 0 var(--kb-radius, 8px) var(--kb-radius, 8px);
}

.kb-delivery-box-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kb-delivery-box-title svg {
    width: 20px;
    height: 20px;
    color: var(--kb-primary, #2B2F33);
}

.kb-delivery-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--kb-text-secondary, #6B7280);
    margin-bottom: 6px;
}

.kb-delivery-row svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--kb-primary, #2B2F33);
}

.kb-delivery-highlight {
    color: var(--kb-primary, #2B2F33);
    font-weight: 700;
}

/* --- Taksit Bilgi Kutusu --- */
.kb-installment-box {
    background: #E6F5F1;
    padding: 10px 16px;
    border-radius: var(--kb-radius, 8px);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-primary, #2B2F33);
}

.kb-installment-box svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* --- Varyant Seçimi — Pill butonlar (e-bebek tarzı) --- */
/* Variations table — tüm padding/margin sıfırla, ürün adıyla hizala */
.single-product .variations_form,
.single-product .variations_form .variations,
.single-product .variations_form .variations td,
.single-product .variations_form .variations th,
.single-product .variations_form .variations tbody {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-spacing: 0 !important;
}

.single-product .variations {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.single-product .variations tr {
    display: block !important;
}

.single-product .variations td.label {
    display: none !important;
}

.single-product .variations td.value {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Astra default overrides */
.woocommerce div.product form.cart .variations {
    margin-bottom: 0 !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding: 0 !important;
}

.single-product .variations select {
    display: none !important;
}

.single-product .variations .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.single-product .variations .variable-item {
    min-width: 44px;
    height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 18px !important;
    border: 1.5px solid var(--kb-border, #E8E2DC) !important;
    border-radius: 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--kb-text, #2B2F33) !important;
    cursor: pointer;
    transition: all 0.2s !important;
    background: #fff !important;
}

.single-product .variations .variable-item:hover {
    border-color: var(--kb-primary, #2B2F33) !important;
    background: var(--kb-primary-pale, #E6F5F1) !important;
}

.single-product .variations .variable-item.selected,
.single-product .variations .variable-item[aria-checked="true"] {
    border-color: var(--kb-primary, #2B2F33) !important;
    background: var(--kb-primary-pale, #E6F5F1) !important;
    color: var(--kb-primary, #2B2F33) !important;
}

/* --- Renk Swatch — Görsel Thumbnail tarzı --- */
.single-product .cfvsw-swatches-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* cfvsw wrapper da sıfırla */
.single-product .cfvsw-hidden-select,
.single-product .cfvsw-swatches-container ~ * {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.single-product .cfvsw-swatches-option {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--kb-border, #E8E2DC) !important;
    padding: 1px !important;
    overflow: hidden !important;
    transition: all 0.2s !important;
    background: #fff !important;
}

.single-product .cfvsw-swatches-option:hover {
    border-color: var(--kb-primary, #2B2F33) !important;
}

.single-product .cfvsw-selected-swatch {
    border-color: var(--kb-primary, #2B2F33) !important;
    box-shadow: 0 0 0 1px var(--kb-primary, #2B2F33) !important;
}

/* Ölçü swatch'ları — kompakt pill */
.single-product .cfvsw-label-option {
    width: auto !important;
    height: 28px !important;
    border-radius: 999px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    min-width: 0 !important;
    border-width: 1.5px !important;
}

.single-product .cfvsw-swatches-option .cfvsw-swatch-inner {
    border-radius: 50% !important;
    overflow: hidden !important;
}

.single-product .cfvsw-swatches-option .cfvsw-swatch-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* --- Sepete Ekle Butonu — e-bebek tarzı: yuvarlak, kompakt --- */
.single-product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product form.cart .quantity {
    flex: 0 0 auto;
}

.single-product form.cart .quantity .qty {
    width: 52px !important;
    height: 44px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: 1.5px solid var(--kb-border, #E8E2DC) !important;
    border-radius: 22px !important;
}

.single-product form.cart .single_add_to_cart_button {
    flex: 1 !important;
    height: 44px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    border-radius: 22px !important;
    text-transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    border: none !important;
}

/* --- Ücretsiz İade Kutusu (e-bebek tarzı) --- */
.kb-return-box {
    background: var(--kb-primary-pale, #E6F5F1);
    border-left: 6px solid var(--kb-primary, #2B2F33);
    padding: 12px 16px;
    border-radius: 0 var(--kb-radius, 8px) var(--kb-radius, 8px) 0;
    margin: 16px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--kb-primary, #2B2F33);
}

.kb-return-box svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* --- Galeri — Tam ekran, overlay elemanları --- */
.single-product .woocommerce-product-gallery {
    border-radius: 0 !important;
    overflow: hidden;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* WooCommerce galeri trigger butonu — tamamen gizle (custom lightbox kullanıyoruz) */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Thumbnail'ları yuvarlak noktalara dönüştür — sol alt */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    position: absolute !important;
    bottom: 16px !important;
    left: 16px !important;
    transform: none !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    z-index: 5 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 10px !important;
    height: 10px !important;
    opacity: 0 !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    background: rgba(255,255,255,0.5) !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover {
    background: rgba(255,255,255,0.8) !important;
}

/* Aktif thumbnail nokta */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
    opacity: 0 !important;
    border: none !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:has(img.flex-active) {
    background: #fff !important;
    transform: scale(1.2);
}

/* İndirim rozeti - sol alt */
/* İndirim badge — ürün sayfası + thumbnail aynı tasarım */
.single-product .ast-onsale-card,
.single-product .onsale {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 10;
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
    margin: 0 !important;
    letter-spacing: 0.3px;
    text-transform: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    display: inline-block !important;
}

/* Galeri dışındaki duplicate badge'leri gizle */
.single-product .summary .ast-onsale-card,
.single-product .related .ast-onsale-card {
    display: none !important;
}

/* Bestseller badge gizle */
.kb-bestseller-badge {
    display: none !important;
}

/* Galeri paylaş butonu — sağ alt */
.kb-gallery-actions {
    position: absolute;
    bottom: 30px;
    right: 14px;
    top: auto;
    z-index: 15;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.kb-gallery-action-btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #000;
    transition: all 0.2s;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    text-decoration: none;
    backdrop-filter: blur(4px);
    box-sizing: border-box;
}

.kb-gallery-action-btn:hover {
    background: rgba(255,255,255,0.75);
    transform: scale(1.08);
    color: #000;
}

.kb-gallery-action-btn svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #222 !important;
    stroke-width: 2.5 !important;
    min-width: 22px;
    min-height: 22px;
}

/* Sosyal medya paylaş menüsü — butonun üstüne açılır */
.kb-share-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.9);
    transition: all 0.25s cubic-bezier(0.25,0.1,0.25,1);
    transform-origin: bottom right;
    pointer-events: none;
}

.kb-share-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.kb-share-item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none !important;
    transition: transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.kb-share-item:hover {
    transform: scale(1.12);
    color: #fff !important;
}

.kb-share-whatsapp { background: #25D366; }
.kb-share-facebook { background: #1877F2; }
.kb-share-x { background: #000; }
.kb-share-pinterest { background: #E60023; }
.kb-share-copy {
    background: #6B7280;
    color: #fff !important;
}

/* Summary'de form.cart — renk/ölçü göster, buton/miktar gizle (sticky bar'da) */
.single-product .summary form.cart {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .quantity {
    display: none !important;
}

.single-product .summary form.cart .woocommerce-variation-add-to-cart {
    display: none !important;
}

/* Paylaş kısmını kaldır */
.single-product .kb-share-buttons {
    display: none !important;
}

/* Değerlendirme satırı — eski (gizli) */
.kb-review-line {
    display: none !important;
}

/* Değerlendirme satırı v2 — sarı yıldızlar, büyük, tıklanabilir */
.kb-review-line-v2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 14px;
    padding: 0 !important;
    margin-left: 0 !important;
    cursor: pointer;
    width: 100%;
}

.kb-review-line-v2:hover .kb-review-count {
    text-decoration: underline;
}

.kb-review-line-v2 .star-rating {
    font-size: 18px !important;
    color: #F5A623 !important;
}

.kb-review-line-v2 .star-rating::before {
    color: #F5A623 !important;
}

.kb-review-line-v2 .star-rating span::before {
    color: #F5A623 !important;
}

.kb-review-count {
    font-size: 14px;
    color: #6B7280;
    font-weight: 500;
}

/* Bilgi kutusu — teslimat, iade, pamuk, güvenli ödeme */
.kb-info-box {
    background: #F9FAFB;
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: 10px;
    padding: 14px 16px;
    margin: 16px 0;
}

.kb-info-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-size: 13px;
    color: #4B5563;
    border-bottom: 1px solid #F0F0F0;
}

.kb-info-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.kb-info-row:first-child {
    padding-top: 0;
}

.kb-info-row svg {
    flex-shrink: 0;
    color: var(--kb-cta, #E8734A);
}

.kb-info-row strong {
    color: #1F2937;
}

.kb-review-camera-icon {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    color: #9CA3AF;
}

.kb-review-camera-icon svg {
    width: 16px;
    height: 16px;
}

/* Default WooCommerce rating gizle */
.single-product .woocommerce-product-rating {
    display: none !important;
}

/* --- Summary Panel Düzeni --- */
.single-product .summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    align-items: stretch !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.single-product .summary .product_meta {
    order: 10;
    padding-top: 16px;
    border-top: 1px solid var(--kb-border, #E8E2DC);
    margin-top: 16px;
    font-size: 12px !important;
    color: var(--kb-text-muted, #9CA3AF) !important;
}

.single-product .summary .product_meta a {
    color: var(--kb-primary, #2B2F33) !important;
    font-weight: 500;
}

/* --- Mobil Ürün Sayfası — e-bebek tarzı --- */
@media (max-width: 768px) {
    .single-product div.product {
        padding: 0 !important;
    }

    .single-product .woocommerce-breadcrumb {
        padding: 8px 16px !important;
        font-size: 11px !important;
    }

    .single-product .product_title {
        font-size: 18px !important;
        padding: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .single-product .summary.entry-summary {
        padding: 0 !important;
    }

    .kb-brand-name {
        padding: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    /* Variations/swatch sol hizalama — ürün adıyla aynı */
    .single-product .variations_form,
    .single-product .variations,
    .single-product .variations tr,
    .single-product .variations td,
    .single-product .cfvsw-swatches-container {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .single-product .woocommerce-product-rating {
        padding: 0 16px !important;
        margin-bottom: 8px !important;
    }

    .kb-review-line-v2 {
        padding: 0 !important;
        margin-left: 0 !important;
    }

    .single-product .summary .price {
        padding: 0 !important;
        margin-bottom: 0 !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }

    .single-product .summary .price ins {
        font-size: 20px !important;
    }

    .single-product .summary .price del {
        font-size: 13px !important;
    }

    .single-product .summary .price > .woocommerce-Price-amount {
        font-size: 20px !important;
    }

    /* Mobilde miktar seçici gizle — e-bebek tarzı */
    .single-product form.cart .quantity {
        display: none !important;
    }

    .single-product form.cart {
        flex-direction: row !important;
        margin: 0 !important;
        padding: 0 16px !important;
    }

    .single-product form.cart .single_add_to_cart_button {
        height: 40px !important;
        font-size: 14px !important;
        border-radius: 20px !important;
        padding: 0 24px !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    /* Kısa açıklama — mobilde gizle, e-bebek tarzı sade görünüm */
    .single-product .woocommerce-product-details__short-description {
        display: none !important;
    }

    /* Delivery/return box */
    .kb-delivery-box,
    .kb-return-box,
    .kb-installment-box {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .kb-trust-badges {
        padding: 0 16px !important;
    }

    /* Product meta */
    .single-product .summary .product_meta {
        padding: 16px !important;
    }
}

/* ==============================================
   MASAÜSTÜ ÜRÜN SAYFASI — GALERİ SOL + SUMMARY SAĞ
   ============================================== */

@media (min-width: 992px) {
    /* Ana ürün container — flex layout */
    .single-product div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    /* Galeri — sol, %55 */
    .single-product .woocommerce-product-gallery {
        width: 55% !important;
        max-width: 55% !important;
        flex: 0 0 55% !important;
        float: none !important;
    }

    /* Summary — sağ, %45 */
    .single-product .summary.entry-summary {
        width: 45% !important;
        max-width: 45% !important;
        flex: 0 0 45% !important;
        float: none !important;
        padding-left: 32px !important;
        align-self: flex-start !important;
    }

    /* Tam genişlik elemanlar — breadcrumb, tabs, ilgili ürünler */
    .single-product div.product > .woocommerce-breadcrumb,
    .single-product div.product > .woocommerce-notices-wrapper,
    .single-product div.product > .kb-review-gallery-section,
    .single-product div.product > .woocommerce-tabs,
    .single-product div.product > .related.products,
    .single-product div.product > .up-sells {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Alt sekmeler (Açıklama, Değerlendirmeler vb.) */
.single-product .woocommerce-Tabs-panel h2,
.single-product .woocommerce-Tabs-panel h3,
.single-product .woocommerce-Tabs-panel h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.single-product .woocommerce-Tabs-panel ul,
.single-product .woocommerce-Tabs-panel ol {
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding-left: 18px !important;
}

/* ==============================================
   FAVORİ KALP — miktar butonunun yanına sabit
   ============================================== */

/* Sepete ekle + miktar satırını flex yap */
.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

/* YITH default butonunu gizle — custom buton kullanıyoruz */
.single-product .yith-wcwl-add-to-wishlist,
.single-product .yith-add-to-wishlist-button-block {
    display: none !important;
}

/* Favori butonu — sticky bar'da kullanılıyor, genel stiller .kb-sticky-fav-btn'de */

/* ==============================================
   SIRALAMA DROPDOWN — CUSTOM DROPDOWN
   ============================================== */

/* Native select'i gizle */
.woocommerce-ordering select.orderby {
    display: none !important;
}

/* Custom dropdown wrapper */
.kb-sort-dropdown {
    position: relative;
    display: inline-block;
}

/* Trigger butonu */
.kb-sort-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--kb-text, #2B2F33);
    background: #fff;
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    white-space: nowrap;
    line-height: 1.4;
    min-height: 38px;
}

.kb-sort-trigger:hover {
    border-color: #ccc;
}

.kb-sort-trigger.active {
    border-color: var(--kb-text, #2B2F33);
    box-shadow: 0 0 0 2px rgba(43,47,51,0.08);
}

/* Ok ikonu */
.kb-sort-arrow {
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
    opacity: 0.5;
}

.kb-sort-trigger.active .kb-sort-arrow {
    transform: rotate(180deg);
}

/* Dropdown listesi */
.kb-sort-list {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    padding: 6px 0;
    list-style: none;
    margin: 0;
}

.kb-sort-list.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown item */
.kb-sort-item {
    padding: 10px 16px;
    font-size: 13px;
    color: var(--kb-text-secondary, #6B7280);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kb-sort-item:hover {
    background: var(--kb-bg-soft, #FDF5EE);
    color: var(--kb-text, #2B2F33);
}

.kb-sort-item.selected {
    color: var(--kb-text, #2B2F33);
    font-weight: 600;
}

.kb-sort-item.selected::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--kb-cta, #E8734A);
    flex-shrink: 0;
}

/* Büyük harf override — normal case */
.kb-sort-trigger,
.kb-sort-item {
    text-transform: none !important;
}

/* Mobilde küçük sıralama */
@media (max-width: 768px) {
    .kb-sort-trigger {
        padding: 6px 10px;
        font-size: 11px;
        min-height: 32px;
    }
    .kb-sort-arrow {
        width: 8px;
        height: 8px;
    }
    .kb-sort-item {
        padding: 8px 14px;
        font-size: 12px;
    }
    .kb-sort-list {
        min-width: 190px;
    }
}

/* ==============================================
   FOOTER — İÇERİK ZENGİNLEŞTİRME
   ============================================== */

/* Footer genel */
.site-footer {
    font-size: 15px;
    line-height: 1.6;
}

.site-footer .widget-title,
.site-footer h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.site-footer a,
.site-footer li,
.site-footer p,
.site-footer span,
.site-footer div,
.site-footer td,
.site-footer address {
    font-size: 15px !important;
    font-family: var(--kb-font-body, 'Montserrat', sans-serif) !important;
    line-height: 1.6 !important;
}

/* İletişim sayfası — harita renkli göster */
.page-id-500 .elementor-widget-google_maps iframe {
    filter: saturate(1) !important;
}

/* İletişim sayfası başlığı */
.page-id-500 .entry-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Footer linkleri */
.site-footer a {
    transition: color 0.2s;
}

/* Footer alt bilgi satırı */
.kb-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px 0;
    border-top: 1px solid #E8E2DC;
    margin-top: 20px;
    font-size: 13px;
    color: #999;
}

/* Ödeme ikonları */
.kb-payment-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.kb-payment-icons img,
.kb-payment-icons svg {
    height: 24px;
    width: auto;
    opacity: 0.6;
    transition: opacity 0.2s;
}
.kb-payment-icons img:hover,
.kb-payment-icons svg:hover {
    opacity: 1;
}

/* Footer yasal linkler */
.kb-footer-legal {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
}
.kb-footer-legal a {
    color: #999;
    text-decoration: none;
}
.kb-footer-legal a:hover {
    color: #2B2F33;
}

/* ==============================================
   404 SAYFASI — ÖZELLEŞTİRİLMİŞ
   ============================================== */

.kb-404-container {
    text-align: center;
    padding: 60px 20px;
    max-width: 600px;
    margin: 0 auto;
}
.kb-404-title {
    font-size: 72px;
    font-weight: 800;
    color: #E8E2DC;
    line-height: 1;
    margin-bottom: 16px;
}
.kb-404-subtitle {
    font-size: 22px;
    font-weight: 700;
    color: #2B2F33;
    margin-bottom: 12px;
}
.kb-404-text {
    font-size: 15px;
    color: #888;
    margin-bottom: 30px;
    line-height: 1.6;
}
.kb-404-search {
    max-width: 400px;
    margin: 0 auto 30px;
}
.kb-404-search input[type="search"] {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #E8E2DC;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.2s;
}
.kb-404-search input[type="search"]:focus {
    border-color: #2B2F33;
    outline: none;
    box-shadow: 0 0 0 3px rgba(106,89,80,0.1);
}
.kb-404-links {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.kb-404-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    min-height: 48px;
    border: 1.5px solid #E8E2DC;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #2B2F33;
    text-decoration: none;
    transition: all 0.2s;
}
.kb-404-links a:first-child {
    background: #2B2F33;
    color: #fff;
    border-color: #2B2F33;
}
.kb-404-links a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(106,89,80,0.2);
}

/* ==============================================
   BOŞ DURUM İYİLEŞTİRMELERİ
   ============================================== */

/* Boş sepet */
.cart-empty.woocommerce-info {
    text-align: center;
    font-size: 14px;
    padding: 24px 16px;
}

/* Boş sepet sayfası: başlık + "alışverişe dön" butonu */
.woocommerce-cart .woocommerce .cart-empty ~ .return-to-shop,
.woocommerce-cart .woocommerce .return-to-shop {
    text-align: center;
}

.woocommerce-cart .woocommerce .return-to-shop .button {
    font-size: 13px !important;
    padding: 10px 24px !important;
}

/* Sepet sayfa başlığı küçült */
.woocommerce-cart .entry-title,
.woocommerce-cart .page-title,
.woocommerce-cart .woocommerce-products-header__title {
    font-size: 20px !important;
}

/* Boş favoriler */
.kb-empty-state {
    text-align: center;
    padding: 40px 20px;
}
.kb-empty-state-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.3;
}
.kb-empty-state-title {
    font-size: 17px;
    font-weight: 600;
    color: #2B2F33;
    margin-bottom: 8px;
}
.kb-empty-state-text {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}
.kb-empty-state-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 28px;
    min-height: 48px;
    background: #2B2F33;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.kb-empty-state-btn:hover {
    background: #1F2937;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(106,89,80,0.3);
}

/* ==============================================
   GENEL DOKUNMA ALANI İYİLEŞTİRMELERİ (MOBİL)
   ============================================== */

@media (max-width: 768px) {
    /* Tüm butonlar minimum 44px */
    .woocommerce button.button,
    .woocommerce a.button,
    .woocommerce input.button {
        min-height: 44px;
        font-size: 13px;
        padding: 12px 20px;
    }

    /* Ürün sayfası başlığı */
    .single-product .product_title {
        font-size: 20px !important;
    }

    /* Ürün sayfası kısa açıklama */
    .single-product .woocommerce-product-details__short-description,
    .single-product .woocommerce-product-details__short-description p {
        font-size: 13px !important;
    }

    /* Mobil galeri thumbnail */
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        flex: 0 0 72px !important;
        width: 72px !important;
    }
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
        width: 72px !important;
        height: 72px !important;
    }

    /* Favori kalp butonu — mobil */
    .kb-wishlist-btn {
        width: 44px !important;
        height: 44px !important;
    }

    /* 404 sayfası mobil */
    .kb-404-title {
        font-size: 48px;
    }
    .kb-404-subtitle {
        font-size: 18px;
    }
    .kb-404-links {
        flex-direction: column;
    }
    .kb-404-links a {
        width: 100%;
        justify-content: center;
    }
}

/* =============================================
   WHATSAPP FLOATING BUTONU
   ============================================= */
.kb-whatsapp-btn {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}
.kb-whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
.kb-whatsapp-btn:focus {
    outline: 2px solid var(--kb-cta, #E8734A);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .kb-whatsapp-btn {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 16px;
    }
    .kb-whatsapp-btn svg {
        width: 24px;
        height: 24px;
    }
}

/* =============================================
   GÜVEN ROZETLERİ (e-bebek tarzı)
   ============================================= */
.kb-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.kb-trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--kb-text-secondary, #6B7280);
    padding: 6px 12px;
    background: var(--kb-bg-soft, #FDF5EE);
    border-radius: var(--kb-radius-pill, 999px);
    border: 1px solid var(--kb-border, #E8E2DC);
}

.kb-trust-badge svg {
    flex-shrink: 0;
    color: var(--kb-primary, #2B2F33);
}

@media (max-width: 768px) {
    .kb-trust-badges {
        gap: 8px;
    }
    .kb-trust-badge {
        font-size: 11px;
        padding: 5px 10px;
    }
    .kb-trust-badge svg {
        width: 14px;
        height: 14px;
    }
}

/* Eski ücretsiz kargo notice — artık delivery box içinde */

/* =============================================
   MOBİL MENÜ — DROPDOWN OK DÜZENLEMESİ
   ============================================= */

/* Link içindeki oku gizle — sadece ayrı toggle buton görünsün */
#ast-mobile-popup .menu-item-has-children > a.menu-link > .dropdown-menu-toggle {
    display: none !important;
}

/* Toggle buton: tutarlı boyut ve konum */
#ast-mobile-popup .ast-menu-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border: none !important;
    background: rgba(0,0,0,0.03) !important;
    border-radius: 6px !important;
}
#ast-mobile-popup .ast-menu-toggle:active {
    background: rgba(0,0,0,0.08) !important;
}

/* Ok SVG boyutu */
#ast-mobile-popup .ast-menu-toggle svg {
    width: 14px !important;
    height: 14px !important;
}

/* "Tüm ürünler" satırı: metin ve ok toggle yan yana */
#ast-mobile-popup .menu-item-has-children {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}
#ast-mobile-popup .menu-item-has-children > a.menu-link {
    flex: 1 !important;
    min-width: 0 !important;
}
#ast-mobile-popup .menu-item-has-children > .sub-menu {
    width: 100% !important;
}

/* Menü item padding ve spacing */
#ast-mobile-popup .main-header-menu > li > a.menu-link {
    padding: 12px 0 12px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--kb-text, #2B2F33) !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* Alt menü item'ları */
#ast-mobile-popup .sub-menu > li > a.menu-link {
    padding: 10px 16px 10px 28px !important;
    font-size: 14px !important;
    color: #555 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}

/* Sub-menu ok ikonlarını gizle (sadece metin göster) */
#ast-mobile-popup .sub-menu > li > a .ast-icon {
    display: none !important;
}

/* =============================================
   MOBİL MENÜ — GİRİŞ / KAYIT BUTONLARI
   ============================================= */

/* Menüdeki "Giriş Yap" linkini gizle (buton olarak alt kısımda gösterilecek) */
#ast-mobile-popup #menu-item-2595 {
    display: none !important;
}

/* Buton alanı */
.kb-mobile-menu-auth {
    display: flex;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid rgba(0,0,0,0.08);
    margin-top: auto;
}
.kb-mobile-menu-auth a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    min-height: 48px;
    transition: background 0.2s, color 0.2s;
}
.kb-mobile-auth-login {
    background: #2B2F33;
    color: #fff !important;
}
.kb-mobile-auth-login:hover {
    background: #1F2937;
    color: #fff !important;
}
.kb-mobile-auth-register {
    background: transparent;
    color: #2B2F33 !important;
    border: 2px solid #2B2F33;
}
.kb-mobile-auth-register:hover {
    background: #2B2F33;
    color: #fff !important;
}

/* Popup inner flex layout — butonları alta it */
#ast-mobile-popup .ast-mobile-popup-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
#ast-mobile-popup .ast-mobile-popup-content {
    flex: 1 !important;
    overflow-y: auto !important;
}

/* ==============================================
   UX/UI İYİLEŞTİRME — SMOOTH SCROLL
   ============================================== */

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* ==============================================
   UX/UI — ÜRÜN KARTI HOVER EFEKTLERİ
   ============================================== */

.woocommerce ul.products li.product {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* Ürün görseline hover overlay */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    overflow: hidden;
}

.woocommerce ul.products li.product a img {
    transition: transform 0.35s ease !important;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.04);
}

/* Fiyat vurgusu */
.woocommerce ul.products li.product .price {
    transition: color 0.2s ease;
}

.woocommerce ul.products li.product .price del {
    opacity: 0.5;
    font-size: 0.85em;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    font-weight: 700;
    color: #2B2F33;
}

/* ==============================================
   UX/UI — WOOCOMMERCE BİLDİRİM/TOAST STİLLERİ
   ============================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 10px !important;
    border: none !important;
    padding: 14px 18px 14px 48px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    position: relative !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    animation: kb-slide-in 0.3s ease-out;
}

.woocommerce-message {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    border-left: 4px solid #4caf50 !important;
}

.woocommerce-info {
    background: #e3f2fd !important;
    color: #1565c0 !important;
    border-left: 4px solid #2196f3 !important;
}

.woocommerce-error {
    background: #fce4ec !important;
    color: #c62828 !important;
    border-left: 4px solid #ef5350 !important;
}

.woocommerce-message::before {
    color: #4caf50 !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.woocommerce-info::before {
    color: #2196f3 !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.woocommerce-error::before {
    color: #ef5350 !important;
}

.woocommerce-message a.button,
.woocommerce-message .restore-item {
    background: #2e7d32 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s !important;
}

.woocommerce-message a.button:hover {
    background: #1b5e20 !important;
}

@keyframes kb-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==============================================
   UX/UI — MİKTAR SEÇİCİ STİLİZE (+/- BUTONLARI)
   ============================================== */

.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #E8E2DC;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.woocommerce .quantity .qty {
    width: 48px !important;
    height: 44px !important;
    text-align: center !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2B2F33 !important;
    background: transparent !important;
    -moz-appearance: textfield !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.woocommerce .quantity .kb-qty-btn {
    width: 38px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDF5EE;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: #2B2F33;
    transition: background 0.15s, color 0.15s;
    user-select: none;
    -webkit-user-select: none;
    line-height: 1;
    padding: 0;
}

.woocommerce .quantity .kb-qty-btn:hover {
    background: #2B2F33;
    color: #fff;
}

.woocommerce .quantity .kb-qty-btn:active {
    transform: scale(0.95);
}

/* ==============================================
   UX/UI — SAYFA ÜSTÜNE DÖN BUTONU
   ============================================== */

.kb-back-to-top {
    position: fixed;
    bottom: 90px;
    right: 24px;
    z-index: 9998;
    width: 56px;
    height: 56px;
    background: #2B2F33;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, background 0.2s;
}

.kb-back-to-top.kb-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.kb-back-to-top:hover {
    background: #1F2937;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.kb-back-to-top:focus {
    outline: 2px solid #2B2F33;
    outline-offset: 2px;
}

.kb-back-to-top svg {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    min-height: 32px;
}

@media (max-width: 768px) {
    .kb-back-to-top {
        bottom: 80px;
        right: 16px;
        width: 50px;
        height: 50px;
    }
    .kb-back-to-top svg {
        width: 26px;
        height: 26px;
    }
}

/* ==============================================
   UX/UI — BREADCRUMB STİLİ
   ============================================== */

.woocommerce-breadcrumb,
.kistababy-breadcrumb,
.rank-math-breadcrumb {
    font-size: 13px !important;
    color: #999 !important;
    padding: 12px 0 !important;
    margin-bottom: 8px !important;
}

.woocommerce-breadcrumb a,
.kistababy-breadcrumb a,
.rank-math-breadcrumb a {
    color: #2B2F33 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
    font-weight: 500 !important;
}

.woocommerce-breadcrumb a:hover,
.kistababy-breadcrumb a:hover,
.rank-math-breadcrumb a:hover {
    color: #1F2937 !important;
    text-decoration: underline !important;
}

/* Ayırıcı ok */
.woocommerce-breadcrumb .breadcrumb-separator,
.rank-math-breadcrumb .separator {
    margin: 0 6px;
    color: #ccc;
}

/* ==============================================
   UX/UI — SAYFALAMA (PAGİNATİON)
   ============================================== */

.woocommerce nav.woocommerce-pagination {
    margin: 40px 0 !important;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex !important;
    gap: 6px !important;
    border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    border: 1.5px solid #E8E2DC !important;
}

.woocommerce nav.woocommerce-pagination ul li a {
    background: #fff !important;
    color: #2B2F33 !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #2B2F33 !important;
    color: #fff !important;
    border-color: #2B2F33 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 125, 107, 0.2);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #2B2F33 !important;
    color: #fff !important;
    border-color: #2B2F33 !important;
}

/* ==============================================
   UX/UI — YORUM SAYFALAMA (REVIEW PAGİNATİON)
   ============================================== */

#reviews nav.woocommerce-pagination {
    margin: 32px 0 16px !important;
    text-align: center;
}

#reviews nav.woocommerce-pagination ul {
    display: inline-flex !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#reviews nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
}

#reviews nav.woocommerce-pagination ul li a,
#reviews nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    border: 1.5px solid #E8E2DC !important;
}

#reviews nav.woocommerce-pagination ul li a {
    background: #fff !important;
    color: #2B2F33 !important;
}

#reviews nav.woocommerce-pagination ul li a:hover {
    background: #2B2F33 !important;
    color: #fff !important;
    border-color: #2B2F33 !important;
}

#reviews nav.woocommerce-pagination ul li span.current {
    background: #2B2F33 !important;
    color: #fff !important;
    border-color: #2B2F33 !important;
}

#reviews nav.woocommerce-pagination ul li span.kb-page-dots,
.kb-review-pagination ul li span.kb-page-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 40px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    color: #9CA3AF !important;
    background: none !important;
    border: none !important;
}

/* ==============================================
   UX/UI — MOBİL STİCKY SEPETE EKLE BARI
   ============================================== */

.kb-sticky-atc-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99998;
    background: #fff;
    border-top: 1px solid #E8E2DC;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
    padding: 16px 16px 24px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transform: none !important;
}

/* Always visible, no transition needed */
.kb-sticky-atc-bar.kb-sticky-visible {
    transform: none;
}

.kb-sticky-atc-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.kb-sticky-atc-name {
    font-size: 15px;
    font-weight: 600;
    color: #2B2F33;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kb-sticky-atc-price {
    font-size: 19px;
    font-weight: 700;
    color: #2B2F33;
}

.kb-sticky-atc-price del {
    font-size: 12px;
    color: #bbb;
    font-weight: 400;
    margin-right: 4px;
}

.kb-sticky-atc-price ins {
    text-decoration: none;
    color: #2B2F33;
}

.kb-sticky-fav-btn {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #E8E2DC;
    border-radius: 50%;
    background: #fff;
    color: var(--kb-text-muted, #9CA3AF);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    padding: 0;
}

.kb-sticky-fav-btn:hover {
    color: var(--kb-danger, #D94F4F);
    border-color: var(--kb-danger, #D94F4F);
    background: var(--kb-error-bg, #FEE2E2);
}

.kb-sticky-fav-btn.kb-in-wishlist {
    color: var(--kb-danger, #D94F4F);
    border-color: var(--kb-danger, #D94F4F);
    background: var(--kb-error-bg, #FEE2E2);
}

.kb-sticky-atc-btn {
    flex-shrink: 0;
    padding: 14px 28px;
    min-height: 48px;
    background: var(--kb-cta, #E8734A);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0.3px;
    transition: background 0.2s;
    white-space: nowrap;
}

/* Lightbox */
.kb-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.9);
    cursor: zoom-out;
    overflow: hidden;
}

.kb-lightbox img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 4px;
    user-select: none;
    -webkit-user-drag: none;
}

/* Lightbox ok butonları */
.kb-lb-prev, .kb-lb-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000000;
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    transition: background 0.2s ease;
}
.kb-lb-prev:hover, .kb-lb-next:hover { background: rgba(255,255,255,0.3); }
.kb-lb-prev { left: 16px; }
.kb-lb-next { right: 16px; }

/* Lightbox sayaç */
.kb-lb-counter {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000000;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

/* Mobilde ok butonlarını küçült */
@media (max-width: 768px) {
    .kb-lb-prev, .kb-lb-next {
        width: 36px;
        height: 36px;
        font-size: 24px;
    }
    .kb-lb-prev { left: 8px; }
    .kb-lb-next { right: 8px; }
}

.kb-sticky-atc-btn:hover {
    background: var(--kb-cta-dark, #D4623C);
}

/* Don't hide on desktop for product pages */
@media (min-width: 769px) {
    .kb-sticky-atc-bar {
        display: flex !important;
        max-width: 1200px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%) !important;
        border-radius: 12px 12px 0 0;
    }
}

@media (max-width: 768px) {
    /* Sticky bar göründüğünde WhatsApp ve sepet butonlarını yukarı kaydır */
    body.kb-sticky-bar-active .kb-whatsapp-btn {
        bottom: 96px !important;
    }
    body.kb-sticky-bar-active #moderncart-floating-cart {
        bottom: 76px !important;
    }
    body.kb-sticky-bar-active .kb-back-to-top {
        bottom: 96px;
    }
}

/* ==============================================
   UX/UI — CHECKOUT FORM İYİLEŞTİRMELERİ
   ============================================== */

/* Genel form alanları */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
    border: 1.5px solid #E8E2DC !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    background: #fff !important;
    min-height: 44px !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: #2B2F33 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(26, 125, 107, 0.1) !important;
}

/* Checkout label stilleri */
.woocommerce-checkout .form-row label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555 !important;
    margin-bottom: 4px !important;
}

/* Checkout başlıkları */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #E6F5F1 !important;
}

/* Checkout sipariş özeti — kart görünümü */
.woocommerce-checkout-review-order-table {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #E8E2DC !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #FAFAFA !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 16px !important;
    font-size: 14px !important;
    border: none !important;
    background: transparent !important;
}

/* Sipariş özeti — ürün satırları arası ince çizgi */
.woocommerce-checkout-review-order-table tbody tr.cart_item {
    border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-checkout-review-order-table tbody tr.cart_item:last-child {
    border-bottom: none !important;
}

/* Sipariş özeti — tfoot satırları */
.woocommerce-checkout-review-order-table tfoot tr {
    border-top: 1px solid #f0f0f0 !important;
}

.woocommerce-checkout-review-order-table tfoot th {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #666 !important;
}

.woocommerce-checkout-review-order-table tfoot td {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2B2F33 !important;
    text-align: right !important;
}

/* Siparişiniz başlığı */
#order_review_heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Ödeme yöntemleri kutusu */
.woocommerce-checkout #payment {
    background: #FAFAFA !important;
    border: 1px solid #E8E2DC !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 16px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
    border: none !important;
    margin: 0 0 16px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    list-style: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2B2F33 !important;
    cursor: pointer;
}

.woocommerce-checkout #payment div.payment_box {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    color: #666 !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}

/* Sipariş ver butonu */
.woocommerce #place_order {
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    min-height: 52px !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s !important;
    text-transform: uppercase !important;
}

.woocommerce #place_order:hover {
    background: var(--kb-cta-dark, #D4623C) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(232, 115, 74, 0.3) !important;
}

/* Checkout — ürün görseli ürün adı yanında */
.kb-checkout-item {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.kb-checkout-item img.kb-checkout-thumb {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.kb-checkout-item-name {
    font-size: 13px;
    font-weight: 600;
    color: #2B2F33;
    line-height: 1.4;
}

/* Checkout — Ara toplam satırını gizle */
.woocommerce-checkout-review-order-table tfoot .cart-subtotal {
    display: none !important;
}

/* Checkout — Toplam satırı belirgin */
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    padding: 16px !important;
    border-top: 2px solid #E8E2DC !important;
}

/* Checkout — Ürün satır hizalama */
.woocommerce-checkout-review-order-table tbody td.product-name {
    padding: 12px 16px !important;
    vertical-align: middle !important;
}

.woocommerce-checkout-review-order-table tbody td.product-total {
    vertical-align: middle !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    white-space: nowrap;
}

/* Checkout — Miktar (×1) stili */
.woocommerce-checkout-review-order-table .product-quantity {
    font-weight: 500 !important;
    color: #999 !important;
    font-size: 13px !important;
}

/* Checkout — Varyasyon bilgisi (renk, beden) */
.woocommerce-checkout-review-order-table dl.variation {
    margin: 4px 0 0 0 !important;
    font-size: 12px !important;
    color: #999 !important;
}

.woocommerce-checkout-review-order-table dl.variation dt,
.woocommerce-checkout-review-order-table dl.variation dd {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
}

/* Checkout — Thead sade */
.woocommerce-checkout-review-order-table thead th {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 10px 16px !important;
    background: #FAFAFA !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce #place_order:active {
    transform: translateY(0) !important;
}

/* ==============================================
   UX/UI — FOCUS VE ERİŞİLEBİLİRLİK
   ============================================== */

/* Keyboard focus göstergeleri */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #2B2F33;
    outline-offset: 2px;
}

/* Seçim rengi */
::selection {
    background: rgba(232, 115, 74, 0.2);
    color: var(--kb-text, #2B2F33);
}

/* Link geçiş animasyonları */
a {
    transition: color 0.2s ease;
}

/* ==============================================
   UX/UI — İNDİRİM ROZETİ YÜZDE STİLİ
   ============================================== */

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background: #D94F4F !important;
    color: #fff !important;
}

/* Ürün sayfasındaki indirim rozeti */
/* duplicate kaldırıldı — üstteki .single-product .onsale geçerli */

/* ==============================================
   UX/UI — SEPETE EKLE BUTONU ANİMASYONU
   ============================================== */

.single_add_to_cart_button {
    position: relative;
    overflow: hidden;
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s !important;
}

.single_add_to_cart_button:hover {
    background: var(--kb-cta-dark, #D4623C) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(232, 115, 74, 0.3);
}

.single_add_to_cart_button:active {
    transform: translateY(0) scale(0.98);
}

/* Sepete eklendi animasyonu */
.single_add_to_cart_button.added::after {
    content: '✓';
    margin-left: 6px;
}

/* ==============================================
   UX/UI — ÜRÜN SEKME (TAB) İYİLEŞTİRMELERİ
   ============================================== */

/* Tab seçim menüsünü gizle — tüm paneller açık sıralı gösterilecek */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none !important;
}

/* Tüm tab panellerini her zaman göster */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    display: block !important;
    padding: 0 0 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid var(--kb-border, #E8E2DC) !important;
}

/* Son panelin alt çizgisi olmasın */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Panel başlıkları */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-family: var(--kb-font-heading, 'Nunito', sans-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--kb-text, #2B2F33) !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
}

/* ==============================================
   UX/UI — İLGİLİ ÜRÜNLER BAŞLIK STİLİ
   ============================================== */

.related.products > h2,
.up-sells > h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2B2F33 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #E6F5F1 !important;
}

/* İlgili ürünler — temiz tek görsel kart */
.related.products .kb-second-image,
.up-sells .kb-second-image {
    display: none !important;
}

.related.products .cfvsw-shop-variations,
.up-sells .cfvsw-shop-variations {
    display: none !important;
}

.related.products .kb-loop-rating,
.up-sells .kb-loop-rating {
    display: none !important;
}

.related.products .astra-shop-thumbnail-wrap,
.up-sells .astra-shop-thumbnail-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.related.products .astra-shop-thumbnail-wrap img,
.up-sells .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block !important;
}

/* İkinci görseli kesinlikle gizle */
.related.products .astra-shop-thumbnail-wrap img.kb-second-image,
.up-sells .astra-shop-thumbnail-wrap img.kb-second-image {
    display: none !important;
}

.related.products ul.products li.product,
.up-sells ul.products li.product {
    text-align: center;
}

.related.products .woocommerce-loop-product__title,
.up-sells .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
}

.related.products .price,
.up-sells .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--kb-text, #2B2F33) !important;
}

.related.products .button.add_to_cart_button,
.up-sells .button.add_to_cart_button {
    display: none !important;
}

/* ==============================================
   ÖLÇÜYE GÖRE VARYASYON GRID
   ============================================== */

.kb-variation-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

@media (min-width: 576px) {
    .kb-variation-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 992px) {
    .kb-variation-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
    .kb-variation-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
}

.kb-variation-card {
    background: #fff;
    border: 1px solid var(--kb-border-light, #F0EAE4);
    border-radius: var(--kb-radius-lg, 10px);
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.15s;
}

.kb-variation-card:hover {
    box-shadow: var(--kb-shadow-md, 0 4px 14px rgba(0,0,0,0.08));
    transform: translateY(-2px);
}

.kb-variation-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
}

.kb-variation-card-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--kb-bg-soft, #FDF5EE);
}

.kb-variation-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.kb-variation-card:hover .kb-variation-card-image img {
    transform: scale(1.04);
}

.kb-variation-card-info {
    padding: 12px;
}

.kb-variation-card-title {
    font-family: var(--kb-font-heading, 'Nunito', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--kb-text, #2B2F33) !important;
    line-height: 1.4 !important;
    margin: 0 0 6px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kb-variation-card-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--kb-text, #2B2F33) !important;
}

.kb-variation-card-price del {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--kb-text-muted, #9CA3AF) !important;
}

.kb-variation-card-price ins {
    text-decoration: none !important;
}

/* ==============================================
   UX/UI — LOADING SKELETON (YÜKLEME DURUMU)
   ============================================== */

@keyframes kb-skeleton-pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

.woocommerce .blockUI.blockOverlay {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(2px);
}

.woocommerce .blockUI.blockOverlay::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    border: 3px solid #E8E2DC;
    border-top-color: #2B2F33;
    border-radius: 50%;
    animation: kb-spin 0.7s linear infinite;
}

@keyframes kb-spin {
    to { transform: rotate(360deg); }
}

/* ==============================================
   UX/UI — SEPET SAYFASI İYİLEŞTİRMELERİ
   ============================================== */

.woocommerce-cart .shop_table {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #E8E2DC !important;
}

.woocommerce-cart .shop_table th {
    background: #FDF5EE !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #888 !important;
    padding: 12px 16px !important;
}

.woocommerce-cart .shop_table td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
}

/* Kupon alanı */
.woocommerce-cart .coupon input.input-text {
    border: 1.5px solid #E8E2DC !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    min-height: 44px !important;
    transition: border-color 0.2s !important;
}

.woocommerce-cart .coupon input.input-text:focus {
    border-color: #2B2F33 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(26, 125, 107, 0.1) !important;
}

/* Sepeti güncelle butonu */
.woocommerce-cart button[name="update_cart"] {
    background: #FDF5EE !important;
    color: #2B2F33 !important;
    border: 1.5px solid #E8E2DC !important;
    border-radius: 8px !important;
    transition: all 0.2s !important;
}

.woocommerce-cart button[name="update_cart"]:hover {
    background: #2B2F33 !important;
    color: #fff !important;
    border-color: #2B2F33 !important;
}

/* ==============================================
   UX — ÜRÜN KARTI YILDIZ PUANI
   ============================================== */

.kb-loop-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 13px;
}

.kb-loop-rating .star-rating {
    font-size: 12px !important;
    margin: 0 !important;
}

.kb-loop-review-count {
    font-size: 12px;
    color: var(--kb-text-muted, #999);
    font-weight: 400;
}

/* ==============================================
   UX — KARGO EŞİK PROGRESS BARI
   ============================================== */

.kb-shipping-threshold {
    margin-bottom: 20px;
    padding: 14px 18px;
    background: var(--kb-success-bg, #e8f5e9);
    border-radius: var(--kb-radius, 8px);
    border: 1px solid rgba(46, 125, 50, 0.15);
}

.kb-shipping-msg {
    font-size: 14px;
    color: var(--kb-text, #2B2F33);
    margin: 0 0 8px;
    line-height: 1.4;
}

.kb-shipping-msg strong {
    color: var(--kb-success, #2e7d32);
}

.kb-shipping-free {
    color: var(--kb-success, #2e7d32) !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.kb-shipping-bar {
    background: #ddd;
    border-radius: var(--kb-radius-pill, 999px);
    height: 8px;
    overflow: hidden;
}

.kb-shipping-fill {
    height: 100%;
    background: var(--kb-success, #2e7d32);
    border-radius: var(--kb-radius-pill, 999px);
    transition: width 0.4s ease;
}

/* ==============================================
   A: HERO BANNER STİLİ
   ============================================== */

.kb-hero-banner {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0 0 var(--kb-radius-xl, 12px) var(--kb-radius-xl, 12px);
    margin-bottom: 40px;
}

.kb-hero-banner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.kb-hero-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.2) 40%,
        rgba(0, 0, 0, 0.05) 100%
    );
    z-index: 1;
}

.kb-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 24px;
    max-width: 680px;
}

.kb-hero-content h1 {
    font-size: var(--kb-fs-3xl, 2rem);
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

.kb-hero-content p {
    font-size: var(--kb-fs-lg, 1.125rem);
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 24px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.kb-hero-cta {
    display: inline-block;
    padding: 14px 36px;
    background: var(--kb-primary, #2B2F33);
    color: #fff !important;
    font-size: var(--kb-fs-base, 1rem);
    font-weight: 700;
    border-radius: var(--kb-radius, 8px);
    text-decoration: none;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    letter-spacing: 0.3px;
}

.kb-hero-cta:hover {
    background: var(--kb-primary-dark, #1F2937);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    color: #fff !important;
}

@media (max-width: 768px) {
    .kb-hero-banner {
        min-height: 300px;
        border-radius: 0;
    }
    .kb-hero-content h1 {
        font-size: 1.5rem;
    }
    .kb-hero-content p {
        font-size: 0.95rem;
    }
    .kb-hero-cta {
        padding: 12px 28px;
        font-size: 0.9rem;
    }
}

/* ==============================================
   B: KATEGORİ FİLTRE PANELİ
   ============================================== */

.kb-filter-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.kb-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1.5px solid var(--kb-border, #E8E2DC);
    border-radius: var(--kb-radius-pill, 999px);
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-text, #2B2F33);
    cursor: pointer;
    transition: all 0.2s;
    min-height: 40px;
}

.kb-filter-btn:hover,
.kb-filter-btn.active {
    border-color: var(--kb-primary, #2B2F33);
    color: var(--kb-primary, #2B2F33);
    background: var(--kb-bg-soft, #FDF5EE);
}

.kb-filter-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Aktif filtre chip'leri */
.kb-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.kb-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    background: var(--kb-bg-warm, #FFF9F5);
    border-radius: var(--kb-radius-pill, 999px);
    font-size: 12px;
    font-weight: 500;
    color: var(--kb-text, #2B2F33);
}

.kb-filter-chip-remove {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--kb-text-muted, #999);
    padding: 0;
    line-height: 1;
}

.kb-filter-chip-remove:hover {
    color: var(--kb-danger, #D94F4F);
}

/* Mobil bottom-sheet filtre */
.kb-filter-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.3s;
}

.kb-filter-overlay.active {
    opacity: 1;
}

.kb-filter-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 16px 16px 0 0;
    max-height: 70vh;
    overflow-y: auto;
    z-index: 100000;
    transform: translateY(100%);
    transition: transform 0.35s ease;
    padding: 0;
}

.kb-filter-sheet.active {
    transform: translateY(0);
}

.kb-filter-sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--kb-border, #E8E2DC);
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.kb-filter-sheet-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.kb-filter-sheet-close {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--kb-bg-soft, #FDF5EE);
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    color: var(--kb-text, #2B2F33);
}

.kb-filter-sheet-body {
    padding: 20px;
}

.kb-filter-group {
    margin-bottom: 20px;
}

.kb-filter-group-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--kb-text-secondary, #555);
    margin-bottom: 10px;
}

.kb-filter-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer;
    font-size: 14px;
    color: var(--kb-text, #2B2F33);
}

.kb-filter-option input[type="checkbox"] {
    accent-color: var(--kb-primary, #2B2F33);
    width: 18px;
    height: 18px;
}

.kb-filter-option .count {
    margin-left: auto;
    font-size: 12px;
    color: var(--kb-text-muted, #999);
}

/* Fiyat aralığı slider */
.kb-price-range {
    padding: 8px 0;
}

.kb-price-range input[type="range"] {
    width: 100%;
    accent-color: var(--kb-primary, #2B2F33);
}

.kb-price-range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--kb-text-secondary, #555);
    margin-top: 6px;
}

.kb-filter-apply {
    width: 100%;
    padding: 14px;
    background: var(--kb-primary, #2B2F33);
    color: #fff;
    border: none;
    border-radius: var(--kb-radius, 8px);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.2s;
}

.kb-filter-apply:hover {
    background: var(--kb-primary-dark, #1F2937);
}

@media (min-width: 769px) {
    .kb-filter-overlay,
    .kb-filter-sheet {
        display: none !important;
    }
    .kb-filter-btn.kb-filter-mobile-trigger {
        display: none;
    }
}

@media (max-width: 768px) {
    .kb-filter-overlay {
        display: block;
    }
    .kb-filter-bar .kb-filter-btn:not(.kb-filter-mobile-trigger) {
        display: none;
    }
}

/* ==============================================
   C: CHECKOUT PROGRESS BARI
   ============================================== */

.kb-checkout-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 32px;
    padding: 24px 16px;
    background: var(--kb-bg-soft, #FDF5EE);
    border-radius: var(--kb-radius-lg, 10px);
}

.kb-checkout-step {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-text-muted, #999);
    transition: color 0.3s;
    white-space: nowrap;
}

.kb-checkout-step.active {
    color: var(--kb-primary, #2B2F33);
}

.kb-checkout-step.completed {
    color: var(--kb-success, #2e7d32);
}

.kb-checkout-step-num {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    background: #e8e8e8;
    color: var(--kb-text-muted, #999);
    transition: all 0.3s;
    flex-shrink: 0;
}

.kb-checkout-step.active .kb-checkout-step-num {
    background: var(--kb-primary, #2B2F33);
    color: #fff;
    box-shadow: 0 2px 8px rgba(26, 125, 107, 0.3);
}

.kb-checkout-step.completed .kb-checkout-step-num {
    background: var(--kb-success, #2e7d32);
    color: #fff;
}

.kb-checkout-step-label {
    display: inline;
}

.kb-checkout-divider {
    width: 40px;
    height: 2px;
    background: #e0e0e0;
    margin: 0 12px;
    flex-shrink: 0;
    position: relative;
}

.kb-checkout-divider.completed {
    background: var(--kb-success, #2e7d32);
}

@media (max-width: 600px) {
    .kb-checkout-step-label {
        display: none;
    }
    .kb-checkout-divider {
        width: 24px;
        margin: 0 8px;
    }
    .kb-checkout-progress {
        padding: 16px 12px;
    }
}

/* ==============================================
   D: CROSS-SELL "BİRLİKTE AL" BÖLÜMÜ
   ============================================== */

.kb-cross-sell {
    margin-top: 32px;
    padding: 24px;
    background: var(--kb-bg-soft, #FDF5EE);
    border-radius: var(--kb-radius-lg, 10px);
    border: 1px solid var(--kb-border, #E8E2DC);
}

.kb-cross-sell h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #E6F5F1;
}

.kb-cross-sell-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}

.kb-cross-sell-item {
    background: #fff;
    border-radius: var(--kb-radius, 8px);
    overflow: hidden;
    border: 1px solid var(--kb-border-light, #E8E2DC);
    transition: box-shadow 0.2s, transform 0.15s;
    text-decoration: none;
    display: block;
}

.kb-cross-sell-item:hover {
    box-shadow: var(--kb-shadow-md, 0 4px 14px rgba(26, 125, 107, 0.2));
    transform: translateY(-2px);
}

.kb-cross-sell-item img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
}

.kb-cross-sell-item-info {
    padding: 10px;
}

.kb-cross-sell-item-info .product-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--kb-text, #2B2F33);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
}

.kb-cross-sell-item-info .product-price {
    font-size: 14px;
    font-weight: 700;
    color: var(--kb-primary, #2B2F33);
}

.kb-cross-sell-add {
    display: block;
    width: 100%;
    padding: 8px;
    background: var(--kb-primary, #2B2F33);
    color: #fff;
    border: none;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
    text-decoration: none;
}

.kb-cross-sell-add:hover {
    background: var(--kb-primary-dark, #1F2937);
    color: #fff;
}

/* ==============================================
   E: STOK DURUMU GÖSTERGESİ
   ============================================== */

.kb-stock-warning {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff3e0;
    border: 1px solid #ffe0b2;
    border-radius: var(--kb-radius, 8px);
    margin: 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #e65100;
}

.kb-stock-warning svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #e65100;
}

.kb-stock-ok {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-success, #2e7d32);
    margin: 8px 0;
}

.kb-stock-ok svg {
    width: 16px;
    height: 16px;
}

@keyframes kb-pulse-warning {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.kb-stock-warning.kb-low-stock {
    animation: kb-pulse-warning 2s ease-in-out infinite;
}

/* ==============================================
   F: ÜRÜN KARTINDA HOVER 2. GÖRSEL
   ============================================== */

.kb-has-second-image {
    position: relative;
    overflow: hidden;
}

.kb-has-second-image .attachment-woocommerce_thumbnail {
    transition: opacity 0.4s ease;
}

.kb-has-second-image .kb-second-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.kb-has-second-image:hover .attachment-woocommerce_thumbnail,
.kb-has-second-image:focus-within .attachment-woocommerce_thumbnail {
    opacity: 0;
}

.kb-has-second-image:hover .kb-second-image,
.kb-has-second-image:focus-within .kb-second-image {
    opacity: 1;
}

/* ==============================================
   G: SOSYAL PAYLAŞIM BUTONLARI
   ============================================== */

.kb-share-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0;
    padding: 14px 0;
    border-top: 1px solid var(--kb-border, #E8E2DC);
}

.kb-share-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-text-secondary, #555);
    margin-right: 4px;
}

.kb-share-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.5px solid var(--kb-border, #E8E2DC);
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    color: var(--kb-text-secondary, #555);
}

.kb-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--kb-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
}

.kb-share-btn.whatsapp:hover {
    background: #25D366;
    border-color: #25D366;
    color: #fff;
}

.kb-share-btn.facebook:hover {
    background: #1877F2;
    border-color: #1877F2;
    color: #fff;
}

.kb-share-btn.twitter:hover {
    background: #1DA1F2;
    border-color: #1DA1F2;
    color: #fff;
}

.kb-share-btn.copy-link:hover {
    background: var(--kb-primary, #2B2F33);
    border-color: var(--kb-primary, #2B2F33);
    color: #fff;
}

.kb-share-btn svg {
    width: 18px;
    height: 18px;
}

.kb-copy-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--kb-text, #2B2F33);
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}

.kb-share-btn.copy-link {
    position: relative;
}

.kb-share-btn.copy-link.copied .kb-copy-tooltip {
    opacity: 1;
}

/* Eski yıldız dağılım CSS'i kaldırıldı — yeni kb-rating-summary-box kullanılıyor */

/* ==============================================
   DEĞERLENDİRME BÖLÜMÜ — TEMİZ TASARIM
   ============================================== */

/* Yorum listesi */
#reviews .commentlist,
#reviews ol.commentlist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#reviews .commentlist li.review,
#reviews .commentlist li.comment {
    padding: 16px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--kb-border, #E8E2DC) !important;
    list-style: none !important;
    position: relative !important;
    overflow: visible !important;
}

#reviews .commentlist li.review:last-child {
    border-bottom: none !important;
}

/* comment_container — flex row: içerik | fotoğraf | avatar */
.woocommerce-js #reviews #comments ol.commentlist li .comment_container,
#reviews .commentlist .comment_container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    overflow: visible !important;
}

/* comment-text — sol, içerik alanı */
.woocommerce-js #reviews #comments ol.commentlist li .comment-text,
#reviews .commentlist .comment-text {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    order: 1 !important;
    min-width: 0 !important;
    display: block !important;
}

/* Astra clearfix override */
.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce-js #reviews #comments ol.commentlist li .comment-text::before {
    display: none !important;
}

/* review-rating wrapper — yıldızlar */
.woocommerce-js #reviews #comments ol.commentlist li .comment-text .review-rating,
#reviews .commentlist .comment-text .review-rating {
    display: block !important;
    width: auto !important;
    margin-bottom: 2px !important;
}

.woocommerce-js #reviews #comments ol.commentlist li .comment-text .star-rating,
#reviews .commentlist .star-rating {
    float: none !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
}

/* Meta — isim + tarih */
.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta,
#reviews .commentlist .meta {
    display: block !important;
    width: auto !important;
    font-size: 13px !important;
    color: var(--kb-text-secondary, #6B7280) !important;
    margin-bottom: 8px !important;
}

#reviews .commentlist .meta strong {
    color: var(--kb-text, #2B2F33) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

#reviews .commentlist .meta .woocommerce-review__dash,
#reviews .commentlist .meta .woocommerce-review__published-date {
    font-size: 12px !important;
    color: var(--kb-text-muted, #9CA3AF) !important;
}

/* Doğrulanmış alıcı rozeti */
.kb-verified-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #EBF3FF !important;
    color: #2D7FF9 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 8px 2px 5px !important;
    border-radius: 4px !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
}

.kb-verified-badge svg {
    flex-shrink: 0 !important;
}

/* Yorum metni */
.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description,
#reviews .commentlist .description {
    display: block !important;
    width: auto !important;
}

#reviews .commentlist .description p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--kb-text, #2B2F33) !important;
    margin: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Fotoğraf — comment_container flex child, avatar'ın solunda */
#reviews .commentlist .comment_container > .kb-review-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 2 !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    min-width: 72px !important;
    min-height: 72px !important;
    overflow: visible !important;
}

/* Avatar — en sağda */
.woocommerce-js #reviews #comments ol.commentlist li img.avatar,
#reviews .commentlist .avatar {
    position: static !important;
    float: none !important;
    order: 3 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Mobil */
@media (max-width: 600px) {
    #reviews .commentlist li.review,
    #reviews .commentlist li.comment {
        padding: 14px 0 !important;
    }

    .woocommerce-js #reviews #comments ol.commentlist li img.avatar,
    #reviews .commentlist .avatar {
        width: 32px !important;
        height: 32px !important;
    }

    .woocommerce-js #reviews #comments ol.commentlist li .comment_container,
    #reviews .commentlist .comment_container {
        gap: 8px !important;
    }
}

/* ==============================================
   CUSTOM REVIEW FORM
   ============================================== */

#reviews #review_form_wrapper {
    margin-top: 24px !important;
    padding: 24px !important;
    background: #FAFAFA !important;
    border: 1px solid #E8E2DC !important;
    border-radius: 12px !important;
}

/* WooCommerce varsayılan reply title'ı gizle — artık kullanmıyoruz */
#reviews #respond .comment-reply-title {
    display: none !important;
}

/* WooCommerce varsayılan rating widget'ını gizle */
#reviews .comment-form-rating,
#reviews p.stars,
#review_form p.stars,
#review_form .comment-form-rating {
    display: none !important;
}

/* Rating satırı: "Değerlendirmeniz" + yıldızlar */
.kb-form-rating-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.kb-form-rating-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--kb-text, #2B2F33) !important;
}

.kb-form-stars {
    display: flex !important;
    gap: 4px !important;
}

.kb-form-star {
    font-size: 24px !important;
    color: #E8E2DC !important;
    cursor: pointer !important;
    transition: color 0.15s !important;
    line-height: 1 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.kb-form-star:hover,
.kb-form-star.active {
    color: #F5C518 !important;
}

/* Textarea */
.kb-review-form .comment-form-comment {
    margin: 0 0 12px !important;
}

.kb-review-form .comment-form-comment textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--kb-border, #E8E2DC) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    resize: vertical !important;
    min-height: 80px !important;
    transition: border-color 0.2s !important;
    box-sizing: border-box !important;
}

.kb-review-form .comment-form-comment textarea:focus {
    border-color: var(--kb-primary, #2B2F33) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(43, 47, 51, 0.08) !important;
}

/* İsim + E-posta yan yana */
.kb-form-fields-row {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.kb-form-fields-row .comment-form-author,
.kb-form-fields-row .comment-form-email {
    flex: 1 !important;
    margin: 0 !important;
}

.kb-form-fields-row input {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--kb-border, #E8E2DC) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    transition: border-color 0.2s !important;
    box-sizing: border-box !important;
}

.kb-form-fields-row input:focus {
    border-color: var(--kb-primary, #2B2F33) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(43, 47, 51, 0.08) !important;
}

/* Alt satır: [+] fotoğraf (sol) — Gönder (sağ) */
.kb-form-actions-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.kb-form-photo-btn {
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid var(--kb-border, #E8E2DC) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: var(--kb-text-secondary, #6B7280) !important;
    background: var(--kb-bg-soft, #FDF5EE) !important;
    transition: border-color 0.2s, color 0.2s !important;
    flex-shrink: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.kb-form-photo-btn:hover {
    border-color: var(--kb-primary, #2B2F33) !important;
    color: var(--kb-primary, #2B2F33) !important;
}

.kb-form-photo-name {
    flex: 1 !important;
    font-size: 12px !important;
    color: var(--kb-text-muted, #9CA3AF) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.kb-form-submit-btn {
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 28px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    flex-shrink: 0 !important;
}

.kb-form-submit-btn:hover {
    background: var(--kb-cta-dark, #D4623C) !important;
}

/* Mobil */
@media (max-width: 480px) {
    .kb-form-fields-row {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .kb-form-star {
        font-size: 28px !important;
    }
}

/* Yorum yok mesajı */
#reviews .woocommerce-noreviews {
    font-size: 14px !important;
    color: var(--kb-text-secondary, #6B7280) !important;
    padding: 16px 0 !important;
}

/* Gereksiz elemanları gizle */
#reviews .woocommerce-Reviews-title {
    display: none !important;
}

/* ==============================================
   I: KATEGORİ SAYFASI BANNER / HEADER GÖRSELİ
   ============================================== */

.kb-category-banner {
    position: relative;
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: var(--kb-radius-lg, 10px);
    margin-bottom: 24px;
    background: var(--kb-bg-warm, #FFF9F5);
}

.kb-category-banner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kb-category-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%);
    z-index: 1;
}

.kb-category-banner-content {
    position: relative;
    z-index: 2;
    padding: 32px;
    max-width: 480px;
}

.kb-category-banner-content h1 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.kb-category-banner-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.5;
}

/* Görsel yoksa fallback */
.kb-category-banner.no-image {
    background: linear-gradient(135deg, var(--kb-primary, #2B2F33) 0%, var(--kb-primary-dark, #1F2937) 100%);
    min-height: 140px;
}

.kb-category-banner.no-image::after {
    display: none;
}

@media (max-width: 768px) {
    .kb-category-banner {
        min-height: 160px;
        border-radius: 0;
    }
    .kb-category-banner-content {
        padding: 20px;
    }
    .kb-category-banner-content h1 {
        font-size: 22px;
    }
}

/* ==============================================
   J: ACCORDION (AKORDİYON) BİLEŞENİ
   ============================================== */

.kb-accordion {
    margin: 24px 0 40px;
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: var(--kb-radius-lg, 10px);
    overflow: hidden;
}

.kb-accordion-item {
    border-bottom: 1px solid var(--kb-border, #E8E2DC);
}

.kb-accordion-item:last-child {
    border-bottom: none;
}

.kb-accordion-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    text-align: left;
    transition: background 0.15s;
    gap: 12px;
}

.kb-accordion-trigger:hover,
.kb-accordion-trigger:focus,
.kb-accordion-trigger:active,
.kb-accordion-item.active .kb-accordion-trigger {
    background: transparent !important;
    color: var(--kb-text, #2B2F33) !important;
    outline: none !important;
}

.kb-accordion-trigger svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--kb-text-muted, #999);
}

.kb-accordion-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.kb-accordion-item.active .kb-accordion-icon {
    transform: rotate(180deg);
}

.kb-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.kb-accordion-panel-inner {
    padding: 0 20px 16px;
    font-size: 13px;
    line-height: 1.7;
    color: var(--kb-text-secondary, #555);
}

.kb-accordion-panel-inner p {
    margin: 0 0 8px;
}

.kb-accordion-panel-inner p:last-child {
    margin-bottom: 0;
}

/* ==============================================
   K: SİPARİŞ DURUMU TAKİP BARI
   ============================================== */

.kb-order-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 24px;
    position: relative;
}

.kb-order-progress::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 32px;
    right: 32px;
    height: 3px;
    background: #e8e8e8;
    z-index: 0;
}

.kb-order-progress-fill {
    position: absolute;
    top: 16px;
    left: 32px;
    height: 3px;
    background: var(--kb-success, #2e7d32);
    z-index: 1;
    transition: width 0.5s ease;
}

.kb-order-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 2;
    position: relative;
}

.kb-order-step-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.kb-order-step.completed .kb-order-step-dot {
    background: var(--kb-success, #2e7d32);
    color: #fff;
}

.kb-order-step.active .kb-order-step-dot {
    background: var(--kb-primary, #2B2F33);
    color: #fff;
    box-shadow: 0 0 0 4px rgba(26, 125, 107, 0.2);
}

.kb-order-step-dot svg {
    width: 16px;
    height: 16px;
}

.kb-order-step-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--kb-text-muted, #999);
    text-align: center;
    max-width: 80px;
}

.kb-order-step.completed .kb-order-step-label,
.kb-order-step.active .kb-order-step-label {
    color: var(--kb-text, #2B2F33);
}

/* ==============================================
   L: ÜRÜN GÖRSELİ FADE-İN ANİMASYONU
   ============================================== */

.kb-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.kb-fade-in.kb-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Sıralı animasyon — her kart biraz gecikmeli */
.woocommerce ul.products li.product:nth-child(1) .kb-fade-in { transition-delay: 0s; }
.woocommerce ul.products li.product:nth-child(2) .kb-fade-in { transition-delay: 0.08s; }
.woocommerce ul.products li.product:nth-child(3) .kb-fade-in { transition-delay: 0.16s; }
.woocommerce ul.products li.product:nth-child(4) .kb-fade-in { transition-delay: 0.24s; }

@media (prefers-reduced-motion: reduce) {
    .kb-fade-in {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ==============================================
   M: TOOLTIP BİLEŞENİ
   ============================================== */

.kb-tooltip-wrapper {
    position: relative;
    display: inline-flex;
    cursor: help;
}

.kb-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--kb-text, #2B2F33);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1000;
    pointer-events: none;
    line-height: 1.4;
    max-width: 220px;
    white-space: normal;
    text-align: center;
}

.kb-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--kb-text, #2B2F33);
}

.kb-tooltip-wrapper:hover .kb-tooltip,
.kb-tooltip-wrapper:focus-within .kb-tooltip {
    opacity: 1;
    visibility: visible;
}

/* ==============================================
   N: BOŞ ARAMA SONUCU SAYFASI
   ============================================== */

.kb-empty-search {
    text-align: center;
    padding: 48px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.kb-empty-search-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    color: var(--kb-text-muted, #999);
}

.kb-empty-search h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin: 0 0 8px;
}

.kb-empty-search p {
    font-size: 14px;
    color: var(--kb-text-secondary, #555);
    margin: 0 0 24px;
}

.kb-empty-search-form {
    display: flex;
    max-width: 400px;
    margin: 0 auto 32px;
}

.kb-empty-search-form input {
    flex: 1;
    border: 1.5px solid var(--kb-border, #E8E2DC);
    border-right: none;
    border-radius: var(--kb-radius, 8px) 0 0 var(--kb-radius, 8px);
    padding: 12px 16px;
    font-size: 14px;
    outline: none;
    min-height: 44px;
}

.kb-empty-search-form input:focus {
    border-color: var(--kb-primary, #2B2F33);
}

.kb-empty-search-form button {
    padding: 12px 20px;
    background: var(--kb-primary, #2B2F33);
    color: #fff;
    border: none;
    border-radius: 0 var(--kb-radius, 8px) var(--kb-radius, 8px) 0;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    min-height: 44px;
}

.kb-empty-search-form button:hover {
    background: var(--kb-primary-dark, #1F2937);
}

.kb-empty-search h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin: 0 0 16px;
}

.kb-popular-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

.kb-popular-categories a {
    padding: 8px 18px;
    background: var(--kb-bg-warm, #FFF9F5);
    border-radius: var(--kb-radius-pill, 999px);
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-text, #2B2F33);
    text-decoration: none;
    transition: all 0.2s;
}

.kb-popular-categories a:hover {
    background: var(--kb-primary, #2B2F33);
    color: #fff;
}

/* ==============================================
   O: KUPON KODU GÖRSEL GERİ BİLDİRİM
   ============================================== */

.kb-coupon-feedback {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: var(--kb-radius, 8px);
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
    animation: kb-coupon-slide-in 0.3s ease;
}

@keyframes kb-coupon-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.kb-coupon-feedback.success {
    display: flex;
    background: var(--kb-success-bg, #e8f5e9);
    color: var(--kb-success, #2e7d32);
    border: 1px solid rgba(46, 125, 50, 0.2);
}

.kb-coupon-feedback.error {
    display: flex;
    background: var(--kb-error-bg, #fce4ec);
    color: var(--kb-error, #c62828);
    border: 1px solid rgba(198, 40, 40, 0.2);
}

.kb-coupon-feedback svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

@keyframes kb-coupon-shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
    20%, 40%, 60%, 80% { transform: translateX(3px); }
}

.kb-coupon-shake {
    animation: kb-coupon-shake 0.5s ease;
}

/* Kupon input durumları */
.woocommerce-cart .coupon input.input-text.kb-coupon-valid {
    border-color: var(--kb-success, #2e7d32) !important;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.1) !important;
}

.woocommerce-cart .coupon input.input-text.kb-coupon-invalid {
    border-color: var(--kb-error, #c62828) !important;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.1) !important;
}

/* ==============================================
   HEADER FAVORİ İKONU
   ============================================== */

.kb-header-wishlist {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    color: var(--kb-text, #2B2F33);
    transition: color 0.2s;
    text-decoration: none;
    margin-right: 4px;
}

.kb-header-wishlist:hover {
    color: var(--kb-cta, #E8734A);
}

/* ==============================================
   FAVORİLER SAYFASI (YITH WISHLIST)
   ============================================== */

/* Stok ve fiyat sütununu gizle */
.woocommerce table.wishlist_table th.product-stock-status,
.woocommerce table.wishlist_table td.product-stock-status,
.woocommerce .wishlist_table .product-stock-status,
.woocommerce table.wishlist_table th.product-price,
.woocommerce table.wishlist_table td.product-price {
    display: none !important;
}

/* Ürün adı — puntoyu küçült */
.woocommerce table.wishlist_table td.product-name,
.woocommerce table.wishlist_table tbody td.product-name {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.woocommerce table.wishlist_table td.product-name a {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: var(--kb-text, #2B2F33) !important;
    text-decoration: none !important;
}

.woocommerce table.wishlist_table td.product-name a:hover {
    color: var(--kb-cta, #E8734A) !important;
}

/* Görsel boyutu */
.woocommerce table.wishlist_table td.product-thumbnail img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover;
    border-radius: 8px;
}

/* Sepete ekle butonu */
.woocommerce table.wishlist_table td.product-add-to-cart a {
    background: var(--kb-cta, #E8734A) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 0.813rem !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: opacity 0.2s;
    border: none !important;
}

.woocommerce table.wishlist_table td.product-add-to-cart a:hover {
    opacity: 0.85;
}

/* Kaldır butonu */
.woocommerce table.wishlist_table td.product-remove a {
    color: #ccc !important;
    transition: color 0.2s;
}

.woocommerce table.wishlist_table td.product-remove a:hover {
    color: var(--kb-danger, #D94F4F) !important;
}

/* Tablo genel stil */
.woocommerce table.wishlist_table {
    border-collapse: collapse;
}

.woocommerce table.wishlist_table thead th {
    font-size: 0.8rem !important;
    text-transform: uppercase;
    color: #999 !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #E8E2DC !important;
    border-top: none !important;
}

.woocommerce table.wishlist_table tbody td {
    vertical-align: middle !important;
    padding: 12px 8px !important;
    border-bottom: 1px solid #f0ebe6 !important;
}

/* Mobilde responsive */
@media (max-width: 768px) {
    .woocommerce table.wishlist_table td.product-name,
    .woocommerce table.wishlist_table td.product-name a {
        font-size: 0.813rem !important;
    }

    .woocommerce table.wishlist_table td.product-thumbnail img {
        width: 56px !important;
        height: 56px !important;
    }

    .woocommerce table.wishlist_table td.product-add-to-cart a {
        font-size: 0.75rem !important;
        padding: 6px 12px !important;
    }
}

/* ==============================================
   ANA SAYFA — ELEMENTOR BÖLÜMLER ARASI BOŞLUK
   ============================================== */

.page-id-9 .elementor-widget-image + .elementor-widget-text-editor,
.page-id-9 .elementor-widget-image + .elementor-widget-heading {
    margin-top: 24px !important;
}

.home .elementor-section + .elementor-section {
    margin-top: 16px;
}

/* ==============================================
   MOBİL MENÜ — TÜM ÜRÜNLER HER ZAMAN AÇIK
   ============================================== */

#ast-mobile-popup #menu-item-3901 > .ast-menu-toggle {
    display: none !important;
}

#ast-mobile-popup #menu-item-3901 > .sub-menu {
    display: block !important;
}

/* Generic login/register stilleri kaldırıldı — .kb-auth-card sistemi kullanılıyor (satır ~459) */

/* ==============================================
   VARYASYON SEÇİMİ — TOAST BİLDİRİMİ
   ============================================== */

.kb-toast {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    z-index: 999999;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #2B2F33;
    color: #fff;
    padding: 14px 22px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    pointer-events: none;
    max-width: calc(100vw - 32px);
    text-align: center;
}

.kb-toast svg {
    flex-shrink: 0;
    color: #FFC107;
}

.kb-toast.kb-toast-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* ==============================================
   FOOTER — DARALT & STICKY BAR ALTI BOŞLUK
   ============================================== */

/* Footer widget alanı yüksekliğini daralt */
.site-footer .ast-footer-overlay {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.site-footer .ast-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer widget'lar arası boşluğu azalt */
.site-footer .ast-row .ast-col-lg-12,
.site-footer .ast-row .ast-col-md-4,
.site-footer .ast-row [class*="ast-col"] {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Sticky bar aktifken en alta boşluk ekle (içerik sticky barın altında kalmasın) */
body.kb-sticky-bar-active .kb-footer-bottom {
    padding-bottom: 72px;
}

/* ==============================================
   MOBİL GALERİ THUMBNAIL NOKTALAR
   ============================================== */

@media (max-width: 768px) {
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        width: 8px !important;
        height: 8px !important;
        flex: 0 0 8px !important;
    }
}

/* ==============================================
   WCAG 2.2 — FOCUS-VISIBLE (Klavye Erişilebilirliği)
   ============================================== */

/* Genel focus-visible: tüm etkileşimli elemanlar */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline: 2px solid var(--kb-cta, #E8734A);
    outline-offset: 2px;
}

/* Özel outline:none olan elementlerde box-shadow ile focus göster */
.kb-accordion-trigger:focus-visible {
    outline: 2px solid var(--kb-cta, #E8734A) !important;
    outline-offset: 2px;
}

/* Butonlarda daha belirgin focus */
.single_add_to_cart_button:focus-visible,
.kb-whatsapp-btn:focus-visible,
.kb-switch-btn:focus-visible,
.woocommerce-cart .checkout-button:focus-visible {
    outline: 2px solid var(--kb-cta, #E8734A);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(232, 115, 74, 0.2);
}

/* ==============================================
   KONTRAST İYİLEŞTİRMELERİ (WCAG AA 4.5:1)
   ============================================== */

/* --kb-text-muted #9CA3AF → #6B7280 (kontrast 4.6:1 beyaz üzerinde) */
:root {
    --kb-text-muted: #6B7280;
}

/* Header sepet ikonu — favori kalp ikonu ile aynı boyut */
.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-site-header-cart .ast-addon-cart-wrap .count {
    font-size: 10px !important;
}
.ast-site-header-cart .ast-icon-shopping-cart svg,
.ast-site-header-cart .ast-icon-shopping-bag svg,
.ast-site-header-cart .ast-icon-shopping-basket svg {
    width: 20px !important;
    height: 20px !important;
}

/* Logo renk filtresi kaldır */
.site-logo-img img {
    filter: none !important;
}

/* Muted metin rengini doğrudan kullanan yerler */
.kb-footer-legal a {
    color: #6B7280;
}
.kb-footer-legal a:hover {
    color: var(--kb-text, #2B2F33);
}

/* ==============================================
   375px BREAKPOINT — KÜÇÜK MOBİL CİHAZLAR
   ============================================== */

@media (max-width: 375px) {
    /* Genel tipografi küçült */
    body {
        font-size: 14px;
    }

    /* Ürün kartları tek sütun */
    .woocommerce ul.products[class*="columns-"] li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }

    /* Ürün adı daha küçük */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

    /* Fiyat */
    .woocommerce ul.products li.product .price {
        font-size: 13px !important;
    }

    /* Sepete ekle butonu */
    .woocommerce ul.products li.product .button {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }

    /* Tek ürün sayfası */
    .single-product .entry-summary {
        padding: 0 8px;
    }
    .single-product .entry-summary .product_title {
        font-size: 1.25rem;
    }
    .single-product .entry-summary .price {
        font-size: 1.1rem;
    }

    /* Breadcrumb küçült */
    .kistababy-breadcrumb {
        font-size: 11px !important;
    }

    /* Footer alt bar */
    .kb-footer-bottom {
        padding: 16px 12px !important;
    }
    .kb-footer-legal {
        gap: 8px !important;
    }
    .kb-footer-legal a {
        font-size: 11px !important;
    }

    /* Sepet mini */
    .woocommerce-cart .cart_totals {
        padding: 12px !important;
    }

    /* FAQ accordion */
    .kb-faq-question {
        font-size: 0.875rem !important;
        padding: 0.75rem 2.5rem 0.75rem 0.875rem !important;
    }
    .kb-faq-answer {
        font-size: 0.8125rem !important;
        padding: 0 0.875rem 0.875rem !important;
    }
}

/* ==============================================
   PRINT STİLLERİ
   ============================================== */

@media print {
    /* Gereksiz elemanları gizle */
    header,
    footer,
    .kb-footer-bottom,
    .kb-whatsapp-btn,
    .ast-header-break-point,
    nav,
    .kistababy-breadcrumb,
    .woocommerce-tabs,
    .related.products,
    .up-sells,
    .cross-sells,
    .woocommerce-product-gallery .flex-control-nav,
    .single_add_to_cart_button,
    .quantity,
    .cart-collaterals,
    .wc-proceed-to-checkout,
    .coupon,
    .kb-share-buttons,
    .kb-review-form,
    #ast-mobile-header,
    .admin-bar #wpadminbar,
    .kb-cookie-banner,
    .elementor-location-header,
    .elementor-location-footer,
    .ast-above-header,
    .ast-below-header {
        display: none !important;
    }

    /* Beyaz arka plan */
    body,
    .site-content,
    .ast-container {
        background: #fff !important;
        color: #000 !important;
    }

    /* Link URL'lerini göster */
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 10px;
        color: #666;
    }
    a[href^="#"]::after,
    a[href^="javascript"]::after {
        content: "";
    }

    /* Tipografi */
    body {
        font-size: 12pt;
        line-height: 1.5;
    }
    h1 { font-size: 18pt; }
    h2 { font-size: 16pt; }
    h3 { font-size: 14pt; }

    /* Görselleri orantılı tut */
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    /* Sayfa kırılmaları */
    h1, h2, h3 {
        page-break-after: avoid;
    }
    table, figure {
        page-break-inside: avoid;
    }

    /* Ürün galerisi — sadece ana görsel */
    .woocommerce-product-gallery__image:not(:first-child) {
        display: none !important;
    }
    .woocommerce-product-gallery__image:first-child {
        width: 50% !important;
        float: left;
        margin-right: 20px;
    }
}

/* ==============================================
   SON GÖRÜNTÜLENEN ÜRÜNLER
   ============================================== */

.kb-recently-viewed {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--kb-border, #E8E2DC);
}
.kb-recently-viewed h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin-bottom: 1rem;
}


/* ==============================================
   STOK BİLDİRİMİ
   ============================================== */

.kb-stock-notify {
    background: var(--kb-bg-warm, #FAF6F3);
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: 8px;
    padding: 16px;
    margin-top: 12px;
}
.kb-stock-notify-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--kb-text, #2B2F33);
    margin: 0 0 10px;
}
.kb-stock-notify-form {
    display: flex;
    gap: 8px;
}
.kb-stock-notify-form input[type="email"] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--kb-border, #E8E2DC);
    border-radius: 6px;
    font-size: 14px;
}
.kb-stock-notify-form button {
    white-space: nowrap;
    padding: 10px 20px;
    font-size: 13px;
}
.kb-stock-notify-msg {
    font-size: 13px;
    margin: 8px 0 0;
}

/* ==============================================
   BLOG SAYFALARI — GÖRSEL BOYUTLARI
   ============================================== */

/* Blog listesi: görsellerin yüksekliğini sınırla */
.blog-layout-1 .post-thumb-img-content img {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 8px;
}

/* Tek blog yazısı: öne çıkan görsel */
.single-post .post-thumb-img-content img,
.single-post .entry-content .wp-post-image {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 921px) {
    .blog-layout-1 .post-thumb-img-content img {
        max-height: 220px;
    }
}

@media (max-width: 544px) {
    .blog-layout-1 .post-thumb-img-content img {
        max-height: 180px;
    }
}