#btb-delivery-slots-root,
#btb-delivery-slots-root *,
#btb-delivery-slots-root *::before,
#btb-delivery-slots-root *::after { box-sizing: border-box; }

#btb-delivery-slots-root {
    --btb-ds-primary: var(--wd-primary-color, #2f6fec);
    --btb-ds-text: #172033;
    --btb-ds-muted: #667085;
    --btb-ds-border: #dfe3e8;
    --btb-ds-bg: #fff;
    --btb-ds-soft: #f7f9fc;
    direction: rtl;
    text-align: right;
    width: 100%;
    clear: both;
}

#btb-delivery-slots-root button { font: inherit; }
#btb-delivery-slots-root .btb-ds-disabled-placeholder { display: none !important; }

/* Compact checkout layout */
.btb-ds-layout-v1 .btb-delivery-slots {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid var(--btb-ds-border);
    border-radius: 10px;
    background: var(--btb-ds-bg);
}
.btb-ds-layout-v1 .btb-ds-heading h3 { margin: 0 0 14px; font-size: 18px; }
.btb-ds-layout-v1 .btb-ds-heading p,
.btb-ds-layout-v1 .btb-ds-method-chip,
.btb-ds-layout-v1 .btb-ds-step-label { display: none; }
.btb-ds-layout-v1 .btb-ds-tabs { display: flex; gap: 8px; margin-bottom: 14px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
.btb-ds-layout-v1 .btb-ds-tab { flex: 1 0 120px; min-height: 62px; padding: 9px 12px; border: 1px solid var(--btb-ds-border); border-radius: 8px; background: #fff; color: var(--btb-ds-text); cursor: pointer; transition: .15s; }
.btb-ds-layout-v1 .btb-ds-tab:hover { border-color: var(--btb-ds-primary); }
.btb-ds-layout-v1 .btb-ds-tab.is-active { color: #fff; background: var(--btb-ds-primary); border-color: var(--btb-ds-primary); }
.btb-ds-layout-v1 .btb-ds-tab span { display: block; }
.btb-ds-layout-v1 .btb-ds-tab-weekday { font-weight: 700; }
.btb-ds-layout-v1 .btb-ds-tab-date { margin-top: 3px; font-size: 12px; opacity: .85; }
.btb-ds-layout-v1 .btb-ds-tab-relative,
.btb-ds-layout-v1 .btb-ds-tab-check { display: none !important; }
.btb-ds-layout-v1 .btb-ds-panel[hidden] { display: none !important; }
.btb-ds-layout-v1 .btb-ds-slot-list { display: flex; flex-wrap: wrap; gap: 8px; }
.btb-ds-layout-v1 .btb-ds-slot { min-height: 42px; padding: 9px 14px; border: 1px solid var(--btb-ds-border); border-radius: 8px; background: #fff; color: var(--btb-ds-text); cursor: pointer; }
.btb-ds-layout-v1 .btb-ds-slot svg, .btb-ds-layout-v1 .btb-ds-slot i { display: none; }
.btb-ds-layout-v1 .btb-ds-slot:hover, .btb-ds-layout-v1 .btb-ds-slot.is-selected { color: var(--btb-ds-primary); border-color: var(--btb-ds-primary); background: color-mix(in srgb, var(--btb-ds-primary) 6%, transparent); }
.btb-ds-layout-v1 .btb-ds-selected-summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; padding-top: 12px; border-top: 1px dashed var(--btb-ds-border); }
.btb-ds-layout-v1 .btb-ds-selected-summary[hidden] { display: none; }
.btb-ds-layout-v1 .btb-ds-selected-summary small { display: none; }
.btb-ds-layout-v1 .btb-ds-selected-note { font-size: 13px; }
.btb-ds-layout-v1 .btb-ds-clear-selection { padding: 0; border: 0; background: transparent; color: var(--btb-ds-primary); cursor: pointer; }

/* Card checkout layout */
.btb-ds-layout-v2 .btb-delivery-slots {
    position: relative;
    isolation: isolate;
    margin: 24px 0;
    padding: clamp(16px, 2.2vw, 24px);
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.35);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--btb-ds-primary) 10%, transparent), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
    box-shadow: 0 12px 34px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.btb-ds-layout-v2 .btb-delivery-slots::before { content: ""; position: absolute; z-index: -1; top: -90px; left: -80px; width: 190px; height: 190px; border-radius: 50%; background: color-mix(in srgb, var(--btb-ds-primary) 7%, transparent); filter: blur(2px); }
.btb-ds-layout-v2 .btb-ds-heading { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; margin-bottom: 22px; }
.btb-ds-layout-v2 .btb-ds-heading-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: var(--btb-ds-primary);
    background: linear-gradient(145deg, var(--btb-ds-primary), color-mix(in srgb, var(--btb-ds-primary) 75%, #111827)); color: #fff; box-shadow: 0 8px 18px color-mix(in srgb, var(--btb-ds-primary) 25%, transparent); }
.btb-ds-layout-v2 .btb-ds-heading-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.btb-ds-layout-v2 .btb-ds-heading h3 { margin: 0; color: var(--btb-ds-text); font-size: clamp(17px, 1.6vw, 21px); line-height: 1.4; }
.btb-ds-layout-v2 .btb-ds-heading p { margin: 4px 0 0; color: var(--btb-ds-muted); font-size: 12px; }
.btb-ds-layout-v2 .btb-ds-method-chip { display: inline-flex; align-items: center; gap: 7px; max-width: 220px; padding: 7px 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--btb-ds-primary) 20%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--btb-ds-primary) 6.5%, transparent); color: var(--btb-ds-primary); font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.btb-ds-layout-v2 .btb-ds-method-chip i { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, var(--btb-ds-primary) 10%, transparent); }
.btb-ds-layout-v2 .btb-ds-step-label { display: flex; align-items: center; gap: 8px; margin: 14px 0 9px; color: #475467; font-size: 12px; font-weight: 700; }
.btb-ds-layout-v2 .btb-ds-step-label span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #e9eef7; color: #344054; font-size: 11px; }
.btb-ds-layout-v2 .btb-ds-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
.btb-ds-layout-v2 .btb-ds-tab { position: relative; min-width: 0; min-height: 76px; padding: 11px 10px; overflow: hidden; border: 1px solid #d9e0e9; border-radius: 14px; background: rgba(255,255,255,.86); color: var(--btb-ds-text); box-shadow: 0 2px 7px rgba(15,23,42,.035); cursor: pointer; transition: transform .16s, border-color .16s, box-shadow .16s, background .16s; }
.btb-ds-layout-v2 .btb-ds-tab:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--btb-ds-primary) 45%, transparent); box-shadow: 0 7px 16px rgba(15,23,42,.065); }
.btb-ds-layout-v2 .btb-ds-tab.is-active { border-color: var(--btb-ds-primary); background: linear-gradient(145deg, color-mix(in srgb, var(--btb-ds-primary) 10%, transparent), rgba(255,255,255,.95)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--btb-ds-primary) 11%, transparent), 0 7px 18px rgba(15,23,42,.06); }
.btb-ds-layout-v2 .btb-ds-tab span { display: block; }
.btb-ds-layout-v2 .btb-ds-tab-relative { position: absolute; top: 7px; left: 7px; padding: 2px 6px; border-radius: 999px; background: #eef2f7; color: #667085; font-size: 9px; }
.btb-ds-layout-v2 .btb-ds-tab.is-active .btb-ds-tab-relative { background: color-mix(in srgb, var(--btb-ds-primary) 12%, transparent); color: var(--btb-ds-primary); }
.btb-ds-layout-v2 .btb-ds-tab-weekday { margin-top: 3px; font-weight: 800; font-size: 14px; }
.btb-ds-layout-v2 .btb-ds-tab-date { margin-top: 5px; color: var(--btb-ds-muted); font-size: 11px; }
.btb-ds-layout-v2 .btb-ds-tab-check { position: absolute; right: 7px; bottom: 7px; display: grid !important; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--btb-ds-primary); color: #fff; opacity: 0; transform: scale(.7); transition: .16s; font-size: 10px; }
.btb-ds-layout-v2 .btb-ds-tab.is-active .btb-ds-tab-check { opacity: 1; transform: scale(1); }
.btb-ds-layout-v2 .btb-ds-panel[hidden] { display: none !important; }
.btb-ds-layout-v2 .btb-ds-slot-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.btb-ds-layout-v2 .btb-ds-slot { display: grid; grid-template-columns: 26px 1fr 22px; align-items: center; gap: 9px; min-height: 52px; padding: 10px 12px; border: 1px solid #dce2e9; border-radius: 13px; background: rgba(255,255,255,.88); color: #344054; text-align: right; cursor: pointer; transition: .16s; }
.btb-ds-layout-v2 .btb-ds-slot svg { width: 22px; fill: none; stroke: #7b8798; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.btb-ds-layout-v2 .btb-ds-slot i { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #e9eef5; color: transparent; font-style: normal; font-size: 10px; transition: .16s; }
.btb-ds-layout-v2 .btb-ds-slot:hover { border-color: color-mix(in srgb, var(--btb-ds-primary) 45%, transparent); transform: translateY(-1px); }
.btb-ds-layout-v2 .btb-ds-slot.is-selected { color: var(--btb-ds-primary); border-color: var(--btb-ds-primary); background: color-mix(in srgb, var(--btb-ds-primary) 7.5%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--btb-ds-primary) 9%, transparent); font-weight: 700; }
.btb-ds-layout-v2 .btb-ds-slot.is-selected svg { stroke: var(--btb-ds-primary); }
.btb-ds-layout-v2 .btb-ds-slot.is-selected i { color: #fff; background: var(--btb-ds-primary); }
.btb-ds-layout-v2 .btb-ds-selected-summary { display: flex; align-items: center; gap: 10px; margin-top: 15px; padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--btb-ds-primary) 20%, transparent); border-radius: 13px; background: color-mix(in srgb, var(--btb-ds-primary) 6.5%, transparent); animation: btbDsSummary .2s ease; }
.btb-ds-layout-v2 .btb-ds-selected-summary[hidden] { display: none; }
@keyframes btbDsSummary { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.btb-ds-layout-v2 .btb-ds-summary-icon { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 9px; background: var(--btb-ds-primary); color: #fff; font-weight: 800; }
.btb-ds-layout-v2 .btb-ds-selected-summary div { min-width: 0; flex: 1; }
.btb-ds-layout-v2 .btb-ds-selected-summary small, .btb-ds-layout-v2 .btb-ds-selected-summary strong { display: block; }
.btb-ds-layout-v2 .btb-ds-selected-summary small { color: #667085; font-size: 10px; }
.btb-ds-layout-v2 .btb-ds-selected-summary strong { margin-top: 2px; overflow: hidden; color: #344054; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.btb-ds-layout-v2 .btb-ds-clear-selection { padding: 5px 8px; border: 0; border-radius: 8px; background: rgba(255,255,255,.65); color: var(--btb-ds-primary); cursor: pointer; font-size: 11px; }

.btb-ds-empty { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid #fedf89; border-radius: 12px; background: #fffaeb; color: #93370d; }
.btb-ds-empty span { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 50%; background: #f79009; color: #fff; font-weight: 800; }
.btb-ds-empty p { margin: 0; color: inherit; line-height: 1.8; }

#btb-delivery-slots-root.is-loading { position: relative; min-height: 120px; }
#btb-delivery-slots-root.is-loading > .btb-delivery-slots { filter: blur(1px); opacity: .45; pointer-events: none; }
.btb-ds-loading-overlay { position: absolute; z-index: 50; inset: 0; display: grid; place-content: center; justify-items: center; gap: 10px; min-height: 120px; padding: 22px; border: 1px solid rgba(148,163,184,.22); border-radius: 16px; background: rgba(255,255,255,.88); box-shadow: 0 10px 30px rgba(15,23,42,.05); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); text-align: center; }
.btb-ds-loading-overlay span { width: 30px; height: 30px; border: 3px solid color-mix(in srgb, var(--btb-ds-primary) 18%, #e2e8f0); border-top-color: var(--btb-ds-primary); border-radius: 50%; animation: btbDsSpin .72s linear infinite; }
.btb-ds-loading-overlay p { max-width: 30rem; margin: 0; color: #475467; font-size: 12px; font-weight: 600; line-height: 1.8; }
@keyframes btbDsSpin { to { transform: rotate(360deg); } }
.btb-ds-ajax-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0; padding: 11px 12px; border: 1px solid #fecdd3; border-radius: 12px; background: #fff1f3; color: #9f1239; font-size: 12px; line-height: 1.8; }
.btb-ds-ajax-error > span { min-width: 0; }
.btb-ds-retry-sync { flex: 0 0 auto; min-height: 34px; padding: 6px 11px; border: 1px solid color-mix(in srgb, var(--btb-ds-primary) 28%, #cbd5e1); border-radius: 9px; background: #fff; color: var(--btb-ds-primary); cursor: pointer; font: inherit; font-weight: 700; }
.btb-ds-retry-sync:hover { border-color: var(--btb-ds-primary); background: color-mix(in srgb, var(--btb-ds-primary) 5%, #fff); }

@media (max-width: 767px) {
    .btb-ds-layout-v1 .btb-delivery-slots { margin: 15px 0; padding: 14px; }
    .btb-ds-layout-v1 .btb-ds-tabs { margin-left: -14px; margin-right: -14px; padding: 0 14px 5px; scroll-snap-type: x mandatory; }
    .btb-ds-layout-v1 .btb-ds-tab { flex-basis: 108px; scroll-snap-align: start; }
    .btb-ds-layout-v1 .btb-ds-slot-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .btb-ds-layout-v1 .btb-ds-slot { width: 100%; padding-inline: 7px; }

    .btb-ds-layout-v2 .btb-delivery-slots { margin: 16px 0; border-radius: 17px; }
    .btb-ds-layout-v2 .btb-ds-heading { grid-template-columns: 42px minmax(0,1fr); }
    .btb-ds-layout-v2 .btb-ds-heading-icon { width: 42px; height: 42px; border-radius: 13px; }
    .btb-ds-layout-v2 .btb-ds-method-chip { grid-column: 1 / -1; justify-self: start; max-width: 100%; }
    .btb-ds-layout-v2 .btb-ds-tabs { display: flex; gap: 8px; margin-inline: calc(clamp(16px, 2.2vw, 24px) * -1); padding-inline: clamp(16px, 2.2vw, 24px); padding-bottom: 5px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .btb-ds-layout-v2 .btb-ds-tabs::-webkit-scrollbar { display: none; }
    .btb-ds-layout-v2 .btb-ds-tab { flex: 0 0 120px; scroll-snap-align: start; }
    .btb-ds-layout-v2 .btb-ds-slot-list { grid-template-columns: 1fr; }
    .btb-ds-layout-v2 .btb-ds-slot { min-height: 50px; }
}

@media (max-width: 420px) {
    .btb-ds-layout-v1 .btb-ds-slot-list { grid-template-columns: 1fr; }
    .btb-ds-layout-v2 .btb-delivery-slots { padding: 14px; }
    .btb-ds-layout-v2 .btb-ds-heading h3 { font-size: 16px; }
    .btb-ds-layout-v2 .btb-ds-heading p { font-size: 11px; }
    .btb-ds-layout-v2 .btb-ds-selected-summary strong { white-space: normal; }
}

/* PWA / app-like safe areas */
@supports (padding: max(0px)) {
    @media (max-width: 767px) {
        #btb-delivery-slots-root { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
    }
}

@media (prefers-reduced-motion: reduce) {
    #btb-delivery-slots-root *, #btb-delivery-slots-root *::before, #btb-delivery-slots-root *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Checkout consistency and responsive hardening */
#btb-delivery-slots-root { max-width: 100%; overflow: visible; }
#btb-delivery-slots-root button { max-width: 100%; min-width: 0; -webkit-tap-highlight-color: transparent; }
#btb-delivery-slots-root .btb-ds-heading,
#btb-delivery-slots-root .btb-ds-heading > *,
#btb-delivery-slots-root .btb-ds-tab,
#btb-delivery-slots-root .btb-ds-slot,
#btb-delivery-slots-root .btb-ds-selected-summary,
#btb-delivery-slots-root .btb-ds-selected-summary > * { min-width: 0; }
#btb-delivery-slots-root .btb-ds-tab,
#btb-delivery-slots-root .btb-ds-slot { touch-action: manipulation; }
#btb-delivery-slots-root .btb-ds-slot { overflow-wrap: anywhere; }
.btb-ds-layout-v1 .btb-ds-slot { min-height: 46px; line-height: 1.5; }
.btb-ds-layout-v2 .btb-ds-slot { line-height: 1.55; }

@media (max-width: 600px) {
    .btb-ds-layout-v1 .btb-delivery-slots,
    .btb-ds-layout-v2 .btb-delivery-slots { width: 100%; max-width: 100%; }
    .btb-ds-layout-v1 .btb-ds-tabs,
    .btb-ds-layout-v2 .btb-ds-tabs { overscroll-behavior-inline: contain; }
    .btb-ds-layout-v1 .btb-ds-slot-list { grid-template-columns: 1fr; }
    .btb-ds-layout-v1 .btb-ds-slot,
    .btb-ds-layout-v2 .btb-ds-slot { width: 100%; min-height: 48px; }
    .btb-ds-layout-v2 .btb-ds-heading { margin-bottom: 17px; }
    .btb-ds-layout-v2 .btb-ds-selected-summary { align-items: flex-start; flex-wrap: wrap; }
    .btb-ds-layout-v2 .btb-ds-clear-selection { margin-right: auto; min-height: 36px; padding-inline: 10px; }
}

@media (max-width: 380px) {
    .btb-ds-layout-v2 .btb-delivery-slots { padding: 12px; border-radius: 14px; }
    .btb-ds-layout-v2 .btb-ds-heading { grid-template-columns: 38px minmax(0,1fr); gap: 9px; }
    .btb-ds-layout-v2 .btb-ds-heading-icon { width: 38px; height: 38px; }
    .btb-ds-layout-v2 .btb-ds-tab { flex-basis: 108px; min-height: 70px; }
}

@media (max-width: 480px) {
    .btb-ds-ajax-error { align-items: stretch; flex-direction: column; }
    .btb-ds-retry-sync { width: 100%; }
}

/* Peyman 1.5 RC6 — selectable checkout light/dark appearance. */
#btb-delivery-slots-root.btb-ds-theme-light {
    --btb-ds-text:#172033;
    --btb-ds-muted:#667085;
    --btb-ds-border:#dfe3e8;
    --btb-ds-bg:#fff;
    --btb-ds-soft:#f7f9fc;
}
#btb-delivery-slots-root.btb-ds-theme-dark {
    --btb-ds-text:#f4f7fb;
    --btb-ds-muted:#a8b2c1;
    --btb-ds-border:#344054;
    --btb-ds-bg:#101828;
    --btb-ds-soft:#182230;
    color-scheme:dark;
}
#btb-delivery-slots-root.btb-ds-theme-dark .btb-delivery-slots {
    color:var(--btb-ds-text);
    border-color:var(--btb-ds-border);
    background:linear-gradient(180deg,#101828,#111c2d);
    box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-heading h3,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-tab,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-slot,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-selected-summary strong { color:var(--btb-ds-text); }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-heading p,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-tab-date,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-step-label,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-selected-summary small { color:var(--btb-ds-muted); }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-tab,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-slot { background:#182230;border-color:#344054; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-tab-relative,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-slot i { background:#253247;color:#a8b2c1; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-tab.is-active,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-slot.is-selected { background:color-mix(in srgb,var(--btb-ds-primary) 18%,#182230); }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-selected-summary,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-method-chip { background:color-mix(in srgb,var(--btb-ds-primary) 14%,#182230); }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-clear-selection,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-retry-sync { background:#182230; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-loading-overlay { background:rgba(16,24,40,.92);border-color:#344054; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-loading-overlay p { color:#d0d5dd; }

@media (prefers-color-scheme:dark) {
    #btb-delivery-slots-root.btb-ds-theme-auto {
        --btb-ds-text:#f4f7fb;
        --btb-ds-muted:#a8b2c1;
        --btb-ds-border:#344054;
        --btb-ds-bg:#101828;
        --btb-ds-soft:#182230;
        color-scheme:dark;
    }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-delivery-slots { color:var(--btb-ds-text);border-color:var(--btb-ds-border);background:linear-gradient(180deg,#101828,#111c2d);box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04); }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-heading h3,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-tab,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-slot,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-selected-summary strong { color:var(--btb-ds-text); }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-heading p,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-tab-date,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-step-label,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-selected-summary small { color:var(--btb-ds-muted); }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-tab,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-slot { background:#182230;border-color:#344054; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-tab-relative,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-slot i { background:#253247;color:#a8b2c1; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-tab.is-active,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-slot.is-selected { background:color-mix(in srgb,var(--btb-ds-primary) 18%,#182230); }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-selected-summary,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-method-chip { background:color-mix(in srgb,var(--btb-ds-primary) 14%,#182230); }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-clear-selection,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-retry-sync { background:#182230; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-loading-overlay { background:rgba(16,24,40,.92);border-color:#344054; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-loading-overlay p { color:#d0d5dd; }
}

/* RC6 accent contrast safety: arbitrary merchant accents must remain readable. */
#btb-delivery-slots-root { --btb-ds-on-primary:#fff; }
.btb-ds-layout-v1 .btb-ds-tab.is-active,
.btb-ds-layout-v2 .btb-ds-heading-icon,
.btb-ds-layout-v2 .btb-ds-tab-check,
.btb-ds-layout-v2 .btb-ds-slot.is-selected i,
.btb-ds-layout-v2 .btb-ds-summary-icon {
    color:var(--btb-ds-on-primary) !important;
}
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-step-label span,
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-retry-sync { color:#d0d5dd; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-retry-sync { border-color:#475467; }
#btb-delivery-slots-root.btb-ds-theme-dark .btb-ds-ajax-error { background:#311b1f;border-color:#7a2930;color:#fecdd3; }
@media (prefers-color-scheme:dark) {
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-step-label span,
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-retry-sync { color:#d0d5dd; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-retry-sync { border-color:#475467; }
    #btb-delivery-slots-root.btb-ds-theme-auto .btb-ds-ajax-error { background:#311b1f;border-color:#7a2930;color:#fecdd3; }
}