/* =====================================================================
   ATA YAYINCILIK B2B - Tasarim Tokenlari (renk, tipografi, gorgu, vs.)
   ===================================================================== */
:root {
    /* Marka renkleri */
    --ata-red:        #c8102e;
    --ata-red-600:    #a90d26;
    --ata-red-700:    #8a0a1f;
    --ata-red-800:    #6f0d18;
    --ata-red-50:     #fdecef;
    --ata-red-100:    #fad1d7;

    /* Sicak notalar */
    --ata-cream:      #fff7ec;
    --ata-paper:      #fbf6ee;
    --ata-paper-2:    #f4ece0;
    --ata-gold:       #d4a017;
    --ata-orange:     #d25e3d;

    /* Notr */
    --ata-ink:        #1f1410;
    --ata-ink-2:      #4a3b34;
    --ata-mute:       #80706a;
    --ata-line:       #ead9c5;
    --ata-line-2:     #f1e6d4;
    --ata-white:      #ffffff;
    --ata-bg:         #faf4ea;

    /* Olculer */
    --ata-radius-xs:  4px;
    --ata-radius-sm:  8px;
    --ata-radius-md:  12px;
    --ata-radius-lg:  18px;
    --ata-radius-xl:  26px;

    /* Golgeler */
    --ata-shadow-1:   0 1px 2px rgba(31,20,16,.06), 0 2px 6px rgba(31,20,16,.05);
    --ata-shadow-2:   0 6px 18px rgba(31,20,16,.08), 0 12px 32px rgba(31,20,16,.06);
    --ata-shadow-red: 0 12px 30px rgba(200,16,46,.18);

    /* Gecisler */
    --ata-tr-fast:    150ms cubic-bezier(.4,0,.2,1);
    --ata-tr:         220ms cubic-bezier(.4,0,.2,1);

    /* Tipografi */
    --ata-font:       "Open Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --ata-font-h:     "Raleway","Open Sans",sans-serif;
    --ata-font-price: Tahoma,Arial,Helvetica,sans-serif;

    /* Z-index */
    --z-loader:       9999;
    --z-header:       1000;
    --z-mobile:       1100;
}

/* =====================================================================
   ATA B2B - Temel reset & tipografi (yalnizca .ata-b2b sarmalayicisinda)
   ===================================================================== */
.ata-b2b {
    background: var(--ata-bg);
    color: var(--ata-ink);
    font-family: var(--ata-font);
    font-size: 14px;
    line-height: 1.55;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ata-b2b *,
.ata-b2b *::before,
.ata-b2b *::after { box-sizing: border-box; }

.ata-b2b a {
    color: var(--ata-red);
    text-decoration: none;
    transition: color var(--ata-tr-fast);
}
.ata-b2b a:hover,
.ata-b2b a:focus { color: var(--ata-red-700); text-decoration: none; }

.ata-b2b h1,
.ata-b2b h2,
.ata-b2b h3,
.ata-b2b h4,
.ata-b2b h5 {
    font-family: var(--ata-font-h);
    color: var(--ata-ink);
    margin: 0 0 .5em;
    font-weight: 700;
    letter-spacing: -.01em;
}
.ata-b2b h1 { font-size: 32px; line-height: 1.2; }
.ata-b2b h2 { font-size: 24px; line-height: 1.25; }
.ata-b2b h3 { font-size: 18px; line-height: 1.3; }
.ata-b2b p  { margin: 0 0 .8em; color: var(--ata-ink-2); }

.ata-b2b img { max-width: 100%; height: auto; }

/* Ortak konteyner sinifi (Bootstrap .container'i ezmeden) */
.ata-b2b .ata-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 18px;
}

.ata-b2b .ata-section { padding: 48px 0; }
.ata-b2b .ata-section--tight { padding: 28px 0; }

.ata-b2b .ata-section-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
.ata-b2b .ata-section-title h2 {
    margin: 0;
    font-size: 22px;
    color: var(--ata-red-700);
}
.ata-b2b .ata-section-title__line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, var(--ata-red) 0%, transparent 100%);
    border-radius: 2px;
}

/* Yardimci sinif */
.ata-b2b .ata-text-mute   { color: var(--ata-mute); }
.ata-b2b .ata-text-brand  { color: var(--ata-red); }
.ata-b2b .ata-text-center { text-align: center; }
.ata-b2b .ata-mt-0 { margin-top: 0 !important; }
.ata-b2b .ata-mb-0 { margin-bottom: 0 !important; }

/* =====================================================================
   ATA B2B - Sayfa yuklenme animasyonu (loader)
   ===================================================================== */
.ata-loader {
    position: fixed;
    inset: 0;
    z-index: var(--z-loader);
    background: linear-gradient(135deg, var(--ata-red-700) 0%, var(--ata-red) 60%, var(--ata-red-600) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 22px;
    box-sizing: border-box;
    contain: layout paint;
    transition: opacity .22s ease, visibility .22s ease;
}
.ata-loader__logo {
    width: 190px;
    max-width: 70vw;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
    animation: ata-loader-pulse 1.4s ease-in-out infinite;
}
.ata-loader__bar {
    width: 190px;
    max-width: 70vw;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    overflow: hidden;
    position: relative;
}
.ata-loader__bar::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 35%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255,255,255,.0) 0%, #fff 50%, rgba(255,255,255,0) 100%);
    animation: ata-loader-slide 1s ease-in-out infinite;
}
.ata-loader__text {
    font-family: var(--ata-font-h);
    color: rgba(255,255,255,.92);
    letter-spacing: .25em;
    font-size: 11px;
    text-transform: uppercase;
}

@keyframes ata-loader-pulse {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%      { transform: scale(1.05); opacity: .9; }
}
@keyframes ata-loader-slide {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(360%); }
}

.ata-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Sayfa hazir olana kadar govdeyi gizle (FOUC onleme) */
html.ata-b2b-loading body { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
    .ata-loader,
    .ata-loader__logo,
    .ata-loader__bar::after {
        animation: none;
        transition: none;
    }
}

/* =====================================================================
   ATA B2B - Ust bilgi cubugu (top bar) ve ana navigasyon
   ===================================================================== */
.ata-b2b .ata-header {
    position: relative;
    z-index: var(--z-header);
    background: var(--ata-white);
    border-bottom: 1px solid var(--ata-line);
    box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

/* --- Topbar --- */
.ata-b2b .ata-topbar {
    background: linear-gradient(90deg, var(--ata-red-800) 0%, var(--ata-red) 60%, var(--ata-red-600) 100%);
    color: rgba(255,255,255,.92);
    font-size: 12.5px;
    letter-spacing: .01em;
}
.ata-b2b .ata-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 36px;
    padding: 6px 18px;
    flex-wrap: wrap;
}
.ata-b2b .ata-topbar a {
    color: #fff;
    opacity: .92;
    transition: opacity var(--ata-tr-fast);
}
.ata-b2b .ata-topbar a:hover { opacity: 1; text-decoration: underline; }
.ata-b2b .ata-topbar__group {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.ata-b2b .ata-topbar__group i { margin-right: 5px; }
.ata-b2b .ata-topbar__divider {
    width: 1px; height: 14px; background: rgba(255,255,255,.25);
}
.ata-b2b .ata-topbar__lang {
    display: inline-flex; gap: 4px; align-items: center;
}
.ata-b2b .ata-topbar__lang a {
    padding: 2px 8px; border-radius: 4px;
    background: rgba(255,255,255,.08);
}
.ata-b2b .ata-topbar__lang a.is-active {
    background: rgba(255,255,255,.22);
    font-weight: 600;
}

/* --- Main bar (logo + arama + aksiyon) --- */
.ata-b2b .ata-mainbar {
    --ata-header-control-h: 46px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.ata-b2b .ata-logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.ata-b2b .ata-logo img {
    height: 56px;
    width: auto;
    transition: transform var(--ata-tr);
}
.ata-b2b .ata-logo:hover img { transform: scale(1.03); }
.ata-b2b .ata-logo__divider {
    width: 1px; height: 36px;
    background: rgba(200, 16, 46, .32);
    margin: 0 10px 0 6px;
    border-radius: 999px;
}
.ata-b2b .ata-logo__tag {
    display: flex; flex-direction: column;
    line-height: 1.15;
    max-width: 220px;
}
.ata-b2b .ata-logo__tag strong {
    color: var(--ata-red-700);
    font-family: var(--ata-font-h);
    font-size: 14px;
    letter-spacing: .12em;
    white-space: nowrap;
}
.ata-b2b .ata-logo__tag span {
    font-size: 11.5px; color: var(--ata-mute);
    letter-spacing: .04em;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ata-b2b .ata-search {
    flex: 1 1 520px;
    min-width: 360px;
    max-width: 860px;
    position: relative;
    z-index: calc(var(--z-header) + 10);
}
.ata-b2b .ata-search__form {
    height: var(--ata-header-control-h);
    display: flex;
    align-items: stretch;
    background: var(--ata-paper);
    border: 1px solid var(--ata-line);
    border-radius: var(--ata-radius-xl);
    overflow: hidden;
    transition: border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast);
}
.ata-b2b .ata-search__form:focus-within {
    border-color: var(--ata-red);
    box-shadow: 0 0 0 4px var(--ata-red-50);
}
.ata-b2b .ata-search__select {
    border: 0;
    background: transparent;
    padding: 0 12px 0 18px;
    font-size: 13px;
    color: var(--ata-ink-2);
    border-right: 1px solid var(--ata-line);
    outline: none;
    cursor: pointer;
    max-width: 180px;
}
.ata-b2b .ata-search__input {
    flex: 1;
    border: 0;
    background: transparent;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--ata-ink);
    outline: none;
}
.ata-b2b .ata-search__btn {
    border: 0;
    background: var(--ata-red);
    color: #fff;
    padding: 0 22px;
    font-size: 15px;
    cursor: pointer;
    transition: background var(--ata-tr-fast);
}
.ata-b2b .ata-search__btn:hover { background: var(--ata-red-700); }

.ata-b2b .ata-live-search-panel {
    position: absolute;
    z-index: calc(var(--z-header) + 100);
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    display: none;
    max-height: min(68vh, 540px);
    overflow: auto;
    background: var(--ata-white);
    border: 1px solid var(--ata-line);
    border-radius: var(--ata-radius-sm);
    box-shadow: 0 24px 60px rgba(32, 17, 23, .18);
}
.ata-b2b .ata-live-search-panel.is-open {
    display: block;
}
.ata-b2b .ata-live-search-panel.is-floating {
    position: fixed;
    z-index: calc(var(--z-loader) + 1);
    left: 16px;
    right: auto;
    top: 80px;
    width: min(860px, calc(100vw - 32px));
}
.ata-b2b .ata-live-search-grid {
    display: grid;
    grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr);
    gap: 0;
}
.ata-b2b .ata-live-search-grid--products-only {
    grid-template-columns: 1fr;
}
.ata-b2b .ata-live-search-grid--products-only .ata-live-search-side {
    display: none;
}
.ata-b2b .ata-live-search-side {
    border-right: 1px solid var(--ata-line);
    background: linear-gradient(180deg, var(--ata-paper), #fff);
}
.ata-b2b .ata-live-search-products,
.ata-b2b .ata-live-search-side {
    padding: 12px;
}
.ata-b2b .ata-live-search-section + .ata-live-search-section {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-live-search-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 8px;
    color: var(--ata-red-700);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ata-b2b .ata-live-search-row,
.ata-b2b .ata-live-search-product {
    display: grid;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px;
    border-radius: var(--ata-radius-sm);
    color: var(--ata-ink);
    text-decoration: none;
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast);
}
.ata-b2b .ata-live-search-row {
    grid-template-columns: 32px minmax(0, 1fr);
}
.ata-b2b .ata-live-search-product {
    grid-template-columns: 48px minmax(0, 1fr) auto;
}
.ata-b2b .ata-live-search-row:hover,
.ata-b2b .ata-live-search-row.is-active,
.ata-b2b .ata-live-search-product:hover,
.ata-b2b .ata-live-search-product.is-active,
.ata-b2b .ata-live-search-all:hover,
.ata-b2b .ata-live-search-all.is-active {
    background: var(--ata-red-50);
    color: var(--ata-red-700);
}
.ata-b2b .ata-live-search-row img,
.ata-b2b .ata-live-search-product img,
.ata-b2b .ata-live-search-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--ata-radius-sm);
    object-fit: contain;
    background: var(--ata-white);
    border: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-live-search-product img {
    width: 48px;
    height: 60px;
}
.ata-b2b .ata-live-search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ata-red);
}
.ata-b2b .ata-live-search-row strong,
.ata-b2b .ata-live-search-product strong,
.ata-b2b .ata-live-search-row small,
.ata-b2b .ata-live-search-product small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ata-b2b .ata-live-search-row strong,
.ata-b2b .ata-live-search-product strong {
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
}
.ata-b2b .ata-live-search-product strong {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ata-b2b .ata-live-search-row small,
.ata-b2b .ata-live-search-product small {
    margin-top: 3px;
    color: var(--ata-mute);
    font-size: 11.5px;
    white-space: nowrap;
}
.ata-b2b .ata-live-search-product em {
    color: var(--ata-red);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}
.ata-b2b .ata-live-search-panel mark {
    background: rgba(200, 16, 46, .13);
    color: inherit;
    padding: 0 2px;
    border-radius: 3px;
}
.ata-b2b .ata-live-search-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid var(--ata-line);
    color: var(--ata-red-700);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.ata-b2b .ata-live-search-empty,
.ata-b2b .ata-live-search-loading {
    padding: 16px;
    color: var(--ata-mute);
    font-size: 13px;
    font-weight: 700;
}
.ata-b2b .ata-live-search-loading span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--ata-red);
    box-shadow: 14px 0 0 rgba(200, 16, 46, .42), 28px 0 0 rgba(200, 16, 46, .18);
}
@media (max-width: 767px) {
    .ata-b2b .ata-live-search-grid {
        grid-template-columns: 1fr;
    }
    .ata-b2b .ata-live-search-side {
        border-right: 0;
        border-bottom: 1px solid var(--ata-line);
    }
    .ata-b2b .ata-live-search-product {
        grid-template-columns: 44px minmax(0, 1fr);
    }
    .ata-b2b .ata-live-search-product em {
        grid-column: 2;
    }
}

.ata-b2b .ata-mainbar__cta {
    display: flex; gap: 10px; align-items: center; flex-shrink: 0;
}
.ata-b2b .ata-mainbar__cta > .ata-btn {
    height: var(--ata-header-control-h);
    padding-top: 0;
    padding-bottom: 0;
}
.ata-b2b .ata-cart-widget {
    height: var(--ata-header-control-h);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px 6px 9px;
    background: var(--ata-white);
    border: 1px solid var(--ata-line);
    border-radius: var(--ata-radius-sm);
    color: var(--ata-ink);
    box-shadow: var(--ata-shadow-1);
    text-decoration: none;
    transition: border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast), transform var(--ata-tr-fast);
}
.ata-b2b .ata-cart-widget:hover,
.ata-b2b .ata-cart-widget.is-active {
    color: var(--ata-red-700);
    border-color: var(--ata-red-100);
    box-shadow: var(--ata-shadow-2);
    transform: translateY(-1px);
}
.ata-b2b .ata-cart-widget__icon {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ata-red-50);
    color: var(--ata-red);
    font-size: 15px;
    flex-shrink: 0;
}
.ata-b2b .ata-cart-widget__text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.ata-b2b .ata-cart-widget__text strong {
    font-size: 13px;
    font-weight: 800;
    color: var(--ata-ink);
}
.ata-b2b .ata-cart-widget__text small {
    margin-top: 2px;
    font-size: 11px;
    color: var(--ata-mute);
    font-weight: 700;
}
.ata-b2b .ata-cart-count {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--ata-red);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}
.ata-b2b .ata-cart-widget__icon .ata-cart-count {
    position: absolute;
    top: -7px;
    right: -8px;
    border: 2px solid var(--ata-white);
}

/* --- Navigation bar --- */
.ata-b2b .ata-navbar {
    background: linear-gradient(180deg, var(--ata-paper) 0%, var(--ata-white) 100%);
    border-top: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
}
.ata-b2b .ata-nav > li > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 16px;
    color: var(--ata-ink);
    font-weight: 600;
    font-size: 13.5px;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    transition: color var(--ata-tr-fast), border-color var(--ata-tr-fast);
}
.ata-b2b .ata-nav > li > a:hover,
.ata-b2b .ata-nav > li.is-active > a {
    color: var(--ata-red);
    border-bottom-color: var(--ata-red);
}

/* --- Mobile toggle --- */
.ata-b2b .ata-burger {
    display: none;
    width: 40px; height: 40px;
    align-items: center; justify-content: center;
    background: var(--ata-paper);
    border: 1px solid var(--ata-line);
    border-radius: var(--ata-radius-sm);
    color: var(--ata-red-700);
    cursor: pointer;
}
.ata-b2b .ata-burger:hover { background: var(--ata-red-50); }

/* --- Sticky --- */
.ata-b2b .ata-header.is-sticky .ata-mainbar { padding: 10px 18px; }
.ata-b2b .ata-header.is-sticky .ata-logo img { height: 42px; }

/* Responsive */
@media (max-width: 1199px) {
    .ata-b2b .ata-logo__divider,
    .ata-b2b .ata-logo__tag { display: none; }
}
@media (max-width: 991px) {
    .ata-b2b .ata-burger { display: inline-flex; }
    .ata-b2b .ata-mainbar { gap: 14px; padding: 14px 18px; }
    .ata-b2b .ata-mainbar__cta .ata-btn-text { display: none; }
    .ata-b2b .ata-cart-widget__text { display: none; }
    .ata-b2b .ata-cart-widget { padding: 5px; min-height: 40px; }
    .ata-b2b .ata-search { order: 3; flex-basis: 100%; max-width: none; }
    .ata-b2b .ata-search__select { display: none; }
    .ata-b2b .ata-navbar { display: none; }
    .ata-b2b .ata-navbar.is-open {
        display: block;
        position: absolute;
        left: 0; right: 0; top: 100%;
        background: #fff;
        box-shadow: var(--ata-shadow-2);
        z-index: var(--z-mobile);
    }
    .ata-b2b .ata-nav { flex-direction: column; align-items: stretch; }
    .ata-b2b .ata-nav > li > a {
        padding: 14px 18px;
        border-bottom: 1px solid var(--ata-line-2);
    }
    .ata-b2b .ata-topbar__group:first-child { display: none; }
}
@media (max-width: 575px) {
    .ata-b2b .ata-logo img { height: 44px; }
    .ata-b2b .ata-search__btn { padding: 0 16px; }
}

/* =====================================================================
   ATA B2B - Alt bilgi (footer)
   ===================================================================== */
.ata-b2b .ata-footer {
    margin-top: 60px;
    background: linear-gradient(180deg, #2a0e10 0%, #1a0608 100%);
    color: rgba(255,255,255,.78);
}

.ata-b2b .ata-footer__top {
    padding: 56px 18px 32px;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 32px;
}
.ata-b2b .ata-footer h4 {
    color: #fff;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 16px;
    position: relative;
    padding-bottom: 10px;
}
.ata-b2b .ata-footer h4::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 32px; height: 2px;
    background: var(--ata-red);
    border-radius: 2px;
}
.ata-b2b .ata-footer__brand img {
    height: 54px;
    margin-bottom: 14px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.3));
}
.ata-b2b .ata-footer__brand p {
    color: rgba(255,255,255,.65);
    line-height: 1.6;
    font-size: 13px;
    margin: 0;
}
.ata-b2b .ata-footer__links { list-style: none; padding: 0; margin: 0; }
.ata-b2b .ata-footer__links li { margin: 0 0 9px; }
.ata-b2b .ata-footer__links a {
    color: rgba(255,255,255,.72);
    font-size: 13px;
    transition: color var(--ata-tr-fast), padding-left var(--ata-tr-fast);
    display: inline-flex; align-items: center; gap: 6px;
}
.ata-b2b .ata-footer__links a::before {
    content: "›";
    color: var(--ata-red);
    font-weight: 700;
    transition: transform var(--ata-tr-fast);
}
.ata-b2b .ata-footer__links a:hover {
    color: #fff;
    padding-left: 4px;
}
.ata-b2b .ata-footer__contact li {
    display: flex; gap: 10px; align-items: flex-start;
    margin: 0 0 10px;
    font-size: 13px;
    color: rgba(255,255,255,.75);
}
.ata-b2b .ata-footer__contact i {
    width: 22px; height: 22px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(200,16,46,.18);
    color: var(--ata-red);
    border-radius: 50%;
    font-size: 11px;
}

.ata-b2b .ata-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12.5px;
    color: rgba(255,255,255,.55);
}
.ata-b2b .ata-footer__bottom a { color: rgba(255,255,255,.72); }

@media (max-width: 991px) {
    .ata-b2b .ata-footer__top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
    .ata-b2b .ata-footer__top { grid-template-columns: 1fr; gap: 26px; }
    .ata-b2b .ata-footer { margin-top: 40px; }
}

/* =====================================================================
   ATA B2B - Yeniden kullanilabilir UI bilesenleri
   (butonlar, kartlar, formlar, kategori agaci, urun karti, rozetler)
   ===================================================================== */

/* --- Butonlar --- */
.ata-b2b .ata-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 20px;
    border: 1px solid transparent;
    border-radius: var(--ata-radius-sm);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast),
                border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast),
                transform var(--ata-tr-fast);
    user-select: none;
}
.ata-b2b .ata-btn:active { transform: translateY(1px); }
.ata-b2b .ata-btn--primary {
    background: var(--ata-red);
    color: #fff;
    box-shadow: var(--ata-shadow-red);
}
.ata-b2b .ata-btn--primary:hover {
    background: var(--ata-red-700);
    color: #fff;
}
.ata-b2b .ata-btn--ghost {
    background: transparent;
    color: var(--ata-red);
    border-color: var(--ata-red);
}
.ata-b2b .ata-btn--ghost:hover {
    background: var(--ata-red);
    color: #fff;
}
.ata-b2b .ata-btn--soft {
    background: var(--ata-paper);
    color: var(--ata-ink);
    border-color: var(--ata-line);
}
.ata-b2b .ata-btn--soft:hover {
    background: var(--ata-red-50);
    border-color: var(--ata-red-100);
    color: var(--ata-red-700);
}
.ata-b2b .ata-btn--white {
    background: #fff;
    color: var(--ata-red);
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.ata-b2b .ata-btn--white:hover { color: var(--ata-red-700); }
.ata-b2b .ata-btn--lg { padding: 14px 26px; font-size: 14.5px; }
.ata-b2b .ata-btn--sm { padding: 8px 14px; font-size: 12.5px; }
.ata-b2b .ata-btn--block { display: flex; width: 100%; }

/* --- Form alanlari --- */
.ata-b2b .ata-input,
.ata-b2b .ata-select {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--ata-line);
    border-radius: var(--ata-radius-sm);
    background: #fff;
    font-size: 13.5px;
    color: var(--ata-ink);
    line-height: 1.4;
    transition: border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast);
}
.ata-b2b .ata-input:focus,
.ata-b2b .ata-select:focus {
    outline: none;
    border-color: var(--ata-red);
    box-shadow: 0 0 0 4px var(--ata-red-50);
}
.ata-b2b .ata-label {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ata-ink-2);
    margin-bottom: 6px;
    letter-spacing: .02em;
}

/* --- Card --- */
.ata-b2b .ata-card {
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-md);
    box-shadow: var(--ata-shadow-1);
    padding: 22px;
}
.ata-b2b .ata-card--lg { padding: 28px; }
.ata-b2b .ata-card--ghost {
    background: transparent;
    border: 1px dashed var(--ata-line);
    box-shadow: none;
}

/* --- Badge --- */
.ata-b2b .ata-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: var(--ata-red-50);
    color: var(--ata-red-700);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .03em;
}
.ata-b2b .ata-badge--gold {
    background: rgba(212,160,23,.14);
    color: #8a6c0f;
}
.ata-b2b .ata-badge--paper {
    background: var(--ata-paper);
    color: var(--ata-ink-2);
    border: 1px solid var(--ata-line);
}

/* --- Kategori agaci (sidebar) --- */
.ata-b2b .ata-tree {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ata-b2b .ata-tree__group {
    border-bottom: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-tree__group:last-child { border-bottom: 0; }

.ata-b2b .ata-tree__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 11px 14px;
    color: var(--ata-ink);
    font-weight: 600;
    font-size: 13.5px;
    cursor: pointer;
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast);
}
.ata-b2b .ata-tree__head:hover { background: var(--ata-red-50); color: var(--ata-red-700); }
.ata-b2b .ata-tree__head i.fa-folder,
.ata-b2b .ata-tree__head i.fa-folder-open { color: var(--ata-red); margin-right: 6px; }
.ata-b2b .ata-tree__toggle {
    width: 22px; height: 22px;
    flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ata-paper);
    border-radius: 50%;
    color: var(--ata-ink-2);
    font-size: 10px;
    transition: transform var(--ata-tr);
}
.ata-b2b .ata-tree__group.is-open .ata-tree__toggle { transform: rotate(90deg); }
.ata-b2b .ata-tree__group.is-open > .ata-tree__head { color: var(--ata-red-700); }
.ata-b2b .ata-tree__group.is-active > .ata-tree__head {
    background: var(--ata-red-50);
    color: var(--ata-red-700);
}
.ata-b2b .ata-tree__group.is-active > .ata-tree__head a { color: var(--ata-red-700) !important; }
.ata-b2b .ata-tree__group.is-active > .ata-tree__head i.fa-folder,
.ata-b2b .ata-tree__group.is-active > .ata-tree__head i.fa-folder-open { color: var(--ata-red); }
.ata-b2b .ata-tree__group.is-active > .ata-tree__head .ata-tree__toggle {
    background: #fff; color: var(--ata-red-700);
}

.ata-b2b .ata-tree__children {
    list-style: none;
    margin: 0;
    padding: 0 0 8px 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}
.ata-b2b .ata-tree__group.is-open > .ata-tree__children { max-height: 600px; }

.ata-b2b .ata-tree__children li a {
    display: block;
    padding: 7px 14px 7px 26px;
    font-size: 13px;
    color: var(--ata-ink-2);
    border-radius: var(--ata-radius-xs);
    position: relative;
}
.ata-b2b .ata-tree__children li a::before {
    content: "";
    position: absolute;
    left: 12px; top: 50%;
    width: 6px; height: 6px;
    background: var(--ata-line);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: background var(--ata-tr-fast);
}
.ata-b2b .ata-tree__children li a:hover {
    color: var(--ata-red);
    background: var(--ata-red-50);
}
.ata-b2b .ata-tree__children li a:hover::before { background: var(--ata-red); }
.ata-b2b .ata-tree__children li.is-active a {
    color: var(--ata-red-700);
    font-weight: 600;
    background: var(--ata-red-50);
}
.ata-b2b .ata-tree__children li.is-active a::before { background: var(--ata-red); }

.ata-b2b .ata-tree__all {
    display: block;
    padding: 11px 14px;
    border-bottom: 1px solid var(--ata-line-2);
    font-weight: 600;
    color: var(--ata-ink);
    font-size: 13.5px;
}
.ata-b2b .ata-tree__all.is-active { color: var(--ata-red); }
.ata-b2b .ata-tree__all i { color: var(--ata-red); margin-right: 6px; }
.ata-b2b .ata-publisher-side__item {
    border-bottom: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-publisher-side__item:last-child { border-bottom: 0; }
.ata-b2b .ata-publisher-side__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ata-ink);
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast);
}
.ata-b2b .ata-publisher-side__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    flex: 1;
    color: inherit;
}
.ata-b2b .ata-publisher-side__head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}
.ata-b2b .ata-publisher-side__head i { color: var(--ata-red); }
.ata-b2b .ata-publisher-side__head em {
    min-width: 24px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--ata-red-50);
    color: var(--ata-red-700);
    font-size: 11px;
    text-align: center;
    font-style: normal;
}
.ata-b2b .ata-publisher-side__head:hover,
.ata-b2b .ata-publisher-side__head.is-active {
    background: var(--ata-red-50);
    color: var(--ata-red-700);
}
.ata-b2b .ata-publisher-side__toggle {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--ata-line);
    border-radius: 50%;
    color: var(--ata-ink-2);
    font-size: 10px;
    transition: transform var(--ata-tr), color var(--ata-tr-fast), border-color var(--ata-tr-fast);
}
.ata-b2b .ata-publisher-side__toggle i {
    color: inherit;
    margin: 0;
}
.ata-b2b .ata-publisher-side__toggle:hover {
    color: var(--ata-red-700);
    border-color: var(--ata-red-100);
}
.ata-b2b .ata-publisher-side__item.is-open .ata-publisher-side__toggle {
    transform: rotate(90deg);
}
.ata-b2b .ata-publisher-side .ata-tree {
    max-height: 0;
    overflow: hidden;
    padding: 0 8px;
    transition: max-height .35s ease, padding-bottom .35s ease;
}
.ata-b2b .ata-publisher-side__item.is-open > .ata-tree {
    max-height: 900px;
    padding-bottom: 10px;
}
.ata-b2b .ata-publisher-side .ata-tree__group {
    border-bottom: 0;
}
.ata-b2b .ata-publisher-side .ata-tree__head {
    border-radius: var(--ata-radius-xs);
    padding: 9px 10px;
}
.ata-b2b .ata-publisher-side .ata-tree__children {
    padding-left: 10px;
}

/* --- Urun karti --- */
.ata-b2b .ata-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 22px;
}
.ata-b2b .ata-product {
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-md);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform var(--ata-tr), box-shadow var(--ata-tr), border-color var(--ata-tr-fast);
    position: relative;
}
.ata-b2b .ata-product:hover {
    transform: translateY(-4px);
    box-shadow: var(--ata-shadow-2);
    border-color: var(--ata-red-100);
}
.ata-b2b .ata-product__media {
    background: linear-gradient(135deg, #fffaf1 0%, #f7efe4 100%);
    aspect-ratio: 1 / 1.05;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    position: relative;
}
.ata-b2b .ata-product__media img {
    max-height: 86%;
    max-width: 86%;
    object-fit: contain;
    transition: transform .5s ease;
}
.ata-b2b .ata-product:hover .ata-product__media img { transform: scale(1.05); }
.ata-b2b .ata-product__badge {
    position: absolute;
    top: 12px; left: 12px;
    padding: 4px 9px;
    background: var(--ata-red);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: var(--ata-radius-xs);
    letter-spacing: .04em;
}
.ata-b2b .ata-product__video {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: rgba(21, 30, 45, .9);
    color: #fff;
    border-radius: var(--ata-radius-xs);
    font-size: 11.5px;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.ata-b2b .ata-product__video i {
    color: var(--ata-gold);
}
.ata-b2b .ata-product__body {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.ata-b2b .ata-product__title {
    font-family: var(--ata-font-h);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ata-ink);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px;
}
.ata-b2b .ata-product__title a { color: inherit; }
.ata-b2b .ata-product__title a:hover { color: var(--ata-red); }
.ata-b2b .ata-product__code {
    font-size: 11.5px;
    color: var(--ata-mute);
    letter-spacing: .03em;
    text-transform: uppercase;
}
.ata-b2b .ata-product__map {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 7px 9px;
    border-radius: var(--ata-radius-xs);
    background: var(--ata-paper);
    color: var(--ata-ink-2);
    font-size: 12px;
    line-height: 1.25;
}
.ata-b2b .ata-product__map i { color: var(--ata-red); }
.ata-b2b .ata-product__map span {
    font-weight: 700;
    color: var(--ata-ink);
}
.ata-b2b .ata-product__map em {
    font-style: normal;
    color: var(--ata-mute);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ata-b2b .ata-product__map em::before {
    content: "/";
    color: var(--ata-line);
    margin-right: 6px;
}
.ata-b2b .ata-product__map:hover {
    background: var(--ata-red-50);
    color: var(--ata-red-700);
}
.ata-b2b .ata-product__price {
    font-family: var(--ata-font-price) !important;
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0;
    color: var(--ata-red);
    margin-top: auto;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1, "onum" 0;
}
.ata-b2b .ata-product__currency {
    font-family: var(--ata-font-price) !important;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: var(--ata-mute);
}
.ata-b2b .ata-money {
    font-family: var(--ata-font-price) !important;
    font-style: normal;
    letter-spacing: 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1, "onum" 0;
}
.ata-b2b .ata-product__actions {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

/* --- Bos durum --- */
.ata-b2b .ata-empty {
    padding: 40px;
    text-align: center;
    background: var(--ata-cream);
    border: 1px dashed var(--ata-line);
    border-radius: var(--ata-radius-md);
    color: var(--ata-ink-2);
}
.ata-b2b .ata-empty i {
    display: block;
    font-size: 38px;
    color: var(--ata-red);
    margin-bottom: 12px;
    opacity: .6;
}

/* --- Bilgi/uyari ribbonu --- */
.ata-b2b .ata-alert {
    padding: 12px 16px;
    border-radius: var(--ata-radius-sm);
    background: var(--ata-cream);
    color: var(--ata-ink-2);
    border-left: 3px solid var(--ata-red);
    font-size: 13px;
}

/* =====================================================================
   ATA B2B - Sayfa-bazli stiller (hero, ozellikler, listeleme, detay, vs.)
   ===================================================================== */

/* --- Hero (Ana sayfa kahraman bolumu) --- */
.ata-b2b .ata-hero {
    position: relative;
    background:
        radial-gradient(circle at 85% 15%, rgba(255,255,255,.18) 0%, transparent 60%),
        radial-gradient(circle at 15% 85%, rgba(212,160,23,.18) 0%, transparent 50%),
        linear-gradient(135deg, var(--ata-red-800) 0%, var(--ata-red) 60%, var(--ata-red-600) 100%);
    color: #fff;
    overflow: hidden;
    padding: 56px 0 64px;
}
.ata-b2b .ata-hero::before {
    content: "";
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: .6;
    pointer-events: none;
}
.ata-b2b .ata-hero__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 36px;
    align-items: center;
}
.ata-b2b .ata-hero__eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 14px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
    color: #fff;
    margin-bottom: 18px;
    backdrop-filter: blur(6px);
}
.ata-b2b .ata-hero h1 {
    color: #fff;
    font-size: 40px;
    line-height: 1.12;
    margin: 0 0 14px;
    font-weight: 800;
    letter-spacing: -.015em;
}
.ata-b2b .ata-hero h1 em {
    font-style: normal;
    color: var(--ata-gold);
}
.ata-b2b .ata-hero p {
    color: rgba(255,255,255,.86);
    font-size: 15.5px;
    line-height: 1.65;
    max-width: 560px;
    margin: 0 0 26px;
}
.ata-b2b .ata-hero__actions {
    display: flex; gap: 12px; flex-wrap: wrap;
}
.ata-b2b .ata-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 32px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.16);
}
.ata-b2b .ata-hero__stat strong {
    display: block;
    font-family: var(--ata-font-h);
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}
.ata-b2b .ata-hero__stat span {
    font-size: 12px;
    color: rgba(255,255,255,.7);
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Hero saglik kart */
.ata-b2b .ata-hero__card {
    background: rgba(255,255,255,.96);
    color: var(--ata-ink);
    border-radius: var(--ata-radius-lg);
    padding: 22px;
    box-shadow: 0 30px 60px rgba(0,0,0,.25);
}
.ata-b2b .ata-hero__card h3 {
    color: var(--ata-red-700);
    font-size: 16px;
    margin: 0;
    display: flex; align-items: center; gap: 8px;
}
.ata-b2b .ata-hero__card h3 i { color: var(--ata-red); }
.ata-b2b .ata-hero-cats {
    display: grid;
    gap: 14px;
}
.ata-b2b .ata-hero-cats__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-hero-cats__icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ata-radius-sm);
    background: var(--ata-red-50);
    color: var(--ata-red);
    font-size: 18px;
}
.ata-b2b .ata-hero-cats__head small {
    display: block;
    margin-bottom: 2px;
    color: var(--ata-mute);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.ata-b2b .ata-hero-cats__list {
    display: grid;
    gap: 10px;
}
.ata-b2b .ata-hero-cat {
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-sm);
    background: #fff;
    overflow: hidden;
    transition: border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast);
}
.ata-b2b .ata-hero-cat:hover {
    border-color: var(--ata-red-100);
    box-shadow: 0 10px 22px rgba(30,34,45,.08);
}
.ata-b2b .ata-hero-cat__main {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    color: var(--ata-ink);
}
.ata-b2b .ata-hero-cat__mark {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ata-radius-xs);
    background: var(--ata-paper);
    color: var(--ata-red-700);
    font-family: var(--ata-font-h);
    font-size: 15px;
    font-weight: 800;
}
.ata-b2b .ata-hero-cat__text {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.ata-b2b .ata-hero-cat__text strong {
    color: var(--ata-ink);
    font-size: 13.5px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ata-b2b .ata-hero-cat__text small {
    color: var(--ata-mute);
    font-size: 11.5px;
}
.ata-b2b .ata-hero-cat__main > i {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ata-red-50);
    color: var(--ata-red);
    font-size: 10px;
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast);
}
.ata-b2b .ata-hero-cat__main:hover > i {
    background: var(--ata-red);
    color: #fff;
}
.ata-b2b .ata-hero-cat__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 12px 11px 60px;
}
.ata-b2b .ata-hero-cat__chips a {
    max-width: 100%;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--ata-paper);
    border: 1px solid var(--ata-line);
    color: var(--ata-ink-2);
    font-size: 11.5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ata-b2b .ata-hero-cat__chips a:hover {
    background: var(--ata-red-50);
    border-color: var(--ata-red-100);
    color: var(--ata-red-700);
}
.ata-b2b .ata-hero-cats__all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    border-radius: var(--ata-radius-sm);
    background: var(--ata-red);
    color: #fff;
    font-weight: 700;
    box-shadow: var(--ata-shadow-red);
}
.ata-b2b .ata-hero-cats__all:hover {
    background: var(--ata-red-700);
    color: #fff;
}
.ata-b2b .ata-hero__chips {
    display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px;
}
.ata-b2b .ata-hero__chip {
    padding: 5px 11px;
    background: var(--ata-paper);
    border: 1px solid var(--ata-line);
    color: var(--ata-ink-2);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    transition: all var(--ata-tr-fast);
}
.ata-b2b .ata-hero__chip:hover {
    background: var(--ata-red);
    border-color: var(--ata-red);
    color: #fff;
}
.ata-b2b .ata-hero__cta-row { display: flex; gap: 8px; }

/* --- Ozellikler / Hedef kitle (For who) --- */
.ata-b2b .ata-features {
    background: linear-gradient(180deg, var(--ata-bg) 0%, #fff 100%);
}
.ata-b2b .ata-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.ata-b2b .ata-feature {
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-lg);
    padding: 28px 24px;
    box-shadow: var(--ata-shadow-1);
    text-align: center;
    transition: transform var(--ata-tr), box-shadow var(--ata-tr);
}
.ata-b2b .ata-feature:hover {
    transform: translateY(-4px);
    box-shadow: var(--ata-shadow-2);
}
.ata-b2b .ata-feature__icon {
    width: 64px; height: 64px;
    margin: 0 auto 16px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ata-red) 0%, var(--ata-red-700) 100%);
    color: #fff;
    font-size: 24px;
    box-shadow: var(--ata-shadow-red);
}
.ata-b2b .ata-feature h3 {
    font-size: 17px;
    margin: 0 0 8px;
    color: var(--ata-ink);
}
.ata-b2b .ata-feature p {
    font-size: 13px;
    color: var(--ata-mute);
    line-height: 1.6;
    margin: 0;
}

/* --- Yayin evi kutulari --- */
.ata-b2b .ata-publishers {
    background: linear-gradient(180deg, #fff 0%, var(--ata-bg) 100%);
}
.ata-b2b .ata-publishers__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-publishers__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--ata-red);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.ata-b2b .ata-publishers__head h2 {
    margin: 0;
    color: var(--ata-ink);
    font-size: 24px;
    letter-spacing: 0;
}
.ata-b2b .ata-publishers__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ata-ink-2);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.ata-b2b .ata-publishers__all:hover {
    color: var(--ata-red);
}
.ata-b2b .ata-publisher-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}
.ata-b2b .ata-publisher {
    min-height: 100%;
}
.ata-b2b .ata-publisher__box {
    min-height: 152px;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-sm);
    background: #fff;
    color: var(--ata-ink);
    box-shadow: 0 10px 28px rgba(30, 34, 45, .05);
    transition: border-color var(--ata-tr-fast), box-shadow var(--ata-tr-fast), transform var(--ata-tr-fast);
}
.ata-b2b .ata-publisher__box:hover {
    border-color: var(--ata-red-100);
    box-shadow: 0 16px 34px rgba(30, 34, 45, .08);
    transform: translateY(-2px);
}
.ata-b2b .ata-publisher__logo {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ata-radius-xs);
    background: var(--ata-paper);
    border: 1px solid var(--ata-line);
    padding: 6px;
}
.ata-b2b .ata-publisher__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.ata-b2b .ata-publisher__name {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.ata-b2b .ata-publisher__name strong {
    font-family: var(--ata-font-h);
    font-size: 16px;
    line-height: 1.25;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ata-b2b .ata-publisher__name small {
    color: var(--ata-mute);
    font-size: 12px;
}
.ata-b2b .ata-publisher__open {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ata-line);
    border-radius: 50%;
    color: var(--ata-red);
    font-size: 12px;
    justify-self: end;
    transition: background var(--ata-tr-fast), color var(--ata-tr-fast), border-color var(--ata-tr-fast);
}
.ata-b2b .ata-publisher__box:hover .ata-publisher__open {
    background: var(--ata-red);
    border-color: var(--ata-red);
    color: #fff;
}

/* --- Listeleme sayfasi --- */
.ata-b2b .ata-list-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    padding: 32px 0 48px;
    position: relative;
}
.ata-b2b .ata-list-content {
    min-width: 0;
    position: relative;
    transition: opacity .16s ease;
}
.ata-b2b .ata-list-layout.is-loading .ata-list-content {
    opacity: .55;
    pointer-events: none;
}
.ata-b2b .ata-list-layout.is-loading .ata-list-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 8;
    min-height: 220px;
    border-radius: var(--ata-radius-md);
    background: rgba(255,255,255,.72);
}
.ata-b2b .ata-list-layout.is-loading .ata-list-content::after {
    content: "";
    position: absolute;
    top: 74px;
    left: 50%;
    z-index: 9;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    border-radius: 50%;
    border: 3px solid var(--ata-red-50);
    border-top-color: var(--ata-red);
    animation: ata-list-spin .7s linear infinite;
    box-shadow: 0 8px 22px rgba(120,28,39,.12);
}
@keyframes ata-list-spin {
    to { transform: rotate(360deg); }
}
.ata-b2b .ata-sidebar {
    position: sticky;
    top: 16px;
    align-self: start;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 32px);
}
.ata-b2b .ata-sidebar__title {
    padding: 14px 18px;
    font-family: var(--ata-font-h);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #fff;
    background: linear-gradient(90deg, var(--ata-red) 0%, var(--ata-red-700) 100%);
    border-radius: var(--ata-radius-md) var(--ata-radius-md) 0 0;
    margin: 0;
    display: flex; align-items: center; gap: 8px;
    flex: 0 0 auto;
}
.ata-b2b .ata-sidebar__body {
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-top: 0;
    border-radius: 0 0 var(--ata-radius-md) var(--ata-radius-md);
    box-shadow: var(--ata-shadow-1);
    padding: 4px 0;
    min-height: 0;
    max-height: calc(100vh - 84px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.ata-b2b .ata-sidebar__body::-webkit-scrollbar { width: 8px; }
.ata-b2b .ata-sidebar__body::-webkit-scrollbar-track { background: transparent; }
.ata-b2b .ata-sidebar__body::-webkit-scrollbar-thumb {
    background: rgba(120, 28, 39, .22);
    border-radius: 999px;
    border: 2px solid #fff;
}
.ata-b2b .ata-sidebar__body::-webkit-scrollbar-thumb:hover { background: rgba(120, 28, 39, .36); }

.ata-b2b .ata-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-md);
    padding: 14px 18px;
    margin-bottom: 18px;
    box-shadow: var(--ata-shadow-1);
    flex-wrap: wrap;
}
.ata-b2b .ata-toolbar__title {
    font-family: var(--ata-font-h);
    font-size: 16px;
    color: var(--ata-ink);
    font-weight: 700;
    display: flex; align-items: center; gap: 8px;
}
.ata-b2b .ata-toolbar__count {
    background: var(--ata-red-50);
    color: var(--ata-red-700);
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}
.ata-b2b .ata-filter-form {
    display: grid;
    grid-template-columns: 1.8fr 1.2fr 1.4fr auto;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}

/* --- Detay sayfasi --- */
.ata-b2b .ata-detail {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 36px;
    padding: 36px 0 48px;
}
.ata-b2b .ata-detail__media-shell {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ata-b2b .ata-detail__media {
    background: linear-gradient(135deg, #fff 0%, var(--ata-paper) 100%);
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-lg);
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 380px;
    box-shadow: var(--ata-shadow-1);
}
.ata-b2b .ata-detail__media img {
    max-width: 100%;
    max-height: 480px;
    object-fit: contain;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,.12));
}
.ata-b2b .ata-detail__media-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}
.ata-b2b .ata-detail__media-chip {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-sm);
    background: #fff;
    color: var(--ata-ink);
    font-size: 12px;
    font-weight: 700;
    box-shadow: var(--ata-shadow-1);
}
.ata-b2b .ata-detail__media-chip:hover {
    border-color: var(--ata-red-100);
    color: var(--ata-red-700);
}
.ata-b2b .ata-detail__media-chip img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: var(--ata-radius-xs);
    background: var(--ata-paper);
}
.ata-b2b .ata-detail__media-chip--video {
    justify-content: center;
    background: var(--ata-ink);
    color: #fff;
}
.ata-b2b .ata-detail__media-chip--video i {
    color: var(--ata-gold);
}
.ata-b2b .ata-detail__video {
    overflow: hidden;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-md);
    background: #101828;
    box-shadow: var(--ata-shadow-1);
}
.ata-b2b .ata-detail__video video,
.ata-b2b .ata-detail__video iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    background: #101828;
}
.ata-b2b .ata-detail__video-link {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-weight: 800;
}
.ata-b2b .ata-detail__video-link i {
    color: var(--ata-gold);
    font-size: 28px;
}
.ata-b2b .ata-detail__head { margin-bottom: 18px; }
.ata-b2b .ata-detail__path {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 11px;
    border-radius: var(--ata-radius-sm);
    background: var(--ata-paper);
    color: var(--ata-ink-2);
    font-size: 13px;
    font-weight: 600;
}
.ata-b2b .ata-detail__path i { color: var(--ata-red); }
.ata-b2b .ata-detail__path strong { color: var(--ata-red-700); }
.ata-b2b .ata-detail__head h1 {
    font-size: 28px;
    line-height: 1.2;
    margin: 8px 0 0;
}
.ata-b2b .ata-detail__subtitle {
    margin: 8px 0 0;
    color: var(--ata-mute);
    font-size: 14px;
    line-height: 1.45;
}
.ata-b2b .ata-detail__price {
    margin: 18px 0;
    display: flex; align-items: baseline; gap: 12px;
}
.ata-b2b .ata-detail__price .price {
    font-family: var(--ata-font-price) !important;
    font-size: 32px;
    color: var(--ata-red);
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1, "onum" 0;
}
.ata-b2b .ata-detail__price .currency {
    font-family: var(--ata-font-price) !important;
    font-size: 16px;
    color: var(--ata-ink-2);
    font-weight: 600;
    font-style: normal;
}
.ata-b2b .ata-detail__meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 20px 0 26px;
    padding: 18px;
    background: var(--ata-paper);
    border-radius: var(--ata-radius-md);
    border: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-detail__meta-item strong {
    display: block;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--ata-mute);
    font-weight: 600;
    margin-bottom: 2px;
}
.ata-b2b .ata-detail__meta-item span {
    font-size: 14px;
    color: var(--ata-ink);
    font-weight: 600;
}
.ata-b2b .ata-detail__desc {
    background: #fff;
    border: 1px solid var(--ata-line-2);
    border-radius: var(--ata-radius-md);
    padding: 20px 22px;
    margin: 18px 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--ata-ink-2);
}
.ata-b2b .ata-detail__desc img { max-width: 100%; height: auto; border-radius: 8px; }
.ata-b2b .ata-detail__actions {
    display: flex; gap: 12px; flex-wrap: wrap;
}

/* --- Login / Kayit kartlari --- */
.ata-b2b .ata-auth-shell {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 18px;
    background:
        radial-gradient(circle at 80% 20%, rgba(200,16,46,.08) 0%, transparent 55%),
        radial-gradient(circle at 20% 80%, rgba(212,160,23,.08) 0%, transparent 55%);
}
.ata-b2b .ata-auth-card {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: var(--ata-radius-lg);
    padding: 36px 32px;
    box-shadow: var(--ata-shadow-2);
    border: 1px solid var(--ata-line-2);
}
.ata-b2b .ata-auth-shell--wide {
    width: 100%;
}
.ata-b2b .ata-auth-card--wide {
    max-width: 920px;
    margin: 0 auto;
}
.ata-b2b .ata-auth-card__logo { text-align: center; margin-bottom: 18px; }
.ata-b2b .ata-auth-card__logo img { height: 56px; }
.ata-b2b .ata-auth-card h2 {
    text-align: center;
    color: var(--ata-red-700);
    font-size: 22px;
    margin: 0 0 8px;
}
.ata-b2b .ata-auth-card p { text-align: center; color: var(--ata-mute); font-size: 13px; margin: 0 0 22px; }
.ata-b2b .ata-auth-form { display: grid; gap: 14px; }

/* --- Breadcrumb --- */
.ata-b2b .ata-crumbs {
    display: flex; flex-wrap: wrap; gap: 6px;
    padding: 18px 0 0;
    font-size: 12.5px;
    color: var(--ata-mute);
}
.ata-b2b .ata-crumbs a { color: var(--ata-mute); }
.ata-b2b .ata-crumbs a:hover { color: var(--ata-red); }
.ata-b2b .ata-crumbs__sep::before { content: "/"; color: var(--ata-line); margin: 0 6px; }
.ata-b2b .ata-crumbs__current { color: var(--ata-red-700); font-weight: 600; }

/* --- Responsive --- */
@media (max-width: 1100px) {
    .ata-b2b .ata-hero h1 { font-size: 32px; }
    .ata-b2b .ata-hero__inner { grid-template-columns: 1fr; gap: 26px; }
    .ata-b2b .ata-detail { grid-template-columns: 1fr; }
    .ata-b2b .ata-detail__media { min-height: auto; }
}
@media (max-width: 991px) {
    .ata-b2b .ata-list-layout { grid-template-columns: 1fr; }
    .ata-b2b .ata-feature-grid { grid-template-columns: 1fr 1fr; }
    .ata-b2b .ata-sidebar { position: static; display: block; max-height: none; }
    .ata-b2b .ata-sidebar__body { max-height: none; overflow: visible; scrollbar-gutter: auto; }
}
@media (max-width: 575px) {
    .ata-b2b .ata-hero { padding: 36px 0 42px; }
    .ata-b2b .ata-hero h1 { font-size: 26px; }
    .ata-b2b .ata-hero__stats { grid-template-columns: 1fr; gap: 8px; padding-top: 18px; margin-top: 22px; }
    .ata-b2b .ata-feature-grid { grid-template-columns: 1fr; }
    .ata-b2b .ata-filter-form { grid-template-columns: 1fr; }
    .ata-b2b .ata-detail__meta { grid-template-columns: 1fr; }
    .ata-b2b .ata-product-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
}