/* ==========================================================================
   Cart Refined — premium commerce flow for sepet / basket-account
   Scoped to body.html-cart so non-cart pages remain untouched.
   ========================================================================== */

body#clean-theme-client.html-cart {
    --cart-primary: #2A62FE;
    --cart-primary-rgb: 42, 98, 254;
    --cart-secondary: #5C65FF;
    --cart-secondary-rgb: 92, 101, 255;
    --cart-ink: #03063a;
    --cart-ink-soft: #1a1f4d;
    --cart-muted: #64748b;
    --cart-surface: #ffffff;
    --cart-surface-2: #f8faff;
    --cart-line: rgba(15, 23, 42, 0.08);
    --cart-line-soft: rgba(15, 23, 42, 0.05);
    --cart-glow: none;
    --cart-shadow-card: 0 10px 28px -18px rgba(15, 23, 42, 0.14);
    --cart-shadow-hover: 0 14px 32px -18px rgba(15, 23, 42, 0.18);
    --cart-gradient: linear-gradient(135deg, #2A62FE 0%, #5C65FF 65%, #7B53FF 120%);
    --cart-gradient-soft: linear-gradient(135deg, rgba(42,98,254,0.08) 0%, rgba(92,101,255,0.05) 100%);
}

/* ----- Atmospheric background ------------------------------------------- */
body#clean-theme-client.html-cart {
    background:
        radial-gradient(1200px 600px at 85% -10%, rgba(92,101,255,0.10), transparent 60%),
        radial-gradient(900px 500px at -10% 10%, rgba(42,98,254,0.08), transparent 60%),
        #f7f8fe !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart {
    background:
        radial-gradient(1200px 600px at 85% -10%, rgba(92,101,255,0.15), transparent 60%),
        radial-gradient(900px 500px at -10% 10%, rgba(42,98,254,0.12), transparent 60%),
        #0b1020 !important;
}

/* ==========================================================================
   1. Progress Stepper (sepet → bilgiler → ödeme)
   ========================================================================== */
body#clean-theme-client.html-cart .cartflow-steps {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0.35rem;
    margin: -1.45rem auto 2.75rem;
    max-width: 780px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 1.75rem;
    box-shadow: 0 22px 40px -30px rgba(15, 23, 42, 0.28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    position: relative;
    z-index: 5;
    overflow: hidden;
}

body#clean-theme-client.html-cart .cartflow-step {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    color: var(--cart-muted);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none;
    position: relative;
    border-radius: 1.25rem;
    transition: color 0.25s ease, background 0.25s ease;
}

body#clean-theme-client.html-cart .cartflow-step:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: var(--cart-line);
}

body#clean-theme-client.html-cart .cartflow-step__dot {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    font-weight: 800;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    flex-shrink: 0;
    transition: all 0.25s ease;
}

body#clean-theme-client.html-cart .cartflow-step--active {
    color: var(--cart-ink);
    background: linear-gradient(135deg, rgba(42,98,254,0.12) 0%, rgba(92,101,255,0.08) 100%);
}

body#clean-theme-client.html-cart .cartflow-step--active .cartflow-step__dot {
    background: var(--cart-primary);
    color: #fff;
    box-shadow: 0 10px 18px -12px rgba(42, 98, 254, 0.7);
}

body#clean-theme-client.html-cart .cartflow-step--done {
    color: var(--cart-ink);
}

body#clean-theme-client.html-cart .cartflow-step--done .cartflow-step__dot {
    background: rgba(23, 198, 83, 0.12);
    color: #17C653;
}

body#clean-theme-client.html-cart .cartflow-step--done .cartflow-step__dot::before {
    content: "\2713";
    font-size: 0.95rem;
}
body#clean-theme-client.html-cart .cartflow-step--done .cartflow-step__dot span { display: none; }

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart .cartflow-steps { margin-top: -0.95rem; border-radius: 1.35rem; padding: 0.28rem; }
    body#clean-theme-client.html-cart .cartflow-step { padding: 0.8rem 0.6rem; font-size: 0.78rem; gap: 0.4rem; }
    body#clean-theme-client.html-cart .cartflow-step__label { display: none; }
    body#clean-theme-client.html-cart .cartflow-step__short { display: inline; }
}
@media (min-width: 576px) {
    body#clean-theme-client.html-cart .cartflow-step__short { display: none; }
}

/* ==========================================================================
   2. Hero — modern, sector-standard page header
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-hero--modern {
    position: relative;
    padding: clamp(6rem, 8vw, 6.9rem) 0 2.35rem;
    background:
        radial-gradient(740px 360px at 10% -25%, rgba(42, 98, 254, 0.11), transparent 60%),
        radial-gradient(860px 380px at 100% -35%, rgba(92, 101, 255, 0.09), transparent 65%),
        linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    border-bottom: 1px solid rgba(15, 23, 42, 0.04);
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--modern::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), rgba(15, 23, 42, 0.028) 100%),
                      linear-gradient(0deg, transparent 0, transparent calc(100% - 1px), rgba(15, 23, 42, 0.028) 100%);
    background-size: 58px 58px;
    mask-image: radial-gradient(circle at 50% 28%, #000 25%, transparent 78%);
    opacity: 0.7;
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-hero--modern::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 120px;
    background: linear-gradient(180deg, rgba(247, 249, 255, 0) 0%, rgba(247, 249, 255, 0.9) 100%);
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__surface {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 1.9rem;
    border: 1px solid rgba(42, 98, 254, 0.08);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 255, 0.92) 100%);
    box-shadow:
        0 28px 70px -42px rgba(15, 23, 42, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__surface::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(42, 98, 254, 0.3), rgba(92, 101, 255, 0.12), transparent 80%);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__glow--primary {
    top: -2.5rem;
    left: -2rem;
    width: 12rem;
    height: 12rem;
    background: radial-gradient(circle, rgba(42, 98, 254, 0.15) 0%, rgba(42, 98, 254, 0) 72%);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__glow--secondary {
    right: -2.5rem;
    bottom: -3rem;
    width: 13rem;
    height: 13rem;
    background: radial-gradient(circle, rgba(92, 101, 255, 0.16) 0%, rgba(92, 101, 255, 0) 72%);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__bar {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 24rem);
    align-items: center;
    gap: clamp(1rem, 2vw, 1.75rem);
    padding: clamp(1.35rem, 2.2vw, 2rem);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__eyebrow-row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.9rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(42, 98, 254, 0.1);
    background: rgba(255, 255, 255, 0.72);
    color: var(--cart-ink-soft);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__eyebrow--accent {
    border-color: rgba(42, 98, 254, 0.18);
    background: rgba(42, 98, 254, 0.08);
    color: var(--cart-primary);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__lead {
    display: flex;
    align-items: flex-start;
    gap: 1.05rem;
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__icon {
    width: 3.75rem;
    height: 3.75rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.15rem;
    background: linear-gradient(135deg, rgba(42, 98, 254, 0.14) 0%, rgba(92, 101, 255, 0.1) 100%);
    border: 1px solid rgba(42, 98, 254, 0.14);
    color: var(--cart-primary);
    font-size: 1.7rem;
    flex-shrink: 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 18px 30px -24px rgba(42, 98, 254, 0.55);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__text {
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__title {
    margin: 0;
    color: var(--cart-ink);
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.05;
    text-align: left;
    max-width: 16ch;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__subtitle {
    margin: 0.55rem 0 0;
    color: var(--cart-muted);
    font-size: clamp(0.95rem, 1.2vw, 1.02rem);
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: 0;
    max-width: 42rem;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.55rem;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(15, 23, 42, 0.06);
    color: var(--cart-ink-soft);
    font-size: 0.83rem;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust-item iconify-icon {
    font-size: 1rem;
    display: inline-block;
    color: var(--cart-primary);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__aside {
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    padding: 1.2rem 1.15rem 1.1rem;
    border-radius: 1.45rem;
    background: linear-gradient(180deg, rgba(6, 14, 38, 0.96) 0%, rgba(20, 31, 77, 0.96) 100%);
    box-shadow: 0 22px 46px -32px rgba(3, 6, 58, 0.65);
    color: #eef2ff;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-top,
body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__progress-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(238, 242, 255, 0.62);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-status {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.74rem;
    font-weight: 700;
    color: #ffffff;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-title {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #ffffff;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-copy {
    margin: 0;
    color: rgba(238, 242, 255, 0.68);
    font-size: 0.88rem;
    line-height: 1.6;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__progress {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__progress-meta {
    color: rgba(238, 242, 255, 0.86);
    font-size: 0.76rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__progress-track {
    position: relative;
    display: block;
    width: 100%;
    height: 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__progress-fill {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #7fb0ff 0%, #5c65ff 55%, #8a63ff 100%);
    box-shadow: 0 0 16px rgba(92, 101, 255, 0.3);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-pill {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 4rem;
    padding: 0.75rem 0.7rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-pill strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-pill span {
    color: rgba(238, 242, 255, 0.66);
    font-size: 0.71rem;
    line-height: 1.45;
}

/* Neutralize ancient --compact dark hero styles if any stale markup ships */
body#clean-theme-client.html-cart .html-cart-hero--compact {
    background: #ffffff !important;
}

/* Dark mode tuning */
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern {
    background:
        radial-gradient(740px 360px at 10% -25%, rgba(92, 101, 255, 0.2), transparent 60%),
        radial-gradient(860px 380px at 100% -35%, rgba(42, 98, 254, 0.16), transparent 65%),
        linear-gradient(180deg, #0b1020 0%, #0f1730 100%);
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__surface {
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(145deg, rgba(13, 20, 40, 0.96) 0%, rgba(10, 17, 35, 0.94) 100%);
    box-shadow:
        0 28px 70px -42px rgba(3, 6, 25, 0.8),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__title {
    color: #eef1ff;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__subtitle {
    color: rgba(238, 241, 255, 0.65);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__eyebrow {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(238, 241, 255, 0.75);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__eyebrow--accent {
    background: rgba(92, 101, 255, 0.18);
    border-color: rgba(146, 159, 255, 0.28);
    color: #dbe3ff;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__icon {
    background: linear-gradient(135deg, rgba(92, 101, 255, 0.25) 0%, rgba(42, 98, 254, 0.15) 100%);
    border-color: rgba(92, 101, 255, 0.35);
    color: #b5c2ff;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust-item {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(238, 241, 255, 0.78);
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart .html-cart-hero--modern {
        padding: clamp(4.85rem, 12vw, 5.8rem) 0 1.7rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__surface {
        border-radius: 1.45rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__bar {
        gap: 0.95rem;
        padding: 1rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__lead {
        gap: 0.8rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__icon {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.45rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__title {
        font-size: clamp(1.35rem, 7vw, 1.7rem);
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__subtitle {
        font-size: 0.9rem;
        line-height: 1.55;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust {
        gap: 0.5rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__trust-item {
        min-height: 2.3rem;
        padding: 0.48rem 0.72rem;
        font-size: 0.77rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-card {
        padding: 1rem 0.95rem;
        border-radius: 1.15rem;
    }
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__signal-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .html-cart-hero--modern .html-cart-hero__bar {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   3. Cart Stage (the left side white "card shell")
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-stage {
    border-radius: 1.25rem !important;
    border: 1px solid var(--cart-line);
    background: var(--cart-surface) !important;
    box-shadow: var(--cart-shadow-card) !important;
    overflow: hidden;
    padding: clamp(1.25rem, 1.75vw, 1.75rem) !important;
}

body#clean-theme-client.html-cart .html-cart-stage::before {
    content: none;
}

/* Stage header — a bold, anchored section title with subtle bottom divider */
body#clean-theme-client.html-cart .html-cart-stage .section-space-xsm-bottom {
    position: relative;
    padding-bottom: 1.1rem !important;
    margin-bottom: 1.25rem !important;
    border-bottom: 1px solid var(--cart-line);
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow-icon {
    background: rgba(var(--cart-primary-rgb), 0.10) !important;
    color: var(--cart-primary) !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 0.7rem !important;
    box-shadow: none !important;
    font-size: 1.1rem;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow h6 {
    color: var(--cart-ink) !important;
    letter-spacing: -0.01em;
    font-weight: 700;
    font-size: 1.05rem;
}

/* Count badge — accent pill */
body#clean-theme-client.html-cart .html-cart-stage .badge.bg-secondary-subtle {
    background: rgba(var(--cart-primary-rgb), 0.09) !important;
    color: var(--cart-primary) !important;
    font-weight: 700;
    padding: 0.5rem 0.9rem !important;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.18);
}

/* Stage footer — "Alışverişe Devam Et" divided from items */
body#clean-theme-client.html-cart .html-cart-stage > .mt-4 {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem;
    border-top: 1px solid var(--cart-line);
}

body#clean-theme-client.html-cart .html-cart-stage__continue {
    border-color: var(--cart-line) !important;
    color: var(--cart-muted) !important;
    font-weight: 600 !important;
    padding: 0.7rem 1.15rem !important;
    border-radius: 0.7rem !important;
    background: transparent !important;
    transition: all 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-stage__continue:hover {
    border-color: rgba(var(--cart-primary-rgb), 0.35) !important;
    color: var(--cart-primary) !important;
    background: rgba(var(--cart-primary-rgb), 0.04) !important;
}

/* "Pakete Dahil" benefits strip — appears inside #item_list so it only shows
   once items have rendered (item_list is display:none until fadeIn). Fills the
   sparse-cart feel with honest, universal hosting package benefits. */

/* ==========================================================================
   4. Cart Item — bold accent edge, micro-interactions
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-item {
    position: relative;
    padding: 1.25rem 1.5rem !important;
    padding-left: 1.75rem !important;
    border: 1px solid var(--cart-line) !important;
    border-radius: 1rem !important;
    background: #ffffff !important;
    box-shadow: var(--cart-shadow-card) !important;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s ease, border-color 0.28s ease;
    overflow: hidden;
}

body#clean-theme-client.html-cart .html-cart-item + .html-cart-item {
    margin-top: 0.9rem;
}

body#clean-theme-client.html-cart .html-cart-item::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--cart-gradient);
    opacity: 0.8;
    transition: opacity 0.28s ease;
}

body#clean-theme-client.html-cart .html-cart-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--cart-shadow-hover) !important;
    border-color: rgba(var(--cart-primary-rgb), 0.2) !important;
}

body#clean-theme-client.html-cart .html-cart-item:hover::before {
    opacity: 1;
    width: 4px;
}

/* Cart-item layout tuning — center-align left/right columns, reduce aside width,
   and center the two children vertically so short main doesn't leave aside dangling */
body#clean-theme-client.html-cart .html-cart-item .html-cart-item__layout {
    align-items: center !important;
    gap: 1.25rem !important;
}

body#clean-theme-client.html-cart .html-cart-item .html-cart-item__aside {
    flex: 0 0 10.5rem !important;
    gap: 0.55rem !important;
    align-items: flex-end !important;
}

/* Badges row — slightly tighter */
body#clean-theme-client.html-cart .html-cart-item .html-cart-item__badges {
    margin-bottom: 0.65rem !important;
    gap: 0.4rem !important;
}

/* Title — bigger but tighter line-height */
body#clean-theme-client.html-cart .html-cart-item .html-cart-item__title {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0 !important;
}

body#clean-theme-client.html-cart .html-cart-item__title {
    color: var(--cart-ink) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-cart .html-cart-item__category {
    background: rgba(var(--cart-primary-rgb), 0.09) !important;
    color: var(--cart-primary) !important;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.14);
    font-size: 0.75rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .html-cart-item__meta {
    color: var(--cart-muted) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.88rem !important;
    background: var(--cart-surface-2);
    border: 1px dashed rgba(15,23,42,0.08);
    padding: 0.35rem 0.7rem;
    border-radius: 0.55rem;
    display: inline-block;
}

body#clean-theme-client.html-cart .html-cart-item__price {
    color: var(--cart-ink) !important;
    font-weight: 800 !important;
    font-size: 1.35rem !important;
    letter-spacing: -0.02em;
    line-height: 1.1 !important;
    text-align: right;
}

body#clean-theme-client.html-cart .html-cart-item__price .currpos-left,
body#clean-theme-client.html-cart .html-cart-item__price .currpos-right {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cart-muted);
    margin: 0 0.2rem;
}

body#clean-theme-client.html-cart .html-cart-period-badge {
    border: 1px solid rgba(var(--cart-primary-rgb), 0.14) !important;
    background: rgba(var(--cart-primary-rgb), 0.05) !important;
    color: var(--cart-ink) !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    padding: 0.45rem 0.9rem !important;
    min-height: 2.35rem;
    box-sizing: border-box;
}

body#clean-theme-client.html-cart .html-cart-period-badge__label {
    display: block;
    line-height: 1 !important;
    transform: translateY(2px);
}

body#clean-theme-client.html-cart .html-cart-period-select {
    border: 1px solid var(--cart-line) !important;
    border-radius: 999px !important;
    background: var(--cart-surface-2) !important;
    font-weight: 600 !important;
    color: var(--cart-ink) !important;
    padding: 0.45rem 2.2rem 0.45rem 0.95rem !important;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-period-select:focus,
body#clean-theme-client.html-cart .html-cart-period-select:hover {
    border-color: rgba(var(--cart-primary-rgb), 0.45) !important;
    box-shadow: 0 0 0 3px rgba(var(--cart-primary-rgb), 0.12) !important;
    outline: none;
}

body#clean-theme-client.html-cart .html-cart-item__discount {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    background: rgba(23, 198, 83, 0.1);
    color: #11823a !important;
    border-radius: 999px;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
}

body#clean-theme-client.html-cart .html-cart-item__discount::before {
    content: "\2605";
    color: #17C653;
}

body#clean-theme-client.html-cart .html-cart-item__remove {
    position: absolute !important;
    top: 0.85rem !important;
    right: 0.9rem !important;
    width: 2rem !important;
    height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #94a3b8 !important;
    border: 1px solid transparent !important;
    border-radius: 0.55rem !important;
    font-size: 1rem !important;
    transition: all 0.2s ease !important;
    z-index: 2;
}

body#clean-theme-client.html-cart .html-cart-item__remove:hover {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #dc2626 !important;
    border-color: rgba(239, 68, 68, 0.15) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Category variants */
body#clean-theme-client.html-cart .html-cart-item .badge.bg-success {
    background: #17C653 !important;
    color: #fff !important;
    padding: 0.4rem 0.75rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700 !important;
    box-shadow: none !important;
}

/* Addon rows */
body#clean-theme-client.html-cart .html-cart-addon,
body#clean-theme-client.html-cart .html-cart-addons {
    border-top: 1px dashed var(--cart-line) !important;
    padding-top: 1rem !important;
    margin-top: 1rem !important;
}

body#clean-theme-client.html-cart .html-cart-addons > span {
    padding: 0.35rem 0;
}

body#clean-theme-client.html-cart .html-cart-addon .form-check-input:checked {
    background-color: var(--cart-primary) !important;
    border-color: var(--cart-primary) !important;
}

/* ==========================================================================
   5. Empty state — illustrative
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-empty-state {
    border: 1px dashed rgba(var(--cart-primary-rgb), 0.22) !important;
    background:
        radial-gradient(800px 200px at 50% -20%, rgba(var(--cart-primary-rgb), 0.10), transparent 70%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.98)) !important;
    border-radius: 1.5rem !important;
    padding: 3rem 2rem !important;
}

body#clean-theme-client.html-cart .html-cart-empty-state__icon {
    background: rgba(var(--cart-primary-rgb), 0.10) !important;
    color: var(--cart-primary) !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart .html-cart-empty-state h6 {
    font-weight: 700;
    color: var(--cart-ink) !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.01em;
}

/* ==========================================================================
   6. Continue Shopping — pill ghost
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-stage__continue {
    border: 1px solid var(--cart-line) !important;
    background: var(--cart-surface) !important;
    color: var(--cart-ink) !important;
    border-radius: 0.75rem !important;
    padding: 0.85rem 1.35rem !important;
    font-weight: 600 !important;
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart .html-cart-stage__continue:hover {
    border-color: rgba(var(--cart-primary-rgb), 0.35) !important;
    color: var(--cart-primary) !important;
    transform: translateX(-2px);
    box-shadow: none !important;
}

/* ==========================================================================
   6b. Checkout detail cards
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-shell {
    margin-top: 0.35rem;
}

body#clean-theme-client.html-cart .html-cart-shell__back-link {
    padding: 0.55rem 0.9rem !important;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.06);
    border: 1px solid rgba(var(--cart-primary-rgb), 0.14);
    color: var(--cart-ink) !important;
    transition: all 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-shell__back-link:hover {
    border-color: rgba(var(--cart-primary-rgb), 0.28);
    background: rgba(var(--cart-primary-rgb), 0.1);
    color: var(--cart-primary) !important;
    transform: translateX(-2px);
}

body#clean-theme-client.html-cart .html-cart-shell--immersive {
    position: relative;
}

body#clean-theme-client.html-cart .html-cart-shell--immersive::before {
    content: "";
    position: absolute;
    inset: 1.25rem 0 auto;
    height: 20rem;
    background:
        radial-gradient(560px 200px at 12% 12%, rgba(var(--cart-primary-rgb), 0.10), transparent 70%),
        radial-gradient(640px 260px at 88% 10%, rgba(17, 198, 83, 0.08), transparent 70%);
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-shell--immersive .container {
    position: relative;
    z-index: 1;
}

body#clean-theme-client.html-cart .html-cart-stage--immersive {
    gap: 1.5rem;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow-text {
    margin-top: 0.4rem;
    color: var(--cart-muted);
    font-size: 0.92rem;
    max-width: 38rem;
}

body#clean-theme-client.html-cart .html-cart-stage__status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    align-items: center;
}

body#clean-theme-client.html-cart .html-cart-stage__status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(17, 198, 83, 0.16);
    background: rgba(17, 198, 83, 0.08);
    color: #11823a;
    font-size: 0.8rem;
    font-weight: 700;
}

body#clean-theme-client.html-cart .html-cart-workspace {
    display: grid;
    gap: 1.25rem;
}

body#clean-theme-client.html-cart .html-cart-workspace__intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.12);
    border-radius: 1.15rem;
    background:
        linear-gradient(135deg, rgba(var(--cart-primary-rgb), 0.05), rgba(17, 198, 83, 0.03)),
        var(--cart-surface);
}

body#clean-theme-client.html-cart .html-cart-workspace__copy h5 {
    margin: 0;
    color: var(--cart-ink);
    font-size: 1.15rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .html-cart-workspace__copy p {
    color: var(--cart-muted);
    font-size: 0.92rem;
    max-width: 40rem;
}

body#clean-theme-client.html-cart .html-cart-workspace__label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.75rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    color: var(--cart-ink-soft);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
}

body#clean-theme-client.html-cart .html-cart-workspace__chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    max-width: 16rem;
}

body#clean-theme-client.html-cart .html-cart-workspace__chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    background: var(--cart-surface);
    border: 1px solid var(--cart-line);
    color: var(--cart-ink);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

body#clean-theme-client.html-cart .html-cart-empty-state--dashboard {
    overflow: hidden;
}

body#clean-theme-client.html-cart .html-cart-empty-state__grid {
    display: grid;
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    align-items: center;
    gap: 1.75rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__media {
    position: relative;
    min-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

body#clean-theme-client.html-cart .html-cart-empty-state__media::before,
body#clean-theme-client.html-cart .html-cart-empty-state__media::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-empty-state__media::before {
    width: 15rem;
    height: 15rem;
    background: radial-gradient(circle, rgba(var(--cart-primary-rgb), 0.14), transparent 70%);
}

body#clean-theme-client.html-cart .html-cart-empty-state__media::after {
    width: 8rem;
    height: 8rem;
    border: 1px dashed rgba(var(--cart-primary-rgb), 0.22);
}

body#clean-theme-client.html-cart .html-cart-empty-state__glow {
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 1.8rem;
    background: linear-gradient(135deg, rgba(var(--cart-primary-rgb), 0.14), rgba(var(--cart-primary-rgb), 0.04));
    transform: rotate(12deg);
}

body#clean-theme-client.html-cart .html-cart-empty-state--dashboard .html-cart-empty-state__icon {
    position: relative;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    z-index: 1;
}

body#clean-theme-client.html-cart .html-cart-empty-state__content {
    display: grid;
    gap: 1rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.36rem 0.78rem;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .html-cart-empty-state__content p {
    margin: 0;
    color: var(--cart-muted);
    font-size: 0.95rem;
    line-height: 1.7;
    max-width: 40rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__actions .btn {
    border-radius: 999px !important;
    padding: 0.85rem 1.2rem !important;
    font-weight: 700 !important;
}

body#clean-theme-client.html-cart .html-cart-empty-state__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__benefits span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 0.95rem;
    border-radius: 999px;
    background: var(--cart-surface);
    border: 1px solid var(--cart-line);
    color: var(--cart-ink);
    font-size: 0.82rem;
    font-weight: 700;
}

body#clean-theme-client.html-cart .html-cart-empty-state__benefits iconify-icon {
    color: var(--cart-primary);
    font-size: 1rem;
}

body#clean-theme-client.html-cart .html-cart-discovery {
    display: grid;
    gap: 1.25rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--cart-line);
}

body#clean-theme-client.html-cart .html-cart-discovery__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

body#clean-theme-client.html-cart .html-cart-discovery__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.76rem;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.65rem;
}

body#clean-theme-client.html-cart .html-cart-discovery__header h5 {
    margin: 0;
    color: var(--cart-ink);
    font-size: 1.25rem;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .html-cart-discovery__header p {
    margin: 0.55rem 0 0;
    color: var(--cart-muted);
    font-size: 0.93rem;
    max-width: 38rem;
    line-height: 1.7;
}

body#clean-theme-client.html-cart .html-cart-discovery__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--cart-primary) !important;
    font-size: 0.9rem;
    font-weight: 700;
    white-space: nowrap;
}

body#clean-theme-client.html-cart .html-cart-discovery .row > [class*="col-"] > div {
    border-color: var(--cart-line) !important;
    border-radius: 1.2rem !important;
    background: var(--cart-surface) !important;
    box-shadow: var(--cart-shadow-card) !important;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

body#clean-theme-client.html-cart .html-cart-discovery .row > [class*="col-"] > div:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--cart-primary-rgb), 0.22) !important;
    box-shadow: var(--cart-shadow-hover) !important;
}

body#clean-theme-client.html-cart .html-cart-discovery .row > [class*="col-"] h4 {
    font-size: 1.15rem;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .html-cart-discovery .row > [class*="col-"] .btn {
    border-radius: 0.9rem !important;
}

body#clean-theme-client.html-cart .html-cart-summary-intro {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.12);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(var(--cart-primary-rgb), 0.05), rgba(17, 198, 83, 0.03)),
        var(--cart-surface);
}

body#clean-theme-client.html-cart .html-cart-summary-intro__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.72rem;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.55rem;
}

body#clean-theme-client.html-cart .html-cart-summary-intro p {
    color: var(--cart-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

body#clean-theme-client.html-cart .html-cart-summary-card__top {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .html-cart-summary-card__icon {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
    background: rgba(var(--cart-primary-rgb), 0.09);
    color: var(--cart-primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-cart .html-cart-summary-card__kicker {
    display: block;
    color: var(--cart-ink);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .html-cart-summary-card__hint {
    margin: 0.15rem 0 0;
    color: var(--cart-muted);
    font-size: 0.84rem;
}

body#clean-theme-client.html-cart #dealership_discounts,
body#clean-theme-client.html-cart #coupon_discounts {
    margin-top: 1rem;
}

body#clean-theme-client.html-cart .html-cart-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
    border-top: 1px dashed var(--cart-line);
}

body#clean-theme-client.html-cart .html-cart-summary-row__label {
    display: grid;
    gap: 0.22rem;
    color: var(--cart-muted);
    font-size: 0.86rem;
}

body#clean-theme-client.html-cart .html-cart-summary-row__label strong {
    color: var(--cart-ink);
}

body#clean-theme-client.html-cart .html-cart-summary-row__label span {
    color: var(--cart-muted);
    font-size: 0.82rem;
}

body#clean-theme-client.html-cart .html-cart-summary-row__value {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    color: #11823a;
    font-weight: 700;
    text-align: right;
}

body#clean-theme-client.html-cart .html-cart-summary-row__value .amount_spot_view {
    white-space: nowrap;
}

body#clean-theme-client.html-cart .html-cart-summary-row__delete {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626 !important;
    font-size: 0.92rem;
    transition: background 0.2s ease, transform 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-summary-row__delete:hover {
    background: rgba(239, 68, 68, 0.14);
    transform: translateY(-1px);
}

body#clean-theme-client.html-cart .html-cart-summary-footnote {
    margin-top: 0.95rem;
    color: var(--cart-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

body#clean-theme-client.html-cart .html-cart-sidekick {
    display: grid;
    gap: 1rem;
}

body#clean-theme-client.html-cart .html-cart-sidekick-card {
    border: 1px solid var(--cart-line);
    border-radius: 1.25rem;
    box-shadow: var(--cart-shadow-card);
    background:
        radial-gradient(460px 180px at 100% 0%, rgba(var(--cart-primary-rgb), 0.08), transparent 75%),
        var(--cart-surface);
    padding: 1.3rem;
}

body#clean-theme-client.html-cart .html-cart-sidekick-card__icon {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
    background: rgba(var(--cart-primary-rgb), 0.09);
    color: var(--cart-primary);
    font-size: 1.2rem;
    margin-bottom: 0.95rem;
}

body#clean-theme-client.html-cart .html-cart-sidekick-card h6 {
    color: var(--cart-ink);
    font-size: 1.02rem;
    margin-bottom: 0.55rem;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-cart .html-cart-sidekick-card p {
    color: var(--cart-muted);
    font-size: 0.9rem;
    line-height: 1.65;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .html-cart-stage--stacked,
body#clean-theme-client.html-cart .html-cart-stage {
    display: grid;
    gap: 1rem;
    align-content: start;
}

body#clean-theme-client.html-cart .html-cart-stage > .section-space-xsm-bottom {
    margin-bottom: 0 !important;
}

body#clean-theme-client.html-cart .html-cart-card {
    background: var(--cart-surface);
    border: 1px solid var(--cart-line);
    border-radius: 1rem;
    box-shadow: var(--cart-shadow-card);
    overflow: hidden;
}

body#clean-theme-client.html-cart .html-cart-card__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--cart-line);
}

body#clean-theme-client.html-cart .html-cart-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    background: rgba(var(--cart-primary-rgb), 0.09);
    color: var(--cart-primary);
    font-size: 1.15rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-cart .html-cart-card__title {
    margin: 0;
    color: var(--cart-ink);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-cart .html-cart-card__body {
    padding: 1.25rem;
}

body#clean-theme-client.html-cart .html-cart-card__body .form-control,
body#clean-theme-client.html-cart .html-cart-card__body .form-select {
    min-height: 3rem;
    border-radius: 0.85rem;
    border: 1px solid var(--cart-line);
    background: var(--cart-surface-2);
    color: var(--cart-ink);
    box-shadow: none;
}

body#clean-theme-client.html-cart .html-cart-card__body .form-control:focus,
body#clean-theme-client.html-cart .html-cart-card__body .form-select:focus {
    border-color: rgba(var(--cart-primary-rgb), 0.45);
    background: var(--cart-surface);
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.12);
}

body#clean-theme-client.html-cart .html-cart-card__body .btn-outline-primary {
    border-color: rgba(var(--cart-primary-rgb), 0.2);
    color: var(--cart-primary);
}

body#clean-theme-client.html-cart .html-cart-card__body .btn-outline-primary:hover {
    background: var(--cart-primary);
    border-color: var(--cart-primary);
    color: #fff;
}

body#clean-theme-client.html-cart .html-cart-card__body .form-check-input:checked {
    background-color: var(--cart-primary);
    border-color: var(--cart-primary);
}

body#clean-theme-client.html-cart .html-cart-loader {
    min-height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--cart-line);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.7);
}

body#clean-theme-client.html-cart .html-cart-loader .spinner {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(var(--cart-primary-rgb), 0.18);
    border-top-color: var(--cart-primary);
    border-radius: 50%;
    animation: cartflowSpin 0.85s linear infinite;
}

body#clean-theme-client.html-cart #payment_methods {
    display: grid;
    gap: 0.8rem;
}

body#clean-theme-client.html-cart #payment_methods input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body#clean-theme-client.html-cart #payment_methods .checkbox-custom-label {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--cart-line);
    background: var(--cart-surface);
    color: var(--cart-ink-soft);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body#clean-theme-client.html-cart #payment_methods .checkbox-custom-label::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 2px solid rgba(var(--cart-primary-rgb), 0.25);
    background: transparent;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

body#clean-theme-client.html-cart #payment_methods .checkbox-custom-label strong {
    color: var(--cart-ink);
}

body#clean-theme-client.html-cart #payment_methods input[type="radio"]:checked + .checkbox-custom-label {
    border-color: rgba(var(--cart-primary-rgb), 0.4);
    background: rgba(var(--cart-primary-rgb), 0.05);
    box-shadow: 0 0 0 3px rgba(var(--cart-primary-rgb), 0.08);
}

body#clean-theme-client.html-cart #payment_methods input[type="radio"]:checked + .checkbox-custom-label::before {
    border-color: var(--cart-primary);
    background: radial-gradient(circle at center, var(--cart-primary) 0 48%, #fff 54% 100%);
}

body#clean-theme-client.html-cart #no_address_selected {
    border-radius: 0.95rem;
    border: 1px dashed rgba(255, 177, 0, 0.35);
    background: rgba(255, 177, 0, 0.08);
    color: #996300;
}

body#clean-theme-client.html-cart #sendbta,
body#clean-theme-client.html-cart #haveAddress,
body#clean-theme-client.html-cart #newAddress {
    border-radius: 1rem;
}

body#clean-theme-client.html-cart .html-cart-card--gateway .btn-success {
    background: var(--cart-primary) !important;
    border-color: var(--cart-primary) !important;
    box-shadow: none !important;
}

/* ==========================================================================
   7. Summary card — premium sticky
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-summary-card,
body#clean-theme-client.html-cart .html-cart-summary-loader {
    border: 1px solid var(--cart-line) !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--cart-shadow-card) !important;
    padding: clamp(1.5rem, 2vw, 2rem) !important;
    position: relative;
    overflow: hidden;
}

body#clean-theme-client.html-cart .html-cart-summary-card::before {
    content: none;
}

body#clean-theme-client.html-cart .html-cart-summary-stack {
    position: sticky;
    top: 7.25rem;
}

body#clean-theme-client.html-cart .html-cart-summary-card h6:first-of-type {
    color: var(--cart-ink) !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed var(--cart-line);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-cart .html-cart-summary-card h6:first-of-type::before {
    content: "";
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--cart-gradient);
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.15);
}

body#clean-theme-client.html-cart .html-cart-summary-card #total-amount {
    color: var(--cart-ink) !important;
    font-weight: 700;
    font-size: 1.05rem;
}

/* Coupon toggle */
body#clean-theme-client.html-cart .html-cart-summary-coupon .link {
    color: var(--cart-primary) !important;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: rgba(var(--cart-primary-rgb), 0.06);
    border: 1px dashed rgba(var(--cart-primary-rgb), 0.3);
    transition: all 0.2s ease;
    display: inline-flex !important;
}

body#clean-theme-client.html-cart .html-cart-summary-coupon .link:hover {
    background: rgba(var(--cart-primary-rgb), 0.12);
    border-style: solid;
}

body#clean-theme-client.html-cart #kuponkodu input.form-control {
    border-radius: 999px;
    border: 1px solid var(--cart-line);
    padding: 0.6rem 1rem;
    background: var(--cart-surface-2);
    font-weight: 600;
}

body#clean-theme-client.html-cart #kuponkodu input.form-control:focus {
    border-color: rgba(var(--cart-primary-rgb), 0.5);
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.12);
    outline: none;
}

/* Grand Total */
body#clean-theme-client.html-cart .html-cart-summary-total {
    border-top: 1px dashed var(--cart-line) !important;
    margin-top: 1.5rem !important;
    padding-top: 1.5rem !important;
}

body#clean-theme-client.html-cart .html-cart-summary-total h6 {
    color: var(--cart-ink) !important;
    font-weight: 700;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-cart .html-cart-summary-total #total-amount-payable {
    background: var(--cart-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800 !important;
    font-size: 1.75rem !important;
    letter-spacing: -0.03em;
}

body#clean-theme-client.html-cart .html-cart-summary-total #total-amount-payable .currpos-left,
body#clean-theme-client.html-cart .html-cart-summary-total #total-amount-payable .currpos-right {
    font-size: 0.95rem;
    font-weight: 700;
}

/* Continue CTA — corporate solid, homepage-aligned */
body#clean-theme-client.html-cart #continue_go,
body#clean-theme-client.html-cart .html-cart-summary-actions .btn-secondary {
    background: var(--cart-primary) !important;
    border: none !important;
    border-radius: 0.75rem !important;
    padding: 0.85rem 1.5rem !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    box-shadow: none !important;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
    position: relative;
    overflow: hidden;
}

body#clean-theme-client.html-cart #continue_go::after,
body#clean-theme-client.html-cart .html-cart-summary-actions .btn-secondary::after {
    content: "\2192";
    margin-left: 0.5rem;
    display: inline-block;
    transition: transform 0.2s ease;
}

body#clean-theme-client.html-cart #continue_go:hover,
body#clean-theme-client.html-cart .html-cart-summary-actions .btn-secondary:hover {
    background: #1f53e3 !important;
    box-shadow: 0 8px 20px -10px rgba(15, 23, 42, 0.18) !important;
    transform: translateY(-1px);
}

body#clean-theme-client.html-cart #continue_go:hover::after,
body#clean-theme-client.html-cart .html-cart-summary-actions .btn-secondary:hover::after {
    transform: translateX(3px);
}

body#clean-theme-client.html-cart #continue_block {
    background: rgba(15, 23, 42, 0.06) !important;
    color: rgba(15, 23, 42, 0.55) !important;
    border-radius: 0.75rem !important;
    padding: 0.85rem 1.5rem !important;
    font-weight: 600 !important;
}

/* Discount / tax rows */
body#clean-theme-client.html-cart #dealership_discounts > div,
body#clean-theme-client.html-cart #coupon_discounts > div,
body#clean-theme-client.html-cart #tax_content > div {
    border-top: 1px dashed var(--cart-line) !important;
    padding: 0.75rem 0 !important;
}

body#clean-theme-client.html-cart #dealership_discounts .text-success,
body#clean-theme-client.html-cart #coupon_discounts .text-success {
    color: #11823a !important;
    background: rgba(17, 198, 83, 0.1);
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-weight: 700;
}

/* ==========================================================================
   8. Trust strip — below summary
   ========================================================================== */
body#clean-theme-client.html-cart .cartflow-assurance {
    margin-top: 1rem;
    border: 1px solid var(--cart-line);
    border-radius: 1.25rem;
    background: var(--cart-surface);
    box-shadow: var(--cart-shadow-card);
    padding: 1.25rem 1.25rem;
    display: grid;
    gap: 0.85rem;
}

body#clean-theme-client.html-cart .cartflow-assurance__row {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.88rem;
    color: var(--cart-ink-soft);
    font-weight: 600;
}

body#clean-theme-client.html-cart .cartflow-assurance__icon {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.7rem;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.1rem;
}

body#clean-theme-client.html-cart .cartflow-assurance__row--success .cartflow-assurance__icon {
    background: rgba(17, 198, 83, 0.1);
    color: #17C653;
}

body#clean-theme-client.html-cart .cartflow-assurance__row--gold .cartflow-assurance__icon {
    background: rgba(255, 177, 0, 0.12);
    color: #e59a00;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .html-cart-stage__status {
        justify-content: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-summary-stack {
        position: static;
        top: auto;
    }

    body#clean-theme-client.html-cart .html-cart-empty-state__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .html-cart-workspace__intro,
    body#clean-theme-client.html-cart .html-cart-discovery__header {
        flex-direction: column;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-workspace__chips {
        justify-content: flex-start;
        max-width: none;
    }

    body#clean-theme-client.html-cart .html-cart-empty-state--dashboard {
        padding: 2rem 1.25rem !important;
    }

    body#clean-theme-client.html-cart .html-cart-empty-state__content,
    body#clean-theme-client.html-cart .html-cart-empty-state__content p {
        text-align: center;
    }

    body#clean-theme-client.html-cart .html-cart-empty-state__eyebrow,
    body#clean-theme-client.html-cart .html-cart-empty-state__actions,
    body#clean-theme-client.html-cart .html-cart-empty-state__benefits {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    body#clean-theme-client.html-cart .html-cart-summary-row {
        flex-direction: column;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-summary-row__value {
        justify-content: flex-start;
        text-align: left;
    }
}

/* ==========================================================================
   9. Loaders
   ========================================================================== */
body#clean-theme-client.html-cart #basket_loader .spinner,
body#clean-theme-client.html-cart #OrderSummary_loader .spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(var(--cart-primary-rgb), 0.18);
    border-top-color: var(--cart-primary);
    border-radius: 50%;
    animation: cartflowSpin 0.85s linear infinite;
    margin: 0 auto;
}

@keyframes cartflowSpin { to { transform: rotate(360deg); } }

body#clean-theme-client.html-cart #basket_loader {
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    background: rgba(255,255,255,0.7);
    border: 1px dashed var(--cart-line);
    backdrop-filter: blur(4px);
}
body#clean-theme-client.html-cart #basket_loader[style*="display: none"],
body#clean-theme-client.html-cart #basket_loader[style*="display:none"] {
    display: none !important;
}

/* ==========================================================================
   10. Staggered entry animations for cart items
   ========================================================================== */
body#clean-theme-client.html-cart .html-cart-item {
    animation: cartflowItemIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
body#clean-theme-client.html-cart #item_list > .html-cart-item:nth-child(1) { animation-delay: 0.02s; }
body#clean-theme-client.html-cart #item_list > .html-cart-item:nth-child(2) { animation-delay: 0.07s; }
body#clean-theme-client.html-cart #item_list > .html-cart-item:nth-child(3) { animation-delay: 0.13s; }
body#clean-theme-client.html-cart #item_list > .html-cart-item:nth-child(4) { animation-delay: 0.2s; }
body#clean-theme-client.html-cart #item_list > .html-cart-item:nth-child(n+5) { animation-delay: 0.25s; }

@keyframes cartflowItemIn {
    from { opacity: 0; transform: translateY(10px) scale(0.99); }
    to   { opacity: 1; transform: none; }
}

/* ==========================================================================
   11. Account Gate (basket-account.php) refinements
   ========================================================================== */
body#clean-theme-client.html-cart .account-gate-hero {
    position: relative;
    margin-top: -1rem;
    padding: clamp(3rem, 6vw, 5rem) 0 clamp(4rem, 7vw, 7rem);
    background:
        radial-gradient(700px 300px at 15% -20%, rgba(123, 83, 255, 0.35), transparent 60%),
        radial-gradient(900px 400px at 110% 120%, rgba(42, 98, 254, 0.5), transparent 65%),
        linear-gradient(135deg, #0b1020 0%, #141a3c 55%, #1d2563 130%);
    overflow: hidden;
}

body#clean-theme-client.html-cart .account-gate-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.45), transparent 75%);
    pointer-events: none;
}

body#clean-theme-client.html-cart .account-gate-hero__panel {
    position: relative;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 1rem;
    text-align: center;
    color: #fff;
}

body#clean-theme-client.html-cart .account-gate-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.85);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .account-gate-hero__eyebrow::before {
    content: "";
    width: 0.45rem; height: 0.45rem;
    border-radius: 50%;
    background: #17C653;
    box-shadow: 0 0 0 4px rgba(23,198,83,0.25);
    animation: cartflowPulse 1.6s ease-in-out infinite;
}

@keyframes cartflowPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.7; }
}

body#clean-theme-client.html-cart .account-gate-hero__title {
    font-size: clamp(1.75rem, 3.2vw, 2.6rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.72) 140%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0 0 1rem;
}

body#clean-theme-client.html-cart .account-gate-hero__copy {
    color: rgba(255,255,255,0.7);
    font-size: 1rem;
    line-height: 1.65;
    margin: 0 auto 1.25rem;
    max-width: 58ch;
}

body#clean-theme-client.html-cart .account-gate-hero__points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-cart .account-gate-hero__points li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.88);
    font-size: 0.85rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
}

body#clean-theme-client.html-cart .account-gate-hero__points li::before {
    content: "\2713";
    color: #17C653;
    font-weight: 800;
}

/* Account gate main shell */
body#clean-theme-client.html-cart .account-gate-page {
    margin-top: -5rem;
    z-index: 3;
}

body#clean-theme-client.html-cart .account-gate-shell__back-link {
    color: rgba(255,255,255,0.9) !important;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.18);
    padding: 0.45rem 0.95rem !important;
    border-radius: 999px;
    transition: all 0.2s ease !important;
}

body#clean-theme-client.html-cart .account-gate-shell__back-link:hover {
    background: #fff;
    color: var(--cart-primary) !important;
    transform: translateX(-3px);
}

body#clean-theme-client.html-cart .account-gate-auth {
    background: #fff;
    border: 1px solid var(--cart-line);
    border-radius: 1.75rem;
    box-shadow: 0 40px 90px -40px rgba(15, 23, 42, 0.3);
    overflow: hidden;
    position: relative;
}

body#clean-theme-client.html-cart .account-gate-auth::before {
    content: none;
}

body#clean-theme-client.html-cart .account-gate-auth__intro {
    padding: 1.5rem 1.75rem 0;
}

body#clean-theme-client.html-cart .account-gate-auth__eyebrow {
    display: inline-flex;
    padding: 0.35rem 0.8rem;
    background: rgba(var(--cart-primary-rgb), 0.08);
    color: var(--cart-primary);
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
}

body#clean-theme-client.html-cart .account-gate-auth__copy {
    color: var(--cart-ink-soft);
    font-size: 0.95rem;
    margin: 0;
}

/* Auth segmented toggle */
body#clean-theme-client.html-cart .checkout-segmented--auth {
    margin: 1.25rem 1.75rem 0 !important;
    padding: 0.3rem !important;
    background: var(--cart-surface-2) !important;
    border: 1px solid var(--cart-line) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    gap: 0.2rem;
    max-width: none !important;
    width: auto !important;
    border-bottom: 1px solid var(--cart-line) !important;
}

body#clean-theme-client.html-cart .checkout-segmented--auth .checkout-segmented__item {
    padding: 0.55rem 1.2rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--cart-muted) !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
}

body#clean-theme-client.html-cart .checkout-segmented--auth .checkout-segmented__item:hover {
    color: var(--cart-ink) !important;
}

body#clean-theme-client.html-cart .checkout-segmented--auth .checkout-segmented__item--active,
body#clean-theme-client.html-cart .checkout-segmented--auth .checkout-segmented__item.active {
    background: #fff !important;
    color: var(--cart-ink) !important;
    box-shadow: 0 8px 20px -8px rgba(15, 23, 42, 0.15) !important;
}

/* Account gate summary card (right side) */
body#clean-theme-client.html-cart .account-gate-summary {
    background: #fff;
    border: 1px solid var(--cart-line);
    border-radius: 1.5rem;
    box-shadow: 0 40px 90px -40px rgba(15, 23, 42, 0.25);
    overflow: hidden;
    position: relative;
    padding: 1.5rem;
}

body#clean-theme-client.html-cart .account-gate-summary::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: var(--cart-gradient);
}

body#clean-theme-client.html-cart .account-gate-summary__eyebrow {
    display: inline-flex;
    padding: 0.35rem 0.8rem;
    background: rgba(var(--cart-primary-rgb), 0.09);
    color: var(--cart-primary);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.65rem;
}

body#clean-theme-client.html-cart .account-gate-summary__title {
    color: var(--cart-ink) !important;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    margin: 0 0 0.35rem;
}

body#clean-theme-client.html-cart .account-gate-summary__copy {
    color: var(--cart-muted);
    font-size: 0.88rem;
    margin: 0 0 1rem;
}

body#clean-theme-client.html-cart .account-gate-summary__rows > * + * {
    border-top: 1px dashed var(--cart-line);
    padding-top: 0.8rem;
    margin-top: 0.8rem;
}

body#clean-theme-client.html-cart .account-gate-summary__total {
    margin-top: 1.2rem;
    padding: 1rem;
    background: var(--cart-primary);
    border-radius: 0.75rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
}

body#clean-theme-client.html-cart .account-gate-summary__total-label {
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.92;
}

body#clean-theme-client.html-cart .account-gate-summary__total-value {
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .account-gate-summary__note {
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    background: var(--cart-surface-2);
    border: 1px solid var(--cart-line);
    border-radius: 1rem;
    color: var(--cart-ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

body#clean-theme-client.html-cart .account-gate-summary__benefits {
    margin: 0.8rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}

body#clean-theme-client.html-cart .account-gate-summary__benefits li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--cart-ink-soft);
    font-size: 0.87rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart .account-gate-summary__benefits li::before {
    content: "\2713";
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: rgba(17, 198, 83, 0.12);
    color: #17C653;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    flex-shrink: 0;
}

/* ==========================================================================
   12. Responsive refinements
   ========================================================================== */
@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .html-cart-item__layout {
        flex-direction: column;
        gap: 1rem;
    }
    body#clean-theme-client.html-cart .html-cart-item__aside {
        flex: 1 1 100%;
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body#clean-theme-client.html-cart .html-cart-item__period {
        width: auto;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart .html-cart-item {
        padding: 1.25rem !important;
        border-radius: 1rem !important;
    }
    body#clean-theme-client.html-cart .html-cart-item__price {
        font-size: 1.3rem !important;
    }
    body#clean-theme-client.html-cart .html-cart-summary-total #total-amount-payable {
        font-size: 1.5rem !important;
    }
    body#clean-theme-client.html-cart .account-gate-auth__intro,
    body#clean-theme-client.html-cart .checkout-segmented--auth {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

/* ==========================================================================
   13. Dark mode polish
   ========================================================================== */
html[data-bs-theme="dark"] body#clean-theme-client.html-cart {
    --cart-surface: #111633;
    --cart-surface-2: #0e1229;
    --cart-line: rgba(255, 255, 255, 0.08);
    --cart-line-soft: rgba(255, 255, 255, 0.05);
    --cart-ink: #eef1ff;
    --cart-ink-soft: #c7cbe5;
    --cart-muted: #8e96b8;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-item,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-stage,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-card,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-summary-card,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-summary-intro,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-sidekick-card,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .account-gate-auth,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .account-gate-summary,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .cartflow-steps,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .cartflow-assurance {
    background: #111633 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-workspace__intro,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-discovery .row > [class*="col-"] > div,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-empty-state__benefits span,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-workspace__chips span {
    background: #111633 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-empty-state {
    background:
        radial-gradient(800px 200px at 50% -20%, rgba(42, 98, 254, 0.16), transparent 70%),
        linear-gradient(180deg, rgba(17, 22, 51, 0.98), rgba(14, 18, 41, 0.98)) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-stage__continue {
    background: #0e1229 !important;
    color: #eef1ff !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-loader,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart #payment_methods .checkbox-custom-label,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-card__body .form-control,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .html-cart-card__body .form-select {
    background: #0e1229 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #eef1ff !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart #payment_methods input[type="radio"]:checked + .checkbox-custom-label {
    background: rgba(42, 98, 254, 0.18) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-cart #no_address_selected {
    background: rgba(255, 177, 0, 0.14);
    color: #ffd37a;
}

/* ============================================================
   ORDER-STEPS REFINEMENT
   Uplifts inline .classic-order-flow styling on order-steps-*
   pages to the modern blue gradient palette used across the
   redesigned basket flow. Scoped to body#clean-theme-client.html-cart
   so it only applies inside the cart flow. Backend class hooks
   (ilanasamax, orderperiodblock, skonfigside, etc.) preserved.
   ============================================================ */

body#clean-theme-client.html-cart .classic-order-flow {
    --flow-accent: var(--cart-primary) !important;
    --flow-accent-soft: rgba(42, 98, 254, 0.12) !important;
    --flow-border: rgba(42, 98, 254, 0.12) !important;
    --flow-shadow: 0 24px 60px rgba(42, 98, 254, 0.10) !important;
    color: #0f1836 !important;
}

body#clean-theme-client.html-cart .classic-order-flow .pakettitle h1 {
    color: var(--cart-heading, #03063a) !important;
    letter-spacing: -0.01em !important;
}
body#clean-theme-client.html-cart .classic-order-flow .pakettitle .line {
    background: var(--cart-gradient, linear-gradient(90deg, #2A62FE, #5C65FF)) !important;
    height: 4px !important;
    border-radius: 999px !important;
}
body#clean-theme-client.html-cart .classic-order-flow .pakettitle h2 {
    color: var(--cart-body, #616a72) !important;
}

/* Sub-step indicator — read as a sub-flow under the outer cartflow-steps, not a peer */
body#clean-theme-client.html-cart .classic-order-flow .ilanasamalar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 10px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 18px !important;
    position: relative !important;
    overflow: hidden !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamalar::before {
    content: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax {
    flex: 1 1 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 4px 10px !important;
    min-height: auto !important;
    text-align: left !important;
    color: var(--cart-muted, #8e96b8) !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0 !important;
    transform: none !important;
    position: relative !important;
    transition: color 0.25s ease !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax > div[align="center"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: left !important;
    width: 100% !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax h3 {
    position: relative !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #eef1ff !important;
    color: var(--cart-primary, #2A62FE) !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(42, 98, 254, 0.18) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax .clear {
    display: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax + .ilanasamax::before {
    content: "" !important;
    position: absolute !important;
    left: -6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 2px !important;
    background: repeating-linear-gradient(90deg, rgba(42, 98, 254, 0.22) 0 4px, transparent 4px 8px) !important;
    border-radius: 2px !important;
    pointer-events: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax[id="asamaaktif"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    color: var(--cart-heading, #03063a) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ilanasamax[id="asamaaktif"] h3 {
    background: var(--cart-primary, #2A62FE) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    animation: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .asamaline {
    display: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamalar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    width: min(100%, 58rem) !important;
    margin: 0 auto 2.25rem !important;
    padding: 0.5rem !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 1.25rem !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamalar::before,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax + .ilanasamax::before {
    content: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #64748b !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    position: relative !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: -0.75rem !important;
    top: 50% !important;
    width: 0.75rem !important;
    height: 2px !important;
    background: rgba(42, 98, 254, 0.16) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax > .classic-order-flow__step-inner,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax > div[align="center"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.65rem !important;
    width: 100% !important;
    min-height: 3.35rem !important;
    padding: 0.65rem 0.8rem !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 1rem !important;
    color: inherit !important;
    text-align: left !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax h3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(42, 98, 254, 0.18) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--cart-primary, #2A62FE) !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .classic-order-flow__step-label {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax.is-complete {
    color: #475569 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax.is-complete h3 {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.18) !important;
    color: #16a34a !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax.is-active > .classic-order-flow__step-inner,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax[id="asamaaktif"] > div[align="center"] {
    background: #eef4ff !important;
    border-color: rgba(42, 98, 254, 0.24) !important;
    color: var(--cart-heading, #03063a) !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax.is-active h3,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax[id="asamaaktif"] h3 {
    background: var(--cart-primary, #2A62FE) !important;
    border-color: var(--cart-primary, #2A62FE) !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamalar {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax:not(:last-child)::after {
        content: none !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax > .classic-order-flow__step-inner,
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .ilanasamax > div[align="center"] {
        justify-content: flex-start !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .classic-order-flow__step-label {
        white-space: normal !important;
    }
}

/* Form surfaces: soften to modern card aesthetic */
body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > form,
body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > .domainsec,
body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > .sunucukonfigurasyonu,
body#clean-theme-client.html-cart .classic-order-flow form > .sunucukonfigurasyonu {
    background: #ffffff !important;
    border: 1px solid var(--cart-line, rgba(15, 23, 42, 0.08)) !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--cart-shadow-card) !important;
    padding: 28px !important;
}

body#clean-theme-client.html-cart .classic-order-flow input[type="text"],
body#clean-theme-client.html-cart .classic-order-flow input[type="password"],
body#clean-theme-client.html-cart .classic-order-flow input[type="number"],
body#clean-theme-client.html-cart .classic-order-flow input[type="email"],
body#clean-theme-client.html-cart .classic-order-flow input[type="file"],
body#clean-theme-client.html-cart .classic-order-flow select,
body#clean-theme-client.html-cart .classic-order-flow textarea {
    border: 1px solid rgba(15, 24, 54, 0.10) !important;
    border-radius: 14px !important;
    background: #fafbff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}
body#clean-theme-client.html-cart .classic-order-flow input:focus,
body#clean-theme-client.html-cart .classic-order-flow select:focus,
body#clean-theme-client.html-cart .classic-order-flow textarea:focus {
    border-color: var(--cart-primary, #2A62FE) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(42, 98, 254, 0.12) !important;
}

/* Period selection cards */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock {
    background: #ffffff !important;
    border: 1px solid var(--cart-line, rgba(15, 23, 42, 0.08)) !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--cart-shadow-card) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock h2 {
    color: var(--cart-ink, #03063a) !important;
    -webkit-text-fill-color: initial !important;
    background: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock:hover {
    border-color: rgba(42, 98, 254, 0.28) !important;
    box-shadow: var(--cart-shadow-hover) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock.active {
    border-color: var(--cart-primary, #2A62FE) !important;
    box-shadow: 0 0 0 2px rgba(42, 98, 254, 0.14) inset, var(--cart-shadow-card) !important;
    background: #f7f9ff !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock.active .periodselectbox {
    background: var(--cart-primary, #2A62FE) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .ribbonperiod span {
    background: linear-gradient(135deg, #17C653 0%, #0e9a3f 100%) !important;
    box-shadow: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .periodselectbox {
    border-color: rgba(42, 98, 254, 0.16) !important;
    color: var(--cart-primary, #2A62FE) !important;
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Submit buttons aligned to modern gradient pill */
body#clean-theme-client.html-cart .classic-order-flow .gonderbtn,
body#clean-theme-client.html-cart .classic-order-flow .btn {
    background: var(--cart-primary, #2A62FE) !important;
    box-shadow: none !important;
    border-radius: 0.75rem !important;
    letter-spacing: 0.01em !important;
}
body#clean-theme-client.html-cart .classic-order-flow .gonderbtn:hover,
body#clean-theme-client.html-cart .classic-order-flow .btn:hover {
    background: #1f53e3 !important;
    box-shadow: 0 8px 20px -10px rgba(15, 23, 42, 0.18) !important;
    transform: translateY(-1px) !important;
}

/* Server configuration side panel: clean cart.html aesthetic */
body#clean-theme-client.html-cart .classic-order-flow .skonfigside {
    background: #ffffff !important;
    color: #0f1836 !important;
    border-radius: 0.75rem !important;
    border: 1px solid rgba(15, 24, 54, 0.08) !important;
    box-shadow: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .skonfigside h4,
body#clean-theme-client.html-cart .classic-order-flow .skonfigside h3,
body#clean-theme-client.html-cart .classic-order-flow .skonfigside strong,
body#clean-theme-client.html-cart .classic-order-flow .skonfigside span {
    color: #0f1836 !important;
}
body#clean-theme-client.html-cart .classic-order-flow .skonfigside .line {
    background: rgba(15, 24, 54, 0.08) !important;
}
body#clean-theme-client.html-cart .classic-order-flow #service_amounts span {
    border-bottom: 1px solid rgba(15, 24, 54, 0.06) !important;
}

/* Accordion chevrons match brand */
body#clean-theme-client.html-cart .classic-order-flow .domainsec .ui-accordion-header {
    border-radius: 14px !important;
    border-color: rgba(42, 98, 254, 0.12) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .domainsec .ui-accordion-header::after {
    color: var(--cart-primary, #2A62FE) !important;
}
body#clean-theme-client.html-cart .classic-order-flow .domainsec .ui-accordion-header.ui-state-active {
    background: linear-gradient(90deg, #ffffff, #eef2ff) !important;
    color: var(--cart-heading, #03063a) !important;
}

/* Domain query card */
body#clean-theme-client.html-cart .classic-order-flow .alanadisorgu {
    background: linear-gradient(160deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid rgba(42, 98, 254, 0.10) !important;
    border-radius: 20px !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-content {
    overflow: hidden !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-content.ui-accordion-content-active {
    overflow: hidden !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu h5 {
    grid-column: 1 / -1 !important;
    display: block !important;
    float: none !important;
    max-width: 50rem !important;
    margin: 0 auto 0.35rem !important;
    padding: 0.9rem 1rem !important;
    background: #f8fafc !important;
    border: 1px solid rgba(42, 98, 254, 0.12) !important;
    border-radius: 0.875rem !important;
    color: #475569 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu {
    width: min(100%, 68rem) !important;
    margin-inline: auto !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 {
    text-align: center !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 2.75rem !important;
    padding: 0.75rem 1.1rem !important;
    background: rgba(42, 98, 254, 0.08) !important;
    border: 1px solid rgba(42, 98, 254, 0.18) !important;
    border-radius: 0.75rem !important;
    color: var(--cart-primary, #2A62FE) !important;
    box-shadow: none !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-text-fill-color: var(--cart-primary, #2A62FE) !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 a:hover,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 a:focus {
    background: rgba(42, 98, 254, 0.12) !important;
    border-color: rgba(42, 98, 254, 0.26) !important;
    color: #1f53e3 !important;
    text-decoration: none !important;
    -webkit-text-fill-color: #1f53e3 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu .gonderbtn,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn {
    background: var(--cart-primary, #2A62FE) !important;
    border-color: var(--cart-primary, #2A62FE) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu .gonderbtn:hover,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu .gonderbtn:focus,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn:hover,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn:focus {
    background: #1f53e3 !important;
    border-color: #1f53e3 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow #result_dns {
    border-radius: 18px !important;
    border: 1px dashed rgba(42, 98, 254, 0.28) !important;
    background: #f7f9ff !important;
    color: var(--cart-body, #616a72) !important;
}
body#clean-theme-client.html-cart .classic-order-flow #dns_list span {
    background: rgba(42, 98, 254, 0.08) !important;
    color: var(--cart-heading, #03063a) !important;
}

/* Empty state */
body#clean-theme-client.html-cart .classic-order-flow .classic-order-empty-state {
    background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%) !important;
    border: 1px solid rgba(42, 98, 254, 0.10) !important;
    border-radius: 22px !important;
}
body#clean-theme-client.html-cart .classic-order-flow .classic-order-empty-state i {
    color: var(--cart-primary, #2A62FE) !important;
}

/* Responsive: stack step pills naturally */
@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .classic-order-flow .ilanasamalar {
        padding: 14px 16px !important;
        gap: 6px !important;
    }
    body#clean-theme-client.html-cart .classic-order-flow .ilanasamax {
        flex-basis: 100% !important;
    }
    body#clean-theme-client.html-cart .classic-order-flow .ilanasamax + .ilanasamax::before {
        display: none !important;
    }
}

/* Dark mode alignment */
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .ilanasamalar,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > form,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > .domainsec,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri > .sunucukonfigurasyonu,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .alanadisorgu,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .classic-order-empty-state {
    background: #111633 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e4e8ff !important;
}
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .ilanasamax {
    color: rgba(228, 232, 255, 0.6) !important;
}
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .ilanasamax h3 {
    background: rgba(42, 98, 254, 0.22) !important;
    color: #d7dcff !important;
}
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .classic-order-flow .ilanasamax[id="asamaaktif"] {
    color: #ffffff !important;
}

/* ============================================================
   ORDER-STEPS COMPACTNESS & SINGLE-PERIOD LAYOUT
   Tightens the wrapper, centers sparse content, upgrades the
   lone period card to feel intentional instead of orphaned.
   Targets /siparis/sunucu, /siparis/hosting, /siparis/alan, etc.
   ============================================================ */

/* Pull cart shell up so it sits comfortably under the modern hero
   instead of overlapping (mt-n100 was for the old tall hero). */
body#clean-theme-client.html-cart #wrapper.classic-order-flow > .position-relative.mt-n100 {
    margin-top: 0 !important;
}

/* Tighter wrapper padding — inner shell breathes less, content fills */
body#clean-theme-client.html-cart .classic-order-flow .section-space-md-y {
    padding-top: clamp(1.75rem, 2.6vw, 2.75rem) !important;
    padding-bottom: clamp(2rem, 3vw, 3rem) !important;
    padding-left: clamp(1.25rem, 2.6vw, 2.5rem) !important;
    padding-right: clamp(1.25rem, 2.6vw, 2.5rem) !important;
}

/* Container max — tighter for order-steps so sparse single-card pages
   don't drown in horizontal whitespace. Wide enough for sunucukonfig grid. */
body#clean-theme-client.html-cart .classic-order-flow .container {
    max-width: 1100px !important;
}

/* Pakettitle — compact, refined */
body#clean-theme-client.html-cart .classic-order-flow .pakettitle {
    margin: 0 0 1.5rem !important;
}
body#clean-theme-client.html-cart .classic-order-flow .pakettitle h1 {
    font-size: clamp(1.4rem, 2vw, 1.85rem) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}
body#clean-theme-client.html-cart .classic-order-flow .pakettitle .line {
    margin: 12px 0 14px !important;
    width: 56px !important;
    height: 3px !important;
}
body#clean-theme-client.html-cart .classic-order-flow .pakettitle h2 {
    font-size: 0.96rem !important;
    line-height: 1.6 !important;
    color: var(--cart-muted) !important;
}

/* SINGLE-PERIOD layout — the page in the user's screenshot.
   Center the form, give the lone card real visual weight, fill
   the empty space with a benefits strip and a clear next-step area. */
body#clean-theme-client.html-cart .classic-order-flow .siparisbilgileri:has(.orderperiodblock-con--single) {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single {
    grid-template-columns: 1fr !important;
    gap: 0.9rem !important;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock {
    background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%) !important;
    border: 2px solid rgba(42, 98, 254, 0.2) !important;
    box-shadow: 0 18px 38px -22px rgba(42, 98, 254, 0.28), 0 0 0 1px rgba(42, 98, 254, 0.04) !important;
    padding: 1.85rem 1.85rem 1.65rem !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 1.5rem !important;
    row-gap: 0.15rem !important;
    cursor: default !important;
}

/* Period label (Yıllık / Aylık / etc.) — eyebrow-style */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock h3 {
    grid-column: 1; grid-row: 1;
    margin: 0 !important;
    font-size: 0.78rem !important;
    color: var(--cart-primary) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Amount — large, anchored */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock h2 {
    grid-column: 1; grid-row: 2;
    margin: 0 !important;
    font-size: clamp(1.75rem, 3vw, 2.2rem) !important;
    color: var(--cart-ink) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

/* Setup-fee row spans full width */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .setup-fee-period {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px dashed rgba(15, 23, 42, 0.08);
    color: var(--cart-muted) !important;
    font-size: 0.86rem !important;
}

/* Selected indicator — large, branded, always lit (only one option = selected) */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .periodselectbox {
    position: static !important;
    grid-column: 2; grid-row: 1 / span 2;
    align-self: center;
    width: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    border: 2px solid var(--cart-primary) !important;
    background: var(--cart-primary) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -8px rgba(42, 98, 254, 0.45) !important;
    font-size: 1.1rem;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .periodselectbox i {
    display: block !important;
}

/* Discount ribbon — anchored to the left so it never collides with the right-side selection circle */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .ribbonperiod {
    position: absolute !important;
    top: -12px !important;
    left: 16px !important;
    right: auto !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .ribbonperiod span {
    background: linear-gradient(135deg, #17C653 0%, #0e9a3f 100%) !important;
    padding: 6px 12px !important;
    box-shadow: 0 6px 14px -6px rgba(17, 198, 83, 0.55) !important;
}

/* Single-option mode: drop decorative icon + selection circle, tighten padding */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock__icon,
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock .periodselectbox {
    display: none !important;
}
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock {
    grid-template-columns: 1fr !important;
    padding: 1.25rem 1.5rem !important;
}

/* Continue button row — refined CTA */
body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions {
    margin-top: 1.25rem !important;
    justify-content: center !important;
    gap: 0.75rem;
}
body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .btn {
    min-height: 48px !important;
    min-width: 180px !important;
    padding: 0 1.75rem !important;
    border-radius: 0.75rem !important;
    background: var(--cart-primary) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}
body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .btn:hover {
    background: #1f53e3 !important;
    box-shadow: 0 8px 20px -10px rgba(15, 23, 42, 0.18) !important;
    transform: translateY(-1px) !important;
}

/* Mobile single-card */
@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock {
        grid-template-columns: 1fr !important;
        text-align: center;
        padding: 1.5rem 1.25rem 1.4rem !important;
    }
    body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock h3,
    body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con--single .orderperiodblock h2 {
        grid-column: 1;
    }
    body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .btn {
        width: 100%;
        min-width: 0 !important;
    }
}

/* Multi-period scenario — tighter centered grid, equal-height cards */
body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con:not(.orderperiodblock-con--single) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 14px !important;
}

/* Cart hero - compact hero-7 override */
body#clean-theme-client.html-cart .hero-7 {
    padding-top: clamp(7rem, 9vw + 1rem, 10rem);
    padding-bottom: clamp(2rem, 3vw + 1rem, 4rem);
    -webkit-mask-image: none;
    mask-image: none;
}

/* ========================================================================== 
   14. Playwright cart review alignment fixes
   - Removes duplicate CTA visibility caused by Bootstrap display utilities.
   - Normalizes cart item sizing across desktop/tablet/mobile.
   - Restores readable account-step back link and allows the auth panel to use
     its Bootstrap column width instead of leaving a large empty gutter.
   ========================================================================== */
body#clean-theme-client.html-cart #continue_go[style*="display:none"],
body#clean-theme-client.html-cart #continue_go[style*="display: none"],
body#clean-theme-client.html-cart #continue_block[style*="display:none"],
body#clean-theme-client.html-cart #continue_block[style*="display: none"] {
    display: none !important;
}

body#clean-theme-client.html-cart .html-cart-summary-actions .btn-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 3.25rem;
}

body#clean-theme-client.html-cart .html-cart-summary-actions #continue_block {
    background: rgba(15, 23, 42, 0.07) !important;
    color: rgba(15, 23, 42, 0.55) !important;
}

body#clean-theme-client.html-cart .html-cart-item {
    min-height: 0 !important;
    padding: clamp(1rem, 1.7vw, 1.35rem) clamp(1rem, 2vw, 1.5rem) !important;
}

body#clean-theme-client.html-cart .html-cart-item .html-cart-item__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 12rem) !important;
    align-items: center !important;
    gap: 1rem 1.25rem !important;
    min-height: 0 !important;
}

body#clean-theme-client.html-cart .html-cart-item .html-cart-item__main {
    min-width: 0 !important;
}

body#clean-theme-client.html-cart .html-cart-item .html-cart-item__aside {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: end !important;
    align-content: center !important;
    gap: 0.6rem !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding-right: 2.35rem !important;
}

body#clean-theme-client.html-cart .html-cart-item__period {
    width: 100% !important;
    justify-content: flex-end !important;
}

body#clean-theme-client.html-cart .html-cart-period-select {
    width: auto !important;
    min-width: 10rem !important;
    max-width: 100% !important;
}

body#clean-theme-client.html-cart .html-cart-item__price {
    text-align: right !important;
    white-space: nowrap;
}

body#clean-theme-client.html-cart #item_list > .html-cart-item + .html-cart-item,
body#clean-theme-client.html-cart .html-cart-item + .html-cart-item {
    margin-top: 0.9rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth {
    max-width: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back {
    margin: 0 !important;
    padding: 1rem 1.25rem 0 !important;
    position: relative;
    z-index: 2;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back-link {
    color: var(--cart-ink) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--cart-line) !important;
    border-radius: 999px !important;
    padding: 0.55rem 0.95rem !important;
    box-shadow: 0 10px 26px -20px rgba(15, 23, 42, 0.35) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back-link:hover {
    color: var(--cart-primary) !important;
    background: #ffffff !important;
    border-color: rgba(var(--cart-primary-rgb), 0.22) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs {
    margin-top: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .cartflow-steps {
    margin: -1.1rem auto 3rem !important;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .html-cart-item .html-cart-item__layout {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }

    body#clean-theme-client.html-cart .html-cart-item .html-cart-item__aside {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        justify-items: start !important;
        padding-right: 2.35rem !important;
    }

    body#clean-theme-client.html-cart .html-cart-item__period {
        width: auto !important;
        justify-content: flex-start !important;
    }

    body#clean-theme-client.html-cart .html-cart-item__price {
        justify-self: end !important;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart .html-cart-item {
        padding: 1rem !important;
        padding-top: 1.2rem !important;
    }

    body#clean-theme-client.html-cart .html-cart-item .html-cart-item__aside {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
        padding-right: 0 !important;
        padding-top: 0.85rem !important;
        border-top: 1px dashed var(--cart-line) !important;
    }

    body#clean-theme-client.html-cart .html-cart-item__period,
    body#clean-theme-client.html-cart .html-cart-period-select {
        width: 100% !important;
        min-width: 0 !important;
    }

    body#clean-theme-client.html-cart .html-cart-item__price {
        justify-self: start !important;
        text-align: left !important;
    }

    body#clean-theme-client.html-cart .html-cart-item__remove {
        top: 0.7rem !important;
        right: 0.7rem !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back {
        padding: 0.85rem 1rem 0 !important;
    }
}

/* Keep jQuery-managed checkout CTAs actually hidden after later button display rules. */
body#clean-theme-client.html-cart #continue_go[style*="display:none"],
body#clean-theme-client.html-cart #continue_go[style*="display: none"],
body#clean-theme-client.html-cart #continue_block[style*="display:none"],
body#clean-theme-client.html-cart #continue_block[style*="display: none"] {
    display: none !important;
}

/* Mobile cart intro should size to content, not inherit desktop flex-basis. */
@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .html-cart-workspace__intro {
        gap: 1rem !important;
    }

    body#clean-theme-client.html-cart .html-cart-workspace__copy {
        flex: 0 1 auto !important;
    }
}

/* Payment route alignment refresh: keep /kasa/odeme visually tied to cart. */
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero {
    margin-top: 0 !important;
    padding: clamp(1.35rem, 2.4vw, 2.25rem) 0 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero::before {
    content: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__panel {
    position: relative;
    max-width: 1320px !important;
    padding: clamp(1.25rem, 2.2vw, 1.85rem) !important;
    border: 1px solid var(--cart-line) !important;
    border-radius: 1.5rem !important;
    background: var(--cart-surface) !important;
    color: var(--cart-ink) !important;
    box-shadow: var(--cart-shadow-card) !important;
    overflow: hidden;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: var(--cart-gradient);
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__content {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem 1.75rem;
    max-width: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: none !important;
    min-width: 0;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__icon {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.16) !important;
    border-radius: 0.9rem !important;
    background: rgba(var(--cart-primary-rgb), 0.09) !important;
    color: var(--cart-primary) !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__text {
    min-width: 0;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__eyebrow {
    margin: 0 !important;
    color: var(--cart-primary) !important;
    background: rgba(var(--cart-primary-rgb), 0.08) !important;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.12) !important;
    backdrop-filter: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__title {
    max-width: 48rem !important;
    margin: 0.42rem 0 0 !important;
    color: var(--cart-ink) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    font-size: clamp(1.35rem, 2.1vw, 2rem) !important;
    line-height: 1.15 !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__copy {
    max-width: 56rem !important;
    margin: 0.5rem 0 0 !important;
    color: var(--cart-muted) !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__points {
    justify-content: flex-end !important;
    margin: 0 !important;
    max-width: 34rem;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__points li {
    min-height: 2.25rem;
    border: 1px solid var(--cart-line) !important;
    background: var(--cart-surface-2) !important;
    color: var(--cart-ink-soft) !important;
    backdrop-filter: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-page {
    margin-top: 0 !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .cartflow-steps {
    margin: -1.45rem auto 2.75rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__grid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth {
    width: 100% !important;
    max-width: none !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--cart-shadow-card) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back {
    padding: 1.25rem 1.5rem 0 !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 3rem) !important;
    margin: 1rem 1.5rem 0 !important;
    border-radius: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__option {
    width: 100%;
    min-height: 3rem !important;
    padding: 0.65rem 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs {
    display: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__body {
    padding: 1rem 1.5rem 1.5rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__progress {
    margin-bottom: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__card {
    border-radius: 1.15rem !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control select,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control textarea,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-field__control input {
    min-height: 3rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input {
    width: 100% !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-aside {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note {
    border: 1px solid var(--cart-line) !important;
    border-radius: 1.25rem !important;
    background: var(--cart-surface) !important;
    box-shadow: var(--cart-shadow-card) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary {
    padding: 1.35rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary::before {
    content: none !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__rows {
    display: grid;
    gap: 0;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0 !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__rows > * + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 1px dashed var(--cart-line) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__value {
    color: var(--cart-ink) !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem !important;
    padding: 1rem !important;
    border: 0 !important;
    border-radius: 1rem !important;
    background: var(--cart-gradient) !important;
    color: #fff !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total-label,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total-amount,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total-amount * {
    color: inherit !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total-amount {
    font-size: clamp(1.5rem, 1.8vw, 2rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note {
    margin-top: 0 !important;
    padding: 1.35rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note__title {
    font-size: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note__list li::before {
    background: var(--cart-primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.12) !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-shell {
    padding-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page > .position-relative.z-1.mt-n100.section-space-bottom {
    margin-top: -3.75rem !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-stage,
body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-card,
body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-summary-card,
body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-summary-loader {
    border-radius: 1.25rem !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page #billingAddressCard {
    margin-top: 0.75rem !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page .html-cart-card.mt-4 {
    margin-top: 1rem !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page #payment_methods {
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
}

body#clean-theme-client.html-cart.html-cart-payment-page #payment_methods .checkbox-custom-label {
    min-height: 4rem;
    align-items: center;
}

body#clean-theme-client.html-cart.html-cart-payment-page #pay_button[style*="display:none"],
body#clean-theme-client.html-cart.html-cart-payment-page #pay_button[style*="display: none"],
body#clean-theme-client.html-cart.html-cart-payment-page #block_button[style*="display:none"],
body#clean-theme-client.html-cart.html-cart-payment-page #block_button[style*="display: none"] {
    display: none !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page #pay_button {
    width: fit-content !important;
    min-width: 12rem !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body#clean-theme-client.html-cart.html-cart-payment-page #pay_button:disabled,
body#clean-theme-client.html-cart.html-cart-payment-page #pay_button.is-disabled {
    background: #a8aaf5 !important;
    border-color: #a8aaf5 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: none !important;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__content {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__points {
        justify-content: flex-start !important;
        max-width: none;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-page { margin-top: 0 !important; }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero {
        padding-top: 1rem !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__panel,
    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth,
    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary,
    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note {
        border-radius: 1rem !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__header {
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-shell__back {
        padding: 1rem 1rem 0 !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs {
        width: calc(100% - 2rem) !important;
        margin: 0.85rem 1rem 0 !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__body {
        padding: 0.85rem 1rem 1rem !important;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__total {
        align-items: flex-start;
        flex-direction: column;
    }

    body#clean-theme-client.html-cart.html-cart-account-gate .cartflow-steps {
        margin: -0.95rem auto 2.25rem !important;
    }
}

/* Reduce nested borders on the account/payment step; depth now comes from soft surfaces and spacing. */
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__panel,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note {
    border-color: transparent !important;
    box-shadow: 0 18px 48px -34px rgba(15, 23, 42, 0.28) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__panel,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.92)),
        var(--cart-surface) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__icon,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__eyebrow,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__points li,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__progress,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__card,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-note {
    border-color: transparent !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__icon,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-hero__points li,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__progress {
    background: rgba(var(--cart-primary-rgb), 0.055) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__card {
    background: rgba(255, 255, 255, 0.72) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__option,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__segment {
    border-color: transparent !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__input:checked + .checkout-segmented__option,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__segmented .radio-custom:checked + .signup-wizard__segment {
    border-color: transparent !important;
    box-shadow: 0 10px 28px -18px rgba(42, 98, 254, 0.45) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-summary__rows > * + * {
    border-top-color: rgba(15, 23, 42, 0.055) !important;
}

/* Keep outer cards soft, but restore clear form-control boundaries. */
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="text"],
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="email"],
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="password"],
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control select,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control textarea,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-field__control input {
    border: 1px solid rgba(15, 23, 42, 0.13) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="text"]:hover,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="email"]:hover,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="password"]:hover,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control select:hover,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control textarea:hover,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-field__control input:hover {
    border-color: rgba(15, 23, 42, 0.2) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="text"]:focus,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="email"]:focus,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control input[type="password"]:focus,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control select:focus,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control textarea:focus,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-field__control input:focus {
    border-color: rgba(var(--cart-primary-rgb), 0.55) !important;
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.11) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input {
    border: 1px solid rgba(15, 23, 42, 0.13) !important;
    border-radius: 0.85rem !important;
    background: #ffffff !important;
    overflow: hidden;
    position: relative;
    min-height: 3rem !important;
    height: 3rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti:focus-within,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input:focus-within {
    border-color: rgba(var(--cart-primary-rgb), 0.55) !important;
    box-shadow: 0 0 0 4px rgba(var(--cart-primary-rgb), 0.11) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input.separate-dial-code .flag-container,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--separate-dial-code .iti__flag-container,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--allow-dropdown .iti__flag-container,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--separate-dial-code .iti__country-container,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: stretch;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input.separate-dial-code .selected-flag,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-flag,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--allow-dropdown .iti__selected-flag,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-country,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    height: 100% !important;
    min-height: 100% !important;
    display: flex;
    align-items: center;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .iti input,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__control--phone .intl-tel-input input {
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__segment {
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.74) !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__segmented .radio-custom:checked + .signup-wizard__segment {
    border-color: rgba(var(--cart-primary-rgb), 0.35) !important;
    background: #ffffff !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__actions {
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 0.75rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__shell[data-current-step="1"] .signup-wizard__actions {
    justify-content: flex-end !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__back,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__next,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__submit {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding-inline: 1.05rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__shell[data-current-step="1"] .signup-wizard__next,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__shell[data-current-step="2"] .signup-wizard__next,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .signup-wizard__shell[data-current-step="3"] .signup-wizard__submit {
    width: auto !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .socialconnect.html-sign-social {
    align-items: center;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .socialconnect.html-sign-social > * {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .socialconnect.html-sign-social a,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .socialconnect.html-sign-social button,
body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-social-fallback {
    width: auto !important;
    min-width: min(100%, 15rem);
    max-width: 22rem !important;
    padding-inline: 1.1rem !important;
}

body#clean-theme-client.html-cart.html-cart-account-gate .account-gate-auth .html-sign-social-fallback {
    padding-inline-start: 3rem !important;
}

/* ==========================================================================
   Cart Polish — micro-refinements for the cart.html-aligned basket layout
   Refines item card header, period select, discount chip, trash, summary card
   ========================================================================== */

/* Item card outer — softer lift, subtle 2-tone shadow */
body#clean-theme-client.html-cart .html-cart-item {
    padding: 1.5rem 1.5rem 1.5rem 1.75rem !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.22s ease,
                border-color 0.22s ease !important;
}
body#clean-theme-client.html-cart .html-cart-item:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px -8px rgba(42, 98, 254, 0.18),
                0 2px 6px rgba(15, 23, 42, 0.04) !important;
    border-color: rgba(var(--cart-primary-rgb), 0.14) !important;
}

/* Header row: dot + category title — refined typography */
body#clean-theme-client.html-cart .html-cart-item .text-secondary {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.005em !important;
    color: var(--cart-primary, #2A62FE) !important;
}
body#clean-theme-client.html-cart .html-cart-item .rounded-circle.bg-secondary {
    width: 0.5rem !important;
    height: 0.5rem !important;
    background: var(--cart-primary, #2A62FE) !important;
    box-shadow: 0 0 0 3px rgba(var(--cart-primary-rgb), 0.14);
    flex-shrink: 0;
}

/* Trash button — soft default, sharp on hover */
body#clean-theme-client.html-cart .html-cart-item > div:first-child > a.link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    color: rgba(15, 23, 42, 0.32) !important;
    opacity: 1;
    transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}
body#clean-theme-client.html-cart .html-cart-item > div:first-child > a.link:hover {
    color: #dc2626 !important;
    background: rgba(220, 38, 38, 0.08);
    transform: scale(1.05);
}

/* Product name (description) — slightly larger with -0.01em tightening */
body#clean-theme-client.html-cart .html-cart-item > .d-block.text-heading.fw-medium {
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.005em !important;
    margin-top: 0.25rem !important;
    color: var(--cart-ink, #0f172a) !important;
}

/* Soft divider — gradient hairline replaces bold hr */
body#clean-theme-client.html-cart .html-cart-item > hr {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(15, 23, 42, 0.08) 18%,
        rgba(15, 23, 42, 0.08) 82%,
        transparent 100%) !important;
    opacity: 1 !important;
    margin: 1.1rem 0 !important;
}

/* Table inside item card — sleeker row layout */
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier {
    margin-bottom: 0 !important;
}
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier td {
    background: transparent !important;
    padding: 0 !important;
    vertical-align: middle !important;
    border: 0 !important;
}
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier td:nth-child(1) {
    width: 40%;
}
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier td:nth-child(2) {
    width: 30%;
    text-align: center;
}
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier td:nth-child(3) {
    width: 30%;
}

/* Period select — tighter chip, full focus ring */
body#clean-theme-client.html-cart .html-cart-item .form-select {
    max-width: 200px;
    height: 2.5rem;
    padding: 0 2.25rem 0 0.95rem !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--cart-ink, #0f172a) !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    border-radius: 0.6rem !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
body#clean-theme-client.html-cart .html-cart-item .form-select:hover {
    border-color: rgba(var(--cart-primary-rgb), 0.3) !important;
}
body#clean-theme-client.html-cart .html-cart-item .form-select:focus {
    border-color: var(--cart-primary, #2A62FE) !important;
    box-shadow: 0 0 0 3px rgba(var(--cart-primary-rgb), 0.16) !important;
    outline: 0;
}

/* Period name (single-period case): refined chip */
body#clean-theme-client.html-cart .html-cart-item span.fs-14.fw-semibold.text-heading {
    display: inline-block !important;
    height: 2.35rem !important;
    line-height: 2.42rem !important;
    padding: 0 0.95rem !important;
    border-radius: 0.6rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(15, 23, 42, 0.02);
    color: var(--cart-ink, #0f172a) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

/* Discount badge — refined tinted chip, brand color */
body#clean-theme-client.html-cart .html-cart-item .badge.bg-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    padding: 0.4rem 0.7rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    background: rgba(34, 197, 94, 0.10) !important;
    color: #15803d !important;
    border: 1px solid rgba(34, 197, 94, 0.18);
    text-shadow: none;
}

/* Price — tabular, refined weight */
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier td:nth-child(3) h6 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: var(--cart-ink, #0f172a) !important;
    font-variant-numeric: tabular-nums;
    margin: 0 !important;
}
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier .currpos-left,
body#clean-theme-client.html-cart .html-cart-item .table.table-modifier .currpos-right {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cart-muted, #64748b);
    margin: 0 0.2rem;
}

body#clean-theme-client.html-cart .html-cart-addon-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

body#clean-theme-client.html-cart .html-cart-addon-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem 1rem;
    align-items: start;
    font-size: 0.96rem;
    line-height: 1.45;
    color: var(--cart-muted, #64748b);
}

body#clean-theme-client.html-cart .html-cart-addon-row__name {
    min-width: 0;
    overflow-wrap: anywhere;
}

body#clean-theme-client.html-cart .html-cart-addon-row__lead {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.55rem;
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-addon-row__icon {
    flex: 0 0 auto;
    font-size: 0.92rem;
    line-height: 1;
    color: #3467ff;
    margin-top: 0.16rem;
}

body#clean-theme-client.html-cart .html-cart-addon-row__label {
    min-width: 0;
    overflow-wrap: anywhere;
}

body#clean-theme-client.html-cart .html-cart-addon-row__meta {
    color: var(--cart-ink, #0f172a) !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

/* Item list vertical rhythm */
body#clean-theme-client.html-cart #item_list.d-flex.flex-column.gap-4 {
    gap: 1rem !important;
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .html-cart-addon-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.2rem;
    }

    body#clean-theme-client.html-cart .html-cart-addon-row__meta {
        white-space: normal;
    }
}

/* "Alışverişe Devam Et" link — tighter */
body#clean-theme-client.html-cart #continueshopbtn.link {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--cart-muted, #64748b) !important;
    transition: color 0.18s ease;
}
body#clean-theme-client.html-cart #continueshopbtn.link:hover {
    color: var(--cart-primary, #2A62FE) !important;
}

/* ============================ Right Summary Card ============================ */

/* Summary card — refined padding, sticky on desktop */
body#clean-theme-client.html-cart #OrderSummaryContent {
    padding: 1.5rem 1.5rem 1.75rem !important;
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04);
}
@media (min-width: 992px) {
    body#clean-theme-client.html-cart #OrderSummaryContent {
        position: sticky;
        top: 1.5rem;
    }
}

/* Summary title — eyebrow + heading composite */
body#clean-theme-client.html-cart #OrderSummaryContent > h6:first-child {
    position: relative;
    padding-bottom: 0.875rem;
    margin-bottom: 1.125rem !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: var(--cart-ink, #0f172a) !important;
}
body#clean-theme-client.html-cart #OrderSummaryContent > h6:first-child::before {
    content: "ÖZET";
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: var(--cart-primary, #2A62FE);
    margin-bottom: 0.4rem;
    text-transform: uppercase;
}
body#clean-theme-client.html-cart #OrderSummaryContent > h6:first-child::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 2.25rem;
    height: 2px;
    border-radius: 1px;
    background: linear-gradient(90deg, var(--cart-primary, #2A62FE), rgba(var(--cart-primary-rgb), 0.4));
}

/* Summary body rows */
body#clean-theme-client.html-cart #OrderSummaryContent .d-flex.gap-4.flex-wrap.justify-content-between.align-items-center {
    margin-top: 0.65rem;
}
body#clean-theme-client.html-cart #OrderSummaryContent .d-block.fs-14 {
    color: var(--cart-muted, #64748b) !important;
}
body#clean-theme-client.html-cart #OrderSummaryContent .d-block.fw-semibold.text-heading,
body#clean-theme-client.html-cart #OrderSummaryContent .d-block.text-heading.fw-semibold {
    color: var(--cart-ink, #0f172a) !important;
    font-variant-numeric: tabular-nums;
}

/* Summary divider — gradient hairline */
body#clean-theme-client.html-cart #OrderSummaryContent > hr {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(15, 23, 42, 0.10) 16%,
        rgba(15, 23, 42, 0.10) 84%,
        transparent 100%) !important;
    margin: 1.25rem 0 !important;
    opacity: 1 !important;
}

/* "Use coupon" disclosure — replace bare link feel */
body#clean-theme-client.html-cart #use_coupon a.link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0;
    font-size: 0.875rem !important;
    color: var(--cart-primary, #2A62FE) !important;
    transition: opacity 0.2s ease;
}
body#clean-theme-client.html-cart #use_coupon a.link::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232A62FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11l3 3L22 4'/><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(1px);
}
body#clean-theme-client.html-cart #use_coupon a.link:hover {
    opacity: 0.78;
}
body#clean-theme-client.html-cart #kuponkodu .form-control {
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    background: #ffffff;
    border-radius: 0.55rem;
    height: 2.5rem;
    font-size: 0.875rem;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
body#clean-theme-client.html-cart #kuponkodu .form-control:focus {
    border-color: var(--cart-primary, #2A62FE) !important;
    box-shadow: 0 0 0 3px rgba(var(--cart-primary-rgb), 0.14) !important;
    outline: 0;
}

/* Total payable row — typographic emphasis */
body#clean-theme-client.html-cart #OrderSummaryContent .d-flex.gap-4.flex-wrap.justify-content-between.align-items-center:has(#total-amount-payable) h6 {
    text-transform: uppercase;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: var(--cart-muted, #64748b) !important;
    margin: 0;
}
body#clean-theme-client.html-cart #OrderSummaryContent #total-amount-payable {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.1 !important;
    color: var(--cart-ink, #0f172a) !important;
    font-variant-numeric: tabular-nums;
}

/* Continue button — refined gradient, brand-tinted shadow */
body#clean-theme-client.html-cart #continue_go,
body#clean-theme-client.html-cart #continue_block {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem;
    padding: 0.85rem 1.25rem !important;
    border-radius: 0.7rem !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--cart-primary, #2A62FE) 0%, #1f53e3 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px -6px rgba(42, 98, 254, 0.45),
                inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
    margin-top: 1.25rem !important;
}
body#clean-theme-client.html-cart #continue_go:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px -8px rgba(42, 98, 254, 0.55),
                inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    filter: brightness(1.04);
}
body#clean-theme-client.html-cart #continue_go::after {
    content: "→";
    display: inline-block;
    transition: transform 0.22s ease;
    margin-left: 0.15rem;
}
body#clean-theme-client.html-cart #continue_go:hover::after {
    transform: translateX(3px);
}

/* ============================ Empty State ============================ */
body#clean-theme-client.html-cart #empty_list.basket-empty-state {
    position: relative;
    overflow: hidden;
    padding: 3.25rem 2rem 3rem !important;
    text-align: center;
    border-radius: 1.25rem;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.08);
    background:
        radial-gradient(circle at 18% 12%, rgba(var(--cart-primary-rgb), 0.10) 0%, transparent 42%),
        radial-gradient(circle at 82% 88%, rgba(34, 197, 94, 0.06) 0%, transparent 45%),
        linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 18px 40px -28px rgba(42, 98, 254, 0.18);
}
body#clean-theme-client.html-cart .basket-empty-state::before {
    content: "";
    position: absolute;
    inset: 1px;
    pointer-events: none;
    border-radius: inherit;
    background-image:
        radial-gradient(circle, rgba(15, 23, 42, 0.04) 0.8px, transparent 0.8px);
    background-size: 22px 22px;
    background-position: 0 0;
    opacity: 0.55;
    -webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
            mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
}

body#clean-theme-client.html-cart .basket-empty-state__illustration {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.5rem;
    z-index: 1;
}
body#clean-theme-client.html-cart .basket-empty-state__eyebrow,
body#clean-theme-client.html-cart .basket-empty-state__title,
body#clean-theme-client.html-cart .basket-empty-state__copy,
body#clean-theme-client.html-cart .basket-empty-state__cta {
    display: block;
}
body#clean-theme-client.html-cart .basket-empty-state__cta {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
body#clean-theme-client.html-cart .basket-empty-state__halo {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: radial-gradient(circle,
        rgba(var(--cart-primary-rgb), 0.18) 0%,
        rgba(var(--cart-primary-rgb), 0.06) 45%,
        transparent 75%);
    filter: blur(2px);
    animation: basketEmptyPulse 2.6s ease-in-out infinite;
}
@keyframes basketEmptyPulse {
    0%, 100% { transform: scale(1); opacity: 0.85; }
    50%      { transform: scale(1.08); opacity: 1; }
}
body#clean-theme-client.html-cart .basket-empty-state__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(var(--cart-primary-rgb), 0.18);
    color: var(--cart-primary, #2A62FE);
    font-size: 1.65rem;
    box-shadow:
        0 6px 16px -8px rgba(42, 98, 254, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body#clean-theme-client.html-cart .basket-empty-state__eyebrow {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--cart-primary, #2A62FE);
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
}
body#clean-theme-client.html-cart .basket-empty-state__title {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--cart-ink, #0f172a);
    margin: 0 0 0.55rem;
    position: relative;
    z-index: 1;
}
body#clean-theme-client.html-cart .basket-empty-state__copy {
    max-width: 30rem;
    margin: 0 auto 1.6rem;
    color: var(--cart-muted, #64748b);
    font-size: 0.92rem;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}
body#clean-theme-client.html-cart .basket-empty-state__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.78rem 1.4rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ffffff !important;
    text-decoration: none;
    background: linear-gradient(135deg, var(--cart-primary, #2A62FE) 0%, #1f53e3 100%);
    border: 0;
    border-radius: 0.7rem;
    box-shadow:
        0 6px 14px -6px rgba(42, 98, 254, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    position: relative;
    z-index: 1;
}
body#clean-theme-client.html-cart .basket-empty-state__cta:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow:
        0 10px 22px -8px rgba(42, 98, 254, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    filter: brightness(1.04);
}
body#clean-theme-client.html-cart .basket-empty-state__cta-icon {
    font-size: 1rem;
    flex-shrink: 0;
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-cart #empty_list.basket-empty-state {
        padding: 2.5rem 1.25rem 2.25rem !important;
    }
    body#clean-theme-client.html-cart .basket-empty-state__title {
        font-size: 1.1rem;
    }
}

/* "Sepetim" page header — refine the "1 ürün" counter */
body#clean-theme-client.html-cart .section-space-xsm-bottom .d-flex.align-items-center.gap-1 .basket-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    background: rgba(var(--cart-primary-rgb), 0.10);
    color: var(--cart-primary, #2A62FE) !important;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-right: 0.25rem;
}
body#clean-theme-client.html-cart .section-space-xsm-bottom .d-flex.align-items-center.gap-1 .ms-auto {
    color: var(--cart-muted, #64748b) !important;
    font-size: 0.85rem;
}

/* Loader spinners — brand colored */
body#clean-theme-client.html-cart #basket_loader,
body#clean-theme-client.html-cart #OrderSummary_loader {
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    padding: 2rem !important;
}

/* ============================================================================
   Order-steps-hosting → Sepet sayfası ile görsel süreklilik
   - İndigo paletini brand mavi (#2A62FE) ile değiştir
   - Hero gradient'i sepet hero ile hizala
   - of-period kartlarını cart.html aestetiine sadeleştir
   - of-stepper aktif/done renklerini brand mavi/yeşil ile uyumla
   ============================================================================ */

/* Body bg ve hero gradient sepet ile aynı tonda */
body#clean-theme-client.html-order-hosting {
    background:
        radial-gradient(circle at 12% 0%, rgba(42, 98, 254, 0.08), transparent 24rem),
        radial-gradient(circle at 90% 8%, rgba(42, 98, 254, 0.06), transparent 22rem),
        linear-gradient(180deg, #f7f8fe 0%, #ffffff 100%) !important;
}

/* Hero — sepet hero ile birebir aynı (padding, gradient, eyebrow rengi) */
body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7 {
    padding-top: clamp(7rem, 9vw + 1rem, 10rem) !important;
    padding-bottom: clamp(2rem, 3vw + 1rem, 4rem) !important;
    background: linear-gradient(rgb(20, 51, 214) -29.02%, rgb(14, 36, 150) 79.78%) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__eyebrow {
    color: rgb(199, 210, 254) !important;
}

/* Cartflow stepper konumu — sepet ile aynı (negatif margin override) */
body#clean-theme-client.html-order-hosting .order-flow-top__steps {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 3;
}

/* İki stepper arası nefes — cartflow-steps üzerinden of-stepper'a clearance */
body#clean-theme-client.html-order-hosting .of-stepper {
    margin-top: 2.5rem !important;
    --of-stepper-pad-y: 1.25rem;
    --of-stepper-dot-size: 3rem;
}
body#clean-theme-client.html-order-hosting .of-flow__stage {
    margin-top: -2.5rem !important;
}

/* Inner stepper — brand mavi active, yeşil done (aynı sepet üst stepper paleti) */
body#clean-theme-client.html-order-hosting .of-stepper__item--active .of-stepper__dot {
    border-color: #2A62FE !important;
    background: linear-gradient(145deg, #2A62FE, #1f53e3) !important;
    box-shadow:
        0 0 0 6px rgba(42, 98, 254, 0.14),
        0 8px 24px rgba(42, 98, 254, 0.28) !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__item--active .of-stepper__label {
    color: #1f53e3 !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__item--done .of-stepper__dot {
    border-color: #17C653 !important;
    background: linear-gradient(145deg, #17C653, #0e9a3f) !important;
    box-shadow: 0 4px 14px rgba(23, 198, 83, 0.22) !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__item--done .of-stepper__label {
    color: #0e9a3f !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__track {
    top: calc(var(--of-stepper-pad-y) + (var(--of-stepper-dot-size) / 2)) !important;
    background: linear-gradient(90deg, rgba(42, 98, 254, 0.08), rgba(42, 98, 254, 0.04)) !important;
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-order-hosting .of-stepper {
        --of-stepper-pad-y: 0.85rem;
        --of-stepper-dot-size: 2.35rem;
    }
}

/* Surface padding — wisecp-bridge'in clamp(2rem,3.8vw,3rem) değeri çok geniş */
body#clean-theme-client.html-order-hosting .of-surface {
    padding: clamp(1.1rem, 1.8vw, 1.5rem) !important;
}

/* Stepper — margin-bottom ve adım iç boşluğu */
body#clean-theme-client.html-order-hosting .of-stepper {
    margin-bottom: 1.25rem !important;
    padding: 0.95rem 1.4rem !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__item {
    gap: 0.45rem !important;
}
body#clean-theme-client.html-order-hosting .of-stepper__label {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
}

/* Section header — kompakt ama nefes alan boşluklar */
body#clean-theme-client.html-order-hosting .of-section__head {
    border-bottom-color: rgba(42, 98, 254, 0.10) !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: 1rem !important;
    gap: 0.9rem !important;
}
body#clean-theme-client.html-order-hosting .of-section__title {
    font-size: clamp(1.1rem, 1.5vw, 1.3rem) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
}
body#clean-theme-client.html-order-hosting .of-section__sub {
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
    margin-top: 0.35rem !important;
}
body#clean-theme-client.html-order-hosting .of-section__icon {
    background: linear-gradient(145deg, #2A62FE, #1f53e3) !important;
    box-shadow: 0 8px 24px rgba(42, 98, 254, 0.22) !important;
    border-radius: 0.85rem !important;
    width: 2.85rem !important;
    height: 2.85rem !important;
    flex: 0 0 2.85rem !important;
}

/* Period kartları — sepet ile aynı sade aesthetic
   Heavy gradient bordersları sadeleştir, brand mavi accent */
body#clean-theme-client.html-order-hosting .of-period {
    min-height: auto !important;
    padding: 1.2rem 1.1rem 1rem !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 0.7rem !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease,
                border-color 0.22s ease !important;
}
body#clean-theme-client.html-order-hosting .of-period::before {
    content: none !important;
}
body#clean-theme-client.html-order-hosting .of-period::after {
    content: none !important;
}
body#clean-theme-client.html-order-hosting .of-period:hover {
    border-color: rgba(42, 98, 254, 0.20) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}
body#clean-theme-client.html-order-hosting .of-period.active {
    border-color: #2A62FE !important;
    background: #f8fbff !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Period term pill — brand mavi soft */
body#clean-theme-client.html-order-hosting .of-period__term {
    background: rgba(42, 98, 254, 0.06) !important;
    color: #1f53e3 !important;
    padding: 0.22rem 0.75rem !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em !important;
}
/* Price — brand renk gradient yerine düz koyu */
body#clean-theme-client.html-order-hosting .of-period__price {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: currentColor !important;
    background-clip: unset !important;
    color: #03063a !important;
    font-size: clamp(1.65rem, 2.1vw, 2rem) !important;
}
body#clean-theme-client.html-order-hosting .of-period.active .of-period__price {
    color: #1f53e3 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}
/* Discount badge — kutu üstüne yapışık (absolute), pill stil */
body#clean-theme-client.html-order-hosting .of-period__badge {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 0 0 10px 10px !important;
    background: #17C653 !important;
    box-shadow: none !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 0.62rem !important;
}

/* Period term etiketi ("Aylık", "Yıllık" vb.) fiyatın altına alındı */
body#clean-theme-client.html-order-hosting .of-period__price {
    order: 1 !important;
}
body#clean-theme-client.html-order-hosting .of-period__term {
    order: 2 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.06em !important;
    opacity: 0.75;
}
/* Selection check daire — brand mavi */
body#clean-theme-client.html-order-hosting .of-period__check {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
    margin-top: 0.55rem !important;
    flex-shrink: 0 !important;
    border-color: rgba(42, 98, 254, 0.16) !important;
    box-shadow: none !important;
}
body#clean-theme-client.html-order-hosting .of-period.active .of-period__check {
    border-color: #2A62FE !important;
    background: #2A62FE !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-order-hosting .of-periods {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

body#clean-theme-client.html-order-hosting .of-period {
    padding: 1.55rem 1rem 0.95rem !important;
}

body#clean-theme-client.html-order-hosting .of-period__body {
    gap: 0.45rem !important;
}

body#clean-theme-client.html-order-hosting .of-period__price {
    font-size: clamp(1.05rem, 1.4vw, 1.3rem) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* of-actions Devam butonu — sepet DEVAM ET ile aynı */
body#clean-theme-client.html-order-hosting .of-btn,
body#clean-theme-client.html-order-hosting .of-btn--primary,
body#clean-theme-client.html-order-hosting .of-actions .of-btn--primary,
body#clean-theme-client.html-order-hosting a.of-btn--primary,
body#clean-theme-client.html-order-hosting button.of-btn--primary {
    background: #2A62FE !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0.65rem !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}
body#clean-theme-client.html-order-hosting .of-btn--primary:hover,
body#clean-theme-client.html-order-hosting .of-actions .of-btn--primary:hover,
body#clean-theme-client.html-order-hosting a.of-btn--primary:hover {
    transform: none;
    filter: none;
    background: #1f53e3 !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-order-hosting .of-actions .of-btn {
    min-width: 9rem !important;
    min-height: 2.75rem !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.84rem !important;
    gap: 0.4rem !important;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-order-hosting .of-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-order-hosting .of-actions .of-btn {
        width: 100% !important;
        min-width: 100% !important;
        padding: 0.8rem 1rem !important;
    }

    body#clean-theme-client.html-order-hosting .of-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }
}

/* Inputs ve selectler — brand mavi focus ring */
body#clean-theme-client.html-order-hosting .of-input:focus,
body#clean-theme-client.html-order-hosting .of-select:focus,
body#clean-theme-client.html-order-hosting .of-textarea:focus {
    border-color: #2A62FE !important;
    box-shadow:
        0 0 0 3px rgba(42, 98, 254, 0.16),
        0 4px 12px rgba(42, 98, 254, 0.06) !important;
}
body#clean-theme-client.html-order-hosting .of-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%232A62FE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 14px !important;
}

body#clean-theme-client.html-cart .of-custom-select {
    position: relative;
    width: 100%;
    max-width: 480px;
}

body#clean-theme-client.html-cart .of-custom-select--wide {
    max-width: 100%;
}

body#clean-theme-client.html-cart .html-cart-item .of-custom-select,
body#clean-theme-client.html-cart .of-custom-select--compact {
    max-width: 200px;
}

body#clean-theme-client.html-cart .of-custom-select--ready > select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body#clean-theme-client.html-cart .of-custom-select__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.7rem 1rem 0.7rem 1.1rem;
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #ffffff;
    color: #0f172a;
    font-family: inherit;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-item .of-custom-select__button,
body#clean-theme-client.html-cart .of-custom-select--compact .of-custom-select__button {
    min-height: 2.5rem;
    padding: 0 0.85rem 0 0.95rem;
    border-width: 1px;
    border-radius: 0.6rem;
    font-size: 0.9rem;
}

body#clean-theme-client.html-cart .of-custom-select__button:disabled {
    opacity: 0.68;
    cursor: not-allowed;
}

body#clean-theme-client.html-cart .of-custom-select__button:hover,
body#clean-theme-client.html-cart .of-custom-select--open .of-custom-select__button {
    border-color: rgba(42, 98, 254, 0.28);
    background: #fbfdff;
}

body#clean-theme-client.html-cart .of-custom-select__button:focus {
    outline: none;
    border-color: #2A62FE;
    box-shadow:
        0 0 0 3px rgba(42, 98, 254, 0.16),
        0 4px 12px rgba(42, 98, 254, 0.06);
}

body#clean-theme-client.html-cart .of-custom-select__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body#clean-theme-client.html-cart .of-custom-select__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.25rem;
    color: #2A62FE;
    transition: transform 0.2s ease;
}

body#clean-theme-client.html-cart .of-custom-select--open .of-custom-select__icon {
    transform: rotate(180deg);
}

body#clean-theme-client.html-cart .of-custom-select__menu {
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    z-index: 40;
    display: none;
    width: 100%;
    max-height: 16rem;
    padding: 0.4rem;
    overflow-y: auto;
    border: 1px solid rgba(42, 98, 254, 0.14);
    border-radius: 16px;
    background: #ffffff;
    box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.14),
        0 4px 14px rgba(42, 98, 254, 0.08);
}

body#clean-theme-client.html-cart .of-custom-select--open .of-custom-select__menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

body#clean-theme-client.html-cart .of-custom-select__option {
    width: 100%;
    min-height: 2.65rem;
    padding: 0.65rem 0.75rem;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #334155;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body#clean-theme-client.html-cart .of-custom-select__option:hover,
body#clean-theme-client.html-cart .of-custom-select__option:focus {
    outline: none;
    background: rgba(42, 98, 254, 0.08);
    color: #1f53e3;
}

body#clean-theme-client.html-cart .of-custom-select__option.is-selected {
    background: linear-gradient(135deg, #eef4ff 0%, #f8fbff 100%);
    color: #03063a;
    box-shadow: inset 3px 0 0 #2A62FE;
}

body#clean-theme-client.html-cart .of-custom-select__option:disabled {
    color: #94a3b8;
    cursor: not-allowed;
}

/* Domain accordion — brand mavi tonlar */
body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header::before {
    background: rgba(42, 98, 254, 0.20) !important;
}
body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header.ui-state-active {
    border-color: rgba(42, 98, 254, 0.25) !important;
    background: linear-gradient(135deg, #f0f4ff 0%, #e6edff 100%) !important;
}
body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header.ui-state-active::before {
    background: linear-gradient(135deg, #2A62FE, #1f53e3) !important;
    box-shadow: 0 0 0 4px rgba(42, 98, 254, 0.15), 0 0 12px rgba(42, 98, 254, 0.18) !important;
}
body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header:hover {
    border-color: rgba(42, 98, 254, 0.18) !important;
    box-shadow: 0 8px 24px rgba(42, 98, 254, 0.06) !important;
}

/* DNS info kutusu — brand tonlar */
body#clean-theme-client.html-order-hosting .of-dns-info {
    border-color: rgba(42, 98, 254, 0.10) !important;
    background: linear-gradient(135deg, #f0f4ff 0%, #e6edff 100%) !important;
}
body#clean-theme-client.html-order-hosting .of-dns-info > svg {
    color: #2A62FE !important;
}
body#clean-theme-client.html-order-hosting .of-dns-list code {
    background: rgba(42, 98, 254, 0.10) !important;
    color: #1f53e3 !important;
}

/* Server order flow inherits the hosting cart shell; these rules only adapt
   server-specific form markup inside that shell. */
body#clean-theme-client.html-order-server .of-flow__stage > .container {
    max-width: 1320px !important;
}

body#clean-theme-client.html-order-server .of-server-config {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.9fr);
    gap: 1.5rem;
    align-items: start;
}

body#clean-theme-client.html-order-server .of-section__title {
    font-size: clamp(1.55rem, 2.1vw, 1.9rem) !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

body#clean-theme-client.html-order-server .of-section__sub {
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body#clean-theme-client.html-order-server .of-server-config__main {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

body#clean-theme-client.html-order-server .of-server-card,
body#clean-theme-client.html-order-server .of-server-summary__card {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 1px 3px rgba(15, 23, 42, 0.03);
}

body#clean-theme-client.html-order-server .of-server-card > div,
body#clean-theme-client.html-order-server .of-server-summary__card > div {
    padding: 1.5rem !important;
}

body#clean-theme-client.html-order-server .of-server-card h4,
body#clean-theme-client.html-order-server .of-server-summary__card h4 {
    margin: 0 0 1.15rem;
    color: #03063a;
    font-size: 1rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    line-height: 1.25;
}

body#clean-theme-client.html-order-server .of-server-card table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

body#clean-theme-client.html-order-server .of-server-card tr {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-order-server .of-server-card tr:last-child {
    border-bottom: 0;
}

body#clean-theme-client.html-order-server .of-server-card td {
    width: auto !important;
    padding: 1rem 0;
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle;
}

body#clean-theme-client.html-order-server .of-server-card td:first-child {
    width: 44% !important;
    padding-right: 1.25rem;
}

body#clean-theme-client.html-order-server .of-server-card label {
    margin: 0;
    color: #334155;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.45;
}

body#clean-theme-client.html-order-server .of-server-card label span {
    display: inline-block;
    margin-top: 0.25rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.5;
}

body#clean-theme-client.html-order-server .of-server-card input[type="text"],
body#clean-theme-client.html-order-server .of-server-card input[type="password"],
body#clean-theme-client.html-order-server .of-server-card input[type="number"],
body#clean-theme-client.html-order-server .of-server-card input[type="email"],
body#clean-theme-client.html-order-server .of-server-card input[type="file"],
body#clean-theme-client.html-order-server .of-server-card select,
body#clean-theme-client.html-order-server .of-server-card textarea {
    width: 100%;
    min-height: 3.25rem;
    padding: 0.65rem 2.75rem 0.65rem 1.1rem;
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.7rem;
    background-color: #f8fafc;
    color: #03063a;
    font-size: 1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body#clean-theme-client.html-order-server .of-server-card select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body#clean-theme-client.html-order-server .of-server-card textarea {
    min-height: 8rem;
    resize: vertical;
}

body#clean-theme-client.html-order-server .of-server-card input:focus,
body#clean-theme-client.html-order-server .of-server-card select:focus,
body#clean-theme-client.html-order-server .of-server-card textarea:focus {
    outline: none;
    border-color: #2A62FE;
    background-color: #ffffff;
    box-shadow:
        0 0 0 3px rgba(42, 98, 254, 0.16),
        0 4px 12px rgba(42, 98, 254, 0.06);
}

body#clean-theme-client.html-order-server .of-server-card .radio-custom-label,
body#clean-theme-client.html-order-server .of-server-card .checkbox-custom-label {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0.4rem 1rem 0.4rem 0 !important;
    color: #334155;
    font-weight: 650;
}

body#clean-theme-client.html-order-server .of-server-card .zorunlu {
    display: inline-flex;
    margin-right: 0.35rem;
    color: #dc2626;
    font-weight: 800;
}

body#clean-theme-client.html-order-server .of-server-summary {
    position: sticky;
    top: 7rem;
}

body#clean-theme-client.html-order-server .of-server-summary__card {
    color: #03063a;
}

body#clean-theme-client.html-order-server .of-server-summary__card strong,
body#clean-theme-client.html-order-server .of-server-summary__card span {
    color: #03063a;
}

body#clean-theme-client.html-order-server .of-server-summary__card .line {
    height: 1px;
    margin: 1rem 0;
    background: rgba(15, 23, 42, 0.10);
}

body#clean-theme-client.html-order-server #service_amounts span {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
    font-size: 0.92rem;
    line-height: 1.45;
}

body#clean-theme-client.html-order-server #service_amounts span:last-child {
    border-bottom: 0;
}

body#clean-theme-client.html-order-server #service_amounts em {
    min-width: 0;
    color: #475569;
    font-style: normal;
    font-weight: 500;
}

body#clean-theme-client.html-order-server #service_amounts strong {
    flex: 0 0 auto;
    max-width: 8rem;
    color: #03063a;
    font-size: 0.95rem;
    font-weight: 720;
    line-height: 1.25;
    text-align: right;
    white-space: nowrap;
}

/* Sipariş özeti başlık */
body#clean-theme-client.html-order-server .srv-smry-title {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0;
}

/* Ürün adı + tutar satırı */
body#clean-theme-client.html-order-server .srv-smry-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0;
}
body#clean-theme-client.html-order-server .srv-smry-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    line-height: 1.5;
}
body#clean-theme-client.html-order-server .srv-smry-label small {
    font-size: 0.78rem;
    color: #94a3b8;
}
body#clean-theme-client.html-order-server .srv-smry-amount {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
}

/* Tek ayırıcı çizgi */
body#clean-theme-client.html-order-server .srv-smry-hr {
    height: 1px;
    background: rgba(15, 23, 42, 0.10);
    margin: 1rem 0;
}

/* Toplam ödenecek tutar satırı — sepet stiliyle aynı */
body#clean-theme-client.html-order-server .srv-smry-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}
body#clean-theme-client.html-order-server .srv-smry-total > span:first-child {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
body#clean-theme-client.html-order-server .srv-smry-total > span:last-child {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

body#clean-theme-client.html-order-server .of-server-summary .of-btn {
    width: min(100%, 13rem);
    margin-top: 1rem;
}

body#clean-theme-client.html-order-server .of-server-summary .of-alert {
    margin-top: 0.75rem;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-order-server .of-server-config {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-order-server .of-server-summary {
        position: static;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-order-server .of-server-card > div,
    body#clean-theme-client.html-order-server .of-server-summary__card > div {
        padding: 1.15rem !important;
    }

    body#clean-theme-client.html-order-server .of-server-card td {
        display: block;
        width: 100% !important;
        padding: 0.75rem 0;
    }

    body#clean-theme-client.html-order-server .of-server-card td:first-child {
        width: 100% !important;
        padding: 0.9rem 0 0.25rem;
    }
}

/* ==========================================================================
   Whois modal - compact, cart-aligned layout
   ========================================================================== */
body#clean-theme-client.html-cart .iziModal-overlay {
    z-index: 20000 !important;
}

body#clean-theme-client.html-cart #cart-ns-details.iziModal {
    z-index: 20001 !important;
    top: 24px !important;
    bottom: auto !important;
    width: min(92vw, 780px) !important;
    max-width: 780px !important;
    height: auto !important;
    max-height: calc(100vh - 48px) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24) !important;
}

body#clean-theme-client.html-cart #cart-ns-details .iziModal-header {
    padding: 0.85rem 1rem !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart #cart-ns-details .iziModal-header-title {
    float: none !important;
    width: auto !important;
    padding: 0 3rem 0 0 !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
}

body#clean-theme-client.html-cart #cart-ns-details .iziModal-button-close {
    top: 12px !important;
    right: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background-color: rgba(148, 163, 184, 0.12) !important;
    background-size: 12px 12px !important;
    opacity: 1 !important;
}

body#clean-theme-client.html-cart #cart-ns-details .iziModal-content {
    overflow: visible !important;
    max-height: calc(100vh - 126px) !important;
}

body#clean-theme-client.html-cart #cart-ns-details .padding20 {
    padding: 0.95rem 1rem 0.85rem !important;
}

body#clean-theme-client.html-cart #cart-ns-details .red-info {
    margin-bottom: 0.95rem !important;
    border: 1px solid rgba(248, 113, 113, 0.22) !important;
    border-radius: 0.9rem !important;
    background: rgba(248, 113, 113, 0.07) !important;
    color: #991b1b !important;
}

body#clean-theme-client.html-cart #cart-ns-details .red-info .padding15 {
    display: flex !important;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 0.95rem !important;
}

body#clean-theme-client.html-cart #cart-ns-details .red-info i {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: #dc2626 !important;
    font-size: 0.95rem;
}

body#clean-theme-client.html-cart #cart-ns-details .red-info p {
    margin: 0 !important;
    color: inherit !important;
    font-size: 0.93rem;
    line-height: 1.5;
}

body#clean-theme-client.html-cart #cart-ns-details .ns-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 0.9rem;
}

body#clean-theme-client.html-cart #cart-ns-details .ns-field {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
}

body#clean-theme-client.html-cart #cart-ns-details .ns-field__label {
    display: inline-block;
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.01em;
}

body#clean-theme-client.html-cart #cart-ns-details input.ns-field__input {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.72rem 0.82rem !important;
    min-height: 42px !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    border-radius: 0.8rem !important;
    background: #ffffff !important;
    font-size: 0.92rem !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-cart #cart-ns-details input.ns-field__input:focus {
    border-color: #2a62fe !important;
    box-shadow: 0 0 0 3px rgba(42, 98, 254, 0.12) !important;
    outline: none !important;
}

body#clean-theme-client.html-cart #cart-ns-details .modal-foot-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.8rem 1rem 0.95rem !important;
    border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: #f8fafc;
}

body#clean-theme-client.html-cart #cart-ns-details .modal-foot-btn .lbtn.green {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 8.75rem;
    height: 38px;
    min-height: 38px;
    padding: 0 1rem !important;
    border-radius: 0.7rem !important;
    font-size: 0.86rem !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body#clean-theme-client.html-cart #cart-whois-details.iziModal {
    z-index: 20001 !important;
    top: 24px !important;
    bottom: auto !important;
    width: min(92vw, 920px) !important;
    max-width: 920px !important;
    height: auto !important;
    max-height: calc(100vh - 48px) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24) !important;
}

body#clean-theme-client.html-cart #cart-whois-details .iziModal-header {
    padding: 0.85rem 1rem !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart #cart-whois-details .iziModal-header-title {
    float: none !important;
    width: auto !important;
    padding: 0 3rem 0 0 !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
}

body#clean-theme-client.html-cart #cart-whois-details .iziModal-button-close {
    top: 12px !important;
    right: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background-color: rgba(148, 163, 184, 0.12) !important;
    background-size: 12px 12px !important;
    opacity: 1 !important;
}

body#clean-theme-client.html-cart #cart-whois-details .iziModal-content {
    overflow: visible !important;
    max-height: calc(100vh - 126px) !important;
}

body#clean-theme-client.html-cart #cart-whois-details .padding20 {
    padding: 0.9rem 1rem 0.8rem !important;
}

body#clean-theme-client.html-cart #cart-whois-details .blue-info {
    margin-bottom: 0.8rem !important;
    border: 1px solid rgba(42, 98, 254, 0.14) !important;
    border-radius: 0.9rem !important;
    background: rgba(42, 98, 254, 0.06) !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-cart #cart-whois-details .blue-info .padding15 {
    display: flex !important;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 0.95rem !important;
}

body#clean-theme-client.html-cart #cart-whois-details .blue-info i {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: #2a62fe !important;
    font-size: 0.95rem;
}

body#clean-theme-client.html-cart #cart-whois-details .blue-info p {
    margin: 0 !important;
    color: inherit !important;
    font-size: 0.93rem;
    line-height: 1.5;
}

body#clean-theme-client.html-cart #cart-whois-details .tab {
    display: flex !important;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.95rem !important;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body#clean-theme-client.html-cart #cart-whois-details .tab > li {
    margin: 0;
    display: flex;
    align-items: flex-end;
    list-style: none;
}

body#clean-theme-client.html-cart #cart-whois-details .tab > li.tab__action {
    margin-left: auto !important;
    padding-left: 0.85rem;
}

body#clean-theme-client.html-cart #cart-whois-details .tab > li.tab__action .whois-profiles-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    height: 36px;
    min-height: 36px;
    padding: 0 1rem !important;
    margin: 0 !important;
    border-radius: 0.7rem !important;
    font-size: 0.84rem !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body#clean-theme-client.html-cart #cart-whois-details .tab > li.tab__action .whois-profiles-btn i {
    line-height: 1;
    font-size: 0.85rem;
}

body#clean-theme-client.html-cart #cart-whois-details .tab .tablinks {
    padding: 0.42rem 0.8rem !important;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.55rem 0.55rem 0 0;
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 0.84rem !important;
}

body#clean-theme-client.html-cart #cart-whois-details .tab .tablinks.active {
    background: #2a62fe !important;
    color: #ffffff !important;
    border-color: #2a62fe !important;
}

body#clean-theme-client.html-cart #cart-whois-details .tabcontent {
    display: none !important;
}

body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display:block"],
body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display: block"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem 0.65rem;
}

body#clean-theme-client.html-cart #cart-whois-details .tabcontent > .formcon {
    grid-column: 1 / -1;
}

body#clean-theme-client.html-cart #cart-whois-details .whois-profile-row,
body#clean-theme-client.html-cart #cart-whois-details .whois-apply-row {
    margin: 0;
}

body#clean-theme-client.html-cart #cart-whois-details .whois-profile-row .yuzde70 {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

body#clean-theme-client.html-cart #cart-whois-details .whois-apply-row {
    margin-top: -0.1rem;
    margin-bottom: 0.2rem;
}

body#clean-theme-client.html-cart #cart-whois-details .whois-apply-row .yuzde70 {
    width: 100%;
}

body#clean-theme-client.html-cart #cart-whois-details .whois-apply-all {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

body#clean-theme-client.html-cart #cart-whois-details .tabcontent > input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.68rem 0.78rem !important;
    border-radius: 0.75rem !important;
    min-height: 40px !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    background: #ffffff !important;
    font-size: 0.9rem !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-cart #cart-whois-details .tabcontent > input[type="text"]:focus,
body#clean-theme-client.html-cart #cart-whois-details .select-whois-profile:focus {
    border-color: #2A62FE !important;
    box-shadow: 0 0 0 3px rgba(42, 98, 254, 0.12) !important;
    outline: none !important;
}

body#clean-theme-client.html-cart #cart-whois-details .checkbox-custom {
    position: static !important;
    opacity: 1 !important;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    accent-color: #2a62fe;
    appearance: auto;
    -webkit-appearance: checkbox;
    cursor: pointer;
}

body#clean-theme-client.html-cart #cart-whois-details .checkbox-custom-label {
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important;
    margin: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.45;
    color: #475569 !important;
    cursor: pointer;
}

body#clean-theme-client.html-cart #cart-whois-details .checkbox-custom + .checkbox-custom-label:before,
body#clean-theme-client.html-cart #cart-whois-details .checkbox-custom + .checkbox-custom-label:after {
    content: none !important;
    display: none !important;
}

body#clean-theme-client.html-cart #cart-whois-details .select-whois-profile {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0.68rem 0.8rem !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    border-radius: 0.75rem !important;
    background: #ffffff !important;
    font-size: 0.9rem !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-cart #cart-whois-details .profile-name-wrap input {
    padding: 0.68rem 0.8rem !important;
    min-height: 40px !important;
}

body#clean-theme-client.html-cart #cart-whois-details .formcon {
    gap: 0.4rem;
    align-items: flex-start;
}

body#clean-theme-client.html-cart #cart-whois-details .formcon .yuzde30 {
    width: 31%;
    padding-top: 0.32rem;
    font-size: 0.84rem;
    color: #475569;
}

body#clean-theme-client.html-cart #cart-whois-details .formcon .yuzde70 {
    width: 69%;
}

body#clean-theme-client.html-cart #cart-whois-details .formcon .yuzde70 > div[style*="display: inline-block"] {
    display: flex !important;
    align-items: center;
    margin-top: 0.35rem !important;
}

body#clean-theme-client.html-cart #cart-whois-details .modal-foot-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.8rem 1rem 0.9rem !important;
    border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: #f8fafc;
}

body#clean-theme-client.html-cart #cart-whois-details .modal-foot-btn .lbtn.green {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 8.75rem;
    height: 38px;
    min-height: 38px;
    padding: 0 1rem !important;
    border-radius: 0.7rem !important;
    font-size: 0.86rem !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body#clean-theme-client.html-cart #cart-whois-details .modal-foot-btn .lbtn.green i {
    line-height: 1;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart #cart-ns-details .ns-fields {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display:block"],
    body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display: block"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart #cart-ns-details {
        top: 16px !important;
        width: min(94vw, 100%) !important;
        max-height: calc(100vh - 32px) !important;
    }

    body#clean-theme-client.html-cart #cart-ns-details .iziModal-content {
        max-height: calc(100vh - 112px) !important;
        overflow: auto !important;
    }

    body#clean-theme-client.html-cart #cart-ns-details .padding20 {
        padding: 0.9rem 1rem 0.8rem !important;
    }

    body#clean-theme-client.html-cart #cart-ns-details .ns-fields {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    body#clean-theme-client.html-cart #cart-ns-details .modal-foot-btn {
        padding: 0.9rem 1rem 1rem !important;
    }

    body#clean-theme-client.html-cart #cart-ns-details .modal-foot-btn .lbtn.green {
        width: 100%;
        min-width: 100%;
        height: 44px;
        min-height: 44px;
    }

    body#clean-theme-client.html-cart #cart-whois-details {
        top: 16px !important;
        width: min(94vw, 100%) !important;
        max-height: calc(100vh - 32px) !important;
    }

    body#clean-theme-client.html-cart #cart-whois-details .iziModal-content {
        display: flex !important;
        flex-direction: column;
        max-height: calc(100vh - 112px) !important;
        overflow: hidden !important;
    }

    body#clean-theme-client.html-cart #cart-whois-details form {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        flex: 1 1 auto;
    }

    body#clean-theme-client.html-cart #cart-whois-details .padding20 {
        flex: 1 1 auto;
        overflow: auto;
        min-height: 0;
    }

    body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display:block"],
    body#clean-theme-client.html-cart #cart-whois-details .tabcontent[style*="display: block"] {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart #cart-whois-details .formcon .yuzde30,
    body#clean-theme-client.html-cart #cart-whois-details .formcon .yuzde70 {
        width: 100%;
    }

    body#clean-theme-client.html-cart #cart-whois-details .tab > li.tab__action {
        width: 100%;
        padding-left: 0;
    }

    body#clean-theme-client.html-cart #cart-whois-details .tab > li.tab__action .whois-profiles-btn {
        width: 100%;
        height: 40px;
        min-height: 40px;
    }

    body#clean-theme-client.html-cart #cart-whois-details .modal-foot-btn {
        padding: 0.9rem 1rem 1rem !important;
        flex: 0 0 auto;
    }

    body#clean-theme-client.html-cart #cart-whois-details .modal-foot-btn .lbtn.green {
        width: 100%;
        min-width: 100%;
        height: 44px;
        min-height: 44px;
    }
}

/* ── BankTransfer module payform override ── */
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .red-info {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.15rem !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 1.5px solid #fde68a !important;
    margin-bottom: 1.25rem;
    color: #92400e !important;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .red-info .padding20 {
    padding: 0 !important;
    width: 100%;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .red-info h5 {
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.6;
    color: #92400e !important;
    margin: 0;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankablok {
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    margin-bottom: 1rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 12px rgba(15,23,42,0.05);
    transition: box-shadow 0.2s;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankablok:hover {
    box-shadow: 0 4px 20px rgba(15,23,42,0.10);
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankablok .padding15 {
    padding: 1.15rem 1.3rem !important;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankalogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    min-width: 80px;
    padding-top: 0.1rem;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankalogo img {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankalogo h4 {
    font-size: 0.75rem;
    font-weight: 700;
    color: #475569;
    margin: 0;
    text-align: center;
    line-height: 1.3;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankainfo {
    flex: 1;
    min-width: 0;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankainfo .line {
    display: none;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankainfo h5 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: #334155;
    margin: 0 0 0.45rem;
    padding: 0;
    line-height: 1.5;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankainfo h5:last-child {
    margin-bottom: 0;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bankainfo h5 span {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    min-width: 75px;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .bank-notification {
    display: none;
}
body#clean-theme-client.html-cart-payment-page .html-cart-card__body .clear {
    display: none;
}