:root {
    --three-primary-color: #0f65a9;
    --three-secondary-color: #08a7d9;
    --three-page-background: #ffffff;

    --three-header-background: #ffffff;
    --three-header-text: #111827;
    --three-header-icon: #0f65a9;
    --three-header-button-background: #0f65a9;
    --three-header-button-text: #ffffff;

    --three-footer-background: #0b1220;
    --three-footer-text: #e5e7eb;
    --three-footer-link: #ffffff;

    --three-add-to-cart-background: #0f65a9;
    --three-add-to-cart-text: #ffffff;
    --three-add-to-cart-hover-background: #084b80;
    --three-add-to-cart-border: #0f65a9;

    --three-button-radius: 8px;
    --three-card-radius: 12px;
    --three-container-width: 1440px;

    /* Premium-mavi eski değişken uyumluluğu */
    --three-blue: #0f65a9;
    --three-sky: #08a7d9;
    --three-bg: #ffffff;

    --three-mobile-nav-background: #ffffff;
    --three-mobile-nav-text: #111827;
    --three-mobile-nav-active-background: #0f65a9;
    --three-mobile-nav-active-text: #ffffff;
    --three-mobile-nav-border: #e5e7eb;

    --three-primary: #0f65a9;
    --three-secondary: #08a7d9;

    --three-surface-background: #f6f8fb;
    --three-surface-card: #ffffff;
    --three-surface-card-2: #08a7d9;
    --three-surface-soft: #ffffff;
    --three-surface-input: #ffffff;

    --three-text-color: #111827;
    --three-muted-color: #000000;
    --three-card-background: #ffffff;
    --three-border-color: #f7f7f7;

    --three-success-color: #16a34a;
    --three-danger-color: #dc2626;
    --three-warning-color: #0f65a9;
    --three-info-color: #0f65a9;

    --three-block-section-background: #f6f8fb;
    --three-block-title: #ffffff;
    --three-block-subtitle: #8e8585;
    --three-block-card-background: #ffffff;
    --three-block-card-text: #111827;
    --three-block-card-muted: #e9edf7;
    --three-block-image-background: #ffffff;
    --three-block-border: #e5e7eb;
    --three-block-badge-background: #eaf5fc;
    --three-block-badge-text: #0f65a9;
    --three-block-button-background: #0f65a9;
    --three-block-button-text: #ffffff;
    --three-block-arrow-background: #ffffff;
    --three-block-arrow-text: #111827;
    --three-block-dot: #cbd5e1;
    --three-block-dot-active: #0f65a9;
    --three-block-popup-background: #ffffff;
    --three-block-popup-text: #111827;
    --three-block-popup-muted: #667085;

    --three-search-page-bg: #f6f8fb;
    --three-search-panel-bg: #ffffff;
    --three-search-text: #111827;
    --three-search-muted: #667085;
    --three-search-border: #e5e7eb;
    --three-search-hover-bg: #f1f5f9;
    --three-search-badge-bg: #eaf5fc;
    --three-search-badge-text: #0f65a9;
    --three-search-button-bg: #0f65a9;
    --three-search-button-text: #ffffff;
    --three-search-hero-start: #0f65a9;
    --three-search-hero-end: #08a7d9;
    --three-search-hero-text: #ffffff;
}

/* Sayfa genel */
html,
body,
body.three-theme-runtime-active {
    background: var(--three-page-background) !important;
}

body.three-theme-runtime-active .three-main {
    background: var(--three-page-background) !important;
}

/* Container genişliği */
body.three-theme-runtime-active .three-shell,
body.three-theme-runtime-active .three-container,
body.three-theme-runtime-active .three-category-hero,
body.three-theme-runtime-active .three-category-listing-section,
body.three-theme-runtime-active .three-product-detail-page {
    max-width: var(--three-container-width) !important;
    width: min(100% - 56px, var(--three-container-width)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Header */
body.three-theme-runtime-active .three-topline {
    background: linear-gradient(90deg, var(--three-header-background), var(--three-primary-color), var(--three-secondary-color)) !important;
    color: var(--three-header-button-text) !important;
}

body.three-theme-runtime-active .three-header,
body.three-theme-runtime-active .three-category-nav {
    background: var(--three-header-background) !important;
    color: var(--three-header-text) !important;
}

body.three-theme-runtime-active .three-header a,
body.three-theme-runtime-active .three-logo,
body.three-theme-runtime-active .three-logo-text,
body.three-theme-runtime-active .three-search input,
body.three-theme-runtime-active .three-actions-nav a,
body.three-theme-runtime-active .three-category-nav a,
body.three-theme-runtime-active .three-cat-item > a {
    color: var(--three-header-text) !important;
}

body.three-theme-runtime-active .three-header .three-i,
body.three-theme-runtime-active .three-header svg,
body.three-theme-runtime-active .three-category-nav .three-i,
body.three-theme-runtime-active .three-category-nav svg {
    color: var(--three-header-icon) !important;
    fill: currentColor !important;
}

body.three-theme-runtime-active .three-search button,
body.three-theme-runtime-active .three-actions-nav a.three-cart-link {
    background: var(--three-header-button-background) !important;
    color: var(--three-header-button-text) !important;
    border-color: var(--three-header-button-background) !important;
}

/* Footer */
body.three-theme-runtime-active .three-footer {
    background: var(--three-footer-background) !important;
    color: var(--three-footer-text) !important;
}

body.three-theme-runtime-active .three-footer h1,
body.three-theme-runtime-active .three-footer h2,
body.three-theme-runtime-active .three-footer h3,
body.three-theme-runtime-active .three-footer p,
body.three-theme-runtime-active .three-footer span,
body.three-theme-runtime-active .three-footer-brand h2 {
    color: var(--three-footer-text) !important;
}

body.three-theme-runtime-active .three-footer a,
body.three-theme-runtime-active .three-footer-col a,
body.three-theme-runtime-active .three-contact-list a,
body.three-theme-runtime-active .three-contact-list span {
    color: var(--three-footer-link) !important;
}

/* Sepete ekle butonları */
body.three-theme-runtime-active form[action*="/cart/add"] button,
body.three-theme-runtime-active .three-card-cart .three-btn,
body.three-theme-runtime-active .three-add-cart-btn,
body.three-theme-runtime-active .three-add-to-cart,
body.three-theme-runtime-active button[name="add_to_cart"],
body.three-theme-runtime-active button[class*="add-to-cart"],
body.three-theme-runtime-active a[class*="add-to-cart"] {
    background: var(--three-add-to-cart-background) !important;
    color: var(--three-add-to-cart-text) !important;
    border-color: var(--three-add-to-cart-border) !important;
}

body.three-theme-runtime-active form[action*="/cart/add"] button:hover,
body.three-theme-runtime-active .three-card-cart .three-btn:hover,
body.three-theme-runtime-active .three-add-cart-btn:hover,
body.three-theme-runtime-active .three-add-to-cart:hover,
body.three-theme-runtime-active button[name="add_to_cart"]:hover,
body.three-theme-runtime-active button[class*="add-to-cart"]:hover,
body.three-theme-runtime-active a[class*="add-to-cart"]:hover {
    background: var(--three-add-to-cart-hover-background) !important;
}

/* Hemen Al, sepete ekle ayarından bağımsız kalır */
body.three-theme-runtime-active .three-buy-now-btn {
    border-radius: var(--three-button-radius) !important;
}

/* Radius */
body.three-theme-runtime-active button,
body.three-theme-runtime-active .btn,
body.three-theme-runtime-active .three-btn,
body.three-theme-runtime-active .three-search,
body.three-theme-runtime-active .three-search button,
body.three-theme-runtime-active .three-actions-nav a,
body.three-theme-runtime-active .three-category-nav a,
body.three-theme-runtime-active .three-cat-item > a,
body.three-theme-runtime-active input,
body.three-theme-runtime-active select {
    border-radius: var(--three-button-radius) !important;
}

body.three-theme-runtime-active .three-card,
body.three-theme-runtime-active .three-product-card,
body.three-theme-runtime-active .three-category-card,
body.three-theme-runtime-active .three-banner-card,
body.three-theme-runtime-active .three-filter-sidebar,
body.three-theme-runtime-active .three-listing-topbar,
body.three-theme-runtime-active .three-product-gallery,
body.three-theme-runtime-active .three-product-summary,
body.three-theme-runtime-active .three-product-tabs,
body.three-theme-runtime-active .three-related-carousel,
body.three-theme-runtime-active .three-related-card,
body.three-theme-runtime-active .three-footer-page-card {
    border-radius: var(--three-card-radius) !important;
}

/* Ana renk / ikincil renk kullanan alanlar */
body.three-theme-runtime-active .eyebrow,
body.three-theme-runtime-active .three-product-price,
body.three-theme-runtime-active .three-product-price strong,
body.three-theme-runtime-active .three-related-bottom strong,
body.three-theme-runtime-active .three-listing-topbar strong,
body.three-theme-runtime-active .three-filter-head a,
body.three-theme-runtime-active .three-core-page.is-active {
    color: var(--three-primary-color) !important;
}

body.three-theme-runtime-active .three-core-page.is-active,
body.three-theme-runtime-active .three-filter-actions button,
body.three-theme-runtime-active .three-related-nav:hover,
body.three-theme-runtime-active .three-product-tab-btn.active {
    background: var(--three-primary-color) !important;
    border-color: var(--three-primary-color) !important;
}


/* Core tema yüzey/kart renkleri */
body.three-theme-runtime-active,
body.three-theme-runtime-active .three-main,
body.three-theme-runtime-active .page-head,
body.three-theme-runtime-active .section {
    color: var(--three-text-color) !important;
}

body.three-theme-runtime-active .three-product-gallery,
body.three-theme-runtime-active .three-product-summary,
body.three-theme-runtime-active .three-product-info-card,
body.three-theme-runtime-active .three-product-tabs,
body.three-theme-runtime-active .three-review-form-card,
body.three-theme-runtime-active .three-review-card,
body.three-theme-runtime-active .three-related-products,
body.three-theme-runtime-active .three-related-carousel,
body.three-theme-runtime-active .three-related-card,
body.three-theme-runtime-active .cart-card,
body.three-theme-runtime-active .cart-summary,
body.three-theme-runtime-active .checkout-card,
body.three-theme-runtime-active .address-picker-card,
body.three-theme-runtime-active .payment-method-card,
body.three-theme-runtime-active .legal-card,
body.three-theme-runtime-active .order-summary,
body.three-theme-runtime-active .checkout-summary,
body.three-theme-runtime-active .three-card,
body.three-theme-runtime-active .member-card,
body.three-theme-runtime-active .three-product-social-share {
    background: var(--three-surface-card) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

body.three-theme-runtime-active .three-product-main-image,
body.three-theme-runtime-active .three-related-image,
body.three-theme-runtime-active .cart-item,
body.three-theme-runtime-active .cart-coupon,
body.three-theme-runtime-active .cart-count-pill,
body.three-theme-runtime-active .checkout-step,
body.three-theme-runtime-active .address-picker-row,
body.three-theme-runtime-active .payment-method-row,
body.three-theme-runtime-active .three-product-spec-list > div,
body.three-theme-runtime-active .three-product-tab-head,
body.three-theme-runtime-active .three-product-tab-panel,
body.three-theme-runtime-active .three-soft,
body.three-theme-runtime-active .three-surface-soft {
    background: var(--three-surface-soft) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

body.three-theme-runtime-active input,
body.three-theme-runtime-active select,
body.three-theme-runtime-active textarea,
body.three-theme-runtime-active .input,
body.three-theme-runtime-active .textarea,
body.three-theme-runtime-active .cart-qty input,
body.three-theme-runtime-active .three-product-cart-form input {
    background: var(--three-surface-input) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

body.three-theme-runtime-active input::placeholder,
body.three-theme-runtime-active textarea::placeholder {
    color: var(--three-muted-color) !important;
}

body.three-theme-runtime-active h1,
body.three-theme-runtime-active h2,
body.three-theme-runtime-active h3,
body.three-theme-runtime-active h4,
body.three-theme-runtime-active .cart-items-head h2,
body.three-theme-runtime-active .cart-summary h2,
body.three-theme-runtime-active .checkout-card h2,
body.three-theme-runtime-active .three-product-summary h1,
body.three-theme-runtime-active .three-related-head h2,
body.three-theme-runtime-active .three-social-share-label {
    color: var(--three-text-color) !important;
}

body.three-theme-runtime-active p,
body.three-theme-runtime-active small,
body.three-theme-runtime-active label,
body.three-theme-runtime-active .muted,
body.three-theme-runtime-active .three-product-breadcrumb,
body.three-theme-runtime-active .three-product-short,
body.three-theme-runtime-active .three-related-meta,
body.three-theme-runtime-active .cart-card span,
body.three-theme-runtime-active .cart-summary-row,
body.three-theme-runtime-active .checkout-card small {
    color: var(--three-muted-color) !important;
}

body.three-theme-runtime-active a,
body.three-theme-runtime-active .three-product-breadcrumb a {
    color: var(--three-info-color) !important;
}

body.three-theme-runtime-active .three-product-price-line strong,
body.three-theme-runtime-active .three-related-bottom strong,
body.three-theme-runtime-active .cart-total strong,
body.three-theme-runtime-active .cart-summary-total strong {
    color: var(--three-warning-color) !important;
}

body.three-theme-runtime-active .three-product-tab-btn.active,
body.three-theme-runtime-active .three-review-submit,
body.three-theme-runtime-active .cart-checkout-btn,
body.three-theme-runtime-active .checkout-submit,
body.three-theme-runtime-active .payment-submit,
body.three-theme-runtime-active .address-picker-btn {
    background: var(--three-primary-color) !important;
    color: #ffffff !important;
    border-color: var(--three-primary-color) !important;
}

body.three-theme-runtime-active .three-buy-now-btn {
    background: var(--three-warning-color) !important;
    color: #111827 !important;
    border-color: var(--three-warning-color) !important;
}

body.three-theme-runtime-active .alert.success,
body.three-theme-runtime-active .cart-alert.success {
    background: color-mix(in srgb, var(--three-success-color) 14%, var(--three-surface-card)) !important;
    color: var(--three-success-color) !important;
    border-color: color-mix(in srgb, var(--three-success-color) 42%, var(--three-border-color)) !important;
}

body.three-theme-runtime-active .alert.error,
body.three-theme-runtime-active .cart-alert.error,
body.three-theme-runtime-active .invalid-feedback,
body.three-theme-runtime-active .error {
    background: color-mix(in srgb, var(--three-danger-color) 12%, var(--three-surface-card)) !important;
    color: var(--three-danger-color) !important;
    border-color: color-mix(in srgb, var(--three-danger-color) 40%, var(--three-border-color)) !important;
}


/* === 3E CORE SURFACE FINAL CONTRACT === */
/* Bu blok theme/page inline CSS'lerden sonra basıldığı için ürün detay, sepet, checkout ve ortak bileşenleri aktif tema JSON renklerine bağlar. */

body.three-theme-runtime-active {
    background: var(--three-page-background) !important;
    color: var(--three-text-color) !important;
}

/* Genel kart/panel yüzeyleri */
body.three-theme-runtime-active .three-product-gallery,
body.three-theme-runtime-active .three-product-summary,
body.three-theme-runtime-active .three-product-info-card,
body.three-theme-runtime-active .three-product-tabs,
body.three-theme-runtime-active .three-review-form-card,
body.three-theme-runtime-active .three-review-card,
body.three-theme-runtime-active .three-related-products,
body.three-theme-runtime-active .three-related-carousel,
body.three-theme-runtime-active .three-related-card,
body.three-theme-runtime-active .three-product-social-share,
body.three-theme-runtime-active .cart-hero,
body.three-theme-runtime-active .cart-card,
body.three-theme-runtime-active .cart-summary,
body.three-theme-runtime-active .checkout-card,
body.three-theme-runtime-active .sub-card,
body.three-theme-runtime-active .legal-box,
body.three-theme-runtime-active .billing-same-row,
body.three-theme-runtime-active .address-picker-card,
body.three-theme-runtime-active .payment-method-card,
body.three-theme-runtime-active .dealer-credit-live-summary,
body.three-theme-runtime-active .order-summary,
body.three-theme-runtime-active .checkout-summary,
body.three-theme-runtime-active .summary-card,
body.three-theme-runtime-active .member-card,
body.three-theme-runtime-active .three-card {
    background: var(--three-surface-card) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

/* İkinci seviye / iç yüzeyler */
body.three-theme-runtime-active .three-product-main-image,
body.three-theme-runtime-active .three-product-thumb,
body.three-theme-runtime-active .three-product-spec-list > div,
body.three-theme-runtime-active .three-product-tab-head,
body.three-theme-runtime-active .three-product-tab-panel,
body.three-theme-runtime-active .three-related-image,
body.three-theme-runtime-active .three-related-info,
body.three-theme-runtime-active .three-related-viewport,
body.three-theme-runtime-active .cart-item,
body.three-theme-runtime-active .cart-product-thumb,
body.three-theme-runtime-active .cart-count-pill,
body.three-theme-runtime-active .cart-mini-badge,
body.three-theme-runtime-active .coupon-box,
body.three-theme-runtime-active .coupon-line,
body.three-theme-runtime-active .qty-control,
body.three-theme-runtime-active .summary-section,
body.three-theme-runtime-active .checkout-step,
body.three-theme-runtime-active .address-picker-row,
body.three-theme-runtime-active .address-picker-badges span,
body.three-theme-runtime-active .payment-method-logo,
body.three-theme-runtime-active .dealer-box,
body.three-theme-runtime-active .country-note,
body.three-theme-runtime-active .legal-check,
body.three-theme-runtime-active .dealer-credit-live-row {
    background: var(--three-surface-soft) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

/* Input/select/textarea */
body.three-theme-runtime-active input,
body.three-theme-runtime-active select,
body.three-theme-runtime-active textarea,
body.three-theme-runtime-active .input,
body.three-theme-runtime-active .select,
body.three-theme-runtime-active .textarea,
body.three-theme-runtime-active .cart-input,
body.three-theme-runtime-active .qty-control input,
body.three-theme-runtime-active .three-product-cart-form input,
body.three-theme-runtime-active .payment-method-card input:not([type="radio"]):not([type="checkbox"]) {
    background: var(--three-surface-input) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

body.three-theme-runtime-active input::placeholder,
body.three-theme-runtime-active textarea::placeholder {
    color: var(--three-muted-color) !important;
}

/* Başlıklar */
body.three-theme-runtime-active h1,
body.three-theme-runtime-active h2,
body.three-theme-runtime-active h3,
body.three-theme-runtime-active h4,
body.three-theme-runtime-active h5,
body.three-theme-runtime-active .section-title,
body.three-theme-runtime-active .three-product-summary h1,
body.three-theme-runtime-active .three-product-info-card h3,
body.three-theme-runtime-active .three-related-head h2,
body.three-theme-runtime-active .three-related-title,
body.three-theme-runtime-active .three-social-share-label,
body.three-theme-runtime-active .cart-hero h1,
body.three-theme-runtime-active .cart-card h1,
body.three-theme-runtime-active .cart-card h2,
body.three-theme-runtime-active .cart-summary h2,
body.three-theme-runtime-active .cart-item-title,
body.three-theme-runtime-active .checkout-card h2,
body.three-theme-runtime-active .legal-box h3,
body.three-theme-runtime-active .legal-modal-head strong,
body.three-theme-runtime-active .address-picker-card h2,
body.three-theme-runtime-active .address-picker-row strong,
body.three-theme-runtime-active .payment-method-content strong {
    color: var(--three-text-color) !important;
}

/* Yardımcı / açıklama yazıları */
body.three-theme-runtime-active p,
body.three-theme-runtime-active small,
body.three-theme-runtime-active label,
body.three-theme-runtime-active em,
body.three-theme-runtime-active .muted,
body.three-theme-runtime-active .cart-label,
body.three-theme-runtime-active .cart-item-meta,
body.three-theme-runtime-active .cart-product-media-info,
body.three-theme-runtime-active .cart-summary span,
body.three-theme-runtime-active .summary-row span,
body.three-theme-runtime-active .shipping-pending-text,
body.three-theme-runtime-active .three-product-breadcrumb,
body.three-theme-runtime-active .three-product-breadcrumb span,
body.three-theme-runtime-active .three-product-brand,
body.three-theme-runtime-active .three-product-short,
body.three-theme-runtime-active .three-product-tab-panel,
body.three-theme-runtime-active .three-product-tab-panel .content-html,
body.three-theme-runtime-active .three-review-card p,
body.three-theme-runtime-active .three-related-meta,
body.three-theme-runtime-active .three-related-meta span,
body.three-theme-runtime-active .payment-method-content small,
body.three-theme-runtime-active .payment-method-content em,
body.three-theme-runtime-active .address-picker-row small,
body.three-theme-runtime-active .dealer-credit-live-note {
    color: var(--three-muted-color) !important;
}

/* Linkler / bilgi vurgusu */
body.three-theme-runtime-active a,
body.three-theme-runtime-active .legal-title-link,
body.three-theme-runtime-active .legal-check a,
body.three-theme-runtime-active .three-product-breadcrumb a,
body.three-theme-runtime-active .payment-method-logo-placeholder {
    color: var(--three-info-color) !important;
}

/* Fiyat / toplam vurgusu */
body.three-theme-runtime-active .three-product-price-line,
body.three-theme-runtime-active .three-product-price-line strong,
body.three-theme-runtime-active .three-related-bottom strong,
body.three-theme-runtime-active .cart-price strong,
body.three-theme-runtime-active .cart-total strong,
body.three-theme-runtime-active .summary-row strong,
body.three-theme-runtime-active .summary-row.total strong,
body.three-theme-runtime-active .cart-summary-total strong,
body.three-theme-runtime-active .dealer-credit-live-row.payable strong {
    color: var(--three-warning-color) !important;
}

/* Ürün detay fiyat kutusu */
body.three-theme-runtime-active .three-product-price-line {
    background: var(--three-surface-soft) !important;
    border-color: var(--three-border-color) !important;
}

/* Butonlar */
body.three-theme-runtime-active .three-add-cart-btn,
body.three-theme-runtime-active .cart-btn.full,
body.three-theme-runtime-active .cart-btn:not(.ghost):not(.danger),
body.three-theme-runtime-active .checkout-submit,
body.three-theme-runtime-active .payment-submit,
body.three-theme-runtime-active .address-picker-btn,
body.three-theme-runtime-active .legal-read-btn,
body.three-theme-runtime-active .three-review-submit,
body.three-theme-runtime-active .three-related-button {
    background: var(--three-add-to-cart-background) !important;
    color: var(--three-add-to-cart-text) !important;
    border-color: var(--three-add-to-cart-border) !important;
}

body.three-theme-runtime-active .three-add-cart-btn:hover,
body.three-theme-runtime-active .cart-btn.full:hover,
body.three-theme-runtime-active .cart-btn:not(.ghost):not(.danger):hover,
body.three-theme-runtime-active .checkout-submit:hover,
body.three-theme-runtime-active .payment-submit:hover,
body.three-theme-runtime-active .three-related-button:hover {
    background: var(--three-add-to-cart-hover-background) !important;
    color: var(--three-add-to-cart-text) !important;
}

/* İkincil/ghost butonlar */
body.three-theme-runtime-active .cart-btn.ghost,
body.three-theme-runtime-active .three-related-nav,
body.three-theme-runtime-active .three-review-login-btn {
    background: var(--three-surface-soft) !important;
    color: var(--three-text-color) !important;
    border-color: var(--three-border-color) !important;
}

/* Hemen al / uyarı butonu */
body.three-theme-runtime-active .three-buy-now-btn {
    background: var(--three-warning-color) !important;
    color: var(--three-add-to-cart-text) !important;
    border-color: var(--three-warning-color) !important;
}

/* Aktif tab / seçili ödeme */
body.three-theme-runtime-active .three-product-tab-btn.active,
body.three-theme-runtime-active .payment-method-card:has(input:checked),
body.three-theme-runtime-active .address-picker-btn.both {
    background: var(--three-primary-color) !important;
    color: #ffffff !important;
    border-color: var(--three-primary-color) !important;
}

body.three-theme-runtime-active .three-product-tab-btn.active span {
    background: color-mix(in srgb, #ffffff 18%, transparent) !important;
    color: #ffffff !important;
}

/* Sosyal paylaşım paneli */
body.three-theme-runtime-active .three-product-social-share {
    background: var(--three-surface-card) !important;
    border-color: var(--three-border-color) !important;
    box-shadow: none !important;
}

/* Brand renkleri kalsın ama kopyala/success tema contract'a bağlansın */
body.three-theme-runtime-active .three-social-btn.copy {
    background: var(--three-info-color) !important;
}
body.three-theme-runtime-active .three-social-btn.copy.is-copied {
    background: var(--three-success-color) !important;
}

/* Checkout legal modal */
body.three-theme-runtime-active .legal-modal {
    background: var(--three-surface-card) !important;
    color: var(--three-text-color) !important;
    border: 1px solid var(--three-border-color) !important;
}
body.three-theme-runtime-active .legal-modal-head {
    border-color: var(--three-border-color) !important;
}
body.three-theme-runtime-active .legal-modal iframe {
    background: var(--three-surface-card) !important;
}

/* Alertler */
body.three-theme-runtime-active .alert.success,
body.three-theme-runtime-active .cart-alert.success,
body.three-theme-runtime-active .country-note {
    background: color-mix(in srgb, var(--three-success-color) 14%, var(--three-surface-card)) !important;
    color: var(--three-success-color) !important;
    border-color: color-mix(in srgb, var(--three-success-color) 42%, var(--three-border-color)) !important;
}

body.three-theme-runtime-active .alert.error,
body.three-theme-runtime-active .cart-alert.error,
body.three-theme-runtime-active .invalid-feedback,
body.three-theme-runtime-active .error,
body.three-theme-runtime-active .payment-method-content em.danger,
body.three-theme-runtime-active .summary-row.minus strong {
    background: color-mix(in srgb, var(--three-danger-color) 10%, transparent) !important;
    color: var(--three-danger-color) !important;
    border-color: color-mix(in srgb, var(--three-danger-color) 38%, var(--three-border-color)) !important;
}

/* Kupon / KDV küçük rozetleri */
body.three-theme-runtime-active .cart-mini-badge,
body.three-theme-runtime-active .legal-required,
body.three-theme-runtime-active .address-picker-badges span.ok {
    background: color-mix(in srgb, var(--three-info-color) 16%, var(--three-surface-card)) !important;
    color: var(--three-info-color) !important;
    border-color: color-mix(in srgb, var(--three-info-color) 38%, var(--three-border-color)) !important;
}

/* Çizgiler */
body.three-theme-runtime-active .summary-row,
body.three-theme-runtime-active .legal-check,
body.three-theme-runtime-active .three-product-tab-head,
body.three-theme-runtime-active .dealer-credit-live-row {
    border-color: var(--three-border-color) !important;
}

/* Sepet sil butonu ayrı kalsın ama contract danger'a bağlansın */
body.three-theme-runtime-active .cart-remove-btn,
body.three-theme-runtime-active .cart-btn.danger {
    background: color-mix(in srgb, var(--three-danger-color) 16%, var(--three-surface-card)) !important;
    color: var(--three-danger-color) !important;
    border-color: color-mix(in srgb, var(--three-danger-color) 38%, var(--three-border-color)) !important;
}
/* === /3E CORE SURFACE FINAL CONTRACT === */

@media (max-width: 640px) {
    body.three-theme-runtime-active .three-shell,
    body.three-theme-runtime-active .three-container,
    body.three-theme-runtime-active .three-category-hero,
    body.three-theme-runtime-active .three-category-listing-section,
    body.three-theme-runtime-active .three-product-detail-page {
        width: min(100% - 28px, var(--three-container-width)) !important;
    }
}

/* Mobil alt menü - çekirdek ayar */
body.three-theme-runtime-active .three-mobile-bottom-nav {
    display: none;
}

@media (max-width: 900px) {
    body.three-theme-runtime-active {
        padding-bottom: 76px;
    }

    

    body.three-theme-runtime-active .three-mobile-bottom-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 99998;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        padding: 8px;
        border: 1px solid var(--three-mobile-nav-border);
        border-radius: 24px;
        background: var(--three-mobile-nav-background);
        box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
        backdrop-filter: blur(16px);
    }

    body.three-theme-runtime-active .three-mobile-nav-link {
        min-width: 0;
        height: 52px;
        border-radius: 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: var(--three-mobile-nav-text);
        text-decoration: none;
        font-size: 10.5px;
        font-weight: 900;
        letter-spacing: -.01em;
    }

    body.three-theme-runtime-active .three-mobile-nav-link svg {
        display: block;
        width: 20px;
        height: 20px;
        fill: currentColor;
        color: currentColor;
    }

    body.three-theme-runtime-active .three-mobile-nav-link span {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.three-theme-runtime-active .three-mobile-nav-link:hover,
    body.three-theme-runtime-active .three-mobile-nav-link:active {
        background: color-mix(in srgb, var(--three-mobile-nav-active-background) 12%, transparent);
        color: var(--three-mobile-nav-active-background);
    }

    body.three-theme-runtime-active .three-mobile-cart-link {
        background: var(--three-mobile-nav-active-background);
        color: var(--three-mobile-nav-active-text);
        box-shadow: 0 12px 26px rgba(37, 99, 235, .25);
    }

    body.three-theme-runtime-active .three-mobile-cart-link:hover,
    body.three-theme-runtime-active .three-mobile-cart-link:active {
        color: var(--three-mobile-nav-active-text);
        background: var(--three-mobile-nav-active-background);
    }
}


/* === 3E CART PAGE SETTINGS FINAL OVERRIDE START === */
/*
 * /cart sayfası özel renkleri.
 * Bu blok ThemeSettings global yüzey sözleşmesinden sonra basılır.
 * Böylece cart_page ayarları, --three-surface-card tarafından ezilmez.
 */

body.three-theme-runtime-active .cart-premium-page {
    background: var(--cart-custom-page-bg, var(--three-page-background)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-hero,
body.three-theme-runtime-active .cart-hero {
    background: var(--cart-hero-bg, var(--three-surface-card)) !important;
    color: var(--cart-hero-text, var(--three-text-color)) !important;
    border-color: var(--cart-card-border, var(--three-border-color)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-hero:hover,
body.three-theme-runtime-active .cart-hero:hover {
    background: var(--cart-hero-hover-bg, var(--cart-hero-bg, var(--three-surface-card))) !important;
    border-color: var(--cart-card-border, var(--three-border-color)) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .14) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-hero h1,
body.three-theme-runtime-active .cart-hero h1 {
    color: var(--cart-hero-text, var(--three-text-color)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-hero p,
body.three-theme-runtime-active .cart-hero p {
    color: var(--cart-hero-muted, var(--three-muted-color)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-card,
body.three-theme-runtime-active .cart-card {
    background: var(--cart-card-bg, var(--three-surface-card)) !important;
    color: var(--cart-card-text, var(--three-text-color)) !important;
    border-color: var(--cart-card-border, var(--three-border-color)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-card:hover,
body.three-theme-runtime-active .cart-card:hover {
    background: var(--cart-card-hover-bg, var(--cart-card-bg, var(--three-surface-card))) !important;
    border-color: var(--cart-card-border, var(--three-border-color)) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, .14) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-card h1,
body.three-theme-runtime-active .cart-premium-page .cart-card h2,
body.three-theme-runtime-active .cart-premium-page .cart-card h3,
body.three-theme-runtime-active .cart-card h1,
body.three-theme-runtime-active .cart-card h2,
body.three-theme-runtime-active .cart-card h3,
body.three-theme-runtime-active .empty-cart h2 {
    color: var(--cart-card-text, var(--three-text-color)) !important;
}

body.three-theme-runtime-active .cart-premium-page .cart-card p,
body.three-theme-runtime-active .cart-premium-page .cart-card small,
body.three-theme-runtime-active .cart-card p,
body.three-theme-runtime-active .cart-card small,
body.three-theme-runtime-active .empty-cart p,
body.three-theme-runtime-active .summary-row {
    color: var(--cart-card-muted, var(--three-muted-color)) !important;
}

body.three-theme-runtime-active .empty-cart-icon {
    background: var(--cart-icon-bg, var(--three-surface-soft)) !important;
    color: var(--cart-icon-text, var(--three-info-color)) !important;
}
/* === 3E CART PAGE SETTINGS FINAL OVERRIDE END === */

/* === 3E CORE MOBILE LAYOUT CONTRACT FINAL START === */
/*
 * Tek mobil sözleşme:
 * - Header sepet ikonu ortalanır.
 * - Sağ/sol beyaz çizgi yapan yatay taşma kesilir.
 * - Sepet, checkout, kategori, ürün detay wrapperları mobilde ortalanır.
 * - Alt mobil bar ekrana göre sabitlenir.
 * - Ana sayfa resimli kategori strip alanı mobilde yatay kaydırmalı olur.
 */

@media (max-width: 900px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        margin: 0 !important;
    }

    body.three-theme-runtime-active,
    body.three-beyaz-pro-theme {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        position: relative !important;
    }

    body.three-theme-runtime-active *,
    body.three-theme-runtime-active *::before,
    body.three-theme-runtime-active *::after,
    body.three-beyaz-pro-theme *,
    body.three-beyaz-pro-theme *::before,
    body.three-beyaz-pro-theme *::after {
        box-sizing: border-box !important;
    }

    body.three-theme-runtime-active main,
    body.three-theme-runtime-active .three-main,
    body.three-theme-runtime-active .tbp-main,
    body.three-beyaz-pro-theme main,
    body.three-beyaz-pro-theme .three-main,
    body.three-beyaz-pro-theme .tbp-main {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    /* Ortak mobil container */
    body.three-theme-runtime-active .three-shell,
    body.three-theme-runtime-active .three-container,
    body.three-theme-runtime-active .tbp-shell,
    body.three-theme-runtime-active .tbp-container,
    body.three-theme-runtime-active .cart-premium-page,
    body.three-theme-runtime-active .checkout-page,
    body.three-theme-runtime-active .checkout-wrap,
    body.three-theme-runtime-active .checkout-container,
    body.three-theme-runtime-active .three-category-hero,
    body.three-theme-runtime-active .three-category-listing-section,
    body.three-theme-runtime-active .tbp-category-overview-section,
    body.three-theme-runtime-active .three-product-detail-page,
    body.three-theme-runtime-active .three-product-detail-layout,
    body.three-beyaz-pro-theme .three-shell,
    body.three-beyaz-pro-theme .three-container,
    body.three-beyaz-pro-theme .tbp-shell,
    body.three-beyaz-pro-theme .tbp-container,
    body.three-beyaz-pro-theme .cart-premium-page,
    body.three-beyaz-pro-theme .checkout-page,
    body.three-beyaz-pro-theme .checkout-wrap,
    body.three-beyaz-pro-theme .checkout-container,
    body.three-beyaz-pro-theme .three-category-hero,
    body.three-beyaz-pro-theme .three-category-listing-section,
    body.three-beyaz-pro-theme .tbp-category-overview-section,
    body.three-beyaz-pro-theme .three-product-detail-page,
    body.three-beyaz-pro-theme .three-product-detail-layout {
        width: min(100% - 24px, 100%) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    /* Header */
    body.three-theme-runtime-active .three-header,
    body.three-theme-runtime-active .tbp-header,
    body.three-beyaz-pro-theme .three-header,
    body.three-beyaz-pro-theme .tbp-header {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: clip !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 900 !important;
    }

    body.three-theme-runtime-active .three-header-inner,
    body.three-theme-runtime-active .tbp-header-inner,
    body.three-beyaz-pro-theme .three-header-inner,
    body.three-beyaz-pro-theme .tbp-header-inner {
        width: calc(100% - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 10px 0 !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        gap: 10px !important;
    }

    body.three-theme-runtime-active .three-logo,
    body.three-theme-runtime-active .tbp-logo,
    body.three-beyaz-pro-theme .three-logo,
    body.three-beyaz-pro-theme .tbp-logo {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    body.three-theme-runtime-active .three-logo img,
    body.three-theme-runtime-active .tbp-logo img,
    body.three-beyaz-pro-theme .three-logo img,
    body.three-beyaz-pro-theme .tbp-logo img {
        max-width: min(168px, 44vw) !important;
        max-height: 42px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    body.three-theme-runtime-active .three-actions-nav,
    body.three-theme-runtime-active .tbp-actions,
    body.three-beyaz-pro-theme .three-actions-nav,
    body.three-beyaz-pro-theme .tbp-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: max-content !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
    }

    body.three-theme-runtime-active .three-actions-nav a,
    body.three-theme-runtime-active .tbp-actions a,
    body.three-beyaz-pro-theme .three-actions-nav a,
    body.three-beyaz-pro-theme .tbp-actions a {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;

        padding: 0 !important;
        margin: 0 !important;
        border-radius: 15px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;

        font-size: 0 !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

    body.three-theme-runtime-active .three-actions-nav a > span:not(.three-i),
    body.three-theme-runtime-active .tbp-actions a > span:not(.three-i),
    body.three-beyaz-pro-theme .three-actions-nav a > span:not(.three-i),
    body.three-beyaz-pro-theme .tbp-actions a > span:not(.three-i) {
        display: none !important;
    }

    body.three-theme-runtime-active .three-actions-nav a .three-i,
    body.three-theme-runtime-active .tbp-actions a .three-i,
    body.three-beyaz-pro-theme .three-actions-nav a .three-i,
    body.three-beyaz-pro-theme .tbp-actions a .three-i {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        min-height: 21px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        font-size: 0 !important;
    }

    body.three-theme-runtime-active .three-actions-nav a .three-i svg,
    body.three-theme-runtime-active .tbp-actions a .three-i svg,
    body.three-beyaz-pro-theme .three-actions-nav a .three-i svg,
    body.three-beyaz-pro-theme .tbp-actions a .three-i svg {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        min-height: 21px !important;
        display: block !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.three-theme-runtime-active .three-actions-nav a.three-cart-link,
    body.three-theme-runtime-active .tbp-actions a.three-cart-link,
    body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link,
    body.three-beyaz-pro-theme .tbp-actions a.three-cart-link {
        background: var(--three-primary-color, #0f65a9) !important;
        color: #ffffff !important;
        border-color: var(--three-primary-color, #0f65a9) !important;
        position: relative !important;
    }

    body.three-theme-runtime-active .three-cart-link[data-cart-count]:not([data-cart-count="0"])::after {
        top: -6px !important;
        right: -6px !important;
        transform: none !important;
    }

    body.three-theme-runtime-active .three-search,
    body.three-theme-runtime-active .tbp-search,
    body.three-beyaz-pro-theme .three-search,
    body.three-beyaz-pro-theme .tbp-search {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        height: 44px !important;
        min-height: 44px !important;

        display: grid !important;
        grid-template-columns: 20px minmax(0, 1fr) 62px !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 4px 6px 4px 12px !important;
        border-radius: 16px !important;
    }

    body.three-theme-runtime-active .three-search input,
    body.three-theme-runtime-active .tbp-search input,
    body.three-beyaz-pro-theme .three-search input,
    body.three-beyaz-pro-theme .tbp-search input {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 13px !important;
    }

    body.three-theme-runtime-active .three-search button,
    body.three-theme-runtime-active .tbp-search button,
    body.three-beyaz-pro-theme .three-search button,
    body.three-beyaz-pro-theme .tbp-search button {
        width: 62px !important;
        min-width: 62px !important;
        height: 34px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        padding: 0 !important;
    }

    /* Üst kategori menüsü */
    body.three-theme-runtime-active .three-category-nav,
    body.three-theme-runtime-active .tbp-category-nav,
    body.three-theme-runtime-active .tbp-mega-category-nav,
    body.three-beyaz-pro-theme .three-category-nav,
    body.three-beyaz-pro-theme .tbp-category-nav,
    body.three-beyaz-pro-theme .tbp-mega-category-nav {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    body.three-theme-runtime-active .three-category-nav .three-shell,
    body.three-theme-runtime-active .tbp-category-inner,
    body.three-theme-runtime-active .tbp-mega-category-inner,
    body.three-beyaz-pro-theme .three-category-nav .three-shell,
    body.three-beyaz-pro-theme .tbp-category-inner,
    body.three-beyaz-pro-theme .tbp-mega-category-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 12px 10px !important;
        margin: 0 !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.three-theme-runtime-active .tbp-category-inner::-webkit-scrollbar,
    body.three-theme-runtime-active .tbp-mega-category-inner::-webkit-scrollbar,
    body.three-beyaz-pro-theme .tbp-category-inner::-webkit-scrollbar,
    body.three-beyaz-pro-theme .tbp-mega-category-inner::-webkit-scrollbar {
        display: none !important;
    }

    body.three-theme-runtime-active .tbp-mega-cat-item,
    body.three-beyaz-pro-theme .tbp-mega-cat-item {
        flex: 0 0 auto !important;
    }

    body.three-theme-runtime-active .tbp-cat-mega-panel,
    body.three-beyaz-pro-theme .tbp-cat-mega-panel {
        display: none !important;
    }

    /* Premium beyaz ana sayfa kategori strip */
    body.three-theme-runtime-active .tbp-home-category-strip,
    body.three-beyaz-pro-theme .tbp-home-category-strip {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 16px 0 8px !important;
        margin: 0 !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip > .three-shell,
    body.three-beyaz-pro-theme .tbp-home-category-strip > .three-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 12px !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-scroll,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-scroll {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 2px 12px 12px 0 !important;
        margin: 0 !important;

        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-scroll::-webkit-scrollbar,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-scroll::-webkit-scrollbar {
        display: none !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-card,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-card {
        flex: 0 0 230px !important;
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
        height: 128px !important;
        min-height: 128px !important;
        max-height: 128px !important;
        scroll-snap-align: start !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-media,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-media {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-media img,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Sepet / checkout / kategori / ürün detay kartları mobilde ortalı */
    body.three-theme-runtime-active .cart-card,
    body.three-theme-runtime-active .checkout-card,
    body.three-theme-runtime-active .checkout-summary,
    body.three-theme-runtime-active .three-product-info-card,
    body.three-theme-runtime-active .three-product-gallery,
    body.three-theme-runtime-active .three-category-listing-section > *,
    body.three-beyaz-pro-theme .cart-card,
    body.three-beyaz-pro-theme .checkout-card,
    body.three-beyaz-pro-theme .checkout-summary,
    body.three-beyaz-pro-theme .three-product-info-card,
    body.three-beyaz-pro-theme .three-product-gallery,
    body.three-beyaz-pro-theme .three-category-listing-section > * {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.three-theme-runtime-active .checkout-grid,
    body.three-theme-runtime-active .checkout-layout,
    body.three-theme-runtime-active .cart-layout,
    body.three-theme-runtime-active .three-product-detail-layout,
    body.three-theme-runtime-active .three-category-layout,
    body.three-beyaz-pro-theme .checkout-grid,
    body.three-beyaz-pro-theme .checkout-layout,
    body.three-beyaz-pro-theme .cart-layout,
    body.three-beyaz-pro-theme .three-product-detail-layout,
    body.three-beyaz-pro-theme .three-category-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Alt mobil bar */
    body.three-theme-runtime-active {
        padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    }

    body.three-theme-runtime-active .three-mobile-bottom-nav {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
        transform: translateX(-50%) !important;

        width: min(390px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;

        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-items: center !important;
        gap: 4px !important;

        padding: 7px 8px !important;
        margin: 0 !important;

        border-radius: 22px !important;
        overflow: hidden !important;
        z-index: 99980 !important;
    }

    body.three-theme-runtime-active .three-mobile-nav-link {
        width: 100% !important;
        max-width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;

        padding: 4px 2px !important;
        margin: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    body.three-theme-runtime-active .three-mobile-nav-link svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        display: block !important;
    }

    body.three-theme-runtime-active .three-mobile-nav-link span {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 10.5px !important;
        line-height: 1.05 !important;
        font-weight: 850 !important;
        text-align: center !important;
    }

    body.three-theme-runtime-active .three-mobile-cart-link {
        width: 58px !important;
        max-width: 58px !important;
        min-width: 58px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border-radius: 18px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: var(--three-mobile-nav-active-background, var(--three-primary-color, #0f65a9)) !important;
        color: var(--three-mobile-nav-active-text, #ffffff) !important;
    }

    body.three-theme-runtime-active .three-mobile-cart-link span {
        display: none !important;
    }

    body.three-theme-runtime-active .three-mobile-cart-link svg {
        width: 21px !important;
        height: 21px !important;
    }

    /* Fixed/floating uzantılar sayfa genişliğini büyütmesin */
    body.three-theme-runtime-active [class*="floating"],
    body.three-theme-runtime-active [class*="whatsapp"],
    body.three-theme-runtime-active [class*="wheel-trigger"],
    body.three-beyaz-pro-theme [class*="floating"],
    body.three-beyaz-pro-theme [class*="whatsapp"],
    body.three-beyaz-pro-theme [class*="wheel-trigger"] {
        max-width: calc(100vw - 20px) !important;
    }
}

@media (max-width: 390px) {
    body.three-theme-runtime-active .three-header-inner,
    body.three-theme-runtime-active .tbp-header-inner,
    body.three-beyaz-pro-theme .three-header-inner,
    body.three-beyaz-pro-theme .tbp-header-inner {
        width: calc(100% - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }

    body.three-theme-runtime-active .three-logo img,
    body.three-theme-runtime-active .tbp-logo img,
    body.three-beyaz-pro-theme .three-logo img,
    body.three-beyaz-pro-theme .tbp-logo img {
        max-width: min(148px, 40vw) !important;
    }

    body.three-theme-runtime-active .three-actions-nav a,
    body.three-theme-runtime-active .tbp-actions a,
    body.three-beyaz-pro-theme .three-actions-nav a,
    body.three-beyaz-pro-theme .tbp-actions a {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }

    body.three-theme-runtime-active .tbp-home-category-strip .tbp-category-strip-card,
    body.three-beyaz-pro-theme .tbp-home-category-strip .tbp-category-strip-card {
        flex-basis: 218px !important;
        width: 218px !important;
        min-width: 218px !important;
        max-width: 218px !important;
    }

    body.three-theme-runtime-active .three-mobile-bottom-nav {
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        padding: 6px 7px !important;
    }
}
/* === 3E CORE MOBILE LAYOUT CONTRACT FINAL END === */

/* === 3E DESKTOP HEADER WIDTH CART ICON FINAL START === */
/*
 * Masaüstü header final:
 * - Sağ/sol kenar taşması / boşluk üretmesin.
 * - Header, topline ve kategori nav aynı container genişliğine otursun.
 * - Sepet SVG ikonu masaüstünde net görünsün.
 * - Pseudo/emoji icon kapalı, sadece gerçek SVG kullanılır.
 */

/* Genel yatay taşma emniyeti */
html,
body,
body.three-theme-runtime-active,
body.three-beyaz-pro-theme {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Sepet linkinde pseudo icon asla basılmasın */
body.three-theme-runtime-active a.three-cart-link::before,
body.three-beyaz-pro-theme a.three-cart-link::before,
body.three-theme-runtime-active .three-actions-nav a.three-cart-link::before,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link::before {
    content: none !important;
    display: none !important;
}

/* Tüm viewportlarda gerçek SVG görünür kalsın */
body.three-theme-runtime-active a.three-cart-link .three-i,
body.three-beyaz-pro-theme a.three-cart-link .three-i,
body.three-theme-runtime-active .three-actions-nav a.three-cart-link .three-i,
body.three-theme-runtime-active .tbp-actions a.three-cart-link .three-i,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link .three-i,
body.three-beyaz-pro-theme .tbp-actions a.three-cart-link .three-i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.three-theme-runtime-active a.three-cart-link .three-i svg,
body.three-beyaz-pro-theme a.three-cart-link .three-i svg,
body.three-theme-runtime-active .three-actions-nav a.three-cart-link .three-i svg,
body.three-theme-runtime-active .tbp-actions a.three-cart-link .three-i svg,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link .three-i svg,
body.three-beyaz-pro-theme .tbp-actions a.three-cart-link .three-i svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    fill: currentColor !important;
    stroke: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body.three-theme-runtime-active a.three-cart-link .three-i svg *,
body.three-beyaz-pro-theme a.three-cart-link .three-i svg *,
body.three-theme-runtime-active .three-actions-nav a.three-cart-link .three-i svg *,
body.three-theme-runtime-active .tbp-actions a.three-cart-link .three-i svg *,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link .three-i svg *,
body.three-beyaz-pro-theme .tbp-actions a.three-cart-link .three-i svg * {
    fill: currentColor !important;
    stroke: none !important;
    opacity: 1 !important;
}

/* Sepet butonunda ikon ve yazı kontrastı */
body.three-theme-runtime-active .three-actions-nav a.three-cart-link,
body.three-theme-runtime-active .tbp-actions a.three-cart-link,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link,
body.three-beyaz-pro-theme .tbp-actions a.three-cart-link {
    color: #ffffff !important;
}

@media (min-width: 901px) {
    body.three-theme-runtime-active .three-header,
    body.three-theme-runtime-active .tbp-header,
    body.three-theme-runtime-active .three-category-nav,
    body.three-theme-runtime-active .tbp-category-nav,
    body.three-theme-runtime-active .tbp-mega-category-nav,
    body.three-beyaz-pro-theme .three-header,
    body.three-beyaz-pro-theme .tbp-header,
    body.three-beyaz-pro-theme .three-category-nav,
    body.three-beyaz-pro-theme .tbp-category-nav,
    body.three-beyaz-pro-theme .tbp-mega-category-nav {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: clip !important;
    }

    body.three-theme-runtime-active .three-shell,
    body.three-theme-runtime-active .three-container,
    body.three-theme-runtime-active .tbp-topline-inner,
    body.three-theme-runtime-active .three-header-inner,
    body.three-theme-runtime-active .tbp-header-inner,
    body.three-theme-runtime-active .tbp-category-inner,
    body.three-theme-runtime-active .tbp-mega-category-inner,
    body.three-theme-runtime-active .three-category-nav > .three-shell,
    body.three-beyaz-pro-theme .three-shell,
    body.three-beyaz-pro-theme .three-container,
    body.three-beyaz-pro-theme .tbp-topline-inner,
    body.three-beyaz-pro-theme .three-header-inner,
    body.three-beyaz-pro-theme .tbp-header-inner,
    body.three-beyaz-pro-theme .tbp-category-inner,
    body.three-beyaz-pro-theme .tbp-mega-category-inner,
    body.three-beyaz-pro-theme .three-category-nav > .three-shell {
        width: min(calc(100vw - 48px), var(--three-container-width, 1440px)) !important;
        max-width: var(--three-container-width, 1440px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Premium beyaz desktop header grid */
    body.three-theme-runtime-active .tbp-header-inner,
    body.three-beyaz-pro-theme .tbp-header-inner {
        display: grid !important;
        grid-template-columns: 140px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 20px !important;
    }

    body.three-theme-runtime-active .tbp-search,
    body.three-beyaz-pro-theme .tbp-search {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.three-theme-runtime-active .three-actions-nav,
    body.three-theme-runtime-active .tbp-actions,
    body.three-beyaz-pro-theme .three-actions-nav,
    body.three-beyaz-pro-theme .tbp-actions {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        max-width: max-content !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    body.three-theme-runtime-active .three-actions-nav a,
    body.three-theme-runtime-active .tbp-actions a,
    body.three-beyaz-pro-theme .three-actions-nav a,
    body.three-beyaz-pro-theme .tbp-actions a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

    body.three-theme-runtime-active .three-actions-nav a.three-cart-link span:not(.three-i),
    body.three-theme-runtime-active .tbp-actions a.three-cart-link span:not(.three-i),
    body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link span:not(.three-i),
    body.three-beyaz-pro-theme .tbp-actions a.three-cart-link span:not(.three-i) {
        display: inline-flex !important;
        color: #ffffff !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    body.three-theme-runtime-active .three-actions-nav a.three-cart-link .three-i,
    body.three-theme-runtime-active .tbp-actions a.three-cart-link .three-i,
    body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link .three-i,
    body.three-beyaz-pro-theme .tbp-actions a.three-cart-link .three-i {
        color: #ffffff !important;
    }
}
/* === 3E DESKTOP HEADER WIDTH CART ICON FINAL END === */