/*
    Esat Endüstriyel — Apple tarzı katman.

    Temanın şablon CSS'i (style.css, header.css, footer.css) yerinde kalır; bu dosya en sonda
    yüklenir ve renk/yazı değişkenlerini Apple paletine çeker, ortak bileşenleri (düğme, alan,
    kart, başlık, alt bilgi) sadeleştirir. Marka mavisi (--primary-color #244D8F) aynı kalır.

    Seçiciler body.esat-apple önekli: sayfa içine gömülü bileşen stillerinden (giriş sayfası,
    sipariş listesi) sonra yüklenseler de onları ezebilsinler diye bir derece daha güçlü.
    Hesabım alanı kendi dosyasında (/css/hesabim.css), ürün detayı style.css'teki pdp bloğunda;
    ikisi de aynı paleti kullanır.
*/

:root {
    --apple-ink: #1d1d1f;
    --apple-ink-2: #424245;
    --apple-muted: #6e6e73;
    --apple-faint: #86868b;
    --apple-line: #d2d2d7;
    --apple-hair: #e8e8ed;
    --apple-surface: #f5f5f7;
    --apple-blue: var(--primary-color);
    --apple-blue-soft: color-mix(in srgb, var(--primary-color) 9%, #fff);
    --apple-radius: 18px;
    --apple-radius-sm: 12px;
    --apple-shadow-hover: 0 10px 30px rgba(0, 0, 0, .08);
    --apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", "Segoe UI", Arial, sans-serif;

    /* Temanın kendi değişkenleri: tek yazı ailesi, Apple gri tonları. Mavi değişmez. */
    --foreground-color: #1d1d1f;
    --foreground-sub-color: #6e6e73;
    --body-text-color: #1d1d1f;
    --bg-offwhite-color: #f5f5f7;
    --border-color: #e8e8ed;
    --open-sans-fonts: var(--apple-font);
    --inter-fonts: var(--apple-font);
    --rubik-fonts: var(--apple-font);
    --font-lato: var(--apple-font);
    --headings-weight: 600;
}

/* ---------------------------------------------------------------- temel */
body.esat-apple {
    color: var(--apple-ink);
    font-family: var(--apple-font);
    letter-spacing: -.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.esat-apple h1, body.esat-apple h2, body.esat-apple h3,
body.esat-apple h4, body.esat-apple h5, body.esat-apple h6 {
    font-family: var(--apple-font);
    font-weight: 600;
    letter-spacing: -.02em;
}
body.esat-apple ::selection { background: var(--apple-blue-soft); }

/* ---------------------------------------------------------------- düğmeler */
body.esat-apple .primary__btn,
body.esat-apple .esat-btn,
body.esat-apple .contact__form--btn,
body.esat-apple .product__card--btn {
    border-radius: 999px;
    font-family: var(--apple-font);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: none;
    transition: filter .15s ease, background-color .15s ease, color .15s ease;
}
body.esat-apple .primary__btn { background: var(--apple-blue); }
body.esat-apple .primary__btn:hover { background: var(--apple-blue); filter: brightness(1.12); color: #fff; }
body.esat-apple .esat-btn { min-height: 44px; }

/* ---------------------------------------------------------------- alanlar */
body.esat-apple .contact__form--input,
body.esat-apple .contact__form--textarea,
body.esat-apple .checkout__input--field,
body.esat-apple .esat-finder__input,
body.esat-apple .esat-finder__select,
body.esat-apple .partsix-filter__search input,
body.esat-apple select.form-select,
body.esat-apple .authx__input {
    border: 1px solid var(--apple-line);
    border-radius: var(--apple-radius-sm);
    background-color: #fff;
    color: var(--apple-ink);
    font-family: var(--apple-font);
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
body.esat-apple .contact__form--input:focus,
body.esat-apple .contact__form--textarea:focus,
body.esat-apple .checkout__input--field:focus,
body.esat-apple .esat-finder__input:focus,
body.esat-apple .esat-finder__select:focus,
body.esat-apple .partsix-filter__search input:focus,
body.esat-apple .authx__input:focus {
    border-color: var(--apple-blue);
    box-shadow: 0 0 0 4px var(--apple-blue-soft);
    outline: 0;
}

/* ---------------------------------------------------------------- başlık (header) */
body.esat-apple .header__section,
body.esat-apple .main__header { background: rgba(255, 255, 255, .86); }
body.esat-apple .header__sticky.sticky,
body.esat-apple .main__header.sticky {
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
body.esat-apple .partsix-header-search {
    border-color: transparent;
    background: var(--apple-surface);
}
body.esat-apple .partsix-header-search:focus-within {
    border-color: var(--apple-blue);
    background: #fff;
    box-shadow: 0 0 0 4px var(--apple-blue-soft);
}
body.esat-apple .esat-catnav { border-top: 1px solid var(--apple-hair); border-bottom: 1px solid var(--apple-hair); background: #fff; }
body.esat-apple .esat-catnav__all { border-radius: 999px; background: var(--apple-blue); }
body.esat-apple .esat-catnav__all:hover { filter: brightness(1.12); }
body.esat-apple .esat-catnav__link { color: var(--apple-ink); font-weight: 500; letter-spacing: -.01em; }
body.esat-apple .esat-catnav__link:hover { color: var(--apple-blue); }
/* Açılır menüler çubuğun altına yapışık: yalnız alt köşeler yuvarlanır. */
body.esat-apple .esat-catnav__dropdown,
body.esat-apple .esat-catnav__panel {
    border-color: var(--apple-hair);
    border-radius: 0 0 var(--apple-radius) var(--apple-radius);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .1);
}
body.esat-apple .esat-catnav__group-title { color: var(--apple-ink); font-weight: 600; }

/* Telefonda alttaki sabit araç çubuğu: buzlu cam, ince üst çizgi. */
body.esat-apple .offcanvas__stikcy--toolbar {
    border-top: 1px solid rgba(0, 0, 0, .08);
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: none;
}
/* Öğeler eşit genişlikte: önceden "Ara" düğmesi hücresini doldurmadığı için aralıklar kayıyordu. */
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__list { flex: 1 1 0; min-width: 0; }
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__btn,
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__btn.is-active {
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--apple-faint);
    font-weight: 500;
}
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__icon,
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__btn:hover .offcanvas__stikcy--toolbar__icon,
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__btn.is-active .offcanvas__stikcy--toolbar__icon {
    background: none;
    box-shadow: none;
    color: inherit;
    transform: none;
}
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__btn.is-active { color: var(--apple-blue); }
body.esat-apple .partsix-mobile-toolbar .offcanvas__stikcy--toolbar__label { margin-top: 2px; font-size: 11px; letter-spacing: 0; }

/* ---------------------------------------------------------------- sayfa başlığı (breadcrumb şeridi) */
/* Başlık boyutları ölçülü: önceki 44 px'lik sayfa başlıkları ve 52 px'lik hero fazla büyük bulundu. */
body.esat-apple .breadcrumb__bg {
    padding: 32px 0 4px;
    background: #fff;
}
body.esat-apple .breadcrumb__content--title {
    font-size: clamp(24px, 2.2vw, 30px);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--apple-ink);
}
body.esat-apple .breadcrumb__content--menu__items,
body.esat-apple .breadcrumb__content--menu__items a,
body.esat-apple .breadcrumb__content--menu__items span { font-size: 13px; color: var(--apple-muted); }
body.esat-apple .breadcrumb__content--menu__items a:hover { color: var(--apple-blue); }

/* ---------------------------------------------------------------- ürün kartı */
/* Kenar çizgi olarak kalır: kaydırmalı raylar taşanı kırptığı için gölge halkası yarım görünürdü. */
body.esat-apple .esat-product-card.partsix-product-card,
body.esat-apple .product__card {
    border: 1px solid var(--apple-hair);
    border-radius: var(--apple-radius);
    background: #fff;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .25s ease;
}
body.esat-apple .esat-product-card.partsix-product-card:hover,
body.esat-apple .product__card:hover {
    border-color: var(--apple-line);
    box-shadow: var(--apple-shadow-hover);
}
body.esat-apple .esat-product-card .product__card--thumbnail {
    border-radius: 14px;
    background: var(--apple-surface);
}
body.esat-apple .esat-product-card .product__card--title,
body.esat-apple .esat-product-card .product__card--title a { color: var(--apple-ink); font-weight: 500; letter-spacing: -.01em; }
body.esat-apple .esat-product-card .product__card--title a:hover { color: var(--apple-blue); }
body.esat-apple .esat-product-card .product__card--meta,
body.esat-apple .esat-product-card .product__card--sku,
body.esat-apple .esat-product-card .product__card--views { color: var(--apple-muted); }
body.esat-apple .esat-product-card .partsix-product-card__purchase {
    border: 0;
    border-radius: 14px;
    background: var(--apple-surface);
}
body.esat-apple .esat-product-card .current__price { color: var(--apple-ink); letter-spacing: -.02em; }
body.esat-apple .esat-product-card .product__card--btn { border-radius: 999px; }

/* ---------------------------------------------------------------- ana sayfa */
body.esat-apple .esat-home {
    --esat-ink: #1d1d1f;
    --esat-muted: #6e6e73;
    --esat-line: #e8e8ed;
    --esat-surface: #f5f5f7;
    --esat-radius: 18px;
    --esat-shadow: none;
}
/* Hero kutusu dört köşeden yuvarlak; slayt adları altında ayrı kapsüller olarak durur. */
body.esat-apple .esat-hero__slider,
body.esat-apple .esat-hero__slider:last-child {
    border: 0;
    border-radius: 28px;
    background: var(--apple-surface);
}
body.esat-apple .esat-hero__nav {
    border: 0;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
body.esat-apple .esat-hero__nav:hover { background: #fff; }
body.esat-apple .esat-hero__tabs {
    justify-content: center;
    gap: 6px;
    padding-top: 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
body.esat-apple .esat-hero__tab,
body.esat-apple .esat-hero__tab + .esat-hero__tab {
    flex: 0 0 auto;
    padding: 8px 16px;
    border: 0;
    border-radius: 999px;
    color: var(--apple-muted);
    font-weight: 500;
}
body.esat-apple .esat-hero__tab:hover { background: var(--apple-surface); color: var(--apple-ink); }
body.esat-apple .esat-hero__tab.is-active { background: var(--apple-ink); color: #fff; }
@media (max-width: 767.98px) {
    /* Slayt adları telefonda alt satıra sarılır; yana kaydırınca sağdakiler görünmüyordu. */
    body.esat-apple .esat-hero__tabs { flex-wrap: wrap; overflow: visible; }
}
body.esat-apple .esat-hero__title {
    font-size: clamp(26px, 2.6vw, 36px);
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.06;
}
body.esat-apple .esat-hero__desc { color: var(--apple-muted); font-size: 16px; }
body.esat-apple .esat-finder__card { border: 0; border-radius: var(--apple-radius); background: var(--apple-surface); }
body.esat-apple .esat-section__title { font-size: clamp(21px, 1.9vw, 26px); font-weight: 600; letter-spacing: -.02em; }
body.esat-apple .esat-section__link { color: var(--apple-blue); font-weight: 500; }
body.esat-apple .esat-category {
    border: 0;
    border-radius: var(--apple-radius);
    background: var(--apple-surface);
    transition: background .2s ease, transform .2s ease;
}
body.esat-apple .esat-category:hover { background: var(--apple-hair); transform: translateY(-2px); }
body.esat-apple .esat-category__media { border-radius: 14px; background: #fff; }
body.esat-apple .esat-category__name { color: var(--apple-ink); font-weight: 500; }
body.esat-apple .esat-slider-arrow { border-color: var(--apple-hair); background: var(--apple-surface); }
body.esat-apple .esat-slider-arrow:hover { background: var(--apple-hair); }
body.esat-apple .esat-consult__card { border-radius: 28px; background: var(--apple-blue); }
body.esat-apple .esat-brand { border: 0; border-radius: var(--apple-radius); background: var(--apple-surface); }
body.esat-apple .esat-trust-section { background: #fff; }
body.esat-apple .esat-trust__title { color: var(--apple-ink); }
body.esat-apple .esat-trust__desc { color: var(--apple-muted); }

/* ---------------------------------------------------------------- ürün listesi (kategori, arama) */
body.esat-apple .partsix-filter__group {
    border: 0;
    border-radius: var(--apple-radius);
    background: var(--apple-surface);
}
body.esat-apple .partsix-filter__heading { color: var(--apple-ink); font-weight: 600; }
body.esat-apple .partsix-filter__option { border-radius: 8px; color: var(--apple-ink-2); }
body.esat-apple .partsix-filter__option:hover { background: #fff; }
body.esat-apple .shop__header,
body.esat-apple .product__view--mode { border-radius: var(--apple-radius); }
body.esat-apple .pagination__list a,
body.esat-apple .pagination__item,
body.esat-apple .pagination__item--link { border-radius: 999px; }

/* ---------------------------------------------------------------- ödeme (sepet sayfası kendi görünümünde, sb-*) */
/* Sıkı düzen: şablonun 20–22 px başlıkları, 30 px'lik etiket boşluğu (Bootstrap mb-5 = 3rem) ve
   geniş kart iç boşlukları ödeme formunu gereğinden uzun yapıyordu. */
body.esat-apple .checkout__page--area.section--padding { padding: 20px 0 64px; }
body.esat-apple .checkout__content--step { margin-bottom: 22px; padding-bottom: 0; }
body.esat-apple .checkout__mian .section__header { margin-bottom: 12px !important; }
body.esat-apple .checkout__mian .section__header--title { font-size: 18px; font-weight: 600; line-height: 1.3; }
body.esat-apple .checkout__mian .layout__flex--item { font-size: 13px; }
body.esat-apple .checkout__input--label {
    display: block;
    margin-bottom: 6px !important;
    color: var(--apple-ink-2);
    font-size: 13px;
    font-weight: 500;
}
body.esat-apple .checkout__mian .mb-20 { margin-bottom: 14px !important; }
body.esat-apple .checkout__mian .mt-15 { margin-top: 10px !important; }
body.esat-apple .checkout__input--field,
body.esat-apple select.checkout__input--select__field { height: 44px; font-size: 15px; }
body.esat-apple .checkout__notes--textarea__field {
    width: 100%;
    height: 88px;
    padding: 10px 14px;
    border: 1px solid var(--apple-line);
    border-radius: var(--apple-radius-sm);
    font-size: 15px;
}
body.esat-apple .checkout__sidebar {
    position: sticky;
    top: 110px;
    padding: 20px;
    border: 0;
    border-radius: var(--apple-radius);
    background: var(--apple-surface);
    box-shadow: none;
}
body.esat-apple .checkout__order--summary__title { margin: 0 0 10px; font-size: 18px; font-weight: 600; text-align: left; }
body.esat-apple .checkout__product--table .cart__table--body__list { padding: 8px 0; border-bottom-color: var(--apple-hair); }
body.esat-apple .checkout__total { margin-top: 10px; }
body.esat-apple .checkout__total--title,
body.esat-apple .checkout__total--amount { padding: 3px 0; color: var(--apple-muted); font-size: 13.5px; }
body.esat-apple .checkout__total--amount { color: var(--apple-ink); font-variant-numeric: tabular-nums; }
body.esat-apple .checkout__total--footer__list { padding-top: 12px; border-top: 1px solid var(--apple-line); }
body.esat-apple .checkout__total--footer__title { color: var(--apple-ink); font-size: 15px; font-weight: 600; }
body.esat-apple .checkout__total--footer__amount { color: var(--apple-ink); font-size: 20px; font-weight: 700; }
body.esat-apple .payment__history { margin: 18px 0 0 !important; }
body.esat-apple .payment__history--title { margin-bottom: 8px !important; font-size: 15px; font-weight: 600; }
body.esat-apple .payment-bank-info,
body.esat-apple .checkout-info-box { border-color: var(--apple-hair); border-radius: var(--apple-radius-sm); background: #fff; font-size: 12.5px; }
body.esat-apple .checkout__now--btn {
    width: 100%;
    height: 48px;
    margin-top: 12px;
    border-radius: 12px;
    font-size: 16px;
}
@media (max-width: 991.98px) {
    body.esat-apple .checkout__sidebar { position: static; margin-top: 8px; }
}

/* ---------------------------------------------------------------- iletişim ve içerik sayfaları */
body.esat-apple .contact__section--heading__maintitle {
    margin-bottom: 12px;
    color: var(--apple-ink);
    font-size: clamp(24px, 2.2vw, 30px);
    line-height: 1.15;
    letter-spacing: -.02em;
}
body.esat-apple .contact__section--heading__desc { color: var(--apple-muted); }
/* Şablonda mavi bilgi kartı formun üstüne bindiriliyordu; burada yan yana iki açık kart. */
body.esat-apple .contact__form {
    border: 1px solid var(--apple-hair);
    border-radius: var(--apple-radius);
    box-shadow: none;
}
body.esat-apple .contact__info {
    border-radius: var(--apple-radius);
    background: var(--apple-surface);
}
body.esat-apple .contact__info .text-white,
body.esat-apple .contact__info--content__desc,
body.esat-apple .contact__info--content__desc a { color: var(--apple-ink) !important; }
body.esat-apple .contact__info--content__desc a:hover { color: var(--apple-blue) !important; }
body.esat-apple .contact__info--content__title { font-size: 15px; line-height: 1.4; color: var(--apple-muted) !important; font-weight: 500; }
body.esat-apple .contact__info--icon { color: var(--apple-blue); }
body.esat-apple .contact__info--icon svg { width: 22px; height: 22px; }
/* Telefonda da iletişim bilgileri (dokunarak arama/e-posta) formdan önce gelir. */
@media (max-width: 991.98px) {
    body.esat-apple .main__contact--area { display: flex; flex-direction: column-reverse; gap: 16px; }
    body.esat-apple .contact__info { margin: 0; }
}
@media (min-width: 992px) {
    body.esat-apple .main__contact--area {
        display: grid;
        grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
        gap: 24px;
        align-items: start;
    }
    body.esat-apple .contact__info {
        position: static;
        order: -1;
        width: auto;
        padding: 40px 36px;
        transform: none;
    }
    body.esat-apple .contact__form { margin-left: 0; padding: 40px; }
}
body.esat-apple .contact__map--iframe { border-radius: var(--apple-radius); }
body.esat-apple .contact__map--area { max-width: 1320px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
body.esat-apple .shipping__inner.style2 { overflow: hidden; border-color: var(--apple-hair); border-radius: var(--apple-radius); }
body.esat-apple .privacy__policy--content { max-width: 820px; margin-right: auto; margin-left: auto; }

/* ---------------------------------------------------------------- alışveriş yardımları (kargo tamamlayan, son bakılanlar) */
body.esat-apple .esat-aid { margin-top: 28px; }
body.esat-apple .esat-aid__title { margin-bottom: 14px; color: var(--apple-ink); font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
body.esat-apple .esat-home-recent .esat-aid:first-child { margin-top: 0; }
/* Kategori/marka sayfasının üst ve alt içeriği (panelde zengin metin) */
body.esat-apple .esat-listing-content { color: #424245; font-size: 15px; line-height: 1.65; }
body.esat-apple .esat-listing-content--top { margin-bottom: 28px; }
body.esat-apple .esat-listing-content--bottom { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--apple-hair); }
body.esat-apple .esat-listing-content h2,
body.esat-apple .esat-listing-content h3 { margin: 1.2em 0 .5em; color: var(--apple-ink); font-weight: 600; letter-spacing: -.01em; }
body.esat-apple .esat-listing-content h2 { font-size: 22px; }
body.esat-apple .esat-listing-content h3 { font-size: 18px; }
body.esat-apple .esat-listing-content > :first-child { margin-top: 0; }
body.esat-apple .esat-listing-content p { margin: 0 0 .8em; }
body.esat-apple .esat-listing-content img { max-width: 100%; height: auto; border-radius: 12px; }
body.esat-apple .esat-listing-content a { color: var(--apple-blue); }
/* Ürün etiketleri (0118): kartta adın, ürün sayfasında başlığın üstünde renkli kısa metin */
body.esat-apple .product__card--labels,
body.esat-apple .pdp__labels { display: flex; flex-wrap: wrap; gap: 4px 10px; font-weight: 600; letter-spacing: .01em; }
body.esat-apple .product__card--labels { margin: 2px 0 2px; font-size: 12px; }
body.esat-apple .pdp__labels { margin: 2px 0 4px; font-size: 14px; }
/* Favori listesi ve sepet paylaşımı (0124) */
body.esat-apple .share-box { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 20px; }
body.esat-apple .share-box--cart { margin: 14px 0 0; }
body.esat-apple .share-box__btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--apple-blue); border-radius: 999px; background: #fff; color: var(--apple-blue); font-size: 14px; font-weight: 600; cursor: pointer; }
body.esat-apple .share-box__btn svg { width: 16px; height: 16px; }
body.esat-apple .share-box__btn[disabled] { opacity: .6; cursor: progress; }
body.esat-apple .share-box__link { padding: 0; border: 0; background: none; color: #6e6e73; font-size: 13px; text-decoration: underline; cursor: pointer; }
body.esat-apple .share-box__hint, body.esat-apple .share-box__status { color: #6e6e73; font-size: 13px; }
body.esat-apple .share-box__url { flex: 1 1 260px; min-width: 0; padding: 7px 12px; border: 1px solid var(--apple-hair); border-radius: 10px; background: #f5f5f7; color: var(--apple-ink); font-size: 13px; }
/* Ürün videosu (0120): galerinin altında düğme, oynatıcı pencerede */
body.esat-apple .pdp-video-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 0; border: 0; background: none; color: var(--apple-blue); font-size: 15px; font-weight: 600; cursor: pointer; }
body.esat-apple .pdp-video-btn svg { width: 24px; height: 24px; }
body.esat-apple .pdp-video-btn:hover { text-decoration: underline; }
body.esat-apple .pdp-video { width: min(960px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 18px; background: #000; overflow: visible; }
body.esat-apple .pdp-video::backdrop { background: rgba(0, 0, 0, .72); }
body.esat-apple .pdp-video__frame { aspect-ratio: 16 / 9; }
body.esat-apple .pdp-video__frame iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 18px; }
body.esat-apple .pdp-video__close { position: absolute; top: -44px; right: 0; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .9); color: #1d1d1f; cursor: pointer; }
body.esat-apple .pdp-video__close svg { width: 16px; height: 16px; }
/* Ek ürün sekmesindeki PDF belge bağlantısı (0119) */
body.esat-apple .ptab__document { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 16px; border: 1px solid var(--apple-hair); border-radius: 999px; color: var(--apple-blue); font-size: 14px; font-weight: 600; text-decoration: none; }
body.esat-apple .ptab__document:hover { border-color: var(--apple-blue); }
body.esat-apple .ptab__document svg { width: 18px; height: 18px; }
/* Ürün sayfasında satın alma kuralları: en az adet, iade edilemez (0115) */
body.esat-apple .pdp-rules { margin: 12px 0 0; padding: 0; list-style: none; color: #6e6e73; font-size: 13px; line-height: 1.5; }
body.esat-apple .pdp-rules li { position: relative; padding-left: 14px; }
body.esat-apple .pdp-rules li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: #86868b; }
body.esat-apple .pdp-rules strong { color: var(--apple-ink); font-weight: 600; }
/* Ürün yorumuna mağaza cevabı (ürün sayfası, Değerlendirmelerim) */
body.esat-apple .preview__reply { margin-top: 12px; padding: 12px 14px; border-left: 3px solid var(--apple-blue); border-radius: 0 10px 10px 0; background: #f5f5f7; }
body.esat-apple .preview__reply-title { display: block; margin-bottom: 4px; color: var(--apple-ink); font-size: 13px; font-weight: 600; }
body.esat-apple .preview__reply-text { margin: 0; color: #424245; font-size: 14px; line-height: 1.55; white-space: pre-line; }
/* Ücretsiz kargoya kalan tutar çubuğu (sipariş özeti) */
body.esat-apple .esat-ship-progress { margin: 4px 0 12px; }
body.esat-apple .esat-ship-progress__bar { height: 6px; overflow: hidden; border-radius: 999px; background: var(--apple-hair); }
body.esat-apple .esat-ship-progress__bar span { display: block; height: 100%; border-radius: 999px; background: var(--apple-blue); transition: width .3s ease; }
body.esat-apple .esat-ship-progress.is-done .esat-ship-progress__bar span { background: var(--apple-success, #248a3d); }

/* ---------------------------------------------------------------- panelde kurulan form (/form/{adres}) */
body.esat-apple .esat-form__desc { max-width: 640px; margin: 0 auto; white-space: pre-line; }
body.esat-apple .esat-form__card { max-width: 760px; margin: 0 auto; padding: 40px; }
body.esat-apple .esat-form fieldset { margin: 0; padding: 0; border: 0; }
body.esat-apple .esat-form__choices { display: flex; flex-wrap: wrap; gap: 10px 22px; }
body.esat-apple .esat-form__choice { display: inline-flex; align-items: flex-start; gap: 10px; margin: 0; color: var(--apple-ink); font-size: 15px; line-height: 1.45; cursor: pointer; }
body.esat-apple .esat-form__choice input { flex: none; width: 18px; height: 18px; margin-top: 1px; accent-color: var(--apple-blue); }
body.esat-apple .esat-form__consent a { color: var(--apple-blue); text-decoration: underline; text-underline-offset: 2px; }
body.esat-apple .esat-form__select { appearance: auto; padding-right: 12px; }
body.esat-apple .esat-form__help { display: block; margin-top: 6px; color: var(--apple-muted); font-size: 13px; }
body.esat-apple .esat-form__errors { margin-bottom: 24px; padding: 14px 18px; border-radius: var(--apple-radius-sm); background: #fff2f2; color: #b3261e; font-size: 14px; }
body.esat-apple .esat-form__errors ul { margin: 0; padding-left: 18px; list-style: disc; }
/* Tuzak alanı: ekrandan çıkarılır (display:none'ı bazı botlar atlıyor). */
body.esat-apple .esat-form__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
body.esat-apple .esat-form__done { padding: 24px 8px; text-align: center; }
body.esat-apple .esat-form__done svg { width: 56px; height: 56px; fill: none; stroke: var(--apple-blue); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body.esat-apple .esat-form__done h2 { margin: 14px 0 8px; color: var(--apple-ink); font-size: 24px; letter-spacing: -.01em; }
body.esat-apple .esat-form__done p { max-width: 460px; margin: 0 auto 24px; color: var(--apple-muted); white-space: pre-line; }
@media (max-width: 575.98px) {
    body.esat-apple .esat-form__card { padding: 24px 18px; }
}
body.esat-apple .privacy__policy--content__title { font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
body.esat-apple .privacy__policy--content__desc { color: var(--apple-ink-2); font-size: 16px; line-height: 1.65; }
body.esat-apple .shipping__items { border-radius: var(--apple-radius); }

/* ---------------------------------------------------------------- giriş / kayıt (ortak _AuthStyles) */
body.esat-apple .authx {
    --authx-brand: var(--apple-blue);
    --authx-brand-dark: var(--apple-blue);
    --authx-line: var(--apple-hair);
    --authx-ink: var(--apple-ink);
    --authx-muted: var(--apple-muted);
    background: #fff;
    font-family: var(--apple-font);
}
body.esat-apple .authx__head { padding-top: 32px; background: #fff; border-bottom: 0; }
body.esat-apple .authx__title { font-size: clamp(24px, 2.2vw, 30px); font-weight: 600; letter-spacing: -.02em; }
body.esat-apple .authx__card { border: 0; border-radius: var(--apple-radius); background: var(--apple-surface); box-shadow: none; }
body.esat-apple .authx__heading { font-weight: 600; letter-spacing: -.02em; }
/* Kart gri yüzeyde: sekme şeridi bir ton koyu, kapsül biçimli. */
body.esat-apple .authx__tabs { border-radius: 999px; background: var(--apple-hair); }
body.esat-apple .authx__tab { border-radius: 999px; }
/* "ya da Diğer Seçenekler…" ayırıcısının zemini kartla aynı (beyaz kutu gibi duruyordu). */
body.esat-apple .authx .partsix-auth__divider span { background: var(--apple-surface); }
body.esat-apple .authx__tab.is-active { color: var(--apple-ink); box-shadow: 0 1px 4px rgba(0, 0, 0, .1); }
body.esat-apple .authx__submit { border-radius: 999px; }
body.esat-apple .authx__input { height: 48px; }

/* ---------------------------------------------------------------- alt bilgi: Apple gibi açık gri */
body.esat-apple .esat-footer {
    border-top: 1px solid var(--apple-hair);
    background: var(--apple-surface);
    color: var(--apple-muted);
    font-family: var(--apple-font);
}
body.esat-apple .esat-footer a { color: var(--apple-ink-2); }
body.esat-apple .esat-footer a:hover { color: var(--apple-ink); text-decoration: underline; text-underline-offset: 3px; }
body.esat-apple .esat-footer .esat-footer__brand,
body.esat-apple .esat-footer__title { color: var(--apple-ink); }
body.esat-apple .esat-footer__title { font-size: 13px; font-weight: 600; letter-spacing: 0; }
body.esat-apple .esat-footer .esat-footer__brand { font-size: 19px; font-weight: 600; letter-spacing: -.01em; }
body.esat-apple .esat-footer__title::after { display: none; }
body.esat-apple .esat-footer__description { color: var(--apple-muted); }
body.esat-apple .esat-footer .esat-footer__contact-link {
    border: 1px solid var(--apple-line);
    border-radius: 999px;
    background: #fff;
    color: var(--apple-ink);
}
body.esat-apple .esat-footer .esat-footer__contact-link:hover { border-color: var(--apple-blue); background: #fff; color: var(--apple-blue); text-decoration: none; }
body.esat-apple .esat-footer__contact {
    border: 1px solid var(--apple-hair);
    border-radius: var(--apple-radius);
    background: #fff;
}
body.esat-apple .esat-footer__detail-icon { color: var(--apple-blue); }
body.esat-apple .esat-footer__label { color: var(--apple-faint); }
body.esat-apple .esat-footer__detail > a,
body.esat-apple .esat-footer__detail > span:last-child { color: var(--apple-ink); }
body.esat-apple .esat-footer__bottom { border-top-color: var(--apple-line); color: var(--apple-faint); }
body.esat-apple .esat-footer__credit span { color: var(--apple-ink); }

/* Yüzen düğmeler (Başa dön solda, WhatsApp sağda) alt satırın üstüne binmesin: sayfa sonunda
   telif ve "E-ticaret altyapısı" satırları düğmelerin üstünde kalır. Telefonda gövde zaten araç
   çubuğu kadar alt boşluk taşıyor (style.css), burada yalnız düğmelerin payı eklenir. */
body.esat-apple .esat-footer__bottom { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
@media (max-width: 991.98px) {
    /* Araç çubuğunun payı gövde yerine alt bilgide: gri zemin çubuğun altına kadar uzanır,
       arada beyaz şerit kalmaz. */
    body.esat-apple { padding-bottom: 0; }
    body.esat-apple .esat-footer__bottom { padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
}

/* ---------------------------------------------------------------- seçim kutuları (select) */
/* Tek görünüm: kenarlı beyaz kutu, sağda ince ok. Şablonun .select::before oku gizlenir. */
body.esat-apple select:not([multiple]):not([size]) {
    min-height: 44px;
    padding: 0 40px 0 14px;
    border: 1px solid var(--apple-line);
    border-radius: var(--apple-radius-sm);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center / 14px;
    color: var(--apple-ink);
    font-family: var(--apple-font);
    font-size: 15px;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .15s, box-shadow .15s;
}
body.esat-apple select:not([multiple]):not([size]):hover { border-color: #b0b0b5; }
body.esat-apple select:not([multiple]):not([size]):focus {
    border-color: var(--apple-blue);
    box-shadow: 0 0 0 4px var(--apple-blue-soft);
    outline: 0;
}
body.esat-apple select:disabled { background-color: var(--apple-surface); color: var(--apple-faint); cursor: not-allowed; }
body.esat-apple .select::before { display: none; }
body.esat-apple .partsix-page-size select { width: 84px; }

/* Açılan liste: tarayıcı destekliyorsa (Chrome/Edge 135+) işletim sisteminin mavi listesi yerine
   temanın kartı. Desteklemeyen tarayıcı yerel listeyi gösterir; kutunun kendisi yine yukarıdaki gibi. */
@supports (appearance: base-select) {
    body.esat-apple select:not([multiple]):not([size]),
    body.esat-apple select:not([multiple]):not([size])::picker(select) {
        appearance: base-select;
    }
    body.esat-apple select:not([multiple]):not([size]) {
        display: flex;
        align-items: center;
        background-image: none;
    }
    body.esat-apple select:not([multiple]):not([size])::picker-icon {
        width: 14px;
        height: 14px;
        margin-right: -26px;
        margin-left: auto;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        color: transparent;
        content: "";
        transition: rotate .2s ease;
    }
    body.esat-apple select:not([multiple]):not([size]):open::picker-icon { rotate: 180deg; }
    body.esat-apple select::picker(select) {
        max-block-size: min(380px, 60vh);
        margin-block: 6px;
        padding: 6px;
        overflow-y: auto;
        border: 1px solid var(--apple-hair);
        border-radius: 14px;
        background: rgba(255, 255, 255, .97);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .14);
    }
    body.esat-apple select option {
        display: flex;
        padding: 7px 12px;
        line-height: 1.35;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        color: var(--apple-ink);
        font-size: 15px;
        font-weight: 400;
        white-space: normal;
    }
    body.esat-apple select option:hover,
    body.esat-apple select option:focus-visible {
        background: var(--apple-surface);
        outline: 0;
    }
    body.esat-apple select option:checked { color: var(--apple-blue); font-weight: 600; }
    body.esat-apple select option::checkmark { order: 1; margin-left: auto; color: var(--apple-blue); }
    body.esat-apple select option:disabled { color: var(--apple-faint); }
    /* Grup başlığı küçük gri yazı; altındaki seçenekler normal boyutta. */
    body.esat-apple select optgroup {
        padding-top: 8px;
        color: var(--apple-muted);
        font-size: 12px;
        font-weight: 600;
    }
    body.esat-apple select optgroup + optgroup { margin-top: 6px; border-top: 1px solid var(--apple-hair); }
}

/* Ürün sayfası: Karşılaştır düğmesi favoriyle aynı yuvarlak kalıp, vurgu marka mavisi (urun-karsilastir.js). */
body.esat-apple .pdp-buy__compare:hover,
body.esat-apple .pdp-buy__compare.is-active {
    border-color: var(--apple-blue);
    background: var(--apple-blue-soft);
    color: var(--apple-blue);
}
body.esat-apple .pdp-buy__compare.is-active svg {
    fill: none;
}

/* Ürün kartı: görselin sağ üstünde Karşılaştır düğmesi (urun-karsilastir.js). Masaüstünde karta gelince,
   dokunmatikte ve seçiliyken her zaman görünür. */
body.esat-apple .esat-card-compare {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--apple-line);
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: var(--apple-ink-2);
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s ease, color .2s ease, border-color .2s ease, background .2s ease;
}
body.esat-apple .esat-card-compare svg { width: 17px; height: 17px; }
body.esat-apple .product__card:hover .esat-card-compare,
body.esat-apple .esat-card-compare:focus-visible,
body.esat-apple .esat-card-compare.is-active { opacity: 1; }
body.esat-apple .esat-card-compare:hover,
body.esat-apple .esat-card-compare.is-active {
    border-color: var(--apple-blue);
    background: var(--apple-blue-soft);
    color: var(--apple-blue);
}
@media (hover: none) {
    body.esat-apple .esat-card-compare { opacity: 1; }
}

/* Ürün sayfası: onaylı bayiye kendi fiyatı (0103); havale satırıyla aynı kalıp, vurgu marka mavisi. */
body.esat-apple .pdp-price__dealer {
    display: flex;
    margin: 12px 0 0;
    padding-top: 10px;
    align-items: center;
    gap: 10px;
    border-top: 1px solid var(--apple-hair);
}
body.esat-apple .pdp-price__dealer svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--apple-blue); }
body.esat-apple .pdp-price__dealer span { color: var(--apple-ink-2); font-size: 13px; font-variant-numeric: tabular-nums; }
body.esat-apple .pdp-price__dealer strong { color: var(--apple-blue); font-weight: 700; }

/* Ürün sayfası: kombin fırsatı (Kampanyalar › Kombin / paket). Ürünler artıyla yan yana, sağda kombin fiyatı. */
body.esat-apple .esat-bundle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
    align-items: center;
    margin-bottom: 16px;
    padding: 24px;
    border: 1px solid var(--apple-hair);
    border-radius: var(--apple-radius);
    background: #fff;
}
body.esat-apple .esat-bundle__items { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.esat-apple .esat-bundle__item {
    display: flex;
    width: 150px;
    flex-direction: column;
    gap: 6px;
    color: var(--apple-ink);
    text-decoration: none;
}
body.esat-apple .esat-bundle__item img {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: var(--apple-radius-sm);
    background: var(--apple-surface);
}
body.esat-apple .esat-bundle__name {
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
body.esat-apple .esat-bundle__price { color: var(--apple-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
body.esat-apple .esat-bundle__plus { color: var(--apple-faint); font-size: 22px; font-weight: 300; }
body.esat-apple .esat-bundle__summary { display: flex; flex-direction: column; gap: 4px; font-variant-numeric: tabular-nums; }
body.esat-apple .esat-bundle__label { color: var(--apple-blue); font-size: 13px; font-weight: 600; }
body.esat-apple .esat-bundle__was { color: var(--apple-faint); font-size: 14px; }
body.esat-apple .esat-bundle__total { color: var(--apple-ink); font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
body.esat-apple .esat-bundle__note { color: var(--apple-muted); font-size: 12px; }
body.esat-apple .esat-bundle__add {
    margin-top: 10px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    background: var(--apple-blue);
    color: #fff;
    font-weight: 600;
}
body.esat-apple .esat-bundle__add:disabled { opacity: .6; }
@media (max-width: 767.98px) {
    body.esat-apple .esat-bundle { grid-template-columns: 1fr; padding: 16px; }
    body.esat-apple .esat-bundle__item { width: 110px; }
    body.esat-apple .esat-bundle__item img { width: 80px; height: 80px; }
}