.fs-wheel-modal[style*="display: none"] {
    pointer-events: none !important;
    visibility: hidden !important;
}

.fs-account-page {
    --acc-line: #e5e7eb;
    --acc-shadow: 0 1px 3px rgb(15 23 42 / 0.06);
    --acc-shadow-hover: 0 4px 14px rgb(15 23 42 / 0.08);
    max-width: 1280px;
}

.fs-account-layout {
    width: 100%;
}

.fs-account-hero {
    margin-bottom: 16px;
}

.fs-account-hero .fs-page-hero__row {
    align-items: stretch;
}

@media (min-width: 640px) {
    .fs-account-hero .fs-page-hero__row {
        align-items: flex-end;
    }
}

.fs-account-hero__copy {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.fs-account-hero__copy .fs-page-hero__title,
.fs-account-hero__copy .fs-page-hero__desc {
    overflow-wrap: break-word;
    word-break: normal;
}

.fs-account-hero__wheel-btn.fs-btn {
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .fs-account-hero__copy {
        width: auto;
    }

    .fs-account-hero__wheel-btn.fs-btn {
        width: auto;
        min-width: 168px;
    }
}

.fs-account-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f3f4f6;
    font-size: calc(11px * var(--th-font-scale, 1));
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.fs-account-breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}

.fs-account-breadcrumb a:hover {
    color: #111827;
}

.fs-account-mobile-nav {
    top: calc(var(--fs-header-h, 56px) + 8px);
}

.fs-account-side-nav {
    top: calc(var(--fs-header-h, 56px) + 12px);
}

.fs-body .account-page aside .rounded-2xl.border,
.fs-body .account-page .rounded-2xl.border.border-gray-200\/90 {
    border-color: var(--acc-line) !important;
}

.fs-body .account-page .shadow-lg {
    box-shadow: var(--acc-shadow) !important;
}

.fs-body .account-page #ordersSection > div.rounded-2xl {
    transition: box-shadow 0.28s ease, border-color 0.28s ease;
}

.fs-body .account-page #ordersSection > div.rounded-2xl:hover {
    box-shadow: var(--acc-shadow-hover) !important;
}

.fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer {
    transition: background-color 0.22s ease;
}

.fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer:hover {
    background-color: #f9fafb !important;
}

.dark .fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer:hover {
    background-color: rgba(39, 39, 42, 0.55) !important;
}

.fs-body .account-page aside nav button.border-transparent:hover {
    background-color: #f3f4f6 !important;
}

.dark .fs-body .account-page aside nav button.border-transparent:hover {
    background-color: rgba(39, 39, 42, 0.72) !important;
}

.fs-body .account-page #ordersSection span.inline-block.rounded-lg,
.fs-body .account-page #ordersSection span.inline-flex.rounded-lg {
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
    border-width: 1px;
}

.fs-body .account-page .shadow-md {
    box-shadow: var(--acc-shadow) !important;
}

.fs-body .account-page aside nav button.bg-indigo-600 {
    background-color: var(--fs-accent, #111827) !important;
    color: #fff !important;
    border-color: var(--fs-accent, #111827) !important;
    box-shadow: 0 1px 3px rgb(15 23 42 / 0.12) !important;
}

.fs-body .account-page .text-indigo-600,
.fs-body .account-page .text-indigo-700,
.fs-body .account-page .text-indigo-400 {
    color: var(--fs-accent, #111827) !important;
}

.fs-body .account-page a.hover\:text-indigo-600:hover,
.fs-body .account-page a.dark\:hover\:text-indigo-400:hover {
    color: var(--fs-accent, #111827) !important;
}

.fs-body .account-page .bg-indigo-600,
.fs-body .account-page .hover\:bg-indigo-500:hover,
.fs-body .account-page .active\:bg-indigo-700:active {
    background-color: var(--fs-accent, #111827) !important;
}

.fs-body .account-page .bg-indigo-600\/10,
.fs-body .account-page .dark\:bg-indigo-400\/15 {
    background-color: #f3f4f6 !important;
}

.fs-body .account-page .shadow-indigo-500\/25,
.fs-body .account-page .shadow-indigo-500\/20,
.fs-body .account-page .shadow-indigo-500\/15 {
    box-shadow: 0 4px 14px rgb(15 23 42 / 0.12) !important;
}

.fs-body .account-page .ring-indigo-500\/30,
.fs-body .account-page .ring-indigo-200\/70 {
    --tw-ring-color: rgb(17 24 39 / 0.12) !important;
}

.fs-body .account-page .focus\:ring-indigo-500\/40:focus {
    --tw-ring-color: rgb(17 24 39 / 0.18) !important;
}

.fs-body .account-page .focus\:border-indigo-500:focus {
    border-color: var(--fs-accent, #111827) !important;
}

.fs-body .account-page .border-indigo-500\/30 {
    border-color: rgb(17 24 39 / 0.2) !important;
}

.fs-page-card {
    border: 1px solid var(--fs-border, #e5e7eb);
    border-radius: var(--fs-radius, 12px);
    padding: 16px;
    margin-bottom: 12px;
    background: #fff;
}

/* ── Hesabım: düzen, menü, kartlar (FastStore / Zarif / Studio) ─────────────────────────────── */
.fs-account-page {
    --acc-ink: var(--th-text, #111827);
    --acc-muted: var(--th-muted, var(--fs-muted, #6b7280));
    --acc-line: var(--fs-border, #e5e7eb);
    --acc-soft: var(--th-surface, #f6f7f9);
    --acc-card: var(--th-bg, #fff);
    --acc-accent: var(--fs-accent, #111827);
    --acc-accent-text: var(--th-primary-text, #fff);
    --acc-radius: var(--th-card-radius, var(--fs-radius, 12px));
    --acc-in-radius: var(--th-input-radius, 10px);
    --acc-btn-radius: var(--th-btn-radius, 10px);
    --acc-gap: 16px;
    color: var(--acc-ink);
    padding-bottom: 48px;
}

@media (min-width: 640px) {
    .fs-account-page { --acc-gap: 20px; }
}

.fs-account-page .fs-account-layout { max-width: 1200px; }

.fs-account-hero.fs-page-hero {
    padding: 20px;
    margin-bottom: var(--acc-gap);
    border-radius: var(--acc-radius);
    border-color: var(--acc-line);
    box-shadow: none;
}

@media (min-width: 768px) {
    .fs-account-hero.fs-page-hero { padding: 24px 28px; }
}

.fs-account-hero .fs-page-hero__eyebrow { letter-spacing: 0.04em; color: var(--acc-muted); }
.fs-account-hero .fs-page-hero__title { margin-top: 4px; }
.fs-account-hero .fs-page-hero__desc { margin-top: 6px; color: var(--acc-muted); line-height: 1.55; max-width: 60ch; }

.fs-account-breadcrumb {
    margin-top: 16px;
    padding-top: 14px;
    border-top-color: var(--acc-line);
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 500;
    font-size: calc(12px * var(--th-font-scale, 1));
    color: var(--acc-muted);
}

.fs-account-breadcrumb > span:last-child { color: var(--acc-ink); font-weight: 600; }

/* Kabuk: telefonda / tablette üstte yatay sekmeler, 1024px üstünde sol menü */
.fs-acc-shell { display: flex; flex-direction: column; gap: var(--acc-gap); }
.fs-acc-aside { min-width: 0; }
.fs-acc-main { min-width: 0; flex: 1 1 auto; }
.fs-acc-side { display: none; }

.fs-acc-tabs {
    position: sticky;
    z-index: 30;
    margin: 0 -16px;
    padding: 8px 16px;
    background: var(--acc-card);
    border-bottom: 1px solid var(--acc-line);
}

@supports (backdrop-filter: blur(1px)) {
    .fs-acc-tabs {
        background: color-mix(in srgb, var(--acc-card) 90%, transparent);
        backdrop-filter: saturate(1.4) blur(8px);
    }
}

.fs-acc-tabs__bar { position: relative; }

.fs-acc-tabs__nav {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.fs-acc-tabs__nav::-webkit-scrollbar { display: none; }

.fs-acc-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--acc-line);
    border-radius: 999px;
    background: var(--acc-card);
    color: var(--acc-ink);
    font: inherit;
    font-size: calc(13px * var(--th-font-scale, 1));
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fs-acc-tab:hover { border-color: color-mix(in srgb, var(--acc-ink) 30%, transparent); }
.fs-acc-tab.is-active { background: var(--acc-accent); border-color: var(--acc-accent); color: var(--acc-accent-text); }
.fs-acc-tab--logout { color: #b91c1c; }
.fs-acc-tab__in, .fs-acc-nav__in { display: inline-flex; align-items: center; gap: 8px; }
.fs-acc-tab .ui-icon { width: 16px; height: 16px; font-size: 15px; }

.fs-acc-tab:focus-visible,
.fs-acc-nav__item:focus-visible,
.fs-acc-order__head:focus-visible {
    outline: 2px solid var(--acc-accent);
    outline-offset: 2px;
}

@media (min-width: 640px) {
    .fs-acc-tabs { margin: 0; padding: 6px; border: 1px solid var(--acc-line); border-radius: calc(var(--acc-radius) + 6px); }
}

@media (min-width: 1024px) {
    .fs-acc-shell { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 28px; align-items: start; }
    .fs-acc-tabs { display: none; }

    .fs-acc-side {
        display: block;
        position: sticky;
        padding: 16px;
        border: 1px solid var(--acc-line);
        border-radius: var(--acc-radius);
        background: var(--acc-card);
    }
}

@media (min-width: 1280px) {
    .fs-acc-shell { grid-template-columns: 280px minmax(0, 1fr); gap: 36px; }
}

.fs-acc-id {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--acc-line);
}

.fs-acc-id__avatar {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--acc-accent);
    color: var(--acc-accent-text);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.fs-acc-id__text { display: grid; gap: 2px; min-width: 0; }
.fs-acc-id__name { font-size: 15px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fs-acc-id__mail { font-size: 12.5px; color: var(--acc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fs-acc-nav { display: grid; gap: 2px; }

.fs-acc-nav__item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--acc-btn-radius);
    background: transparent;
    color: var(--acc-ink);
    font: inherit;
    font-size: calc(14px * var(--th-font-scale, 1));
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.fs-acc-nav__item .ui-icon { width: 18px; height: 18px; font-size: 17px; opacity: 0.85; }
.fs-acc-nav__in { gap: 12px; }
.fs-acc-nav__item:hover { background: var(--acc-soft); }
.fs-acc-nav__item.is-active { background: var(--acc-accent); color: var(--acc-accent-text); }
.fs-acc-nav__item.is-active .ui-icon { opacity: 1; }
.fs-acc-nav__foot { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--acc-line); }
.fs-acc-nav__item--logout { color: #b91c1c; }
.fs-acc-nav__item--logout:hover { background: #fef2f2; }

/* İçerik: kart, başlık, etiket, alan ve düğme ritmi (Tailwind sınıflarının üstüne; işaretleme ve davranış aynı) */
.fs-acc-main .rounded-2xl.border,
.fs-acc-main .rounded-xl.border:not(input):not(select):not(textarea):not(button):not(a) {
    border-color: var(--acc-line) !important;
    box-shadow: none !important;
}

.fs-acc-main .rounded-2xl.border { border-radius: var(--acc-radius) !important; background-color: var(--acc-card) !important; }

.fs-acc-main .uppercase { text-transform: none !important; }
.fs-acc-main .tracking-wide,
.fs-acc-main .tracking-wider,
.fs-acc-main .tracking-widest,
.fs-acc-main .tracking-tight,
.fs-acc-main .tracking-tighter { letter-spacing: 0 !important; }
.fs-acc-main .font-black { font-weight: 700 !important; }
.fs-acc-main .text-\[9px\],
.fs-acc-main .text-\[10px\] { font-size: 11.5px !important; }
.fs-acc-main .text-\[11px\] { font-size: 12.5px !important; }

.fs-acc-main h3 { font-size: calc(18px * var(--th-font-scale, 1)) !important; line-height: 1.3; font-weight: 600 !important; }
.fs-acc-main h4 { font-size: calc(14px * var(--th-font-scale, 1)) !important; font-weight: 600 !important; color: var(--acc-ink) !important; }
.fs-acc-main h3 .ui-icon,
.fs-acc-main h4 .ui-icon { color: var(--acc-muted) !important; }

.fs-acc-main label.block {
    font-size: calc(13px * var(--th-font-scale, 1)) !important;
    font-weight: 500 !important;
    color: var(--acc-ink) !important;
    margin-bottom: 6px !important;
}

.fs-acc-main input[type="text"],
.fs-acc-main input[type="email"],
.fs-acc-main input[type="tel"],
.fs-acc-main input[type="password"],
.fs-acc-main input[type="number"],
.fs-acc-main input[type="date"],
.fs-acc-main select,
.fs-acc-main textarea {
    min-height: 46px;
    border-radius: var(--acc-in-radius) !important;
    border-color: color-mix(in srgb, var(--acc-line) 75%, var(--acc-ink)) !important;
    background-color: var(--acc-card) !important;
    font-size: 15px !important;
}

.fs-acc-main textarea { min-height: 96px; }

.fs-acc-main input:focus,
.fs-acc-main select:focus,
.fs-acc-main textarea:focus {
    border-color: var(--acc-accent) !important;
    --tw-ring-color: color-mix(in srgb, var(--acc-accent) 18%, transparent) !important;
}

.fs-acc-main .bg-indigo-600 {
    color: var(--acc-accent-text) !important;
    box-shadow: none !important;
}

.fs-acc-main button[type="submit"].w-full {
    min-height: var(--th-btn-h, 48px);
    border-radius: var(--acc-btn-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Profil: iki kart yan yana yalnız geniş içerik alanında */
.fs-acc-profile { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--acc-gap); }
.fs-acc-profile > * { min-width: 0; }
.fs-acc-profile > .rounded-2xl { padding: 20px !important; }

@media (min-width: 640px) {
    .fs-acc-profile > .rounded-2xl { padding: 24px 28px !important; }
}

@media (min-width: 1180px) {
    .fs-acc-profile { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
    .fs-acc-profile > :nth-child(n + 3) { grid-column: 1 / -1; }
}

/* Sipariş listesi */
.fs-acc-orders { display: grid; gap: 12px; }

.fs-acc-order {
    border: 1px solid var(--acc-line);
    border-radius: var(--acc-radius);
    background: var(--acc-card);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.fs-acc-order:hover { border-color: color-mix(in srgb, var(--acc-ink) 22%, var(--acc-line)); }
.fs-acc-order.is-open { box-shadow: 0 6px 24px -12px rgb(15 23 42 / 0.18); }

.fs-acc-order__head { padding: 16px; border-radius: var(--acc-radius); cursor: pointer; outline: none; }

@media (min-width: 640px) {
    .fs-acc-order__head { padding: 20px 24px; }
}

.fs-acc-order__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }

@media (min-width: 720px) {
    .fs-acc-order__grid { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; }
}

.fs-acc-order__id,
.fs-acc-order__idin { min-width: 0; }

.fs-acc-k {
    font-size: calc(12px * var(--th-font-scale, 1));
    font-weight: 500;
    color: var(--acc-muted);
    margin-bottom: 2px;
}

.fs-acc-order__no {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: calc(15px * var(--th-font-scale, 1));
    font-weight: 600;
    letter-spacing: 0.01em;
    overflow-wrap: anywhere;
}

.fs-acc-order__date { margin-top: 4px; font-size: 13px; color: var(--acc-muted); }
.fs-acc-order__meta { display: flex; align-items: center; gap: 12px; min-width: 0; }

.fs-acc-order__facts {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    min-width: 0;
}

.fs-acc-order__amount { font-size: calc(20px * var(--th-font-scale, 1)); font-weight: 700; white-space: nowrap; line-height: 1.2; }
.fs-acc-order__status { min-width: 0; max-width: 100%; }

.fs-acc-order__status > span {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
}

.fs-acc-order__toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--acc-line);
    border-radius: 50%;
    color: var(--acc-ink);
    transition: transform 0.25s ease, background-color 0.15s ease;
}

.fs-acc-order__head:hover .fs-acc-order__toggle { background: var(--acc-soft); }
.fs-acc-order.is-open .fs-acc-order__toggle { transform: rotate(180deg); }

@media (max-width: 719.98px) {
    .fs-acc-order__meta { padding-top: 12px; border-top: 1px dashed var(--acc-line); }
}

.fs-acc-order__body {
    border-top: 1px solid var(--acc-line);
    background: var(--acc-soft);
    border-radius: 0 0 var(--acc-radius) var(--acc-radius);
}

.fs-acc-order__detail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
.fs-acc-order__detail > * { grid-column: auto !important; min-width: 0; }

@media (min-width: 640px) {
    .fs-acc-order__detail { padding: 20px 24px; gap: 20px; }
}

@media (min-width: 1180px) {
    .fs-acc-order__detail { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
}

.fs-acc-order__detail .rounded-xl.border { background-color: var(--acc-card) !important; border-radius: var(--acc-radius) !important; }
.fs-acc-main #ordersSection .ikx-reorder { flex: 0 0 auto; }

/* Kupon ızgarası içerik genişliğine göre akar */
.fs-acc-main #accountCouponsGrid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)) !important; gap: 16px !important; }

@media (prefers-reduced-motion: reduce) {
    .fs-acc-order,
    .fs-acc-order__toggle,
    .fs-acc-tab,
    .fs-acc-nav__item { transition: none; }
}

.fs-account-page.fs-page { padding: 12px 16px 48px; }

@media (min-width: 768px) {
    .fs-account-page.fs-page { padding: 20px 24px 64px; }
}

@media (max-width: 639.98px) {
    .fs-acc-tabs.fs-account-mobile-nav { top: var(--fs-header-h, 56px); }
}