/* 3E Beyaz Pro - mevcut 3E çekirdeğe uyumlu beyaz/mavi tema katmanı */
:root {
    --tbp-primary: var(--three-primary-color, #0F65A9);
    --tbp-secondary: var(--three-secondary-color, #08A7D9);
    --tbp-page: var(--three-page-background, #F6F8FB);
    --tbp-card: var(--three-card-background, #FFFFFF);
    --tbp-text: var(--three-text-color, #111827);
    --tbp-muted: var(--three-muted-color, #667085);
    --tbp-border: var(--three-border-color, #E5E7EB);
    --tbp-soft: var(--three-surface-soft, #F1F5F9);
    --tbp-radius: var(--three-card-radius, 12px);
    --tbp-button-radius: var(--three-button-radius, 8px);
    --tbp-shadow: 0 8px 28px rgba(17,24,39,.07);
    --tbp-shadow-hover: 0 18px 45px rgba(15,101,169,.15);
}

html,
body.three-theme-runtime-active,
body.three-beyaz-pro-theme {
    background: var(--tbp-page) !important;
    color: var(--tbp-text) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

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% - 48px, var(--three-container-width, 1440px)) !important;
    max-width: var(--three-container-width, 1440px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tbp-home-seo-title {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

/* Header */
body.three-theme-runtime-active .tbp-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 900 !important;
    background: var(--three-header-background, #fff) !important;
    border-bottom: 1px solid var(--tbp-border) !important;
    box-shadow: 0 5px 22px rgba(17, 24, 39, .045) !important;
}

body.three-theme-runtime-active .tbp-topline {
    background: linear-gradient(90deg, #0B1220, var(--tbp-primary)) !important;
    color: #fff !important;
    min-height: 34px !important;
}

.tbp-topline-inner {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.tbp-top-right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.tbp-topline a,
.tbp-topline span {
    color: #fff !important;
    text-decoration: none !important;
}

body.three-theme-runtime-active .tbp-header-inner {
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 140px minmax(320px, 1fr) auto !important;
    align-items: center !important;
    gap: 20px !important;
    background: #fff !important;
}

.tbp-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.tbp-logo img {
    max-width: 112px !important;
    max-height: 54px !important;
    object-fit: contain !important;
}

body.three-theme-runtime-active .tbp-search {
    height: 46px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) 82px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 6px 4px 14px !important;
    background: #fff !important;
    border: 2px solid var(--tbp-primary) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.tbp-search svg,
.tbp-search .three-i {
    color: var(--tbp-primary) !important;
}

body.three-theme-runtime-active .tbp-search input {
    height: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--tbp-text) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

body.three-theme-runtime-active .tbp-search button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--tbp-primary) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body.three-theme-runtime-active .tbp-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.three-theme-runtime-active .tbp-actions a {
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 17px !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--tbp-text) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(17,24,39,.045) !important;
}

body.three-theme-runtime-active .tbp-actions a.three-cart-link {
    background: var(--tbp-primary) !important;
    border-color: var(--tbp-primary) !important;
    color: #fff !important;
}

/* Category nav + düzgün dropdown */
body.three-theme-runtime-active .tbp-category-nav {
    position: relative !important;
    z-index: 930 !important;
    background: #fff !important;
    border-top: 1px solid #F1F3F7 !important;
    border-bottom: 1px solid var(--tbp-border) !important;
    overflow: visible !important;
}

body.three-theme-runtime-active .tbp-category-inner {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    position: relative !important;
}

.tbp-cat-item,
body.three-theme-runtime-active .three-cat-item.tbp-cat-item {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 52px !important;
    flex: 0 0 auto !important;
}

body.three-theme-runtime-active .tbp-cat-item > a {
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--tbp-text) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

body.three-theme-runtime-active .tbp-cat-item:hover > a,
body.three-theme-runtime-active .tbp-cat-item > a:hover {
    background: #EAF5FC !important;
    color: var(--tbp-primary) !important;
}

body.three-theme-runtime-active .tbp-cat-dropdown,
body.three-theme-runtime-active .three-cat-dropdown.tbp-cat-dropdown {
    position: absolute !important;
    top: calc(100% + 0px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    min-width: 260px !important;
    max-width: 340px !important;
    max-height: 430px !important;
    overflow-y: auto !important;
    display: none !important;
    z-index: 2000 !important;
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 45px rgba(17,24,39,.16) !important;
}

body.three-theme-runtime-active .tbp-cat-item:hover > .tbp-cat-dropdown {
    display: grid !important;
    gap: 3px !important;
}

body.three-theme-runtime-active .tbp-cat-dropdown a {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
    color: var(--tbp-text) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

body.three-theme-runtime-active .tbp-cat-dropdown a:hover {
    background: #F1F7FC !important;
    color: var(--tbp-primary) !important;
}

/* Core banner temiz görünüm */
body.three-theme-runtime-active .three-banner-zone-core {
    padding: 22px 0 16px !important;
}

body.three-theme-runtime-active .three-banner-zone-core .three-shell {
    width: min(100% - 48px, var(--three-container-width, 1440px)) !important;
    max-width: var(--three-container-width, 1440px) !important;
}

body.three-theme-runtime-active .three-banner-zone-core .three-banner-viewport,
body.three-theme-runtime-active .three-banner-zone-core .three-banner-card {
    border-radius: var(--tbp-banner-radius) !important;
}

body.three-theme-runtime-active .three-banner-zone-core .three-banner-card {
    border: 1px solid var(--tbp-border) !important;
    background: #fff !important;
    box-shadow: 0 8px 26px rgba(17,24,39,.08) !important;
}

body.three-theme-runtime-active .three-banner-zone-core.is-carousel .three-banner-slide {
    min-height: min(var(--three-banner-desktop-height, 420px), 480px) !important;
}

body.three-theme-runtime-active .three-banner-zone-core .three-banner-nav {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--tbp-text) !important;
    border: 1px solid var(--tbp-border) !important;
    box-shadow: 0 10px 24px rgba(17,24,39,.15) !important;
}

body.three-theme-runtime-active .three-banner-zone-core .three-banner-dots button.active {
    background: var(--tbp-primary) !important;
}

/* Section heads */
.tbp-section-head {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.tbp-section-head.compact { margin-bottom: 12px !important; }

.tbp-section-head span {
    display: inline-flex !important;
    margin-bottom: 5px !important;
    color: var(--tbp-primary) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.tbp-section-head h2 {
    margin: 0 !important;
    color: var(--tbp-text) !important;
    font-size: clamp(22px, 2vw, 32px) !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

.tbp-section-head p {
    margin: 6px 0 0 !important;
    color: var(--tbp-muted) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Homepage category tiles */
.tbp-home-categories,
.tbp-home-product-section,
.tbp-subcategory-section {
    padding: 18px 0 !important;
}

.tbp-category-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.tbp-category-tile {
    position: relative !important;
    min-height: var(--tbp-home-category-image-height) !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: var(--tbp-radius) !important;
    background: #fff !important;
    border: 1px solid var(--tbp-border) !important;
    box-shadow: var(--tbp-shadow) !important;
    text-decoration: none !important;
    isolation: isolate !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.tbp-category-tile.is-small {
    min-height: var(--tbp-category-tile-image-height) !important;
}

.tbp-category-tile:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--tbp-shadow-hover) !important;
    border-color: color-mix(in srgb, var(--tbp-primary) 35%, var(--tbp-border)) !important;
}

.tbp-category-tile-image {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(135deg, #EAF5FC, #F8FAFC) !important;
}

.tbp-category-tile-image img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    transition: transform .25s ease !important;
}

.tbp-category-tile:hover .tbp-category-tile-image img {
    transform: scale(1.045) !important;
}

.tbp-category-tile.no-image .tbp-category-tile-image em {
    width: 68px !important;
    height: 68px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: var(--tbp-primary) !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

.tbp-category-tile.has-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, rgba(2,6,23,0) 35%, rgba(2,6,23,.72) 100%) !important;
}

.tbp-category-tile-content {
    position: absolute !important;
    z-index: 2 !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    display: grid !important;
    gap: 4px !important;
}

.tbp-category-tile.no-image .tbp-category-tile-content strong,
.tbp-category-tile.no-image .tbp-category-tile-content small {
    color: var(--tbp-text) !important;
}

.tbp-category-tile-content strong {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}

.tbp-category-tile-content small {
    color: rgba(255,255,255,.85) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

/* Category page */
body.three-theme-runtime-active .three-category-hero {
    padding: 26px 0 10px !important;
}

body.three-theme-runtime-active .three-category-hero h1 {
    font-size: clamp(28px, 2.4vw, 42px) !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

body.three-theme-runtime-active .three-listing-layout {
    display: grid !important;
    grid-template-columns: 280px minmax(0,1fr) !important;
    gap: 22px !important;
    align-items: start !important;
}

body.three-theme-runtime-active .three-filter-sidebar,
body.three-theme-runtime-active .three-listing-topbar,
body.three-theme-runtime-active .three-card {
    background: #fff !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: var(--tbp-radius) !important;
    box-shadow: 0 6px 22px rgba(17,24,39,.045) !important;
}

body.three-theme-runtime-active .three-filter-sidebar {
    position: sticky !important;
    top: 142px !important;
    padding: 16px !important;
}

body.three-theme-runtime-active .three-subcategory-list a {
    background: var(--tbp-soft) !important;
    border-color: var(--tbp-border) !important;
    color: var(--tbp-text) !important;
}

body.three-theme-runtime-active .three-subcategory-list a:hover {
    background: #EAF5FC !important;
    color: var(--tbp-primary) !important;
}

/* Product cards */
body.three-theme-runtime-active .three-product-grid,
.tbp-product-grid,
body.three-theme-runtime-active .three-home-product-carousel {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 16px !important;
}

body.three-theme-runtime-active .tbp-product-card,
body.three-theme-runtime-active .three-product-card {
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: var(--tbp-radius) !important;
    box-shadow: 0 5px 18px rgba(17,24,39,.045) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.three-theme-runtime-active .tbp-product-card:hover,
body.three-theme-runtime-active .three-product-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--tbp-shadow-hover) !important;
    border-color: color-mix(in srgb, var(--tbp-primary) 30%, var(--tbp-border)) !important;
}

body.three-theme-runtime-active .tbp-product-image,
body.three-theme-runtime-active .three-product-image,
body.three-theme-runtime-active .three-home-product-image {
    position: relative !important;
    height: var(--tbp-product-card-image-height) !important;
    display: grid !important;
    place-items: center !important;
    padding: 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #F1F3F7 !important;
    overflow: hidden !important;
}

body.three-theme-runtime-active .tbp-product-image img,
body.three-theme-runtime-active .three-product-image img,
body.three-theme-runtime-active .three-home-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform .22s ease !important;
}

body.three-theme-runtime-active .tbp-product-card:hover .tbp-product-image img,
body.three-theme-runtime-active .three-product-card:hover .three-product-image img {
    transform: scale(1.035) !important;
}

.tbp-product-info,
body.three-theme-runtime-active .three-product-info,
body.three-theme-runtime-active .three-home-product-info {
    padding: 13px 14px 14px !important;
}

.tbp-product-brand {
    min-height: 16px !important;
    margin-bottom: 5px !important;
    color: var(--tbp-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

body.three-theme-runtime-active .tbp-product-title,
body.three-theme-runtime-active .three-product-title,
body.three-theme-runtime-active .three-product-info h3,
body.three-theme-runtime-active .three-home-product-info h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--tbp-product-title-lines, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 38px !important;
    color: var(--tbp-text) !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    line-height: 1.38 !important;
    font-weight: 850 !important;
}

body.three-theme-runtime-active .tbp-product-price,
body.three-theme-runtime-active .three-product-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-top: 10px !important;
    min-height: 30px !important;
}

body.three-theme-runtime-active .tbp-product-price strong,
body.three-theme-runtime-active .three-product-price strong,
body.three-theme-runtime-active .three-product-info strong,
body.three-theme-runtime-active .three-home-product-info strong {
    color: var(--tbp-primary) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

body.three-theme-runtime-active .tbp-product-price del,
body.three-theme-runtime-active .three-product-price del {
    color: #98A2B3 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.tbp-card-cart {
    margin-top: 10px !important;
}

body.three-theme-runtime-active .tbp-card-cart button,
body.three-theme-runtime-active .add-to-cart-button,
body.three-theme-runtime-active .three-card-cart button,
body.three-theme-runtime-active .three-btn.full {
    width: 100% !important;
    min-height: 40px !important;
    border-radius: var(--tbp-button-radius) !important;
    border: 1px solid var(--three-add-to-cart-border, var(--tbp-primary)) !important;
    background: var(--three-add-to-cart-background, var(--tbp-primary)) !important;
    color: var(--three-add-to-cart-text, #fff) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.tbp-card-badges {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

.tbp-card-badges span {
    border-radius: 5px !important;
    background: var(--tbp-primary) !important;
    color: #fff !important;
    padding: 5px 7px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

/* Product detail */
body.three-theme-runtime-active .three-product-detail-page {
    padding-top: 24px !important;
}

body.three-theme-runtime-active .three-product-detail-layout {
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(360px, .74fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

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-product-info-card {
    background: #fff !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: var(--tbp-radius) !important;
    box-shadow: 0 6px 24px rgba(17,24,39,.055) !important;
}

body.three-theme-runtime-active .three-product-gallery {
    padding: 18px !important;
}

body.three-theme-runtime-active .three-product-main-image {
    min-height: 440px !important;
    height: min(560px, 58vh) !important;
    background: #fff !important;
    border: 1px solid #F1F3F7 !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
}

body.three-theme-runtime-active .three-product-main-image img {
    max-height: min(520px, 54vh) !important;
    width: 100% !important;
    object-fit: contain !important;
}

body.three-theme-runtime-active .three-product-summary {
    position: sticky !important;
    top: 148px !important;
    padding: 22px !important;
}

body.three-theme-runtime-active .three-product-summary h1 {
    color: var(--tbp-text) !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

body.three-theme-runtime-active .three-product-price-line {
    padding: 16px !important;
    background: #F8FAFC !important;
    border: 1px solid var(--tbp-border) !important;
    border-radius: 10px !important;
}

body.three-theme-runtime-active .three-product-price-line strong {
    color: var(--tbp-primary) !important;
    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 950 !important;
}

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

/* Footer */
body.three-theme-runtime-active .tbp-footer {
    margin-top: 34px !important;
    background: var(--three-footer-background, #0B1220) !important;
    color: var(--three-footer-text, #E5E7EB) !important;
}

/* Responsive */
@media (max-width: 1120px) {
    body.three-theme-runtime-active .tbp-header-inner {
        grid-template-columns: 110px 1fr !important;
    }

    .tbp-actions {
        grid-column: 1 / -1 !important;
        justify-content: flex-end !important;
    }

    body.three-theme-runtime-active .three-listing-layout,
    body.three-theme-runtime-active .three-product-detail-layout {
        grid-template-columns: 1fr !important;
    }

    body.three-theme-runtime-active .three-filter-sidebar,
    body.three-theme-runtime-active .three-product-summary {
        position: static !important;
        top: auto !important;
    }

    .tbp-category-tile-grid {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width: 760px) {
    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% - 24px, var(--three-container-width, 1440px)) !important;
    }

    .tbp-topline-inner {
        justify-content: center !important;
        text-align: center !important;
    }

    .tbp-top-right { display: none !important; }

    body.three-theme-runtime-active .tbp-header-inner {
        min-height: auto !important;
        padding: 12px 0 !important;
        grid-template-columns: 84px 1fr !important;
        gap: 10px !important;
    }

    .tbp-logo img { max-width: 78px !important; max-height: 42px !important; }

    body.three-theme-runtime-active .tbp-search {
        height: 42px !important;
        grid-template-columns: 18px minmax(0,1fr) 64px !important;
        padding-left: 10px !important;
    }

    body.three-theme-runtime-active .tbp-search input { font-size: 13px !important; }
    body.three-theme-runtime-active .tbp-search button { width: 60px !important; }

    .tbp-actions { display: none !important; }

    body.three-theme-runtime-active .tbp-category-inner {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        min-height: 46px !important;
    }

    .tbp-cat-item { height: 46px !important; }
    body.three-theme-runtime-active .tbp-cat-item > a { font-size: 12px !important; padding: 0 10px !important; }
    body.three-theme-runtime-active .tbp-cat-dropdown { display: none !important; }

    body.three-theme-runtime-active .three-banner-zone-core { padding: 14px 0 10px !important; }
    body.three-theme-runtime-active .three-banner-zone-core.is-carousel .three-banner-slide { min-height: var(--three-banner-mobile-height, 260px) !important; }

    .tbp-category-tile-grid,
    body.three-theme-runtime-active .three-product-grid,
    .tbp-product-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    .tbp-category-tile { min-height: var(--tbp-home-category-image-height-mobile) !important; }
    .tbp-category-tile.is-small { min-height: var(--tbp-category-tile-image-height-mobile) !important; }
    .tbp-category-tile-content { left: 10px !important; right: 10px !important; bottom: 10px !important; }
    .tbp-category-tile-content strong { font-size: 14px !important; }
    .tbp-category-tile-content small { font-size: 10px !important; }

    body.three-theme-runtime-active .tbp-product-image,
    body.three-theme-runtime-active .three-product-image,
    body.three-theme-runtime-active .three-home-product-image {
        height: var(--tbp-product-card-image-height-mobile) !important;
        padding: 22px !important;
    }

    body.three-theme-runtime-active .tbp-product-info,
    body.three-theme-runtime-active .three-product-info,
    body.three-theme-runtime-active .three-home-product-info { padding: 22px !important; }

    body.three-theme-runtime-active .tbp-product-title,
    body.three-theme-runtime-active .three-product-title,
    body.three-theme-runtime-active .three-product-info h3,
    body.three-theme-runtime-active .three-home-product-info h3 {
        font-size: 12px !important;
        min-height: 34px !important;
    }

    body.three-theme-runtime-active .tbp-product-price strong,
    body.three-theme-runtime-active .three-product-price strong,
    body.three-theme-runtime-active .three-product-info strong,
    body.three-theme-runtime-active .three-home-product-info strong { font-size: 15px !important; }

    body.three-theme-runtime-active .three-product-main-image {
        min-height: 300px !important;
        height: 340px !important;
    }
}

/* === 3E BEYAZ PRO DÜZGÜN - kritik düzeltmeler === */
body.three-beyaz-pro-theme .three-i,
body.three-beyaz-pro-theme .three-i svg,
body.three-beyaz-pro-theme svg.three-i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    fill: currentColor !important;
    flex: 0 0 16px !important;
}

body.three-beyaz-pro-theme .three-i svg {
    width: 100% !important;
    height: 100% !important;
}

body.three-beyaz-pro-theme .tbp-main {
    background: var(--tbp-page) !important;
    min-height: 60vh !important;
}

/* header net hizalama */
body.three-beyaz-pro-theme .tbp-header {
    background: #fff !important;
}

body.three-beyaz-pro-theme .tbp-topline {
    min-height: 32px !important;
}

body.three-beyaz-pro-theme .tbp-topline-inner,
body.three-beyaz-pro-theme .tbp-top-right a,
body.three-beyaz-pro-theme .tbp-footer-contact a,
body.three-beyaz-pro-theme .tbp-footer-contact > span {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body.three-beyaz-pro-theme .tbp-header-inner {
    min-height: 76px !important;
}

body.three-beyaz-pro-theme .tbp-logo img,
body.three-beyaz-pro-theme .three-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 118px !important;
    max-height: 56px !important;
    object-fit: contain !important;
}

/* kategori menüsü: eski çirkin liste yerine kart dropdown */
body.three-beyaz-pro-theme .tbp-category-nav {
    isolation: isolate !important;
}

body.three-beyaz-pro-theme .tbp-category-inner {
    overflow: visible !important;
    z-index: 20 !important;
}

body.three-beyaz-pro-theme .tbp-cat-dropdown,
body.three-beyaz-pro-theme .three-cat-dropdown.tbp-cat-dropdown {
    top: 52px !important;
    left: 0 !important;
    width: min(520px, calc(100vw - 40px)) !important;
    min-width: 320px !important;
    max-width: min(560px, calc(100vw - 40px)) !important;
    max-height: 430px !important;
    overflow: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .16) !important;
    backdrop-filter: blur(8px) !important;
}

body.three-beyaz-pro-theme .tbp-cat-dropdown:not(.is-wide) {
    width: 360px !important;
    grid-template-columns: 1fr !important;
}

body.three-beyaz-pro-theme .tbp-cat-item:hover > .tbp-cat-dropdown {
    display: grid !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card,
body.three-beyaz-pro-theme .tbp-cat-dropdown a.tbp-dropdown-card {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 66px !important;
    padding: 8px !important;
    border: 1px solid #EEF2F7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111827 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(17,24,39,.035) !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card:hover {
    border-color: rgba(15,101,169,.28) !important;
    background: #F4FAFE !important;
    transform: translateY(-1px) !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card-media {
    width: 58px !important;
    height: 50px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #EAF5FC, #F8FAFC) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card-media em {
    font-style: normal !important;
    color: var(--tbp-primary) !important;
    font-weight: 950 !important;
    font-size: 20px !important;
}

body.three-beyaz-pro-theme .tbp-dropdown-card-title {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
}

/* ana sayfa kategori kartları: büyük, görselli ve yatay */
body.three-beyaz-pro-theme .tbp-home-category-strip {
    padding: 20px 0 8px !important;
    background: var(--tbp-page) !important;
}

body.three-beyaz-pro-theme .tbp-section-head-compact {
    margin-bottom: 12px !important;
}

body.three-beyaz-pro-theme .tbp-section-head-compact span {
    display: inline-flex !important;
    color: var(--tbp-primary) !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    margin-bottom: 4px !important;
}

body.three-beyaz-pro-theme .tbp-section-head-compact h2 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

body.three-beyaz-pro-theme .tbp-section-head-compact p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-scroll {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(235px, 1fr) !important;
    gap: 14px !important;
    overflow-x: auto !important;
    padding: 2px 2px 12px !important;
    scroll-snap-type: x mandatory !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-card {
    position: relative !important;
    min-height: var(--tbp-home-category-image-height) !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #0B1220 !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
    text-decoration: none !important;
    scroll-snap-align: start !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-media {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(135deg, #0F65A9, #08A7D9) !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.01) !important;
    transition: transform .25s ease !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-card:hover .tbp-category-strip-media img {
    transform: scale(1.06) !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-card::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.68)) !important;
    z-index: 1 !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-media em {
    font-style: normal !important;
    color: rgba(255,255,255,.28) !important;
    font-size: 84px !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text strong {
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text small {
    color: rgba(255,255,255,.88) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* kategori sayfası alt kategori kartları */
body.three-beyaz-pro-theme .tbp-category-tiles-section {
    margin: 0 0 22px !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 14px !important;
}

body.three-beyaz-pro-theme .tbp-category-tile {
    position: relative !important;
    min-height: var(--tbp-category-tile-image-height) !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border: 1px solid #E5E7EB !important;
    background: #0B1220 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.08) !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-image {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(135deg, var(--tbp-primary), var(--tbp-secondary)) !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .25s ease !important;
}

body.three-beyaz-pro-theme .tbp-category-tile:hover .tbp-category-tile-image img {
    transform: scale(1.06) !important;
}

body.three-beyaz-pro-theme .tbp-category-tile::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72)) !important;
    z-index: 1 !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-image em {
    color: rgba(255,255,255,.25) !important;
    font-style: normal !important;
    font-size: 76px !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-content {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-content strong {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-category-tile-content small {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* footer tamamen toparlandı */
body.three-beyaz-pro-theme .tbp-footer {
    margin-top: 38px !important;
    padding: 0 !important;
    background: #0B1220 !important;
    color: #E5E7EB !important;
    overflow: hidden !important;
}

body.three-beyaz-pro-theme .tbp-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.15fr) minmax(220px, .8fr) minmax(320px, 1.3fr) !important;
    gap: 34px !important;
    align-items: start !important;
    padding: 38px 0 30px !important;
}

body.three-beyaz-pro-theme .tbp-footer-brand img,
body.three-beyaz-pro-theme .three-footer-brand img,
body.three-beyaz-pro-theme .tbp-footer img {
    width: auto !important;
    height: auto !important;
    max-width: 178px !important;
    max-height: 74px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 0 14px !important;
    background: #fff !important;
    border-radius: 10px !important;
    padding: 8px !important;
}

body.three-beyaz-pro-theme .tbp-footer-desc,
body.three-beyaz-pro-theme .tbp-footer-desc p {
    color: #CBD5E1 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

body.three-beyaz-pro-theme .tbp-footer-contact h3,
body.three-beyaz-pro-theme .tbp-footer-links h3,
body.three-beyaz-pro-theme .tbp-footer h3 {
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-footer-contact {
    display: grid !important;
    gap: 10px !important;
}

body.three-beyaz-pro-theme .tbp-footer-contact a,
body.three-beyaz-pro-theme .tbp-footer-contact > span,
body.three-beyaz-pro-theme .tbp-footer a,
body.three-beyaz-pro-theme .tbp-footer li,
body.three-beyaz-pro-theme .tbp-footer p {
    color: #CBD5E1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.55 !important;
}

body.three-beyaz-pro-theme .tbp-footer a:hover {
    color: #fff !important;
}

body.three-beyaz-pro-theme .tbp-footer ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 7px !important;
}

body.three-beyaz-pro-theme .tbp-footer-links,
body.three-beyaz-pro-theme .tbp-footer-links > *,
body.three-beyaz-pro-theme .tbp-footer-links .three-footer-inner,
body.three-beyaz-pro-theme .tbp-footer-links .three-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 18px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

body.three-beyaz-pro-theme .tbp-footer-map {
    padding-bottom: 24px !important;
}

body.three-beyaz-pro-theme .tbp-footer-map iframe {
    width: 100% !important;
    height: 260px !important;
    border: 0 !important;
    border-radius: 14px !important;
}

body.three-beyaz-pro-theme .tbp-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.1) !important;
    padding: 14px 0 !important;
    color: #94A3B8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* banner ana sayfada kaymasın */
body.three-beyaz-pro-theme .three-banner-zone-core,
body.three-beyaz-pro-theme .three-banner-zone {
    padding-top: 14px !important;
}

body.three-beyaz-pro-theme .three-banner-zone-core .three-shell,
body.three-beyaz-pro-theme .three-banner-zone .three-shell {
    width: min(100% - 48px, var(--three-container-width, 1440px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.three-beyaz-pro-theme .three-banner-card,
body.three-beyaz-pro-theme .three-banner-viewport {
    border-radius: 12px !important;
    overflow: hidden !important;
}

@media (max-width: 980px) {
    body.three-beyaz-pro-theme .tbp-footer-grid {
        grid-template-columns: 1fr !important;
    }

    body.three-beyaz-pro-theme .tbp-cat-dropdown,
    body.three-beyaz-pro-theme .three-cat-dropdown.tbp-cat-dropdown {
        display: none !important;
    }

    body.three-beyaz-pro-theme .tbp-category-strip-scroll {
        grid-auto-columns: minmax(190px, 70vw) !important;
    }
}

@media (max-width: 760px) {
    body.three-beyaz-pro-theme .tbp-category-strip-card {
        min-height: var(--tbp-home-category-image-height-mobile) !important;
    }

    body.three-beyaz-pro-theme .tbp-category-tile {
        min-height: var(--tbp-category-tile-image-height-mobile) !important;
    }

    body.three-beyaz-pro-theme .tbp-section-head-compact p {
        display: none !important;
    }
}
/* === /kritik düzeltmeler === */


/* === 3E FINAL CATEGORY FOOTER FIX START === */

:root {
    --tbp-primary: var(--three-primary-color, #0F65A9);
    --tbp-primary-dark: #094f86;
    --tbp-page: var(--three-page-background, #F4F7FB);
    --tbp-border: var(--three-border-color, #E5E7EB);
    --tbp-text: var(--three-text-color, #0F172A);
    --tbp-muted: #64748B;
}

/* Header kategori: kayık dropdown yerine container genişliğinde mega panel */
body.three-beyaz-pro-theme .tbp-mega-category-nav {
    position: relative !important;
    z-index: 80 !important;
    background: #fff !important;
    border-top: 1px solid #EEF2F7 !important;
    border-bottom: 1px solid #E5E7EB !important;
    overflow: visible !important;
}

body.three-beyaz-pro-theme .tbp-mega-category-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 56px !important;
    overflow: visible !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-item {
    position: static !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    color: #0F172A !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    transition: background .16s ease, color .16s ease !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-item:hover > .tbp-mega-cat-link {
    background: #EAF5FC !important;
    color: var(--tbp-primary) !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-panel {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 1px) !important;
    width: 100% !important;
    max-height: min(520px, calc(100vh - 190px)) !important;
    overflow: auto !important;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 16px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .16) !important;
    backdrop-filter: blur(10px) !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-item:hover > .tbp-cat-mega-panel {
    display: grid !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature {
    position: relative !important;
    overflow: hidden !important;
    min-height: 230px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15,101,169,.18) !important;
    background: linear-gradient(135deg, #0F65A9, #063A63) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 18px 45px rgba(15, 101, 169, .18) !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-media,
body.three-beyaz-pro-theme .tbp-cat-mega-feature-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-media:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2,6,23,.12), rgba(2,6,23,.82)) !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-media em {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    font-style: normal !important;
    font-size: 92px !important;
    font-weight: 950 !important;
    color: rgba(255,255,255,.22) !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-content {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-content strong {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-feature-content small {
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 10px !important;
    align-content: start !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 76px !important;
    padding: 8px !important;
    background: #fff !important;
    color: #0F172A !important;
    border: 1px solid #EEF2F7 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 5px 18px rgba(15,23,42,.045) !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(15,101,169,.30) !important;
    background: #F4FAFE !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card-media {
    width: 62px !important;
    height: 58px !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #EAF5FC, #F8FAFC) !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card-media em {
    font-style: normal !important;
    color: var(--tbp-primary) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-cat-mega-card-title {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

/* Ana sayfa kategori alanı: çirkin yatay scrollbar kaldırıldı, büyük görselli grid oldu */
body.three-beyaz-pro-theme .tbp-home-category-strip {
    padding: 28px 0 16px !important;
    background: #F4F7FB !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-scroll {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    overflow: visible !important;
    padding: 0 !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-card,
body.three-beyaz-pro-theme .tbp-category-tile {
    min-width: 0 !important;
    min-height: 174px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(15,101,169,.14) !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #0F65A9, #063A63) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-card:hover,
body.three-beyaz-pro-theme .tbp-category-tile:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 46px rgba(15, 101, 169, .18) !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-media,
body.three-beyaz-pro-theme .tbp-category-tile-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-media:after,
body.three-beyaz-pro-theme .tbp-category-tile-image:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2,6,23,.10), rgba(2,6,23,.76)) !important;
}

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

body.three-beyaz-pro-theme .tbp-category-strip-media em,
body.three-beyaz-pro-theme .tbp-category-tile-image em {
    font-style: normal !important;
    color: rgba(255,255,255,.22) !important;
    font-size: 78px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text,
body.three-beyaz-pro-theme .tbp-category-tile-content {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 15px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text strong,
body.three-beyaz-pro-theme .tbp-category-tile-content strong {
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.24) !important;
}

body.three-beyaz-pro-theme .tbp-category-strip-text small,
body.three-beyaz-pro-theme .tbp-category-tile-content small {
    color: rgba(255,255,255,.92) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

/* Kategori sayfası alt kategori kartları */
body.three-beyaz-pro-theme .tbp-category-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    gap: 16px !important;
}

body.three-beyaz-pro-theme .tbp-category-tiles-section {
    margin: 20px 0 28px !important;
}

/* Footer: SVG/logo patlaması ve core footer iç içe gridleri */
body.three-beyaz-pro-theme .tbp-footer {
    background: #0B1220 !important;
    color: #E5E7EB !important;
    overflow: hidden !important;
}

body.three-beyaz-pro-theme .tbp-footer svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: inline-block !important;
}

body.three-beyaz-pro-theme .tbp-footer img {
    max-width: 170px !important;
    max-height: 72px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

body.three-beyaz-pro-theme .tbp-footer-links style {
    display: none !important;
}

body.three-beyaz-pro-theme .tbp-footer-links .three-footer-inner,
body.three-beyaz-pro-theme .tbp-footer-links .three-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 18px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.three-beyaz-pro-theme .tbp-footer-links .three-footer-col {
    min-width: 0 !important;
}

body.three-beyaz-pro-theme .tbp-footer-links h3,
body.three-beyaz-pro-theme .tbp-footer-links h4,
body.three-beyaz-pro-theme .tbp-footer-links a {
    color: inherit !important;
    text-decoration: none !important;
}

body.three-beyaz-pro-theme .tbp-footer-links h3 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

body.three-beyaz-pro-theme .tbp-footer-links h4 {
    margin: 0 0 7px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

body.three-beyaz-pro-theme .tbp-footer-links a {
    color: #CBD5E1 !important;
}

body.three-beyaz-pro-theme .tbp-footer-links a:hover {
    color: #fff !important;
}

@media (max-width: 900px) {
    body.three-beyaz-pro-theme .tbp-cat-mega-panel {
        grid-template-columns: 1fr !important;
        max-height: 72vh !important;
    }

    body.three-beyaz-pro-theme .tbp-cat-mega-feature {
        min-height: 150px !important;
    }

    body.three-beyaz-pro-theme .tbp-cat-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.three-beyaz-pro-theme .tbp-category-strip-scroll,
    body.three-beyaz-pro-theme .tbp-category-tile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.three-beyaz-pro-theme .tbp-category-strip-card,
    body.three-beyaz-pro-theme .tbp-category-tile {
        min-height: 138px !important;
    }

    body.three-beyaz-pro-theme .tbp-category-strip-text strong,
    body.three-beyaz-pro-theme .tbp-category-tile-content strong {
        font-size: 13px !important;
    }

    body.three-beyaz-pro-theme .tbp-cat-mega-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === 3E FINAL CATEGORY FOOTER FIX END === */



/* === 3E MEGA MENU HOVER FIX START === */

/*
 * Header kategori mega menü:
 * - Menü ile panel arasındaki hover boşluğu kaldırıldı.
 * - Panel hover alınca kapanmayacak.
 * - JS ile .is-open geldiğinde de açık kalacak.
 * - Ana sayfa kategori kartlarının üstüne kontrollü biner ama imleç kaçırmaz.
 */

body.three-beyaz-pro-theme .tbp-mega-category-nav {
    isolation: isolate !important;
    z-index: 500 !important;
}

body.three-beyaz-pro-theme .tbp-mega-category-inner {
    overflow: visible !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-item {
    position: static !important;
}

/* Hover köprüsü: nav ile panel arasında görünmez alan */
body.three-beyaz-pro-theme .tbp-mega-cat-item.has-children::after {
    content: "" !important;
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 18px !important;
    z-index: 501 !important;
    background: transparent !important;
}

body.three-beyaz-pro-theme .tbp-mega-cat-item.has-children:hover::after,
body.three-beyaz-pro-theme .tbp-mega-cat-item.has-children.is-open::after {
    display: block !important;
}

/* Panel artık 1px boşlukla değil direkt nav altından başlıyor */
body.three-beyaz-pro-theme .tbp-cat-mega-panel {
    top: 100% !important;
    z-index: 502 !important;
    pointer-events: auto !important;
    display: none !important;
}

/* Hem CSS hover hem JS class ile açık kalır */
body.three-beyaz-pro-theme .tbp-mega-cat-item:hover > .tbp-cat-mega-panel,
body.three-beyaz-pro-theme .tbp-mega-cat-item.is-open > .tbp-cat-mega-panel {
    display: grid !important;
}

/* Panel içindeyken kategori linkinin aktif görünmesi */
body.three-beyaz-pro-theme .tbp-mega-cat-item.is-open > .tbp-mega-cat-link {
    background: #EAF5FC !important;
    color: var(--tbp-primary, #0F65A9) !important;
}

/* Ana sayfa kategori kartları panelin altında kalsın, paneli kapatmasın */
body.three-beyaz-pro-theme .tbp-home-category-strip,
body.three-beyaz-pro-theme .tbp-category-strip-scroll,
body.three-beyaz-pro-theme .tbp-category-strip-card {
    position: relative !important;
    z-index: 1 !important;
}

body.three-beyaz-pro-theme .three-banner-zone,
body.three-beyaz-pro-theme .three-home-product-section {
    position: relative !important;
    z-index: 1 !important;
}

/* Panel çok uzun olursa kendi içinde kayar, sayfa hover kaçırmaz */
body.three-beyaz-pro-theme .tbp-cat-mega-panel {
    overscroll-behavior: contain !important;
}

/* === 3E MEGA MENU HOVER FIX END === */



/* === 3E CATEGORY PAGE CART ICON FINAL START === */

/*
 * Kategori sayfası:
 * Alt kategori alanı container dışına kaçmayacak.
 * Tek alt kategori varsa 1800px yayılmayacak.
 */
body.three-theme-runtime-active .tbp-category-tiles-section,
body.three-beyaz-pro-theme .tbp-category-tiles-section {
    width: min(var(--three-container-width, 1480px), calc(100vw - 60px)) !important;
    max-width: var(--three-container-width, 1480px) !important;
    margin: 26px auto 34px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section .tbp-section-head,
body.three-beyaz-pro-theme .tbp-category-tiles-section .tbp-section-head,
body.three-theme-runtime-active .tbp-category-tiles-section .fe-section-head,
body.three-beyaz-pro-theme .tbp-category-tiles-section .fe-section-head {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section h2,
body.three-beyaz-pro-theme .tbp-category-tiles-section h2 {
    margin: 0 !important;
    color: #0F172A !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section p,
body.three-beyaz-pro-theme .tbp-category-tiles-section p,
body.three-theme-runtime-active .tbp-category-tiles-section small,
body.three-beyaz-pro-theme .tbp-category-tiles-section small {
    color: #64748B !important;
    font-weight: 800 !important;
}

body.three-theme-runtime-active .tbp-category-tile-grid,
body.three-beyaz-pro-theme .tbp-category-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 280px)) !important;
    justify-content: start !important;
    gap: 16px !important;
    width: 100% !important;
    overflow: visible !important;
}

body.three-theme-runtime-active .tbp-category-tile,
body.three-beyaz-pro-theme .tbp-category-tile {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #0F65A9 0%, #062338 100%) !important;
    border: 1px solid rgba(15,101,169,.16) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10) !important;
    color: #fff !important;
    text-decoration: none !important;
}

body.three-theme-runtime-active .tbp-category-tile-image,
body.three-beyaz-pro-theme .tbp-category-tile-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
}

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

body.three-theme-runtime-active .tbp-category-tile-image::after,
body.three-beyaz-pro-theme .tbp-category-tile-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.78)) !important;
    z-index: 1 !important;
}

body.three-theme-runtime-active .tbp-category-tile-image em,
body.three-beyaz-pro-theme .tbp-category-tile-image em {
    position: relative !important;
    z-index: 0 !important;
    font-style: normal !important;
    color: rgba(255,255,255,.20) !important;
    font-size: 62px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.three-theme-runtime-active .tbp-category-tile-content,
body.three-beyaz-pro-theme .tbp-category-tile-content {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 15px !important;
    z-index: 3 !important;
    display: grid !important;
    gap: 4px !important;
}

body.three-theme-runtime-active .tbp-category-tile-content strong,
body.three-beyaz-pro-theme .tbp-category-tile-content strong {
    display: block !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.30) !important;
}

body.three-theme-runtime-active .tbp-category-tile-content small,
body.three-beyaz-pro-theme .tbp-category-tile-content small {
    display: block !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
}

/*
 * Kategori hero alanı daha temiz.
 */
body.three-theme-runtime-active .three-category-hero,
body.three-beyaz-pro-theme .three-category-hero {
    width: min(var(--three-container-width, 1480px), calc(100vw - 60px)) !important;
    max-width: var(--three-container-width, 1480px) !important;
    margin: 0 auto !important;
    padding: 32px 0 24px !important;
}

body.three-theme-runtime-active .three-category-hero h1,
body.three-beyaz-pro-theme .three-category-hero h1 {
    color: #0F172A !important;
    font-size: clamp(34px, 3.4vw, 54px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
}

body.three-theme-runtime-active .three-category-hero p,
body.three-beyaz-pro-theme .three-category-hero p {
    max-width: 680px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/*
 * Sepet ikonu garanti.
 * Bazı temalarda SVG görünmediği için pseudo icon basıyoruz.
 */
body.three-theme-runtime-active .three-actions-nav a.three-cart-link,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link,
body.three-theme-runtime-active a.three-cart-link,
body.three-beyaz-pro-theme a.three-cart-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

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,
body.three-theme-runtime-active a.three-cart-link::before,
body.three-beyaz-pro-theme a.three-cart-link::before {
    content: "🛒" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
    width: 16px !important;
    height: 16px !important;
    color: currentColor !important;
}

body.three-theme-runtime-active .three-actions-nav a.three-cart-link svg,
body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link svg,
body.three-theme-runtime-active a.three-cart-link svg,
body.three-beyaz-pro-theme a.three-cart-link svg {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
}

/* WhatsApp butonu kategori başlığına fazla binmesin */
body.three-theme-runtime-active .floating-social,
body.three-beyaz-pro-theme .floating-social,
body.three-theme-runtime-active .three-floating-social,
body.three-beyaz-pro-theme .three-floating-social {
    z-index: 120 !important;
}

@media (max-width: 760px) {
    body.three-theme-runtime-active .tbp-category-tiles-section,
    body.three-beyaz-pro-theme .tbp-category-tiles-section,
    body.three-theme-runtime-active .three-category-hero,
    body.three-beyaz-pro-theme .three-category-hero {
        width: min(100% - 24px, 100%) !important;
    }

    body.three-theme-runtime-active .tbp-category-tile-grid,
    body.three-beyaz-pro-theme .tbp-category-tile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.three-theme-runtime-active .tbp-category-tile,
    body.three-beyaz-pro-theme .tbp-category-tile {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;
    }

    body.three-theme-runtime-active .tbp-category-tile-content strong,
    body.three-beyaz-pro-theme .tbp-category-tile-content strong {
        font-size: 13px !important;
    }
}

/* === 3E CATEGORY PAGE CART ICON FINAL END === */



/* === 3E CATEGORY BEAUTY FINAL START === */

/*
 * Kategori sayfası final görünüm:
 * - Devasa başlık/boşluk küçültüldü.
 * - Hero daha premium ve kompakt hale geldi.
 * - Alt kategori başlığı sadeleşti.
 * - Alt kategori kartı içindeki tüm yazılar beyaz yapıldı.
 */

body.three-theme-runtime-active,
body.three-beyaz-pro-theme {
    background: #F5F7FB !important;
}

/* Kategori üst hero */
body.three-theme-runtime-active .three-category-hero,
body.three-beyaz-pro-theme .three-category-hero {
    width: min(var(--three-container-width, 1480px), calc(100vw - 72px)) !important;
    max-width: var(--three-container-width, 1480px) !important;
    margin: 0 auto !important;
    padding: 26px 0 18px !important;
    background: transparent !important;
}

body.three-theme-runtime-active .three-category-breadcrumb,
body.three-beyaz-pro-theme .three-category-breadcrumb,
body.three-theme-runtime-active .breadcrumb,
body.three-beyaz-pro-theme .breadcrumb {
    margin: 0 0 14px !important;
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

body.three-theme-runtime-active .three-category-breadcrumb a,
body.three-beyaz-pro-theme .three-category-breadcrumb a,
body.three-theme-runtime-active .breadcrumb a,
body.three-beyaz-pro-theme .breadcrumb a {
    color: #0F65A9 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

body.three-theme-runtime-active .three-category-hero .badge,
body.three-beyaz-pro-theme .three-category-hero .badge,
body.three-theme-runtime-active .three-category-hero [class*="badge"],
body.three-beyaz-pro-theme .three-category-hero [class*="badge"] {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin: 0 0 10px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: #EAF5FC !important;
    color: #0F65A9 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.three-theme-runtime-active .three-category-hero h1,
body.three-beyaz-pro-theme .three-category-hero h1 {
    max-width: 980px !important;
    margin: 0 !important;
    color: #101827 !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
}

body.three-theme-runtime-active .three-category-hero p,
body.three-beyaz-pro-theme .three-category-hero p {
    max-width: 720px !important;
    margin: 12px 0 0 !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

/* Alt kategori bölümü */
body.three-theme-runtime-active .tbp-category-tiles-section,
body.three-beyaz-pro-theme .tbp-category-tiles-section {
    width: min(var(--three-container-width, 1480px), calc(100vw - 72px)) !important;
    max-width: var(--three-container-width, 1480px) !important;
    margin: 18px auto 32px !important;
    padding: 22px !important;
    border-radius: 22px !important;
    background: #FFFFFF !important;
    border: 1px solid #E8EEF6 !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, .055) !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section .tbp-section-head,
body.three-beyaz-pro-theme .tbp-category-tiles-section .tbp-section-head,
body.three-theme-runtime-active .tbp-category-tiles-section .fe-section-head,
body.three-beyaz-pro-theme .tbp-category-tiles-section .fe-section-head {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section .tbp-section-head::before,
body.three-beyaz-pro-theme .tbp-category-tiles-section .tbp-section-head::before,
body.three-theme-runtime-active .tbp-category-tiles-section .fe-section-head::before,
body.three-beyaz-pro-theme .tbp-category-tiles-section .fe-section-head::before {
    content: "KATEGORİ" !important;
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 8px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #EAF5FC !important;
    color: #0F65A9 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section h2,
body.three-beyaz-pro-theme .tbp-category-tiles-section h2 {
    margin: 0 !important;
    color: #101827 !important;
    font-size: clamp(23px, 2vw, 31px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

body.three-theme-runtime-active .tbp-category-tiles-section > p,
body.three-beyaz-pro-theme .tbp-category-tiles-section > p,
body.three-theme-runtime-active .tbp-category-tiles-section .tbp-section-head p,
body.three-beyaz-pro-theme .tbp-category-tiles-section .tbp-section-head p,
body.three-theme-runtime-active .tbp-category-tiles-section .fe-section-head p,
body.three-beyaz-pro-theme .tbp-category-tiles-section .fe-section-head p {
    margin: 6px 0 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

/* Alt kategori grid */
body.three-theme-runtime-active .tbp-category-tile-grid,
body.three-beyaz-pro-theme .tbp-category-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 270px)) !important;
    justify-content: start !important;
    gap: 14px !important;
    width: 100% !important;
}

/* Alt kategori kartları */
body.three-theme-runtime-active .tbp-category-tile,
body.three-beyaz-pro-theme .tbp-category-tile {
    position: relative !important;
    display: block !important;
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #0F65A9 0%, #052337 100%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: 0 18px 38px rgba(15, 101, 169, .16) !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

body.three-theme-runtime-active .tbp-category-tile:hover,
body.three-beyaz-pro-theme .tbp-category-tile:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 24px 52px rgba(15, 101, 169, .22) !important;
}

body.three-theme-runtime-active .tbp-category-tile-image,
body.three-beyaz-pro-theme .tbp-category-tile-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
}

body.three-theme-runtime-active .tbp-category-tile-image img,
body.three-beyaz-pro-theme .tbp-category-tile-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.01) !important;
}

body.three-theme-runtime-active .tbp-category-tile-image::after,
body.three-beyaz-pro-theme .tbp-category-tile-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(180deg, rgba(2,6,23,.04) 0%, rgba(2,6,23,.30) 44%, rgba(2,6,23,.86) 100%),
        radial-gradient(circle at 80% 12%, rgba(255,255,255,.20), transparent 34%) !important;
}

body.three-theme-runtime-active .tbp-category-tile-image em,
body.three-beyaz-pro-theme .tbp-category-tile-image em {
    position: relative !important;
    z-index: 0 !important;
    color: rgba(255,255,255,.20) !important;
    font-style: normal !important;
    font-size: 70px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* Kart içi yazı: kesin beyaz */
body.three-theme-runtime-active .tbp-category-tile .tbp-category-tile-content,
body.three-beyaz-pro-theme .tbp-category-tile .tbp-category-tile-content {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 15px !important;
    z-index: 5 !important;
    display: grid !important;
    gap: 4px !important;
    color: #FFFFFF !important;
}

body.three-theme-runtime-active .tbp-category-tile .tbp-category-tile-content *,
body.three-beyaz-pro-theme .tbp-category-tile .tbp-category-tile-content *,
body.three-theme-runtime-active .tbp-category-tile strong,
body.three-beyaz-pro-theme .tbp-category-tile strong,
body.three-theme-runtime-active .tbp-category-tile small,
body.three-beyaz-pro-theme .tbp-category-tile small,
body.three-theme-runtime-active .tbp-category-tile span,
body.three-beyaz-pro-theme .tbp-category-tile span {
    color: #FFFFFF !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.42) !important;
}

body.three-theme-runtime-active .tbp-category-tile .tbp-category-tile-content strong,
body.three-beyaz-pro-theme .tbp-category-tile .tbp-category-tile-content strong {
    display: block !important;
    font-size: 17px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
}

body.three-theme-runtime-active .tbp-category-tile .tbp-category-tile-content small,
body.three-beyaz-pro-theme .tbp-category-tile .tbp-category-tile-content small {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    opacity: .94 !important;
}

/* Eğer kategori kartı tekse bile devasa olmasın */
body.three-theme-runtime-active .tbp-category-tile-grid:has(.tbp-category-tile:only-child),
body.three-beyaz-pro-theme .tbp-category-tile-grid:has(.tbp-category-tile:only-child) {
    grid-template-columns: minmax(220px, 270px) !important;
}

/* Mobil */
@media (max-width: 760px) {
    body.three-theme-runtime-active .three-category-hero,
    body.three-beyaz-pro-theme .three-category-hero,
    body.three-theme-runtime-active .tbp-category-tiles-section,
    body.three-beyaz-pro-theme .tbp-category-tiles-section {
        width: min(100% - 24px, 100%) !important;
    }

    body.three-theme-runtime-active .tbp-category-tiles-section,
    body.three-beyaz-pro-theme .tbp-category-tiles-section {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    body.three-theme-runtime-active .tbp-category-tile-grid,
    body.three-beyaz-pro-theme .tbp-category-tile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.three-theme-runtime-active .tbp-category-tile,
    body.three-beyaz-pro-theme .tbp-category-tile {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;
    }

    body.three-theme-runtime-active .tbp-category-tile .tbp-category-tile-content strong,
    body.three-beyaz-pro-theme .tbp-category-tile .tbp-category-tile-content strong {
        font-size: 13px !important;
    }
}

/* === 3E CATEGORY BEAUTY FINAL END === */



/* === 3E CATEGORY COMPACT CURRENT IMAGE START === */

/*
 * Kategori sayfası:
 * Sadece bulunduğumuz kategorinin görseli büyük basılır.
 * Alt kategoriler görselsiz kompakt chip olarak basılır.
 * Sayfa şişmez.
 */

body.three-theme-runtime-active .tbp-category-overview-section,
body.three-beyaz-pro-theme .tbp-category-overview-section {
    width: min(var(--three-container-width, 1480px), calc(100vw - 72px)) !important;
    max-width: var(--three-container-width, 1480px) !important;
    margin: 18px auto 30px !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 390px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.three-theme-runtime-active .tbp-category-overview-section.no-current-image,
body.three-beyaz-pro-theme .tbp-category-overview-section.no-current-image {
    grid-template-columns: 1fr !important;
}

body.three-theme-runtime-active .tbp-current-category-visual,
body.three-beyaz-pro-theme .tbp-current-category-visual {
    position: relative !important;
    display: block !important;
    min-height: 230px !important;
    max-height: 260px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    background: #0F65A9 !important;
    box-shadow: 0 20px 50px rgba(15, 101, 169, .18) !important;
}

body.three-theme-runtime-active .tbp-current-category-visual img,
body.three-beyaz-pro-theme .tbp-current-category-visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 230px !important;
    object-fit: cover !important;
    display: block !important;
}

body.three-theme-runtime-active .tbp-current-category-visual::after,
body.three-beyaz-pro-theme .tbp-current-category-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.78)) !important;
}

body.three-theme-runtime-active .tbp-current-category-overlay,
body.three-beyaz-pro-theme .tbp-current-category-overlay {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 5px !important;
}

body.three-theme-runtime-active .tbp-current-category-overlay small,
body.three-beyaz-pro-theme .tbp-current-category-overlay small {
    color: rgba(255,255,255,.88) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.three-theme-runtime-active .tbp-current-category-overlay strong,
body.three-beyaz-pro-theme .tbp-current-category-overlay strong {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}

body.three-theme-runtime-active .tbp-current-category-overlay em,
body.three-beyaz-pro-theme .tbp-current-category-overlay em {
    color: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

body.three-theme-runtime-active .tbp-subcategory-compact-panel,
body.three-beyaz-pro-theme .tbp-subcategory-compact-panel {
    background: #fff !important;
    border: 1px solid #E8EEF6 !important;
    border-radius: 20px !important;
    padding: 18px !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, .055) !important;
}

body.three-theme-runtime-active .tbp-subcategory-compact-head,
body.three-beyaz-pro-theme .tbp-subcategory-compact-head {
    margin: 0 0 14px !important;
}

body.three-theme-runtime-active .tbp-subcategory-compact-head span,
body.three-beyaz-pro-theme .tbp-subcategory-compact-head span {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 8px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #EAF5FC !important;
    color: #0F65A9 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
}

body.three-theme-runtime-active .tbp-subcategory-compact-head h2,
body.three-beyaz-pro-theme .tbp-subcategory-compact-head h2 {
    margin: 0 !important;
    color: #101827 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

body.three-theme-runtime-active .tbp-subcategory-compact-head p,
body.three-beyaz-pro-theme .tbp-subcategory-compact-head p {
    margin: 6px 0 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

body.three-theme-runtime-active .tbp-subcategory-chip-grid,
body.three-beyaz-pro-theme .tbp-subcategory-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 10px !important;
}

body.three-theme-runtime-active .tbp-subcategory-chip,
body.three-beyaz-pro-theme .tbp-subcategory-chip {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: #F8FAFC !important;
    border: 1px solid #E8EEF6 !important;
    color: #101827 !important;
    text-decoration: none !important;
    transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.three-theme-runtime-active .tbp-subcategory-chip:hover,
body.three-beyaz-pro-theme .tbp-subcategory-chip:hover {
    background: #EAF5FC !important;
    border-color: rgba(15,101,169,.25) !important;
    transform: translateY(-1px) !important;
}

body.three-theme-runtime-active .tbp-subcategory-chip span,
body.three-beyaz-pro-theme .tbp-subcategory-chip span {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: #EAF5FC !important;
    color: #0F65A9 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.three-theme-runtime-active .tbp-subcategory-chip strong,
body.three-beyaz-pro-theme .tbp-subcategory-chip strong {
    min-width: 0 !important;
    color: #101827 !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
}

/* Eski büyük alt kategori kartlarını bu yeni yapıda kullanılmadığı halde garanti sakla */
body.three-theme-runtime-active .tbp-category-tile-grid,
body.three-beyaz-pro-theme .tbp-category-tile-grid {
    display: none !important;
}

@media (max-width: 900px) {
    body.three-theme-runtime-active .tbp-category-overview-section,
    body.three-beyaz-pro-theme .tbp-category-overview-section {
        grid-template-columns: 1fr !important;
        width: min(100% - 24px, 100%) !important;
    }

    body.three-theme-runtime-active .tbp-current-category-visual,
    body.three-beyaz-pro-theme .tbp-current-category-visual {
        min-height: 180px !important;
        max-height: 210px !important;
    }

    body.three-theme-runtime-active .tbp-current-category-visual img,
    body.three-beyaz-pro-theme .tbp-current-category-visual img {
        min-height: 180px !important;
    }
}

@media (max-width: 640px) {
    body.three-theme-runtime-active .tbp-subcategory-chip-grid,
    body.three-beyaz-pro-theme .tbp-subcategory-chip-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === 3E CATEGORY COMPACT CURRENT IMAGE END === */



/* === 3E FILTER OVERFLOW FIX START === */

/*
 * Kategori filtre sidebar taşma düzeltmesi.
 * Özellikle Fiyat Aralığı Min/Max inputları kutudan dışarı taşıyordu.
 */

body.three-theme-runtime-active .three-listing-layout,
body.three-beyaz-pro-theme .three-listing-layout {
    grid-template-columns: minmax(250px, 285px) minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
}

body.three-theme-runtime-active .three-filter-sidebar,
body.three-beyaz-pro-theme .three-filter-sidebar {
    width: 100% !important;
    max-width: 285px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 16px !important;
}

body.three-theme-runtime-active .three-filter-sidebar *,
body.three-beyaz-pro-theme .three-filter-sidebar * {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

body.three-theme-runtime-active .three-filter-sidebar input,
body.three-beyaz-pro-theme .three-filter-sidebar input,
body.three-theme-runtime-active .three-filter-sidebar select,
body.three-beyaz-pro-theme .three-filter-sidebar select,
body.three-theme-runtime-active .three-filter-sidebar button,
body.three-beyaz-pro-theme .three-filter-sidebar button {
    width: 100% !important;
    min-width: 0 !important;
}

/* Ürün ara inputu */
body.three-theme-runtime-active .three-filter-sidebar input[type="text"],
body.three-beyaz-pro-theme .three-filter-sidebar input[type="text"],
body.three-theme-runtime-active .three-filter-sidebar input[type="search"],
body.three-beyaz-pro-theme .three-filter-sidebar input[type="search"] {
    height: 42px !important;
    border-radius: 13px !important;
    border: 1px solid #D9E2EF !important;
    background: #F8FAFC !important;
    padding: 0 13px !important;
    color: #0F172A !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/*
 * Fiyat Aralığı:
 * Mevcut HTML hangi class ile gelirse gelsin, iki input yan yana düzgün otursun.
 */
body.three-theme-runtime-active .three-filter-price,
body.three-beyaz-pro-theme .three-filter-price,
body.three-theme-runtime-active .three-price-filter,
body.three-beyaz-pro-theme .three-price-filter,
body.three-theme-runtime-active .price-range,
body.three-beyaz-pro-theme .price-range,
body.three-theme-runtime-active .price-inputs,
body.three-beyaz-pro-theme .price-inputs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body.three-theme-runtime-active .three-filter-sidebar input[name="min_price"],
body.three-beyaz-pro-theme .three-filter-sidebar input[name="min_price"],
body.three-theme-runtime-active .three-filter-sidebar input[name="max_price"],
body.three-beyaz-pro-theme .three-filter-sidebar input[name="max_price"],
body.three-theme-runtime-active .three-filter-sidebar input[name="price_min"],
body.three-beyaz-pro-theme .three-filter-sidebar input[name="price_min"],
body.three-theme-runtime-active .three-filter-sidebar input[name="price_max"],
body.three-beyaz-pro-theme .three-filter-sidebar input[name="price_max"],
body.three-theme-runtime-active .three-filter-sidebar input[placeholder="Min"],
body.three-beyaz-pro-theme .three-filter-sidebar input[placeholder="Min"],
body.three-theme-runtime-active .three-filter-sidebar input[placeholder="Max"],
body.three-beyaz-pro-theme .three-filter-sidebar input[placeholder="Max"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    border-radius: 13px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
}

/* Eğer Min/Max inputları direkt arka arkaya geldiyse aynı satırda kontrollü dursun */
body.three-theme-runtime-active .three-filter-group:has(input[placeholder="Min"]):has(input[placeholder="Max"]),
body.three-beyaz-pro-theme .three-filter-group:has(input[placeholder="Min"]):has(input[placeholder="Max"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
}

body.three-theme-runtime-active .three-filter-group:has(input[placeholder="Min"]):has(input[placeholder="Max"]) label,
body.three-beyaz-pro-theme .three-filter-group:has(input[placeholder="Min"]):has(input[placeholder="Max"]) label {
    grid-column: 1 / -1 !important;
}

/* Alt kategori butonları */
body.three-theme-runtime-active .three-filter-sidebar a,
body.three-beyaz-pro-theme .three-filter-sidebar a,
body.three-theme-runtime-active .three-filter-sidebar .three-filter-chip,
body.three-beyaz-pro-theme .three-filter-sidebar .three-filter-chip {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* Filtrele butonu taşmasın */
body.three-theme-runtime-active .three-filter-sidebar button[type="submit"],
body.three-beyaz-pro-theme .three-filter-sidebar button[type="submit"] {
    height: 43px !important;
    border-radius: 9px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* Mobilde filtre üstte tam genişlik olsun */
@media (max-width: 1100px) {
    body.three-theme-runtime-active .three-listing-layout,
    body.three-beyaz-pro-theme .three-listing-layout {
        grid-template-columns: 1fr !important;
    }

    body.three-theme-runtime-active .three-filter-sidebar,
    body.three-beyaz-pro-theme .three-filter-sidebar {
        max-width: none !important;
        width: 100% !important;
    }
}

/* === 3E FILTER OVERFLOW FIX END === */



/* === 3E HIDE CATEGORY HERO START === */

/*
 * Bu temada kategori üst hero alanı gizlendi.
 * Gizlenen alan:
 * - breadcrumb
 * - KATEGORI badge
 * - kategori başlığı
 * - kategori açıklaması
 */
body.three-theme-runtime-active .three-category-hero,
body.three-beyaz-pro-theme .three-category-hero {
    display: none !important;
}

/* Hero kalkınca alt kategori / ürün liste alanı yukarı temiz otursun */
body.three-theme-runtime-active .tbp-category-overview-section,
body.three-beyaz-pro-theme .tbp-category-overview-section {
    margin-top: 22px !important;
}

body.three-theme-runtime-active .three-listing-layout,
body.three-beyaz-pro-theme .three-listing-layout {
    margin-top: 22px !important;
}

/* === 3E HIDE CATEGORY HERO END === */



/* === 3E PREMIUM BEYAZ MOBILE CART FINAL START === */

/*
 * Premium-beyaz mobil header:
 * Eski CSS mobilde .tbp-actions alanını display:none yapıyordu.
 * Bu yüzden Sepet butonu görünmüyor ve mini sepet drawer açılamıyordu.
 */

@media (max-width: 900px) {
    body.three-theme-runtime-active .tbp-header,
    body.three-beyaz-pro-theme .tbp-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 900 !important;
        background: #ffffff !important;
    }

    body.three-theme-runtime-active .tbp-header-inner,
    body.three-beyaz-pro-theme .tbp-header-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: auto !important;
        padding: 10px 0 !important;
    }

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

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

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

    body.three-theme-runtime-active .tbp-actions a,
    body.three-beyaz-pro-theme .tbp-actions a,
    body.three-theme-runtime-active .three-actions-nav a,
    body.three-beyaz-pro-theme .three-actions-nav a {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 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;
    }

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

    body.three-theme-runtime-active .tbp-actions a svg,
    body.three-beyaz-pro-theme .tbp-actions a svg,
    body.three-theme-runtime-active .three-actions-nav a svg,
    body.three-beyaz-pro-theme .three-actions-nav a svg,
    body.three-theme-runtime-active .tbp-actions a .three-i,
    body.three-beyaz-pro-theme .tbp-actions a .three-i,
    body.three-theme-runtime-active .three-actions-nav a .three-i,
    body.three-beyaz-pro-theme .three-actions-nav a .three-i {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        display: block !important;
        font-size: 20px !important;
    }

    body.three-theme-runtime-active .tbp-actions a.three-cart-link,
    body.three-beyaz-pro-theme .tbp-actions a.three-cart-link,
    body.three-theme-runtime-active .three-actions-nav a.three-cart-link,
    body.three-beyaz-pro-theme .three-actions-nav a.three-cart-link {
        position: relative !important;
        background: var(--three-primary-color, #0f65a9) !important;
        color: #ffffff !important;
        border-color: var(--three-primary-color, #0f65a9) !important;
        box-shadow: 0 12px 26px rgba(15, 101, 169, .22) !important;
    }

    body.three-theme-runtime-active .tbp-search,
    body.three-beyaz-pro-theme .tbp-search,
    body.three-theme-runtime-active .three-search,
    body.three-beyaz-pro-theme .three-search {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin-top: 0 !important;
        border-radius: 16px !important;
        grid-template-columns: 20px minmax(0, 1fr) 64px !important;
        padding: 4px 6px 4px 12px !important;
    }

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

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

    body.three-theme-runtime-active .tbp-top-right,
    body.three-beyaz-pro-theme .tbp-top-right {
        display: none !important;
    }

    body.three-theme-runtime-active .tbp-topline-inner,
    body.three-beyaz-pro-theme .tbp-topline-inner {
        justify-content: center !important;
        text-align: center !important;
        min-height: 32px !important;
    }

    body.three-theme-runtime-active .tbp-category-nav,
    body.three-beyaz-pro-theme .tbp-category-nav,
    body.three-theme-runtime-active .tbp-mega-category-nav,
    body.three-beyaz-pro-theme .tbp-mega-category-nav {
        overflow: hidden !important;
    }

    body.three-theme-runtime-active .tbp-category-inner,
    body.three-beyaz-pro-theme .tbp-category-inner,
    body.three-theme-runtime-active .tbp-mega-category-inner,
    body.three-beyaz-pro-theme .tbp-mega-category-inner {
        width: 100% !important;
        padding: 8px 12px 10px !important;
        min-height: 46px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 8px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.three-theme-runtime-active .tbp-category-inner::-webkit-scrollbar,
    body.three-beyaz-pro-theme .tbp-category-inner::-webkit-scrollbar,
    body.three-theme-runtime-active .tbp-mega-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,
    body.three-theme-runtime-active .tbp-cat-item,
    body.three-beyaz-pro-theme .tbp-cat-item {
        flex: 0 0 auto !important;
        height: 42px !important;
    }

    body.three-theme-runtime-active .tbp-mega-cat-link,
    body.three-beyaz-pro-theme .tbp-mega-cat-link,
    body.three-theme-runtime-active .tbp-cat-item > a,
    body.three-beyaz-pro-theme .tbp-cat-item > a {
        white-space: nowrap !important;
        min-height: 38px !important;
        padding: 0 11px !important;
        font-size: 12px !important;
    }

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

@media (max-width: 520px) {
    body.three-theme-runtime-active .three-shell,
    body.three-beyaz-pro-theme .three-shell {
        width: min(100% - 20px, 1320px) !important;
    }

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

    body.three-theme-runtime-active .tbp-actions,
    body.three-beyaz-pro-theme .tbp-actions,
    body.three-theme-runtime-active .three-actions-nav,
    body.three-beyaz-pro-theme .three-actions-nav {
        gap: 6px !important;
    }

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

/* === 3E PREMIUM BEYAZ MOBILE CART FINAL END === */