/* ==========================================================================
   AŞİYAN MOTOR — Tasarım Sistemi
   Marka: siyah + Aşiyan kırmızısı (logodan). Ferah, ürün odaklı, güven veren.
   Sınıf öneki: .as-  (eski .km-* ve Tailwind sınıflarıyla çakışmaz)
   ========================================================================== */

:root {
    --as-red: #B5121B;
    --as-red-600: #9A0F17;
    --as-red-700: #7E0C12;
    --as-red-50: #FDEDEE;
    --as-red-100: #F9D5D7;
    --as-ink: #111214;
    --as-ink-2: #1C1E21;
    --as-text: #1F2328;
    --as-text-2: #474D55;
    --as-muted: #6B7280;
    --as-line: #E6E8EB;
    --as-line-2: #EFF0F2;
    --as-surface: #F5F6F7;
    --as-surface-2: #FAFAFB;
    --as-white: #FFFFFF;
    --as-green: #0F7B3F;
    --as-green-50: #E9F6EE;
    --as-amber: #B45309;
    --as-wa: #1FA855;

    --as-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --as-display: 'Barlow Condensed', 'Arial Narrow', 'Inter', sans-serif;

    --as-radius-sm: 6px;
    --as-radius: 10px;
    --as-radius-lg: 14px;
    --as-radius-xl: 18px;
    --as-shadow-sm: 0 1px 2px rgba(17, 18, 20, .06);
    --as-shadow: 0 6px 24px rgba(17, 18, 20, .08);
    --as-shadow-lg: 0 18px 50px rgba(17, 18, 20, .14);
    --as-ease: cubic-bezier(.2, .7, .2, 1);
    --as-container: 1280px;
    --as-gutter: 16px;

    /* Eski tema değişkenlerini marka rengine bağla (yeniden tasarlanmamış sayfalar için) */
    --km-primary: var(--as-red);
    --km-primary-hover: var(--as-red-600);
    --km-primary-light: var(--as-red-50);
    --km-border-focus: var(--as-red);
}

@media (min-width: 768px) { :root { --as-gutter: 24px; } }
@media (min-width: 1280px) { :root { --as-gutter: 32px; } }

/* ---------- Temel ---------- */
/* Sıfırlamalar 'base' katmanında: eski sayfalardaki Tailwind yardımcı sınıfları (utilities katmanı) bunları ezebilsin. */
@layer base {
    :where(.as-body) * { font-family: inherit; }
    :where(.as-body) a { color: inherit; text-decoration: none; }
    :where(.as-body) img { max-width: 100%; height: auto; }
    :where(.as-body) button { font: inherit; }
}
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.as-body {
    margin: 0;
    font-family: var(--as-font);
    font-size: 14px;
    line-height: 1.55;
    color: var(--as-text);
    background: var(--as-white);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.as-body .fa, .as-body .fas, .as-body .far, .as-body .fab, .as-body [class^="fa-"], .as-body [class*=" fa-"] { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands"; }
.as-body .fab { font-family: "Font Awesome 6 Brands"; }
.as-body :focus-visible { outline: 2px solid var(--as-red); outline-offset: 2px; border-radius: 4px; }
.as-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.as-skip { position: absolute; left: 12px; top: -60px; z-index: 100000; background: var(--as-ink); color: #fff !important; padding: 10px 14px; border-radius: 8px; font-weight: 700; }
.as-skip:focus { top: 12px; }

.as-container { width: 100%; max-width: var(--as-container); margin: 0 auto; padding-left: var(--as-gutter); padding-right: var(--as-gutter); box-sizing: border-box; }
.as-icon { width: 20px; height: 20px; flex: none; display: inline-block; vertical-align: middle; }
.as-icon-sm { width: 16px; height: 16px; }
.as-icon-lg { width: 24px; height: 24px; }

/* ---------- Butonlar ---------- */
.as-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--as-radius-sm); border: 1.5px solid transparent; font-weight: 700; font-size: 14px; letter-spacing: .1px; cursor: pointer; transition: background .2s var(--as-ease), color .2s, border-color .2s, transform .1s; white-space: nowrap; text-decoration: none; }
.as-btn:active { transform: translateY(1px); }
.as-btn-primary { background: var(--as-red); color: #fff !important; }
.as-btn-primary:hover { background: var(--as-red-600); }
.as-btn-dark { background: var(--as-ink); color: #fff !important; }
.as-btn-dark:hover { background: #000; }
.as-btn-outline { background: #fff; color: var(--as-text) !important; border-color: var(--as-line); }
.as-btn-outline:hover { border-color: var(--as-text); }
.as-btn-ghost-light { background: rgba(255,255,255,.12); color: #fff !important; border-color: rgba(255,255,255,.35); }
.as-btn-ghost-light:hover { background: #fff; color: var(--as-ink) !important; }
.as-btn-wa { background: var(--as-wa); color: #fff !important; }
.as-btn-wa:hover { background: #178a45; }
.as-btn-lg { height: 52px; padding: 0 26px; font-size: 15px; }
.as-btn-sm { height: 36px; padding: 0 14px; font-size: 13px; }
.as-btn-block { width: 100%; }
.as-btn[disabled], .as-btn.is-disabled { background: var(--as-surface); color: var(--as-muted) !important; border-color: var(--as-line); cursor: not-allowed; }
.as-pill-link { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--as-line); font-weight: 600; font-size: 13px; color: var(--as-text); background: #fff; transition: border-color .2s, color .2s; }
.as-pill-link:hover { border-color: var(--as-red); color: var(--as-red); }
.as-link { color: var(--as-red) !important; font-weight: 600; }
.as-link:hover { text-decoration: underline; }

/* ---------- Rozetler ---------- */
.as-badge { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; line-height: 1; }
.as-badge-red { background: var(--as-red); color: #fff; }
.as-badge-dark { background: var(--as-ink); color: #fff; }
.as-badge-soft { background: var(--as-surface); color: var(--as-text-2); }
.as-badge-green { background: var(--as-green-50); color: var(--as-green); }

/* ==========================================================================
   HEADER
   ========================================================================== */
/* Üst tanıtım şeridi (yalnızca masaüstü): yazı 1 → yazı 2 → logo + ürünler, 12 sn döngü */
.as-promo { display: none; }
@media (min-width: 1024px) {
    .as-promo { display: block; position: relative; height: 64px; overflow: hidden; isolation: isolate; color: #fff; text-decoration: none;
        background:
            repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 14px),
            radial-gradient(55% 150% at 50% 50%, #C8141E 0%, #9A0F17 45%, transparent 80%),
            linear-gradient(90deg, #0E0F11 0%, #5E0A0F 24%, #8F0E15 50%, #5E0A0F 76%, #0E0F11 100%); }
}
.as-promo::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(100deg, transparent 38%, rgba(255,255,255,.16) 50%, transparent 62%); transform: translateX(-100%); animation: asPromoShine 12s linear infinite; }
.as-promo:hover { filter: brightness(1.06); }
.as-promo-scene { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; opacity: 0; }
.as-promo-scene.is-t1 { animation: asPromoText 12s ease-in-out infinite both; }
.as-promo-scene.is-t2 { animation: asPromoText 12s ease-in-out 3s infinite both; }
.as-promo-scene.is-items { gap: clamp(28px, 4.6vw, 92px); animation: asPromoItems 12s linear infinite both; }
.as-promo-text { font-family: 'Barlow Condensed', 'Inter', sans-serif; font-style: italic; font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; text-shadow: 0 2px 0 rgba(0,0,0,.35); }
.as-promo-text mark { display: inline-block; margin: 0 6px; padding: 5px 14px 3px; background: #fff; color: var(--as-red); text-shadow: none; transform: skewX(-12deg); box-shadow: 4px 4px 0 var(--as-ink); }
.as-promo-item { flex: none; width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 5px 6px rgba(0,0,0,.5)); animation: asPromoPop 12s cubic-bezier(.3,1.6,.5,1) calc(6s + var(--i) * .22s) infinite both; }
.as-promo-badge { flex: none; height: 50px; min-width: 92px; padding: 0 16px; box-sizing: border-box; border-radius: 25px; background: #fff; color: var(--as-red); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 5px 14px rgba(0,0,0,.4); animation: asPromoPop 12s cubic-bezier(.3,1.6,.5,1) 6s infinite both; }
.as-promo-badge img { height: 38px; width: auto; }
@keyframes asPromoText { 0% { opacity: 0; transform: translateX(-48px); } 4% { opacity: 1; transform: none; } 20% { opacity: 1; transform: none; } 24% { opacity: 0; transform: translateX(48px); } 100% { opacity: 0; transform: translateX(48px); } }
@keyframes asPromoItems { 0%, 48% { opacity: 0; } 50%, 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes asPromoPop { 0% { opacity: 0; transform: scale(.2) translateY(12px); } 4% { opacity: 1; transform: none; } 100% { opacity: 1; transform: none; } }
@keyframes asPromoShine { 0%, 40% { transform: translateX(-100%); } 52%, 100% { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
    .as-promo::after, .as-promo-scene, .as-promo-item, .as-promo-badge { animation: none !important; }
    .as-promo-scene.is-t1, .as-promo-scene.is-t2 { display: none; }
    .as-promo-scene.is-items { opacity: 1; }
}


.as-header { position: sticky; top: 0; z-index: 1000; background: #fff; border-bottom: 1px solid var(--as-line); transition: box-shadow .25s; }
.as-header.is-scrolled { box-shadow: 0 6px 20px rgba(17,18,20,.07); }
.as-header-main .as-container { display: flex; align-items: center; gap: 12px; height: 64px; }
@media (min-width: 1024px) { .as-header-main .as-container { height: 88px; gap: 32px; } }

.as-logo { display: flex; align-items: center; flex: none; }
.as-logo img { height: 46px; width: auto; display: block; }
@media (min-width: 1024px) { .as-logo img { height: 66px; } }

.as-search { position: relative; flex: 1; max-width: 680px; display: none; }
.as-search form { position: relative; margin: 0; }
.as-search-input { width: 100%; height: 48px; border: 1.5px solid var(--as-surface); background: var(--as-surface); border-radius: var(--as-radius); padding: 0 56px 0 18px; font-size: 14px; color: var(--as-text); outline: none; transition: border-color .2s, background .2s, box-shadow .2s; box-sizing: border-box; }
.as-search-input::placeholder { color: #8A9099; }
.as-search-input:focus { background: #fff; border-color: var(--as-red); box-shadow: 0 0 0 4px rgba(181,18,27,.08); }
.as-search-btn { position: absolute; right: 6px; top: 6px; width: 36px; height: 36px; border-radius: 8px; border: 0; background: transparent; color: var(--as-text); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.as-search-btn:hover { color: var(--as-red); }
@media (min-width: 1024px) { .as-search { display: block; } }

.as-search-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); box-shadow: var(--as-shadow-lg); z-index: 1100; overflow: hidden; display: none; max-height: 70vh; overflow-y: auto; }
.as-search-suggest.is-open { display: block; }
.as-suggest-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--as-line-2); color: var(--as-text); }
.as-suggest-item:last-child { border-bottom: 0; }
.as-suggest-item:hover, .as-suggest-item.is-active { background: var(--as-surface-2); }
.as-suggest-item img { width: 44px; height: 44px; object-fit: contain; border-radius: 6px; background: #fff; border: 1px solid var(--as-line-2); flex: none; }
.as-suggest-name { font-size: 13px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.as-suggest-meta { font-size: 12px; color: var(--as-muted); }
.as-suggest-price { margin-left: auto; font-weight: 800; font-size: 13px; white-space: nowrap; }
.as-suggest-all { display: block; padding: 12px 14px; text-align: center; font-weight: 700; font-size: 13px; color: var(--as-red); background: var(--as-surface-2); }
.as-suggest-empty { padding: 16px; font-size: 13px; color: var(--as-muted); text-align: center; }

.as-actions { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.as-action.as-action-track { display: none; }
@media (min-width: 1024px) { .as-action.as-action-track { display: flex; } }
@media (min-width: 1024px) { .as-actions { gap: 14px; } }
.as-action { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 42px; height: 44px; padding: 0 4px; border: 0; background: transparent; color: var(--as-text); cursor: pointer; font-size: 11.5px; font-weight: 600; border-radius: 8px; }
.as-action:hover { color: var(--as-red); }
.as-action .as-icon { width: 24px; height: 24px; }
.as-action-label { display: none; white-space: nowrap; }
@media (min-width: 1024px) { .as-action { min-width: 64px; height: 56px; } .as-action-label { display: block; } }
.as-count { position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--as-red); color: #fff; font-size: 10.5px; font-weight: 800; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 2px solid #fff; }
@media (min-width: 1024px) { .as-count { right: 8px; top: 0; } }
.as-action-menu-btn { display: flex; }
@media (min-width: 1024px) { .as-action-menu-btn { display: none; } }

/* Hesap çekmecesi (sağdan açılır): misafire giriş formu, üyeye hesap menüsü */
.as-acc-sec { padding: 26px 26px 24px; }
.as-acc-sec-alt { background: var(--as-surface-2); border-top: 1px solid var(--as-line); }
.as-acc-title { margin: 0 0 6px; font-size: 20px; line-height: 1.25; font-weight: 800; letter-spacing: -.2px; color: var(--as-text); }
.as-acc-sub { margin: 0 0 18px; font-size: 14px; line-height: 1.5; color: var(--as-text-2); }
.as-acc-form { display: grid; gap: 12px; }
.as-acc-input { display: block; width: 100%; height: 50px; box-sizing: border-box; margin: 0; padding: 0 16px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; color: var(--as-text); font: inherit; font-size: 16px; outline: none; transition: border-color .15s, box-shadow .15s; }
.as-acc-input::placeholder { color: #8A9099; }
.as-acc-input:focus { border-color: var(--as-red); box-shadow: 0 0 0 3px var(--as-red-50); }
.as-acc-pass { position: relative; }
.as-acc-pass .as-acc-input { padding-right: 84px; }
.as-acc-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); height: 38px; padding: 0 12px; border: 0; border-radius: 8px; background: none; color: var(--as-muted); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.as-acc-eye:hover { background: var(--as-surface); color: var(--as-red); }
.as-acc-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 6px; font-size: 14px; color: var(--as-text-2); }
.as-acc-row .as-check { cursor: pointer; }
.as-acc-row a { color: var(--as-text); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.as-acc-row a:hover { color: var(--as-red); }
.as-acc-drawer .as-btn-lg { height: 50px; border-radius: var(--as-radius); font-size: 15px; }
.as-acc-or { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--as-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; }
.as-acc-or::before, .as-acc-or::after { content: ""; flex: 1; height: 1px; background: var(--as-line); }
.as-acc-google { gap: 10px; }
.as-acc-track { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 14px 16px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; color: var(--as-text); }
.as-acc-track:hover { border-color: var(--as-red); }
.as-acc-track > .as-icon:first-child { color: var(--as-red); flex: none; }
.as-acc-track > .as-icon-sm { color: var(--as-muted); flex: none; }
.as-acc-track span { flex: 1; display: grid; gap: 2px; min-width: 0; }
.as-acc-track strong { font-size: 14px; }
.as-acc-track small { font-size: 12.5px; color: var(--as-muted); }
.as-acc-hello { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.as-acc-hello small { display: block; font-size: 13px; color: var(--as-muted); }
.as-acc-hello strong { display: block; font-size: 17px; color: var(--as-text); word-break: break-all; }
.as-acc-avatar { flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--as-red); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; }
.as-acc-links { border: 1px solid var(--as-line); border-radius: var(--as-radius); overflow: hidden; }
.as-acc-links a { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--as-line-2); color: var(--as-text); font-size: 14.5px; font-weight: 600; }
.as-acc-links a:last-child { border-bottom: 0; }
.as-acc-links a > .as-icon:first-child { color: var(--as-muted); }
.as-acc-links a > .as-icon-sm { margin-left: auto; color: var(--as-muted); }
.as-acc-links a:hover { background: var(--as-surface-2); color: var(--as-red); }
@media (max-width: 480px) { .as-acc-sec { padding: 22px 18px 20px; } }

/* Mobil arama satırı */
.as-msearch { padding: 0 var(--as-gutter) 10px; }
.as-msearch .as-search { display: block; max-width: none; }
.as-msearch .as-search-input { height: 44px; font-size: 14px; }
@media (min-width: 1024px) { .as-msearch { display: none; } }

/* Masaüstü navigasyon */
.as-nav { display: none; border-top: 1px solid var(--as-line-2); }
@media (min-width: 1024px) { .as-nav { display: block; } }
.as-nav > .as-container { display: flex; align-items: stretch; justify-content: center; gap: 44px; height: 50px; }
.as-nav-item { position: static; display: flex; align-items: stretch; }
.as-nav-link { display: flex; align-items: center; gap: 6px; padding: 0 4px; font-size: 14px; font-weight: 700; color: var(--as-text); white-space: nowrap; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.as-nav-link:hover, .as-nav-item.is-open > .as-nav-link { color: var(--as-red); border-bottom-color: var(--as-red); }
.as-nav-link .as-chev { width: 14px; height: 14px; opacity: .55; transition: transform .2s; }
.as-nav-item.is-open > .as-nav-link .as-chev { transform: rotate(180deg); }

.as-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--as-line); box-shadow: 0 24px 40px rgba(17,18,20,.10); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .18s var(--as-ease), transform .18s var(--as-ease), visibility .18s; z-index: 1050; }
.as-nav-item.is-open > .as-mega { opacity: 1; visibility: visible; transform: translateY(0); }
.as-mega-inner { display: grid; grid-template-columns: 1fr 300px; gap: 40px; padding: 28px 0 32px; }
.as-mega-title { font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--as-muted); margin: 0 0 14px; }
.as-mega-cols { columns: 3 190px; column-gap: 32px; }
.as-mega-cols a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; font-size: 14px; font-weight: 500; color: var(--as-text); break-inside: avoid; }
.as-mega-cols a:hover { color: var(--as-red); }
.as-mega-cols a small { color: var(--as-muted); font-size: 12px; font-weight: 500; }
.as-mega-cols a.is-head { font-weight: 800; }
.as-mega-promo { position: relative; border-radius: var(--as-radius-lg); overflow: hidden; background: var(--as-ink); color: #fff; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; }
.as-mega-promo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .75; }
.as-mega-promo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.85)); }
.as-mega-promo > * { position: relative; z-index: 1; }
.as-mega-promo h4 { font-family: var(--as-display); font-style: italic; font-weight: 800; font-size: 30px; line-height: .95; text-transform: uppercase; margin: 0 0 12px; }
/* Sepete eklendi katmanı (asiyan.js showAddedOverlay) */
.as-added-overlay { position: fixed; inset: 0; z-index: 1400; display: flex; align-items: center; justify-content: center; padding: 0 20px; background: rgba(255,255,255,.86); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; cursor: pointer; }
.as-added-overlay.is-open { opacity: 1; visibility: visible; }
.as-added-box { display: flex; align-items: center; gap: 22px; transform: scale(.92); transition: transform .3s cubic-bezier(.2,.9,.3,1.25); }
.as-added-overlay.is-open .as-added-box { transform: scale(1); }
.as-added-check { width: 72px; height: 72px; flex: none; border-radius: 50%; background: var(--as-red); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(181,18,27,.25); }
.as-added-check svg { width: 40px; height: 40px; fill: none; stroke: #fff; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 36; stroke-dashoffset: 36; }
.as-added-overlay.is-open .as-added-check svg { animation: as-check-draw .35s .15s ease-out forwards; }
@keyframes as-check-draw { to { stroke-dashoffset: 0; } }
.as-added-text { font-size: 28px; font-weight: 500; letter-spacing: .5px; color: var(--as-text); }
@media (max-width: 639px) { .as-added-box { gap: 14px; } .as-added-check { width: 54px; height: 54px; } .as-added-check svg { width: 30px; height: 30px; } .as-added-text { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { .as-added-overlay, .as-added-box { transition: none; } .as-added-overlay.is-open .as-added-check svg { animation: none; stroke-dashoffset: 0; } }
/* Markalar menüsü: solda marka adları (3 sütun), sağda logo görseli */
.as-mega-brandmenu { grid-template-columns: minmax(0, 1fr) 480px; align-items: start; }
.as-mega-brandlist { list-style: none; margin: 0; padding: 0; columns: 3 120px; column-gap: 28px; }
.as-mega-brandlist a { display: block; padding: 6px 0; font-size: 14.5px; font-weight: 500; color: var(--as-text); break-inside: avoid; }
.as-mega-brandlist a:hover { color: var(--as-red); }
.as-mega-brandall { display: inline-flex; align-items: center; gap: 4px; margin-top: 16px; font-size: 13.5px; font-weight: 700; color: var(--as-red); }
.as-mega-brandart img { display: block; width: 100%; height: auto; }
.as-mega-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 10px; }
.as-brand-chip { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 88px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; padding: 8px; text-align: center; transition: border-color .2s, box-shadow .2s, transform .2s; }
.as-brand-chip:hover { border-color: var(--as-red); box-shadow: var(--as-shadow); transform: translateY(-2px); }
.as-brand-chip img { max-height: 38px; max-width: 96px; object-fit: contain; }
.as-brand-chip span { font-size: 12px; font-weight: 700; color: var(--as-text); }
.as-brand-chip small { font-size: 11px; color: var(--as-muted); font-weight: 500; }

/* ==========================================================================
   MOBİL ÇEKMECE MENÜ
   ========================================================================== */
.as-overlay { position: fixed; inset: 0; background: rgba(17,18,20,.5); z-index: 1300; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.as-overlay.is-open { opacity: 1; visibility: visible; }
.as-drawer { position: fixed; top: 0; bottom: 0; left: 0; width: min(88vw, 380px); background: #fff; z-index: 1310; transform: translateX(-102%); transition: transform .3s var(--as-ease); display: flex; flex-direction: column; box-shadow: var(--as-shadow-lg); }
.as-drawer.is-open { transform: translateX(0); }
.as-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--as-line); }
.as-drawer-head img { height: 40px; width: auto; }
.as-icon-btn { width: 40px; height: 40px; border-radius: 10px; border: 0; background: var(--as-surface); color: var(--as-text); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.as-icon-btn:hover { color: var(--as-red); }
.as-drawer-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--as-line); }
.as-drawer-tab { height: 46px; border: 0; background: #fff; font-weight: 700; font-size: 13px; color: var(--as-muted); border-bottom: 2px solid transparent; cursor: pointer; }
.as-drawer-tab.is-active { color: var(--as-red); border-bottom-color: var(--as-red); }
.as-drawer-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.as-drawer-panel[hidden] { display: none; }
.as-acc-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 18px; border: 0; border-bottom: 1px solid var(--as-line-2); background: #fff; font-weight: 700; font-size: 14px; color: var(--as-text); cursor: pointer; text-align: left; }
.as-acc-btn .as-chev { width: 16px; height: 16px; color: var(--as-muted); transition: transform .2s; }
.as-acc-btn[aria-expanded="true"] .as-chev { transform: rotate(180deg); }
.as-acc-panel { background: var(--as-surface-2); padding: 6px 0 10px; border-bottom: 1px solid var(--as-line-2); }
.as-acc-panel[hidden] { display: none; }
.as-acc-panel a { display: flex; justify-content: space-between; padding: 10px 28px; font-size: 14px; color: var(--as-text-2); }
.as-acc-panel a:hover { color: var(--as-red); }
.as-acc-panel a small { color: var(--as-muted); }
.as-acc-panel a.is-all { font-weight: 700; color: var(--as-red); }
.as-drawer-link { display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-bottom: 1px solid var(--as-line-2); font-weight: 700; font-size: 14px; color: var(--as-text); }
.as-drawer-link .as-icon { color: var(--as-muted); }
.as-drawer-brandart { display: block; width: calc(100% - 28px); height: auto; margin: 12px 14px 4px; }
.as-drawer-brandlist { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 0; }
.as-drawer-brandlist a { display: block; padding: 13px 18px; border-bottom: 1px solid var(--as-line-2); font-size: 14px; font-weight: 600; color: var(--as-text); break-inside: avoid; }
.as-drawer-brandlist a:active { color: var(--as-red); }
.as-drawer-extra { padding: 8px 0; border-top: 6px solid var(--as-surface); }
.as-drawer-foot { padding: 12px 14px; border-top: 1px solid var(--as-line); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.as-drawer-foot .as-btn { height: 44px; font-size: 13px; }

/* ==========================================================================
   MOBİL ALT BAR
   ========================================================================== */
.as-bottombar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1010; background: #fff; border-top: 1px solid var(--as-line); display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -6px 20px rgba(17,18,20,.06); }
.as-bottombar a, .as-bottombar button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 58px; border: 0; background: none; font-size: 10.5px; font-weight: 600; color: var(--as-muted); cursor: pointer; }
.as-bottombar .as-icon { width: 22px; height: 22px; }
.as-bottombar .is-active { color: var(--as-red); }
.as-bottombar .as-count { top: 5px; right: calc(50% - 22px); }
@media (min-width: 1024px) { .as-bottombar { display: none; } }
@media (max-width: 1023px) { body.as-body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); } }

/* ==========================================================================
   İLETİŞİM BUTONLARI (masaüstü sağ alt)
   ========================================================================== */
.as-float { position: fixed; right: 20px; bottom: 24px; z-index: 1005; display: none; flex-direction: column; gap: 10px; }
@media (min-width: 1024px) { .as-float { display: flex; } }
.as-float a { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: var(--as-shadow-lg); transition: transform .2s; }
.as-float a:hover { transform: scale(1.06); }
.as-float .is-wa { background: var(--as-wa); }
.as-float .is-tel { background: var(--as-ink); }
.as-float .as-icon { width: 26px; height: 26px; }
@media (max-width: 1023px) { .as-float-m { display: flex; right: 14px; bottom: calc(72px + env(safe-area-inset-bottom)); } .as-float-m .is-tel { display: none; } .as-float-m a { width: 50px; height: 50px; } }

/* ==========================================================================
   BÖLÜM BAŞLIKLARI / KARUSEL
   ========================================================================== */
.as-section { padding: 28px 0; }
@media (min-width: 1024px) { .as-section { padding: 40px 0; } }
.as-section-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.as-section-title { font-size: 20px; font-weight: 800; letter-spacing: -.3px; margin: 0; white-space: nowrap; color: var(--as-text); }
@media (min-width: 1024px) { .as-section-title { font-size: 24px; } }
.as-section-line { flex: 1; height: 1px; background: var(--as-line); }
.as-section-more { font-size: 13px; font-weight: 700; color: var(--as-red); white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.as-section-more:hover { text-decoration: underline; }
.as-section-sub { margin: -10px 0 18px; color: var(--as-muted); font-size: 14px; }

.as-carousel { position: relative; }
.as-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; padding: 2px 2px 6px; margin: -2px -2px 0; }
.as-track::-webkit-scrollbar { display: none; }
.as-track > * { scroll-snap-align: start; min-width: 0; }
@media (min-width: 640px) { .as-track { grid-auto-columns: calc((100% - 24px) / 3); } }
@media (min-width: 1024px) { .as-track { grid-auto-columns: calc((100% - 48px) / 4); gap: 16px; } }
@media (min-width: 1280px) { .as-track.is-5 { grid-auto-columns: calc((100% - 64px) / 5); } }
.as-arrow { position: absolute; top: 38%; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--as-line); background: #fff; box-shadow: var(--as-shadow); display: none; align-items: center; justify-content: center; cursor: pointer; z-index: 5; color: var(--as-text); transition: opacity .2s, color .2s; }
.as-arrow:hover { color: var(--as-red); }
.as-arrow[disabled] { opacity: 0; pointer-events: none; }
.as-arrow-prev { left: -20px; }
.as-arrow-next { right: -20px; }
@media (min-width: 1024px) { .as-arrow { display: flex; } }
@media (min-width: 1024px) and (max-width: 1350px) { .as-arrow-prev { left: -8px; } .as-arrow-next { right: -8px; } }
.as-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.as-dots button { width: 8px; height: 8px; border-radius: 4px; border: 0; background: #D5D8DC; padding: 0; cursor: pointer; transition: width .2s, background .2s; }
.as-dots button.is-active { width: 22px; background: var(--as-red); }

/* ==========================================================================
   ÜRÜN KARTI
   ========================================================================== */
.as-card { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); overflow: hidden; transition: border-color .2s, box-shadow .25s var(--as-ease); }
.as-card:hover { border-color: #D5D8DC; box-shadow: var(--as-shadow); }
.as-card-media { position: relative; display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
.as-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 14px; box-sizing: border-box; transition: opacity .35s var(--as-ease), transform .5s var(--as-ease); }
.as-card-media img.is-alt { opacity: 0; }
@media (hover: hover) { .as-card:hover .as-card-media img.is-alt { opacity: 1; } .as-card:hover .as-card-media.has-alt img:not(.is-alt) { opacity: 0; } .as-card:hover .as-card-media:not(.has-alt) img { transform: scale(1.04); } }
.as-card-noimg { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--as-surface-2); color: #B7BCC2; font-size: 11px; font-weight: 600; }
.as-card-noimg .as-icon { width: 44px; height: 44px; }
.as-card-badges { position: absolute; left: 10px; top: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; z-index: 2; }
.as-card-fav { position: absolute; right: 8px; top: 8px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.95); box-shadow: 0 1px 4px rgba(0,0,0,.12); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; color: var(--as-text); transition: color .2s, transform .15s; }
.as-card-fav:hover { color: var(--as-red); transform: scale(1.06); }
.as-card-fav i { font-size: 15px; }
.as-card-fav .fas.fa-heart { color: var(--as-red) !important; }
.as-card-soldout { position: absolute; inset: 0; background: rgba(255,255,255,.55); display: flex; align-items: center; justify-content: center; z-index: 1; }
.as-card-body { display: flex; flex-direction: column; flex: 1; padding: 10px 12px 12px; gap: 4px; }
@media (min-width: 1024px) { .as-card-body { padding: 12px 14px 14px; } }
.as-card-brand { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--as-muted); }
.as-card-brand:hover { color: var(--as-red); }
.as-card-title { font-size: 13.5px; font-weight: 500; line-height: 1.35; color: var(--as-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; }
.as-card-title:hover { color: var(--as-red); }
.as-card-price { margin-top: auto; padding-top: 6px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; }
.as-price { font-size: 17px; font-weight: 800; color: var(--as-text); letter-spacing: -.2px; }
.as-price-old { font-size: 12.5px; color: var(--as-muted); text-decoration: line-through; }
.as-card.is-discount .as-price { color: var(--as-red); }
.as-card-cta { margin-top: 10px; height: 38px; font-size: 13px; }
@media (hover: hover) and (min-width: 1024px) { .as-card-cta { opacity: .0; transform: translateY(4px); transition: opacity .2s, transform .2s; } .as-card:hover .as-card-cta, .as-card:focus-within .as-card-cta { opacity: 1; transform: none; } }
.as-card-stock { font-size: 11.5px; font-weight: 600; color: var(--as-amber); }

.as-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) { .as-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
@media (min-width: 1280px) { .as-grid.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }

/* ==========================================================================
   ANA SAYFA
   ========================================================================== */
.as-hero { padding-top: 14px; }
@media (min-width: 1024px) { .as-hero { padding-top: 22px; } }
.as-hero-frame { position: relative; border-radius: var(--as-radius-lg); overflow: hidden; background: var(--as-ink); aspect-ratio: 4 / 5; }
@media (min-width: 768px) { .as-hero-frame { aspect-ratio: 1224 / 440; } }
.as-hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .6s var(--as-ease), visibility .6s; }
.as-hero-slide.is-active { opacity: 1; visibility: visible; }
.as-hero-slide img, .as-hero-slide picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.as-hero-caption { position: absolute; left: 0; bottom: 0; right: 0; padding: 22px; color: #fff; background: linear-gradient(180deg, transparent, rgba(0,0,0,.7)); }
.as-hero-caption h2 { font-family: var(--as-display); font-style: italic; font-weight: 800; text-transform: uppercase; font-size: clamp(28px, 4vw, 52px); line-height: .95; margin: 0 0 8px; }
.as-hero-caption p { margin: 0 0 14px; max-width: 520px; opacity: .9; }
.as-hero .as-dots { position: absolute; left: 0; right: 0; bottom: 12px; margin: 0; z-index: 3; }
.as-hero .as-dots button { background: rgba(255,255,255,.55); }
.as-hero .as-dots button.is-active { background: #fff; }
.as-hero .as-arrow { top: 50%; transform: translateY(-50%); }
.as-hero .as-arrow-prev { left: 14px; }
.as-hero .as-arrow-next { right: 14px; }

.as-trust-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; }
.as-trust-row > :last-child:nth-child(odd) { grid-column: 1 / -1; } /* 3 öğede sonuncusu telefonda tam genişlik */
@media (min-width: 1024px) { .as-trust-row { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; } .as-trust-row > :last-child:nth-child(odd) { grid-column: auto; } }
.as-trust-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--as-surface-2); border: 1px solid var(--as-line-2); border-radius: var(--as-radius); }
.as-trust-item .as-trust-ic { width: 40px; height: 40px; flex: none; border-radius: 10px; background: #fff; border: 1px solid var(--as-line); color: var(--as-red); display: flex; align-items: center; justify-content: center; }
.as-trust-item strong { display: block; font-size: 13px; line-height: 1.25; color: var(--as-text); }
.as-trust-item span { display: block; font-size: 12px; color: var(--as-muted); line-height: 1.3; }
@media (max-width: 639px) { .as-trust-item { padding: 10px; gap: 10px; } .as-trust-item .as-trust-ic { width: 34px; height: 34px; } .as-trust-item strong { font-size: 12px; } .as-trust-item span { font-size: 11px; } }

/* Kategori kutuları */
/* Kategori kutuları karuseli: telefonda bir kutu + yanındakinin ucu, tablette 2, masaüstünde 4 */
.as-track.is-tiles { grid-auto-columns: calc((100% - 12px) / 1.15); }
@media (min-width: 640px) { .as-track.is-tiles { grid-auto-columns: calc((100% - 12px) / 2); } }
@media (min-width: 1024px) { .as-track.is-tiles { grid-auto-columns: calc((100% - 48px) / 4); } }
.as-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 170px; border-radius: var(--as-radius-lg); overflow: hidden; background: var(--as-ink); color: #fff !important; padding: 18px 20px; isolation: isolate; }
@media (min-width: 1024px) { .as-tile { min-height: 240px; padding: 22px; } }
.as-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; z-index: -2; transition: transform .6s var(--as-ease); }
.as-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(10,10,11,.92) 0%, rgba(10,10,11,.55) 55%, rgba(10,10,11,.1) 100%); }
.as-tile:hover img { transform: scale(1.05); }
.as-tile-kicker { font-size: 11px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #ff6b72; margin-bottom: 6px; }
.as-tile-title { font-family: var(--as-display); font-style: italic; font-weight: 800; font-size: 34px; line-height: .92; text-transform: uppercase; letter-spacing: .3px; margin: 0; }
@media (min-width: 1024px) { .as-tile-title { font-size: 38px; } }
.as-tile-meta { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; }
.as-tile-meta .as-icon { transition: transform .2s; }
.as-tile:hover .as-tile-meta .as-icon { transform: translateX(4px); }
.as-tile-bar { position: absolute; left: 20px; top: 18px; width: 38px; height: 4px; background: var(--as-red); border-radius: 2px; }

/* Yan kutulu ürün satırı (Yeni Ürünler / Fırsat) */
.as-split { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 1024px) { .as-split { grid-template-columns: 264px 1fr; gap: 16px; } }
.as-split-tile { position: relative; border-radius: var(--as-radius-lg); overflow: hidden; background: var(--as-ink); color: #fff !important; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; min-height: 150px; isolation: isolate; }
@media (min-width: 1024px) { .as-split-tile { min-height: 100%; } }
.as-split-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.as-split-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.05) 25%, rgba(0,0,0,.85)); }
.as-split-tile.is-red::before { background: linear-gradient(180deg, rgba(181,18,27,.15) 20%, rgba(126,12,18,.92)); }
.as-split-tile h3 { font-family: var(--as-display); font-style: italic; font-weight: 800; font-size: 40px; line-height: .9; text-transform: uppercase; margin: 0 0 8px; }
.as-split-tile p { margin: 0 0 14px; font-size: 13px; opacity: .88; }
@media (max-width: 1023px) { .as-split-tile { flex-direction: row; align-items: center; justify-content: space-between; min-height: 110px; padding: 16px 18px; } .as-split-tile h3 { font-size: 30px; margin: 0; } .as-split-tile p { display: none; } }

/* Marka bulucu */
.as-finder { position: relative; border-radius: var(--as-radius-xl); overflow: hidden; background: var(--as-ink); color: #fff; padding: 26px 18px; isolation: isolate; }
@media (min-width: 1024px) { .as-finder { padding: 36px 36px; } }
.as-finder > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; z-index: -1; }
.as-finder-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.as-finder h2 { font-family: var(--as-display); font-style: italic; font-weight: 800; text-transform: uppercase; font-size: clamp(28px, 3.4vw, 42px); line-height: .95; margin: 0; }
.as-finder h2 em { color: #ff4d56; font-style: italic; }
.as-finder p { margin: 6px 0 0; opacity: .85; max-width: 560px; }
/* Marka bulucu: tüm markalar tek sırada kayar; telefonda 3, tablette 5, masaüstünde 7 marka görünür */
.as-track.is-finder { grid-auto-columns: calc((100% - 20px) / 3); gap: 10px; }
@media (min-width: 640px) { .as-track.is-finder { grid-auto-columns: calc((100% - 40px) / 5); } }
@media (min-width: 1024px) { .as-track.is-finder { grid-auto-columns: calc((100% - 72px) / 7); gap: 12px; } }
.as-finder .as-arrow { top: 50%; transform: translateY(-50%); }
.as-finder .as-brand-chip { background: rgba(255,255,255,.96); border-color: transparent; height: 84px; }
.as-finder .as-brand-chip:hover { border-color: var(--as-red); }

/* Markalar şeridi */
.as-brands-band { background: var(--as-surface); }
.as-brand-logo { display: flex; align-items: center; justify-content: center; height: 76px; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 10px 14px; transition: border-color .2s, box-shadow .2s; }
.as-brand-logo:hover { border-color: var(--as-red); box-shadow: var(--as-shadow); }
.as-brand-logo img { max-height: 44px; max-width: 110px; object-fit: contain; filter: grayscale(.15); }
.as-brand-logo span { font-weight: 800; font-size: 15px; }

/* Blog kartı */
.as-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); overflow: hidden; height: 100%; transition: box-shadow .25s; }
.as-post:hover { box-shadow: var(--as-shadow); }
.as-post-media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--as-surface); }
.as-post-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--as-ease); }
.as-post:hover .as-post-media img { transform: scale(1.04); }
.as-post-body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.as-post-cat { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: var(--as-red); }
.as-post-title { font-size: 16px; font-weight: 800; line-height: 1.3; margin: 0; color: var(--as-text); }
.as-post-title a:hover { color: var(--as-red); }
.as-post-excerpt { font-size: 13.5px; color: var(--as-text-2); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.as-post-foot { margin-top: auto; padding-top: 8px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--as-muted); }

/* SEO metin bloğu */
.as-seo { border-top: 1px solid var(--as-line); }
.as-seo-inner { max-width: 920px; }
.as-seo h1, .as-seo h2 { font-size: 20px; font-weight: 800; margin: 0 0 10px; letter-spacing: -.2px; }
.as-seo h3 { font-size: 16px; font-weight: 800; margin: 18px 0 6px; }
.as-seo p, .as-seo li { font-size: 14px; color: var(--as-text-2); line-height: 1.7; }
.as-seo-more { position: relative; max-height: 150px; overflow: hidden; transition: max-height .4s var(--as-ease); }
.as-seo-more::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(180deg, rgba(255,255,255,0), #fff); }
.as-seo-more.is-open { max-height: 3000px; }
.as-seo-more.is-open::after { display: none; }
.as-seo-toggle { margin-top: 8px; border: 0; background: none; color: var(--as-red); font-weight: 700; cursor: pointer; padding: 6px 0; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.as-footer-trust { background: #EBEBEB; }
.as-footer-trust .as-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 10px; padding-top: 20px; padding-bottom: 20px; }
@media (max-width: 639px) { .as-footer-trust .as-ftrust { flex-direction: column; justify-content: flex-start; gap: 8px; text-align: center; } .as-footer-trust .as-ftrust > span { font-size: 12.5px; } }
@media (min-width: 1024px) { .as-footer-trust .as-container { grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 24px; padding-top: 16px; padding-bottom: 16px; } }
.as-ftrust { display: flex; align-items: center; gap: 14px; min-height: 60px; color: var(--as-text); }
@media (min-width: 1024px) { .as-ftrust { gap: 18px; } }
@media (min-width: 1280px) { .as-footer-trust .as-container { padding-left: 40px; padding-right: 40px; } .as-ftrust > span { white-space: nowrap; } }
.as-ftrust > span { font-size: 13px; line-height: 1.35; font-weight: 400; }
@media (min-width: 1024px) { .as-ftrust > span { font-size: 15px; } }
.as-ftrust b { font-weight: 800; }
.as-ftrust:hover b { color: var(--as-red); }
.as-ticon { flex: none; width: 44px; height: 44px; fill: none; stroke: var(--as-ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
@media (min-width: 1024px) { .as-ticon { width: 60px; height: 60px; } }
.as-ticon * { vector-effect: non-scaling-stroke; }
.as-ticon .is-fill { fill: #EBEBEB; }
.as-ticon .is-dots { stroke-width: 3; }
.as-ftrust:hover .as-ticon { stroke: var(--as-red); }
.as-footer { background: #fff; border-top: 1px solid var(--as-line); color: var(--as-text-2); }
.as-footer-grid { display: grid; grid-template-columns: 1fr; gap: 0; padding: 26px 0 10px; }
@media (min-width: 1024px) { .as-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr; gap: 40px; padding: 44px 0 28px; } }
.as-footer-brand img { height: 64px; width: auto; }
.as-footer-brand p { font-size: 13px; line-height: 1.65; margin: 12px 0 14px; max-width: 320px; }
.as-social { display: flex; gap: 8px; }
.as-social a { width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--as-line); display: flex; align-items: center; justify-content: center; color: var(--as-text); transition: all .2s; }
.as-social a:hover { background: var(--as-ink); border-color: var(--as-ink); color: #fff; }
.as-social .as-icon { width: 18px; height: 18px; }
.as-fcol h3 { font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--as-text); margin: 0 0 14px; }
.as-fcol ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.as-fcol a { font-size: 13.5px; color: var(--as-text-2); }
.as-fcol a:hover { color: var(--as-red); }
.as-fcontact li { display: flex; gap: 10px; font-size: 13.5px; align-items: flex-start; }
.as-fcontact .as-icon { width: 18px; height: 18px; color: var(--as-red); margin-top: 1px; }
.as-fcontact strong { color: var(--as-text); }
@media (max-width: 1023px) {
    .as-footer-brand { padding-bottom: 18px; border-bottom: 1px solid var(--as-line); }
    .as-fcol { border-bottom: 1px solid var(--as-line); }
    .as-fcol h3 { margin: 0; }
    .as-fcol h3 button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 16px 0; border: 0; background: none; font: inherit; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--as-text); cursor: pointer; }
    .as-fcol h3 button .as-chev { width: 16px; height: 16px; transition: transform .2s; }
    .as-fcol h3 button[aria-expanded="true"] .as-chev { transform: rotate(180deg); }
    .as-fcol .as-fcol-body { display: none; padding-bottom: 16px; }
    .as-fcol .as-fcol-body.is-open { display: block; }
}
@media (min-width: 1024px) { .as-fcol h3 button { all: unset; } .as-fcol h3 button .as-chev { display: none; } .as-fcol .as-fcol-body { display: block !important; } }
.as-newsletter { position: relative; margin-top: 4px; }
.as-newsletter input { width: 100%; height: 46px; border: 1px solid var(--as-line); border-radius: var(--as-radius-sm); padding: 0 52px 0 14px; font-size: 13.5px; box-sizing: border-box; outline: none; }
.as-newsletter input:focus { border-color: var(--as-red); }
.as-newsletter button { position: absolute; right: 4px; top: 4px; height: 38px; width: 42px; border: 0; border-radius: 6px; background: var(--as-red); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.as-footer-bottom { border-top: 1px solid var(--as-line); background: #f9f9f9; }
.as-footer-bottom .as-container { display: flex; flex-direction: column-reverse; align-items: center; gap: 14px; padding-top: 18px; padding-bottom: 20px; font-size: 12.5px; color: var(--as-muted); }
@media (min-width: 1024px) { .as-footer-bottom .as-container { flex-direction: row; justify-content: space-between; } .as-footer-bottom .as-payments { flex: 0 1 560px; } }
.as-payments { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.as-payments img { height: 28px; width: auto; }
.as-footer-bottom .as-payments { width: 100%; max-width: 560px; }
.as-footer-bottom .as-payments img { display: block; width: 100%; height: auto; }
.as-pay-chip { height: 28px; padding: 0 10px; border: 1px solid var(--as-line); border-radius: 6px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; color: var(--as-text-2); background: #fff; letter-spacing: .3px; }

/* ==========================================================================
   İÇ SAYFALAR: breadcrumb, sayfa başlığı
   ========================================================================== */
.as-crumbs { padding: 14px 0 6px; font-size: 12.5px; color: var(--as-muted); }
.as-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; padding: 0; }
.as-crumbs li { display: inline-flex; align-items: center; gap: 6px; }
.as-crumbs li + li::before { content: "/"; color: #C3C7CC; }
.as-crumbs a:hover { color: var(--as-red); }
.as-crumbs [aria-current] { color: var(--as-text); font-weight: 600; }
.as-page-head { padding: 8px 0 18px; }
.as-page-head h1 { font-size: 24px; font-weight: 800; letter-spacing: -.4px; margin: 0; line-height: 1.2; }
@media (min-width: 1024px) { .as-page-head h1 { font-size: 30px; } }
.as-page-head p { margin: 8px 0 0; color: var(--as-text-2); max-width: 820px; }

/* ==========================================================================
   ÜRÜN LİSTESİ
   ========================================================================== */
.as-listing { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 4px 0 40px; }
@media (min-width: 1024px) { .as-listing { grid-template-columns: 264px minmax(0, 1fr); gap: 40px; } }
.as-filters { display: none; }
@media (min-width: 1024px) { .as-filters { display: block; min-width: 0; } }

/* Sol sütun (Kalyoncu düzeni): kategori gezinmesi + açılır filtre bölümleri */
.as-fnav { padding: 0 0 16px; border-bottom: 1px solid var(--as-line); }
.as-fnav-title { margin: 0 0 10px; font-size: 17px; font-weight: 800; letter-spacing: -.2px; color: var(--as-text); }
.as-fnav-back { display: inline-flex; align-items: center; gap: 6px; margin: 2px 0 8px; font-size: 14px; font-weight: 700; color: var(--as-text); }
.as-fnav-back .as-icon { color: var(--as-muted); }
.as-fnav-back:hover, .as-fnav-back:hover .as-icon { color: var(--as-red); }
.as-fnav-list { list-style: none; margin: 0; padding: 0; }
.as-fnav-list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; font-size: 14px; color: var(--as-text-2); }
.as-fnav-list a:hover { color: var(--as-red); }
.as-fnav-list a.is-active { color: var(--as-red); font-weight: 700; }
.as-fnav-list small { flex: none; min-width: 26px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--as-surface); color: var(--as-muted); font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
.as-fnav-list a.is-active small { background: var(--as-red-50); color: var(--as-red); }
.as-facc { border-bottom: 1px solid var(--as-line); }
.as-facc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 17px 0; font-size: 15px; font-weight: 800; color: var(--as-text); cursor: pointer; user-select: none; }
.as-facc > summary::-webkit-details-marker { display: none; }
.as-facc > summary:hover { color: var(--as-red); }
.as-facc > summary .as-icon { flex: none; transition: transform .2s var(--as-ease); }
.as-facc[open] > summary .as-icon { transform: rotate(180deg); }
.as-facc-body { padding: 0 0 16px; }
.as-flist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; max-height: 272px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.as-flist a, .as-flist label { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 4px 7px 0; font-size: 14px; color: var(--as-text-2); cursor: pointer; }
.as-flist a:hover, .as-flist label:hover { color: var(--as-text); }
.as-flist a:hover .as-cbox { border-color: var(--as-red); }
.as-flist a.is-active { color: var(--as-text); font-weight: 700; }
.as-flist small { color: var(--as-muted); font-size: 12px; }
.as-flabel { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.as-cbox { flex: none; width: 18px; height: 18px; box-sizing: border-box; border: 1.5px solid #C3C7CC; border-radius: 5px; background: #fff; display: inline-flex; align-items: center; justify-content: center; transition: border-color .15s, background .15s; }
.as-cbox.is-on { background: var(--as-red); border-color: var(--as-red); }
.as-cbox.is-on::after { content: ""; width: 5px; height: 9px; margin-top: -2px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* Liste başlığı: başlık + ürün sayısı solda, sıralama sağda */
.as-lhead { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.as-lhead-title { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; }
.as-lhead h1 { margin: 0; font-size: 22px; line-height: 1.2; font-weight: 800; letter-spacing: -.4px; color: var(--as-text); }
@media (min-width: 1024px) { .as-lhead h1 { font-size: 26px; } }
.as-lhead-count { font-size: 14px; color: var(--as-muted); white-space: nowrap; }
.as-lhead-intro { margin: 8px 0 18px; max-width: 820px; font-size: 14.5px; line-height: 1.6; color: var(--as-text-2); }
.as-lhead + .as-subcats, .as-lhead + .as-mtools { margin-top: 14px; }
.as-sort-form { display: flex; align-items: center; gap: 4px; margin: 0; }
.as-sort-label { font-size: 14px; color: var(--as-muted); }
.as-sort-select { height: 40px; border: 0; border-radius: var(--as-radius-sm); padding: 0 26px 0 6px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 4px center; -webkit-appearance: none; appearance: none; field-sizing: content; font: inherit; font-size: 14px; font-weight: 700; color: var(--as-text); cursor: pointer; }
.as-sort-select:hover { color: var(--as-red); }
.as-lgrid { margin-top: 6px; }
@media (min-width: 1024px) { .as-lgrid { gap: 20px; } }
.as-check { display: inline-flex; align-items: center; gap: 10px; }
.as-check input { width: 18px; height: 18px; accent-color: var(--as-red); margin: 0; }
.as-price-range { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; }
.as-input { height: 40px; border: 1px solid var(--as-line); border-radius: var(--as-radius-sm); padding: 0 12px; font-size: 13.5px; width: 100%; box-sizing: border-box; outline: none; background: #fff; color: var(--as-text); }
.as-input:focus { border-color: var(--as-red); }
.as-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.as-toolbar-count { font-size: 13.5px; color: var(--as-muted); }
.as-toolbar-count strong { color: var(--as-text); }
.as-select { height: 40px; border: 1px solid var(--as-line); border-radius: var(--as-radius-sm); padding: 0 34px 0 12px; font-size: 13.5px; font-weight: 600; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance: none; appearance: none; cursor: pointer; color: var(--as-text); }
.as-mtools { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; position: sticky; top: 118px; z-index: 900; background: #fff; padding: 8px 0; }
@media (min-width: 1024px) { .as-mtools { display: none; } }
.as-mtools .as-btn { height: 42px; font-size: 13px; }
.as-active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.as-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--as-surface); font-size: 12.5px; font-weight: 600; color: var(--as-text); }
.as-chip:hover { background: var(--as-red-50); color: var(--as-red); }
.as-subcats { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 0 16px; padding-bottom: 2px; -webkit-mask-image: linear-gradient(to right, #000 88%, transparent); mask-image: linear-gradient(to right, #000 88%, transparent); }
@media (min-width: 1024px) { .as-subcats { display: none; } }
.as-subcats::-webkit-scrollbar { display: none; }
.as-subcats a { flex: none; height: 36px; padding: 0 14px; border: 1px solid var(--as-line); border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; background: #fff; }
.as-subcats a:hover, .as-subcats a.is-active { border-color: var(--as-red); color: var(--as-red); }
.as-subcats a small { color: var(--as-muted); font-weight: 500; }
.as-pager { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 28px; }
.as-pager a, .as-pager span { min-width: 40px; height: 40px; padding: 0 8px; border-radius: 8px; border: 1px solid var(--as-line); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13.5px; background: #fff; box-sizing: border-box; }
.as-pager a:hover { border-color: var(--as-red); color: var(--as-red); }
.as-pager .is-current { background: var(--as-ink); border-color: var(--as-ink); color: #fff; }
.as-pager .is-gap { border: 0; min-width: 20px; }
.as-empty { text-align: center; padding: 48px 20px; border: 1px dashed var(--as-line); border-radius: var(--as-radius-lg); background: var(--as-surface-2); }
.as-empty h2 { font-size: 18px; margin: 12px 0 6px; }
.as-empty p { color: var(--as-muted); margin: 0 0 16px; }

/* Alt sayfa (sheet) */
.as-sheet { position: fixed; left: 0; right: 0; bottom: 0; max-height: 86vh; background: #fff; border-radius: 18px 18px 0 0; z-index: 1320; transform: translateY(105%); transition: transform .3s var(--as-ease); display: flex; flex-direction: column; box-shadow: 0 -20px 50px rgba(0,0,0,.18); }
.as-sheet.is-open { transform: translateY(0); }
.as-sheet-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--as-line); }
.as-sheet-head strong { font-size: 16px; }
.as-sheet-body { overflow-y: auto; padding: 8px 16px 16px; }
.as-sheet-foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--as-line); display: grid; grid-template-columns: 1fr 2fr; gap: 10px; }
.as-sort-opt { display: flex; align-items: center; justify-content: space-between; padding: 14px 2px; border-bottom: 1px solid var(--as-line-2); font-size: 14.5px; font-weight: 600; }
.as-sort-opt.is-active { color: var(--as-red); }

/* ==========================================================================
   ÜRÜN DETAY
   ========================================================================== */
.as-pdp { display: grid; grid-template-columns: 1fr; gap: 20px; padding-bottom: 32px; }
@media (min-width: 1024px) { .as-pdp { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 48px; } }
.as-gallery { display: grid; grid-template-columns: 1fr; gap: 10px; align-self: start; }
@media (min-width: 1024px) {
    .as-gallery { grid-template-columns: 76px 1fr; gap: 16px; position: sticky; top: 88px; }
    .as-gallery.is-single,
    .as-gallery:not(:has(.as-gallery-thumbs)),
    .as-gallery:has(.as-gallery-main:only-child) {
        grid-template-columns: 1fr !important;
    }
}
/* Açıklama ve diğer bilgiler ürünün altında, tam genişlikte (galeri kaydırmada yerinde kalır). */
.as-pdp-more { padding-bottom: 32px; }
.as-pdp-more .as-acc { margin-top: 0; }
.as-gallery-main { position: relative; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); background: #fff; overflow: hidden; aspect-ratio: 1 / 1; width: 100%; }
/* Masaüstünde ana görsel */
@media (min-width: 1024px) {
    .as-gallery-main { width: 100%; max-width: min(100%, calc(100vh - 180px)); justify-self: center; }
    .as-gallery.is-single .as-gallery-main,
    .as-gallery:not(:has(.as-gallery-thumbs)) .as-gallery-main,
    .as-gallery:has(.as-gallery-main:only-child) .as-gallery-main {
        width: 100% !important;
        max-width: 580px;
        justify-self: center;
    }
}
.as-gallery-track { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.as-gallery-track::-webkit-scrollbar { display: none; }
.as-gallery-slide { flex: 0 0 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; cursor: zoom-in; }
.as-gallery-slide img { width: 100%; height: 100%; object-fit: contain; padding: 22px; box-sizing: border-box; }
.as-gallery-thumbs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; order: 2; }
@media (min-width: 1024px) { .as-gallery-thumbs { flex-direction: column; order: 0; overflow: visible; } }
.as-thumb { flex: none; width: 68px; height: 68px; border: 1.5px solid var(--as-line); border-radius: 10px; background: #fff; padding: 4px; cursor: pointer; box-sizing: border-box; }
.as-thumb img { width: 100%; height: 100%; object-fit: contain; }
.as-thumb.is-active { border-color: var(--as-red); }
.as-gallery-count { position: absolute; right: 12px; bottom: 12px; background: rgba(17,18,20,.72); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 999px; }
.as-gallery .as-card-badges { left: 14px; top: 14px; }
.as-gallery-note { position: absolute; left: 12px; bottom: 12px; background: rgba(17,18,20,.72); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; pointer-events: none; }
.as-pinfo-brand { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--as-red); }
.as-pinfo h1 { font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -.3px; margin: 6px 0 10px; }
@media (min-width: 1024px) { .as-pinfo h1 { font-size: 28px; } }
.as-pmeta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: var(--as-muted); margin-bottom: 16px; }
.as-pmeta strong { color: var(--as-text); font-weight: 600; }
.as-pprice { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; padding: 16px 0; border-top: 1px solid var(--as-line); border-bottom: 1px solid var(--as-line); }
.as-pprice .as-price { font-size: 32px; }
.as-pprice .as-price-old { font-size: 16px; }
.as-pprice .as-save { font-size: 13px; font-weight: 700; color: var(--as-green); background: var(--as-green-50); padding: 4px 8px; border-radius: 6px; }
.as-pprice.is-discount .as-price { color: var(--as-red); }
.as-pnote { width: 100%; font-size: 12.5px; color: var(--as-muted); }
.as-stock { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; margin: 14px 0 4px; }
.as-stock::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--as-green); box-shadow: 0 0 0 4px var(--as-green-50); }
.as-stock.is-low { color: var(--as-amber); }
.as-stock.is-low::before { background: var(--as-amber); box-shadow: 0 0 0 4px #FEF3C7; }
.as-stock.is-out { color: var(--as-muted); }
.as-stock.is-out::before { background: #9CA3AF; box-shadow: 0 0 0 4px #F3F4F6; }
.as-variants { margin: 16px 0 4px; }
.as-variants-label { font-size: 13px; font-weight: 800; margin-bottom: 8px; }
.as-variant-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.as-variant { min-width: 48px; height: 40px; padding: 0 12px; border: 1.5px solid var(--as-line); border-radius: 8px; background: #fff; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.as-variant:hover { border-color: var(--as-text); }
.as-variant.is-active { border-color: var(--as-red); color: var(--as-red); background: var(--as-red-50); }
.as-variant.is-out { opacity: .45; text-decoration: line-through; }
.as-variant i { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); }
.as-buy { display: grid; grid-template-columns: 128px 1fr; gap: 10px; margin-top: 18px; }
.as-qty { display: flex; align-items: center; height: 52px; border: 1.5px solid var(--as-line); border-radius: var(--as-radius-sm); overflow: hidden; }
.as-qty button { width: 40px; height: 100%; border: 0; background: #fff; font-size: 20px; cursor: pointer; color: var(--as-text); }
.as-qty button:hover { color: var(--as-red); }
.as-qty input { width: 100%; min-width: 0; height: 100%; border: 0; text-align: center; font-weight: 800; font-size: 15px; outline: none; -moz-appearance: textfield; }
.as-qty input::-webkit-outer-spin-button, .as-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.as-buy-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.as-buy-2 .as-btn { height: 46px; font-size: 13.5px; }
.as-acc { border-top: 1px solid var(--as-line); margin-top: 22px; }
.as-acc-item { border-bottom: 1px solid var(--as-line); }
.as-acc-head { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 16px 2px; border: 0; background: none; font-size: 15px; font-weight: 800; color: var(--as-text); cursor: pointer; text-align: left; }
.as-acc-head .as-chev { width: 18px; height: 18px; transition: transform .2s; }
.as-acc-head[aria-expanded="true"] .as-chev { transform: rotate(180deg); }
.as-acc-body { padding: 0 2px 18px; }
.as-acc-body[hidden] { display: none; }
.as-specs { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.as-specs th, .as-specs td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--as-line-2); vertical-align: top; }
.as-specs th { width: 42%; color: var(--as-muted); font-weight: 600; background: var(--as-surface-2); }
.as-sticky-buy { position: fixed; left: 0; right: 0; bottom: calc(58px + env(safe-area-inset-bottom)); z-index: 1008; background: #fff; border-top: 1px solid var(--as-line); padding: 10px var(--as-gutter); display: flex; align-items: center; gap: 12px; transform: translateY(120%); transition: transform .25s var(--as-ease); box-shadow: 0 -8px 20px rgba(0,0,0,.06); }
.as-sticky-buy.is-visible { transform: translateY(0); }
.as-sticky-buy .as-price { font-size: 18px; }
.as-sticky-buy .as-btn { flex: 1; height: 46px; }
@media (min-width: 1024px) { .as-sticky-buy { display: none; } }

/* Yorum */
.as-review { padding: 14px 0; border-bottom: 1px solid var(--as-line-2); }
.as-stars { color: #F59E0B; letter-spacing: 1px; font-size: 14px; }

/* ==========================================================================
   İÇERİK SAYFALARI (blog, kurumsal, SSS)
   ========================================================================== */
.as-prose { max-width: 780px; font-size: 15.5px; line-height: 1.8; color: var(--as-text-2); }
.as-prose h2 { font-size: 22px; font-weight: 800; color: var(--as-text); margin: 32px 0 10px; letter-spacing: -.3px; line-height: 1.3; }
.as-prose h3 { font-size: 18px; font-weight: 800; color: var(--as-text); margin: 24px 0 8px; }
.as-prose p { margin: 0 0 16px; }
.as-prose ul, .as-prose ol { padding-left: 22px; margin: 0 0 16px; }
.as-prose li { margin-bottom: 6px; }
.as-prose a { color: var(--as-red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.as-prose strong { color: var(--as-text); }
.as-prose img { border-radius: var(--as-radius); }
.as-prose table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14px; }
.as-prose th, .as-prose td { border: 1px solid var(--as-line); padding: 8px 10px; text-align: left; }
.as-prose blockquote { margin: 0 0 16px; padding: 12px 16px; border-left: 4px solid var(--as-red); background: var(--as-surface-2); border-radius: 0 8px 8px 0; }
.as-note { display: flex; gap: 12px; padding: 14px 16px; border-radius: var(--as-radius); background: var(--as-surface); border: 1px solid var(--as-line); font-size: 14px; }
.as-article-head { max-width: 860px; }
.as-article-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--as-muted); margin: 10px 0 18px; }
.as-article-cover { border-radius: var(--as-radius-lg); overflow: hidden; margin: 0 0 26px; aspect-ratio: 16 / 7; background: var(--as-surface); }
.as-article-cover img { width: 100%; height: 100%; object-fit: cover; }
.as-layout-2 { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 1024px) { .as-layout-2 { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; } }
.as-aside-box { border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); padding: 18px; background: #fff; }
.as-aside-box h2, .as-aside-box h3 { font-size: 15px; font-weight: 800; margin: 0 0 12px; }
.as-aside-sticky { position: sticky; top: 160px; display: flex; flex-direction: column; gap: 16px; }
.as-faq-item { border: 1px solid var(--as-line); border-radius: var(--as-radius); margin-bottom: 10px; background: #fff; }
.as-faq-item summary { list-style: none; cursor: pointer; padding: 16px 18px; font-weight: 700; font-size: 15px; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.as-faq-item summary::-webkit-details-marker { display: none; }
.as-faq-item summary::after { content: "+"; font-size: 22px; font-weight: 500; color: var(--as-red); line-height: 1; }
.as-faq-item[open] summary::after { content: "–"; }
.as-faq-item > div { padding: 0 18px 16px; color: var(--as-text-2); font-size: 14.5px; line-height: 1.7; }
.as-contact-cards { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 768px) { .as-contact-cards { grid-template-columns: repeat(2, 1fr); } }
.as-contact-card { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); background: #fff; }
.as-contact-card .as-trust-ic { width: 46px; height: 46px; border-radius: 12px; background: var(--as-red-50); color: var(--as-red); display: flex; align-items: center; justify-content: center; flex: none; }
.as-contact-card strong { display: block; font-size: 15px; margin-bottom: 2px; }
.as-contact-card span, .as-contact-card a { font-size: 14px; color: var(--as-text-2); }
.as-map { border: 0; width: 100%; height: 340px; border-radius: var(--as-radius-lg); background: var(--as-surface); }
.as-banner { position: relative; border-radius: var(--as-radius-xl); overflow: hidden; background: var(--as-ink); color: #fff; padding: 36px 22px; isolation: isolate; }
@media (min-width: 1024px) { .as-banner { padding: 60px 48px; } }
.as-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: .55; }
.as-banner h1 { font-family: var(--as-display); font-style: italic; font-weight: 800; text-transform: uppercase; font-size: clamp(34px, 5vw, 60px); line-height: .92; margin: 0 0 12px; }
.as-banner p { max-width: 560px; margin: 0; opacity: .9; font-size: 15px; }
.as-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 1024px) { .as-stats { grid-template-columns: repeat(4, 1fr); } }
.as-stat { padding: 18px; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); }
.as-stat strong { display: block; font-family: var(--as-display); font-weight: 800; font-size: 38px; line-height: 1; color: var(--as-red); }
.as-stat span { font-size: 13px; color: var(--as-muted); }

/* ==========================================================================
   Çerez bandı (yeniden stil)
   ========================================================================== */
.as-cookie { position: fixed; left: 12px; right: 12px; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 99999; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); box-shadow: var(--as-shadow-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 1024px) { .as-cookie { left: 24px; right: auto; bottom: 24px; width: 460px; } }
.as-cookie p { margin: 0; font-size: 13px; color: var(--as-text-2); }
.as-cookie strong { font-size: 14px; color: var(--as-text); display: block; margin-bottom: 4px; }
.as-cookie-btns { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 8px; }
.as-cookie-btns .as-btn { height: 40px; padding: 0 8px; font-size: 12.5px; }
.as-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(17,18,20,.55); display: none; align-items: center; justify-content: center; padding: 16px; }
.as-modal.is-open { display: flex; }
.as-modal-box { background: #fff; border-radius: var(--as-radius-lg); max-width: 560px; width: 100%; max-height: 88vh; overflow-y: auto; box-shadow: var(--as-shadow-lg); }
.as-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--as-line); }
.as-modal-body { padding: 16px 20px 20px; }
.as-toggle-row { display: flex; gap: 14px; justify-content: space-between; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--as-line-2); }
.as-toggle-row strong { display: block; font-size: 14px; }
.as-toggle-row span { font-size: 12.5px; color: var(--as-muted); }
.as-switch { position: relative; width: 44px; height: 26px; flex: none; }
.as-switch input { opacity: 0; width: 0; height: 0; }
.as-switch i { position: absolute; inset: 0; border-radius: 13px; background: #D5D8DC; transition: background .2s; cursor: pointer; }
.as-switch i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.as-switch input:checked + i { background: var(--as-red); }
.as-switch input:checked + i::after { transform: translateX(18px); }
.as-switch input:disabled + i { background: var(--as-ink); opacity: .5; cursor: not-allowed; }

/* ==========================================================================
   Eski sayfalar için marka uyumu (yeniden tasarlanmamış görünümler)
   ========================================================================== */
.as-body .km-btn-primary, .as-body .km-add-cart-btn:hover { background-color: var(--as-red) !important; border-color: var(--as-red) !important; }
.as-body #toast-container > .toast-success { background-color: #1F2328; }

/* Yazdırma */
@media print { .as-promo, .as-header, .as-bottombar, .as-float, .as-footer, .as-footer-trust, .as-cookie { display: none !important; } }

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) { .as-body *, .as-body *::before, .as-body *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; } }

/* Sepet çekmecesi sağdan açılır */
.as-drawer.as-cart-drawer { left: auto; right: 0; width: min(92vw, 420px); transform: translateX(102%); }
.as-drawer.as-cart-drawer.is-open { transform: translateX(0); }
#sheetOverlay { z-index: 1315; }
.as-header .as-count:empty, .as-bottombar .as-count:empty { display: none; }

/* Mini sepet */
.as-mc-list { flex: 1; overflow-y: auto; padding: 4px 16px; }
.as-mc-item { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--as-line-2); }
.as-mc-img { width: 72px; height: 72px; border: 1px solid var(--as-line); border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.as-mc-img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; box-sizing: border-box; }
.as-mc-name { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--as-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.as-mc-name:hover { color: var(--as-red); }
.as-mc-variant { font-size: 12px; color: var(--as-muted); margin-top: 2px; }
.as-mc-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.as-mc-qty { display: inline-flex; align-items: center; height: 32px; border: 1px solid var(--as-line); border-radius: 6px; }
.as-mc-qty button { width: 30px; height: 100%; border: 0; background: none; cursor: pointer; font-size: 16px; color: var(--as-text); }
.as-mc-qty span { min-width: 26px; text-align: center; font-weight: 700; font-size: 13px; }
.as-mc-price { font-weight: 800; font-size: 14px; }
.as-mc-remove { border: 0; background: none; color: var(--as-muted); font-size: 12px; cursor: pointer; padding: 0; text-decoration: underline; }
.as-mc-remove:hover { color: var(--as-red); }
.as-mc-foot { border-top: 1px solid var(--as-line); padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 10px; background: #fff; }
.as-mc-sum { display: flex; justify-content: space-between; font-size: 14px; }
.as-mc-sum strong { font-size: 18px; }
.as-mc-ship { font-size: 12.5px; color: var(--as-text-2); background: var(--as-surface); border-radius: 8px; padding: 10px 12px; }
.as-mc-ship b { color: var(--as-green); }
.as-mc-bar { height: 6px; border-radius: 3px; background: var(--as-line); margin-top: 8px; overflow: hidden; }
.as-mc-bar i { display: block; height: 100%; background: var(--as-green); border-radius: 3px; }
.as-mc-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; padding: 32px 22px; }
.as-mc-empty .as-icon { width: 54px; height: 54px; color: #C9CDD2; }
.as-mc-empty strong { font-size: 16px; }
.as-mc-empty p { margin: 0 0 6px; color: var(--as-muted); font-size: 13.5px; }

/* Blog ve logo karuselleri */
.as-track.is-posts { grid-auto-columns: calc((100% - 12px) / 1.15); }
@media (min-width: 640px) { .as-track.is-posts { grid-auto-columns: calc((100% - 12px) / 2); } }
@media (min-width: 1024px) { .as-track.is-posts { grid-auto-columns: calc((100% - 32px) / 3); } }
.as-track.is-logos { grid-auto-columns: calc((100% - 24px) / 3); }
@media (min-width: 640px) { .as-track.is-logos { grid-auto-columns: calc((100% - 36px) / 4); } }
@media (min-width: 1024px) { .as-track.is-logos { grid-auto-columns: calc((100% - 80px) / 6); } }

/* Kart alt grubu: fiyat hep aynı hizada, buton masaüstünde görselin üstünde belirir */
.as-card { container-type: inline-size; }
.as-card-foot { margin-top: auto; }
.as-card-foot .as-card-price { margin-top: 0; }
.as-card-cta { width: 100%; }
@media (hover: hover) and (min-width: 1024px) {
    .as-card-cta { position: absolute; left: 12px; right: 12px; width: auto; top: calc(100cqw - 52px); margin: 0; z-index: 4; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
}
.as-action { font-size: 11.5px; line-height: 1.2; font-family: var(--as-font); }
.as-fcol .as-link { color: var(--as-text-2) !important; font-weight: 400; }

/* Ürün sayfası: yapışkan çubuk görünürken mobil WhatsApp balonunu gizle */
@media (max-width: 1023px) { .has-sticky-buy .as-float-m { display: none; } }
.as-variant[hidden] { display: none; }
.as-pinfo-brand .as-icon { width: 14px; height: 14px; }
.as-buy-2 .as-btn[aria-pressed="true"] { border-color: var(--as-red); color: var(--as-red) !important; }
/* Favorideyken yazı gizlenir, buton ortasında yalnızca dolu kalp kalır (erişilebilir ad aria-label'da). */
.as-buy-2 .as-btn[aria-pressed="true"] .as-fav-text { display: none; }
.as-buy-2 .as-btn[aria-pressed="true"] .as-icon { width: 24px; height: 24px; }

/* Düzeltmeler: tek görselli galeri, marka kutusu taşması, alt kategori listesi */
.as-gallery.is-single,
.as-gallery:not(:has(.as-gallery-thumbs)),
.as-gallery:has(.as-gallery-main:only-child) {
    grid-template-columns: 1fr !important;
}
.as-gallery.is-single .as-gallery-main,
.as-gallery:not(:has(.as-gallery-thumbs)) .as-gallery-main,
.as-gallery:has(.as-gallery-main:only-child) .as-gallery-main {
    width: 100% !important;
    max-width: 580px;
    justify-self: center;
}
.as-brand-chip { min-width: 0; }
.as-brand-chip img { max-width: 100%; }
.as-flist.is-full { max-height: none; }
@media (max-width: 639px) { .as-finder .as-brand-chip { height: 72px; } .as-finder .as-brand-chip img { max-height: 30px; } }
.as-btn { box-sizing: border-box; }

/* Mobil liste: sıralama zaten yapışkan butonda; açıklama 3 satır */
@media (max-width: 1023px) {
    .as-toolbar .as-sort-form, .as-lhead .as-sort-form { display: none; }
    .as-page-head p, .as-lhead-intro { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .as-lhead-intro { margin-bottom: 14px; }
}

/* ==========================================================================
   SEPET VE ÖDEME (ortak): adım göstergesi, panel, özet, onay kutusu
   ========================================================================== */
.as-steps { list-style: none; display: flex; justify-content: center; align-items: center; gap: 8px; margin: 22px 0; padding: 0; font-size: 13px; font-weight: 700; color: var(--as-muted); }
.as-steps li { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.as-steps li + li::before { content: ""; width: 28px; height: 2px; background: var(--as-line); margin-right: 4px; }
.as-steps span { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--as-line); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; background: #fff; box-sizing: border-box; }
.as-steps a { color: inherit; display: inline-flex; align-items: center; gap: 8px; }
.as-steps .is-done { color: var(--as-text); }
.as-steps .is-done span { background: var(--as-text); border-color: var(--as-text); color: #fff; }
.as-steps .is-active { color: var(--as-red); }
.as-steps .is-active span { background: var(--as-red); border-color: var(--as-red); color: #fff; }
@media (max-width: 480px) { .as-steps { font-size: 11.5px; gap: 4px; } .as-steps li + li::before { width: 12px; } }
.as-panel { background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); padding: 20px; }
@media (min-width: 768px) { .as-panel { padding: 24px 26px; } }
.as-panel + .as-panel { margin-top: 16px; }
.as-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.as-panel-head h1, .as-panel-head h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.3px; }
.as-panel-head h1 small, .as-panel-head h2 small { font-size: 14px; color: var(--as-muted); font-weight: 600; }
.as-textbtn { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 4px 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--as-muted); cursor: pointer; }
.as-textbtn:hover { color: var(--as-red); }
.as-sum { background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius-lg); padding: 22px; }
.as-sum h2 { margin: 0 0 14px; font-size: 18px; font-weight: 800; }
.as-sum dl { margin: 0; display: grid; gap: 10px; font-size: 14px; }
.as-sum dl > div { display: flex; justify-content: space-between; gap: 12px; }
.as-sum dt { color: var(--as-text-2); }
.as-sum dt small { color: var(--as-muted); font-size: 12px; }
.as-sum dd { margin: 0; font-weight: 700; white-space: nowrap; }
.as-sum dd.is-free { color: var(--as-green); }
.as-sum-total { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin: 16px 0; padding-top: 14px; border-top: 1px dashed var(--as-line); }
.as-sum-total span { font-weight: 800; font-size: 15px; display: grid; }
.as-sum-total small { color: var(--as-muted); font-weight: 500; font-size: 12px; }
.as-sum-total strong { font-size: 24px; font-weight: 800; color: var(--as-text); letter-spacing: -.4px; }
.as-sum .as-btn-lg { height: 54px; font-size: 16px; }
.as-sum-note { margin: 12px 0 0; font-size: 12.5px; color: var(--as-muted); line-height: 1.5; }
.as-sum-note a { color: var(--as-red); font-weight: 700; }
.as-sum-trust { list-style: none; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--as-line-2); display: grid; gap: 8px; font-size: 12.5px; color: var(--as-text-2); }
.as-sum-trust li { display: flex; gap: 8px; align-items: flex-start; }
.as-sum-trust .as-icon { color: var(--as-green); flex: none; margin-top: 1px; }
.as-sum-pay { display: block; margin: 14px auto 0; max-width: 100%; height: auto; opacity: .9; }
.as-confirm { position: fixed; z-index: 1320; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(92vw, 380px); box-sizing: border-box; background: #fff; border-radius: var(--as-radius-lg); padding: 22px; box-shadow: var(--as-shadow-lg); }
.as-confirm[hidden] { display: none; }
.as-confirm strong { display: block; font-size: 17px; margin-bottom: 6px; }
.as-confirm p { margin: 0 0 16px; color: var(--as-text-2); font-size: 14px; }
.as-confirm > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

/* Sepet sayfası */
.as-cartpage { padding-bottom: 48px; }
.as-cart-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
@media (min-width: 1024px) { .as-cart-layout { grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; } .as-cart-side { position: sticky; top: 140px; } }
.as-cart-ship { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: var(--as-radius); background: var(--as-surface-2); border: 1px solid var(--as-line-2); margin-bottom: 8px; font-size: 13.5px; }
.as-cart-ship > .as-icon { color: var(--as-red); flex: none; margin-top: 2px; }
.as-cart-ship > div { flex: 1; }
.as-cart-ship strong { display: block; }
.as-cart-ship span { color: var(--as-muted); font-size: 12.5px; }
.as-cart-ship.is-free > .as-icon { color: var(--as-green); }
.as-cart-list { list-style: none; margin: 0; padding: 0; }
.as-cart-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--as-line-2); transition: opacity .2s; }
.as-cart-item:last-child { border-bottom: 0; padding-bottom: 4px; }
.as-cart-item.is-busy, .as-cart-list.is-busy { opacity: .45; pointer-events: none; }
.as-cart-img { display: block; width: 96px; height: 96px; box-sizing: border-box; padding: 6px; border-radius: var(--as-radius); background: #fff; border: 1px solid var(--as-line); overflow: hidden; }
.as-cart-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.as-cart-info { display: grid; gap: 4px; min-width: 0; }
.as-cart-name { font-weight: 700; font-size: 15px; line-height: 1.35; color: var(--as-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.as-cart-name:hover { color: var(--as-red); }
.as-cart-variant { font-size: 12.5px; color: var(--as-muted); }
.as-cart-unit { font-size: 13px; color: var(--as-text-2); }
.as-cart-unit s { color: var(--as-muted); margin-right: 4px; }
.as-cart-unit small { color: var(--as-muted); }
.as-cart-stock { font-size: 12px; font-weight: 700; color: #B45309; }
.as-cart-remove { justify-self: start; font-size: 12.5px; }
.as-cart-qty { display: grid; justify-items: end; gap: 10px; }
.as-cart-qty .as-qty { height: 40px; width: 118px; }
.as-cart-qty .as-qty span { flex: 1; text-align: center; font-weight: 800; }
.as-cart-qty .as-qty button:disabled { color: #C3C7CC; cursor: not-allowed; }
.as-cart-line { font-size: 16px; font-weight: 800; white-space: nowrap; }
@media (max-width: 639px) {
    .as-cart-item { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; }
    .as-cart-img { width: 76px; height: 76px; }
    .as-cart-qty { grid-column: 2; display: flex; justify-content: space-between; align-items: center; }
    .as-cart-name { font-size: 14px; }
}
.as-cart-continue { margin-top: 14px; }
.as-cart-warn { border: 1px solid #FCD34D; background: #FFFBEB; color: #92400E; border-radius: var(--as-radius); padding: 12px 14px; margin-bottom: 10px; font-size: 13.5px; }
.as-cart-warn ul { margin: 6px 0 0; padding-left: 18px; }
.as-cart-empty { max-width: 560px; margin: 10px auto 40px; text-align: center; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius-xl); padding: 36px 24px; }
.as-cart-empty img { width: 200px; height: auto; display: block; margin: 0 auto 8px; }
.as-cart-empty h1 { margin: 0 0 8px; font-size: 26px; font-weight: 800; }
.as-cart-empty p { margin: 0 auto 20px; max-width: 420px; color: var(--as-text-2); }
.as-cart-empty-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 16px; }
.as-cart-bar { display: none; }
@media (max-width: 1023px) {
    .as-cart-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--as-line); box-shadow: 0 -8px 24px rgba(17,18,20,.08); }
    .as-cart-bar small { display: block; font-size: 11.5px; color: var(--as-muted); }
    .as-cart-bar strong { font-size: 18px; }
    .as-cart-bar .as-btn { height: 48px; padding: 0 18px; }
    .as-cartpage { padding-bottom: 90px; }
}

/* ==========================================================================
   ÖDEME SAYFASI (sade header/footer + form)
   ========================================================================== */
.as-co-secure { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 16px; background: var(--as-green); color: #fff; font-size: 12.5px; font-weight: 600; text-align: center; }
.as-co-header { background: #fff; border-bottom: 1px solid var(--as-line); }
.as-co-header .as-container { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 76px; }
.as-co-logo img { height: 52px; width: auto; display: block; }
.as-co-help { display: flex; align-items: center; gap: 18px; }
.as-co-help > a { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--as-text); }
.as-co-help > a small { display: block; font-size: 11.5px; font-weight: 500; color: var(--as-muted); }
.as-co-help > a .as-icon { color: #16A34A; width: 26px; height: 26px; }
.as-co-help .as-co-back { font-weight: 600; color: var(--as-muted); }
.as-co-help .as-co-back .as-icon { color: inherit; width: 16px; height: 16px; }
@media (max-width: 639px) { .as-co-help > a:not(.as-co-back) span { display: none; } .as-co-header .as-container { height: 64px; } .as-co-logo img { height: 44px; } }
.as-co-footer { border-top: 1px solid var(--as-line); background: #fff; padding: 22px 0 28px; margin-top: 24px; }
.as-co-footer .as-container { display: grid; justify-items: center; gap: 12px; text-align: center; }
.as-co-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; font-size: 13px; }
.as-co-footer nav a { color: var(--as-text-2); }
.as-co-footer nav a:hover { color: var(--as-red); }
.as-co-footer img { max-width: 100%; height: auto; }
.as-co-footer p { margin: 0; font-size: 12px; color: var(--as-muted); }

.as-co { padding-bottom: 24px; }
.as-co-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
@media (min-width: 1024px) { .as-co-layout { grid-template-columns: minmax(0, 1fr) 400px; gap: 28px; } .as-co-side { position: sticky; top: 20px; } }
.as-co-alert { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--as-radius); background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B; font-size: 14px; font-weight: 600; margin: 0 0 16px; }
.as-co-sec + .as-co-sec, .as-co-sec + .as-co-note { margin-top: 16px; }
.as-co-sec h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 18px; font-weight: 800; letter-spacing: -.2px; }
.as-co-sechead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.as-co-sechead h2 { margin: 0; }
.as-co-num { width: 28px; height: 28px; border-radius: 50%; background: var(--as-text); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; flex: none; }
.as-co-lead { margin: -4px 0 14px; font-size: 13.5px; color: var(--as-text-2); }
.as-co-lead a, .as-co-hint a { color: var(--as-red); font-weight: 700; }
.as-co-hint { margin: 10px 0 0; font-size: 13px; color: var(--as-muted); }
.as-co-subtitle { margin: 0 0 10px; font-size: 14px; font-weight: 800; }
.as-co-subtitle small { font-weight: 600; color: var(--as-muted); }
.as-field { display: grid; gap: 6px; margin-bottom: 14px; min-width: 0; }
.as-field > label { font-size: 13px; font-weight: 700; color: var(--as-text); }
.as-field > label small { font-weight: 500; color: var(--as-muted); }
.as-field > small { font-size: 12px; color: var(--as-muted); line-height: 1.45; }
.as-field .as-acc-input { height: 48px; font-size: 15px; }
.as-field textarea.as-acc-input { height: auto; min-height: 72px; padding: 12px 16px; resize: vertical; line-height: 1.45; }
.as-field-narrow { max-width: 360px; }
.as-acc-input.is-invalid { border-color: #DC2626; box-shadow: 0 0 0 3px #FEE2E2; }
.as-field-err { font-size: 12.5px; font-weight: 600; color: #DC2626; }
.as-select2 { -webkit-appearance: none; appearance: none; padding-right: 38px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; cursor: pointer; }
.as-grid2 { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 14px; }
@media (min-width: 640px) { .as-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .as-span2 { grid-column: 1 / -1; } }

.as-addr-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 4px; }
@media (min-width: 640px) { .as-addr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.as-addr, .as-ship-opt, .as-inst-opt { position: relative; display: block; cursor: pointer; }
.as-addr input, .as-ship-opt input, .as-inst-opt input { position: absolute; opacity: 0; pointer-events: none; }
.as-addr-box { display: grid; gap: 3px; height: 100%; box-sizing: border-box; padding: 14px 16px 14px 44px; border: 1.5px solid var(--as-line); border-radius: var(--as-radius); font-size: 13px; color: var(--as-text-2); background: #fff; transition: border-color .15s, box-shadow .15s; }
.as-addr-box::before, .as-inst-box::before { content: ""; position: absolute; left: 16px; top: 16px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #C3C7CC; box-sizing: border-box; background: #fff; }
.as-addr-box strong { font-size: 14.5px; color: var(--as-text); display: flex; gap: 8px; align-items: center; }
.as-addr-box em { font-style: normal; font-size: 11px; font-weight: 700; color: var(--as-green); background: var(--as-green-50); padding: 2px 8px; border-radius: 999px; }
.as-addr input:checked + .as-addr-box, .as-inst-opt input:checked + .as-inst-box { border-color: var(--as-red); box-shadow: 0 0 0 3px var(--as-red-50); }
.as-addr input:checked + .as-addr-box::before, .as-inst-opt input:checked + .as-inst-box::before { border: 5px solid var(--as-red); }
.as-addr input:focus-visible + .as-addr-box, .as-inst-opt input:focus-visible + .as-inst-box { outline: 2px solid var(--as-red); outline-offset: 2px; }
.as-addr-form { margin-top: 14px; }
.as-addr-form[hidden], .as-addr-done[hidden], .as-pay-panel[hidden] { display: none; }
.as-addr-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.as-addr-done { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--as-radius); background: var(--as-green-50); border: 1px solid #BFE3CC; font-size: 13.5px; }
.as-addr-done > .as-icon { color: var(--as-green); flex: none; margin-top: 2px; }
.as-addr-done > div { flex: 1; display: grid; gap: 2px; color: var(--as-text-2); }
.as-addr-done strong { color: var(--as-text); }
.as-bill-same { font-size: 14px; font-weight: 600; color: var(--as-text); cursor: pointer; }
.as-bill { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--as-line-2); }
.as-bill[hidden] { display: none; }
.as-bill .as-co-sechead { margin-bottom: 10px; }
.as-bill .as-co-sechead .as-co-subtitle { margin: 0; }

.as-ship-box { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1.5px solid var(--as-red); border-radius: var(--as-radius); box-shadow: 0 0 0 3px var(--as-red-50); background: #fff; }
.as-ship-box img { width: 56px; height: 56px; object-fit: contain; flex: none; }
.as-ship-box > span { flex: 1; display: grid; gap: 2px; }
.as-ship-box small { font-size: 12.5px; color: var(--as-muted); }
.as-ship-box b { font-size: 16px; white-space: nowrap; }
.as-ship-box b.is-free { color: var(--as-green); }

.as-pay-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-bottom: 16px; }
.as-pay-tab { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1.5px solid var(--as-line); border-radius: var(--as-radius); background: #fff; text-align: left; cursor: pointer; font: inherit; color: var(--as-text); transition: border-color .15s, box-shadow .15s; }
.as-pay-tab .as-icon { width: 26px; height: 26px; color: var(--as-muted); flex: none; }
.as-pay-tab span { display: grid; gap: 2px; }
.as-pay-tab strong { font-size: 14.5px; }
.as-pay-tab small { font-size: 12px; color: var(--as-muted); }
.as-pay-tab[aria-selected="true"] { border-color: var(--as-red); box-shadow: 0 0 0 3px var(--as-red-50); }
.as-pay-tab[aria-selected="true"] .as-icon { color: var(--as-red); }
.as-cc-num { position: relative; }
.as-cc-num span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 800; letter-spacing: .5px; color: var(--as-text-2); }
.as-cc-exp { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.as-inst { margin: 4px 0 16px; }
.as-inst-empty { margin: 0; padding: 14px 16px; border-radius: var(--as-radius); background: var(--as-surface-2); border: 1px dashed var(--as-line); font-size: 13px; color: var(--as-muted); }
.as-inst-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.as-inst-box { display: grid; gap: 2px; padding: 12px 12px 12px 44px; border: 1.5px solid var(--as-line); border-radius: var(--as-radius); font-size: 12.5px; color: var(--as-muted); background: #fff; }
.as-inst-box::before { top: 14px; }
.as-inst-box b { font-size: 14px; color: var(--as-text); }
.as-inst-box strong { font-size: 13px; color: var(--as-text); }
.as-3d { display: flex; gap: 14px; align-items: center; padding: 14px 16px; border-radius: var(--as-radius); background: var(--as-surface-2); border: 1px solid var(--as-line-2); }
.as-3d img { width: 64px; height: 64px; object-fit: contain; flex: none; }
.as-3d p { margin: 0; font-size: 12.5px; color: var(--as-text-2); line-height: 1.5; }
.as-3d strong { display: block; font-size: 14px; color: var(--as-text); margin-bottom: 2px; }
.as-bank { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--as-line); border-radius: var(--as-radius); margin-bottom: 10px; }
.as-bank img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; border: 1px solid var(--as-line-2); }
.as-bank > div { display: grid; gap: 2px; min-width: 0; }
.as-bank-iban { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; font-weight: 700; letter-spacing: .3px; color: var(--as-text); word-break: break-all; }
.as-bank small { color: var(--as-muted); font-size: 12.5px; }
.as-bank-copy { height: 38px; font-size: 12.5px; padding: 0 12px; }
@media (max-width: 559px) { .as-bank { grid-template-columns: 40px minmax(0, 1fr); } .as-bank-copy { grid-column: 1 / -1; } }
.as-bank-notes { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: var(--as-text-2); display: grid; gap: 4px; }
.as-co-note { margin-top: 16px; }
.as-co-note summary { cursor: pointer; font-weight: 800; font-size: 15px; list-style: none; display: flex; align-items: center; gap: 8px; }
.as-co-note summary::-webkit-details-marker { display: none; }
.as-co-note summary::before { content: "+"; width: 24px; height: 24px; border-radius: 50%; background: var(--as-surface); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; }
.as-co-note[open] summary::before { content: "−"; }
.as-co-note summary small { font-weight: 600; color: var(--as-muted); }
.as-co-note textarea { margin-top: 12px; height: auto; padding: 12px 16px; resize: vertical; }

.as-co-sumhead { display: flex; align-items: baseline; justify-content: space-between; }
.as-co-sumhead a { font-size: 13px; font-weight: 700; color: var(--as-red); }
.as-co-sumhead h2 small { font-size: 13px; font-weight: 600; color: var(--as-muted); }
.as-co-items { list-style: none; margin: 0 0 16px; padding: 8px 2px 14px 0; border-bottom: 1px solid var(--as-line-2); display: grid; gap: 14px; max-height: 300px; overflow-y: auto; }
/* Masaüstünde özet sütunu yapışkan: ürün listesi ekran boyuna göre kısalır, "Siparişi Onayla" her zaman ekranda kalır.
   Çok kısa ekranlarda sütun yapışkanlığı bırakıp sayfayla kayar. */
@media (min-width: 1024px) { .as-co-items { max-height: clamp(120px, calc(100vh - 500px), 300px); } }
@media (min-width: 1024px) and (max-height: 640px) { .as-co-side { position: static !important; } }
.as-co-items li { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; gap: 12px; align-items: center; font-size: 13px; }
.as-co-thumb { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 4px; border-radius: 10px; background: #fff; border: 1px solid var(--as-line); }
.as-co-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 6px; }
.as-co-thumb b { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; border-radius: 10px; background: var(--as-text); color: #fff; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; }
.as-co-iname { display: grid; gap: 1px; min-width: 0; line-height: 1.35; }
.as-co-nm { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: inherit; text-decoration: none; }
a.as-co-nm:hover { color: var(--as-red); text-decoration: underline; text-underline-offset: 2px; }
a.as-co-thumb:hover { border-color: var(--as-red); }
.as-co-iname small { display: block; color: var(--as-muted); font-size: 12px; margin-top: 2px; }
.as-co-inst-note { margin: -6px 0 14px; font-size: 12.5px; color: var(--as-text-2); background: var(--as-surface-2); border-radius: 8px; padding: 8px 10px; }
.as-co-inst-note[hidden] { display: none; }
.as-co-agree { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 12px; border-radius: var(--as-radius); background: var(--as-surface-2); border: 1px solid var(--as-line-2); font-size: 12.5px; line-height: 1.5; color: var(--as-text-2); cursor: pointer; transition: border-color .2s, background .2s; }
.as-co-agree input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--as-red); flex: none; }
.as-co-agree a { color: var(--as-text); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.as-co-agree.is-invalid { border-color: #DC2626; background: #FEF2F2; }
.as-co-bar { display: none; }
@media (max-width: 1023px) {
    .as-co-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--as-line); box-shadow: 0 -8px 24px rgba(17,18,20,.08); }
    .as-co-bar small { display: block; font-size: 11.5px; color: var(--as-muted); }
    .as-co-bar strong { font-size: 18px; }
    .as-co-bar .as-btn { height: 48px; padding: 0 18px; }
    .as-co { padding-bottom: 96px; }
    .as-co-side .as-btn-lg { display: none; }
}

/* Mobil alt çubuk: "Toplam ▲" dokununca açılan özet (Kalyoncu'daki gibi) */
.as-bar-toggle { display: grid; gap: 1px; border: 0; background: none; padding: 0; text-align: left; font: inherit; color: var(--as-text); cursor: pointer; }
.as-bar-toggle small { display: inline-flex !important; align-items: center; gap: 4px; font-size: 12px; color: var(--as-muted); }
.as-bar-toggle small .as-icon { transform: rotate(180deg); transition: transform .2s; }
.as-bar-toggle[aria-expanded="true"] small .as-icon { transform: none; }
.as-bar-toggle strong { font-size: 18px; }
.as-bar-sheet { position: absolute; left: 0; right: 0; bottom: 100%; background: #fff; border-top: 1px solid var(--as-line); border-radius: 16px 16px 0 0; padding: 14px 16px 12px; box-shadow: 0 -10px 24px rgba(17,18,20,.1); }
.as-bar-sheet[hidden] { display: none; }
.as-bar-sheet-head { display: flex; justify-content: space-between; font-size: 13px; color: var(--as-muted); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--as-line-2); }
.as-bar-sheet-head a { color: var(--as-red); font-weight: 700; }
.as-bar-sheet dl { margin: 0; display: grid; gap: 8px; font-size: 14px; }
.as-bar-sheet dl > div { display: flex; justify-content: space-between; gap: 12px; }
.as-bar-sheet dt { color: var(--as-text-2); }
.as-bar-sheet dd { margin: 0; font-weight: 700; }
.as-overlay.as-bar-overlay { z-index: 990; }
@media (min-width: 1024px) { .as-bar-overlay { display: none; } }

/* Sipariş onay sayfası */
.as-done-hero { max-width: 720px; margin: 0 auto 20px; text-align: center; }
.as-done-hero img { width: 170px; height: auto; display: block; margin: 0 auto 4px; }
.as-done-hero h1 { margin: 0 0 8px; font-size: 28px; font-weight: 800; letter-spacing: -.5px; }
.as-done-hero p { margin: 0 auto 8px; max-width: 600px; color: var(--as-text-2); }
.as-done-no { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; padding: 8px 14px; border-radius: 999px; background: var(--as-surface); font-size: 14px; }
.as-done-no strong { font-size: 16px; letter-spacing: .5px; color: var(--as-text); }
.as-done-guest { font-size: 13.5px; }
.as-done-guest a { color: var(--as-red); font-weight: 700; }
.as-done-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 1040px; margin: 0 auto; align-items: start; }
@media (min-width: 1024px) { .as-done-grid { grid-template-columns: minmax(0, 1fr) 400px; } .as-done-grid > .as-done-sum:only-child { grid-column: 1 / -1; max-width: 520px; width: 100%; justify-self: center; } }
.as-done-iban h2 { margin: 0 0 10px; font-size: 18px; font-weight: 800; }
.as-done-amount { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 12px 16px; border-radius: var(--as-radius); background: var(--as-red-50); font-weight: 700; }
.as-done-amount strong { font-size: 20px; color: var(--as-red); }
.as-done-actions { display: grid; gap: 10px; }
.as-done .as-sum .as-btn-block { height: 48px; }

/* Ürün sayfası: Taksit Seçenekleri (kart ailelerine göre) */
.as-inst-lead { margin: 0 0 12px; font-size: 13px; color: var(--as-muted); }
.as-inst-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.as-inst-card { border: 1px solid var(--as-line); border-radius: var(--as-radius); overflow: hidden; background: #fff; }
.as-inst-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 12px; background: var(--as-surface-2); border-bottom: 1px solid var(--as-line); }
.as-inst-card-head strong { font-size: 14px; }
.as-inst-card-head small { font-size: 11.5px; color: var(--as-muted); }
.as-inst-card table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.as-inst-card th { text-align: left; font-weight: 700; color: var(--as-muted); padding: 7px 12px; font-size: 11.5px; }
.as-inst-card td { padding: 6px 12px; border-top: 1px solid var(--as-line-2); }
.as-inst-card th:not(:first-child), .as-inst-card td:not(:first-child) { text-align: right; }
.as-inst-card tr:nth-child(1) td { font-weight: 700; }

/* Sepete eklendi durumu (ürün sayfası: "Ürün Sepetinizde", kartlar: kısa süre "Eklendi") */
.as-btn.is-added { background: var(--as-ink) !important; border-color: var(--as-ink) !important; color: #fff !important; }
.as-btn.is-added:hover { background: #000 !important; }
.as-card-cta.is-added { background: var(--as-green) !important; border-color: var(--as-green) !important; }

/* Sepet sayfası (mobil): WhatsApp düğmesi alt çubuğun üstünde dursun, özet açıkken gizlensin */
@media (max-width: 1023px) {
    body:has(.as-cart-bar) .as-float-m { bottom: calc(84px + env(safe-area-inset-bottom)); }
    body:has(.as-bar-sheet:not([hidden])) .as-float-m { display: none; }
}

.as-co-sechead .as-textbtn { white-space: nowrap; }
@media (max-width: 480px) { .as-co-sec h2 { font-size: 17px; } .as-co-sechead { align-items: flex-start; } }

/* Giriş / Üye ol / Şifremi unuttum / Sipariş takibi (sade, ortalanmış kart — Kalyoncu düzeni) */
.as-auth { padding-top: 28px; padding-bottom: 56px; }
.as-auth-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 980px; margin: 0 auto; align-items: start; }
@media (min-width: 900px) { .as-auth-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 24px; } }
.as-auth-card, .as-auth-side { background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius-xl); padding: 26px 22px; box-sizing: border-box; }
@media (min-width: 640px) { .as-auth-card, .as-auth-side { padding: 32px 34px; } }
.as-auth-narrow { max-width: 460px; margin: 0 auto; text-align: center; }
.as-auth-narrow .as-field, .as-auth-narrow .as-acc-form { text-align: left; }
.as-auth-card h1 { margin: 0 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.4px; }
.as-auth-sub { margin: 0 0 20px; color: var(--as-text-2); font-size: 14.5px; line-height: 1.55; }
.as-auth-hint { margin: -4px 0 12px; font-size: 12.5px; color: var(--as-muted); }
.as-auth-err { display: grid; gap: 4px; margin: 0 0 16px; padding: 12px 14px; border-radius: var(--as-radius); background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B; font-size: 13.5px; font-weight: 600; text-align: left; }
.as-auth-foot { margin: 18px 0 0; font-size: 13.5px; color: var(--as-muted); }
.as-auth-foot a { color: var(--as-red); font-weight: 700; }
.as-auth-icon { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 14px; background: var(--as-red-50); color: var(--as-red); display: flex; align-items: center; justify-content: center; }
.as-auth-icon .as-icon { width: 30px; height: 30px; }
.as-auth-icon.is-ok { background: var(--as-green-50); color: var(--as-green); }
.as-auth-side h2 { margin: 0 0 8px; font-size: 20px; font-weight: 800; }
.as-auth-side p { margin: 0 0 16px; color: var(--as-text-2); font-size: 14px; line-height: 1.55; }
.as-auth-perks { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; font-size: 13.5px; color: var(--as-text-2); }
.as-auth-perks li { display: flex; gap: 10px; align-items: center; }
.as-auth-perks .as-icon { color: var(--as-red); flex: none; }
.as-auth-side .as-acc-track { margin-top: 18px; }
.as-auth .as-acc-form { gap: 0; }
.as-auth .as-acc-row { margin: 0 0 16px; }
.as-auth .as-co-agree { margin: 4px 0 16px; }
.as-btn-green { background: #16A34A; color: #fff !important; }
.as-btn-green:hover { background: #15803D; }
.as-auth-guest { margin-top: 12px; }

.as-mc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.as-mc-actions .as-btn { height: 42px; font-size: 13px; padding: 0 10px; }
.as-mc-count { margin: 12px 0 0; font-size: 13px; color: var(--as-muted); }
.as-mc-count strong { color: var(--as-text); }
/* ================= Mobil denetim düzeltmeleri ================= */
/* iOS Safari, yazı boyutu 16 px'ten küçük alanlara dokunulunca sayfayı yakınlaştırır; telefonda form alanları 16 px. */
@media (max-width: 767px) {
    input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=hidden]), select, textarea { font-size: 16px !important; }
}
/* Yüzen WhatsApp butonu telefonda form alanlarının ve sepet tutarlarının üstüne binmesin. */
@media (max-width: 1023px) {
    body:has(main .as-auth) .as-float-m,
    body:has(.as-cart-bar) .as-float-m,
    body:has(main input[type=password]) .as-float-m,
    body:has(main textarea) .as-float-m { display: none; }
}
/* Küçük dokunma alanları: görünüm aynı kalır, dokunulabilen alan büyür. */
.as-dots button { position: relative; }
.as-dots button::after { content: ""; position: absolute; inset: -12px -5px; }
.as-section-more, .as-card-brand, .as-co-back, .as-post-foot .as-link, .as-pinfo-brand { padding-top: 7px; padding-bottom: 7px; }
.as-section-more, .as-co-back, .as-post-foot .as-link, .as-pinfo-brand { margin-top: -7px; margin-bottom: -7px; }
.as-card-brand { display: inline-block; margin: -7px 0; }
/* Blog listesi telefonda tek sütun: uzun başlıklar ve "Devamını oku" sıkışmasın. */
@media (max-width: 639px) { .as-grid.is-posts { grid-template-columns: minmax(0, 1fr); } }
/* Eski tasarımlı hesap sayfalarındaki 9-10 px yazılar telefonda okunur boyuta çıkar. */
@media (max-width: 767px) {
    .text-\[9px\], .text-\[9\.5px\], .text-\[10px\], .text-\[10\.5px\], .form-label { font-size: 11.5px !important; }
}
.as-bottombar span:not(.as-count) { font-size: 11px; }
.as-qty button { flex: none; }
.as-pmeta a { display: inline-block; padding: 7px 0; margin: -7px 0; }
.as-mc-remove { padding: 8px 4px; margin: -8px -4px; }
.as-textbtn { min-height: 36px; }
@media (max-width: 767px) { .as-co-help > a:first-child { min-width: 40px; min-height: 40px; justify-content: center; } }
/* Eski tasarımlı hesap sayfalarındaki "Hesaba dön" gibi ince linkler telefonda rahat dokunulur olsun. */
@media (max-width: 767px) { main a.inline-flex:not([class*="as-"]), main button.w-full.bg-transparent { min-height: 36px; } }