/* ══════════════════════════════════════════════════════════════════
   Solestra — Online Kirala (ürün sayfası düğmesi + tarih penceresi)
   ══════════════════════════════════════════════════════════════════ */

.sl-rr-cta { margin: 0 0 12px; }

.sl-rr-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 22px 32px;
    border: 0;
    border-radius: 0;
    background: #000;
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s;
}

.sl-rr-open:hover { background: #2a2a2a; }

.sl-rr-cta__hint { margin: 8px 0 0 !important; font-size: 12px; color: #8f8f8f; text-align: center; }

/* Online kiralama varken "Randevu Al" ikincil (çerçeveli) düğme olur */
.sl-rr-cta ~ * .solestra-booking-trigger {
    background: #fff !important;
    color: #000 !important;
    box-shadow: inset 0 0 0 1px #000;
}

.sl-rr-cta ~ * .solestra-booking-trigger:hover { background: #000 !important; color: #fff !important; }

/* ── Pencere ── */

html.sl-rr-lock { overflow: hidden; }

.sl-rr {
    --rr-black: #000;
    --rr-text: #6a6a6a;
    --rr-muted: #8f8f8f;
    --rr-line: #ededed;
    --rr-soft: #f6f3ef;
    --rr-accent: #6b2332;

    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.sl-rr[hidden] { display: none; }

.sl-rr__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    transition: opacity .2s;
}

.sl-rr__sheet {
    position: relative;
    width: 100%;
    max-width: 460px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 34px 32px 26px;
    background: #fff;
    color: var(--rr-black);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .2s, transform .25s;
}

.sl-rr.is-open .sl-rr__backdrop { opacity: 1; }
.sl-rr.is-open .sl-rr__sheet { opacity: 1; transform: none; }

.sl-rr__x {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rr-black);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.sl-rr__head { margin: 0 0 22px; padding-right: 30px; }

.sl-rr__eyebrow {
    margin: 0 0 6px !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--rr-accent);
}

.sl-rr__title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
}

.sl-rr__noreturn {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: -6px 0 20px !important;
    padding: 10px 12px;
    background: #f7eef0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--rr-accent);
}

.sl-rr__noreturn svg { flex: 0 0 auto; margin-top: 1px; }

.sl-rr__step {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sl-rr__step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--rr-black);
    border-radius: 50%;
    font-size: 10px;
    letter-spacing: 0;
}

/* Adım göstergesi: 1 Süre — 2 Gün — 3 Teslimat */
.sl-rr__steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 0 24px !important;
    padding: 0 !important;
    list-style: none;
    counter-reset: none;
}

.sl-rr__steps li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 0 10px !important;
    border-bottom: 2px solid var(--rr-line);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--rr-muted);
    transition: color .15s, border-color .15s;
}

.sl-rr__steps li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 10px;
    letter-spacing: 0;
}

.sl-rr__steps li.is-current { border-color: var(--rr-black); color: var(--rr-black); }
.sl-rr__steps li.is-current span { border-color: var(--rr-black); background: var(--rr-black); color: #fff; }
.sl-rr__steps li.is-done { border-color: var(--rr-black); color: var(--rr-black); cursor: pointer; }
.sl-rr__steps li.is-done:hover { color: var(--rr-accent); }

.sl-rr__pane[hidden] { display: none; }

.sl-rr__q { margin: 0 0 14px !important; font-size: 15px; line-height: 1.45; color: var(--rr-black); }
.sl-rr__hint { margin: 0 !important; font-size: 12px; line-height: 1.6; color: var(--rr-muted); }

.sl-rr__picked { min-height: 20px; margin: 12px 0 0 !important; font-size: 13px; font-weight: 600; color: var(--rr-black); }

/* Süre */
.sl-rr__durs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0 0 16px;
}

.sl-rr__dur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    background: #fff;
    color: var(--rr-black);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, background-color .15s, color .15s;
}

.sl-rr__dur b { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.sl-rr__dur span { font-size: 15px; }
.sl-rr__dur:hover { border-color: var(--rr-black); }
.sl-rr__dur.is-on { border-color: var(--rr-black); background: var(--rr-black); color: #fff; }
.sl-rr__dur.is-on .amount, .sl-rr__dur.is-on bdi { color: #fff; }

/* Teslimat / iade şekli */
.sl-rr__modes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0 0 8px;
}

.sl-rr__mode { min-width: 0; margin: 0; padding: 0; border: 0; }

.sl-rr__mode legend {
    margin: 0 0 6px;
    padding: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--rr-muted);
}

.sl-rr__mode label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
    padding: 10px 12px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    transition: border-color .15s;
}

.sl-rr__mode label:hover,
.sl-rr__mode label:has(input:checked) { border-color: var(--rr-black); }
.sl-rr__mode input { margin: 0; accent-color: #000; }
.sl-rr__mode label span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sl-rr__mode label b { font-size: 13px; font-weight: 600; line-height: 1.3; }
.sl-rr__mode label small { font-size: 12px; color: var(--rr-muted); }

.sl-rr__modes.is-loading { opacity: .4; pointer-events: none; transition: opacity .15s; }

/* Seçilen güne yetişmeyen kargo seçeneği */
.sl-rr__mode label.is-na { border-style: dashed; color: #b0b0b0; cursor: not-allowed; }
.sl-rr__mode label.is-na:hover { border-color: #d6d6d6; }
.sl-rr__mode label.is-na small { color: #b0b0b0; }

.sl-rr__modehint { margin: 0 0 22px !important; font-size: 12px; line-height: 1.5; color: var(--rr-muted); }

@media (max-width: 380px) {
    .sl-rr__modes { grid-template-columns: 1fr; }
}

/* Takvim */
.sl-rr__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px;
}

.sl-rr__month { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.sl-rr__prev,
.sl-rr__next {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--rr-line);
    background: #fff;
    color: var(--rr-black);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.sl-rr__prev:disabled,
.sl-rr__next:disabled { opacity: .3; cursor: default; }

.sl-rr__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px 0;
    min-height: 252px;
    transition: opacity .15s;
}

.sl-rr__grid.is-loading { opacity: .35; pointer-events: none; }

.sl-rr__wd {
    padding: 6px 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    color: var(--rr-muted);
}

.sl-rr__day {
    height: 38px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rr-black);
    font: inherit;
    font-size: 14px;
    cursor: pointer;
}

.sl-rr__day.is-ok:hover { box-shadow: inset 0 0 0 1px var(--rr-black); }

.sl-rr__day.is-busy {
    color: #c4c4c4;
    text-decoration: line-through;
    cursor: default;
}

.sl-rr__day.in-preview { background: var(--rr-soft); }
.sl-rr__day.in-range { background: var(--rr-soft); color: var(--rr-black); text-decoration: none; }

.sl-rr__day.in-range.is-start,
.sl-rr__day.in-range.is-end { background: var(--rr-black); color: #fff; }

.sl-rr__legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin: 10px 0 0 !important;
    font-size: 11px;
    color: var(--rr-muted);
}

.sl-rr__legend span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: -8px;
    vertical-align: -2px;
    border: 1px solid #d6d6d6;
}

.sl-rr__legend .is-range { border-color: var(--rr-soft); background: var(--rr-soft); }
.sl-rr__legend .is-busy { background: linear-gradient(to top right, transparent 46%, #c4c4c4 50%, transparent 54%); }

/* Özet */
.sl-rr__sum { margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid var(--rr-black); }
.sl-rr__sum[hidden] { display: none; }
.sl-rr__sum dl { margin: 0; }

.sl-rr__sum dl > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 5px 0;
    font-size: 13px;
}

.sl-rr__sum dt { color: var(--rr-text); }
.sl-rr__sum dd { margin: 0; text-align: right; color: var(--rr-black); }

.sl-rr__policy {
    margin: 10px 0 0 !important;
    padding: 10px 12px;
    background: #f4f8f5;
    font-size: 12px;
    line-height: 1.5;
    color: #1e6b3a;
}

.sl-rr__policy.is-warn { background: #fdf8ec; color: #6b4a00; }

.sl-rr__gift {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0;
    font-size: 13px;
    cursor: pointer;
}

.sl-rr__gift input { margin: 0; accent-color: #000; }

.sl-rr__error { margin: 14px 0 0 !important; font-size: 13px; color: #b32d2e; }
.sl-rr__error[hidden] { display: none; }

/* Alt düğmeler pencerenin altına yapışık: uzun adımda da her zaman görünür */
.sl-rr__foot {
    position: sticky;
    bottom: -26px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 20px -32px 0;
    padding: 14px 32px;
    border-top: 1px solid var(--rr-line);
    background: #fff;
}

.sl-rr__total { display: flex; flex-direction: column; margin: 0 !important; white-space: nowrap; }
.sl-rr__total small { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rr-muted); }
.sl-rr__total b { font-size: 20px; font-weight: 600; }

.sl-rr__back {
    flex: none;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    background: #fff;
    color: #000;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    cursor: pointer;
}

.sl-rr__back:hover { border-color: #000; }
.sl-rr__back[hidden] { display: none; }

.sl-rr__add {
    flex: 1;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid #000;
    border-radius: 0;
    background: #000;
    color: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .15s, color .15s, opacity .15s;
}

.sl-rr__add:hover:not(:disabled) { background: #fff; color: #000; }
.sl-rr__add:disabled { opacity: .45; cursor: default; }
.sl-rr__add.is-busy { opacity: .7; cursor: wait; }

.sl-rr__note { margin: 16px 0 0 !important; font-size: 12px; line-height: 1.6; color: var(--rr-muted); }

/* Mobil: alttan açılan sayfa */
@media (max-width: 600px) {
    .sl-rr { align-items: flex-end; padding: 0; }

    .sl-rr__sheet {
        max-width: none;
        max-height: 92vh;
        padding: 28px 18px calc(18px + env(safe-area-inset-bottom));
        transform: translateY(40px);
    }

    .sl-rr__day { height: 42px; }
    .sl-rr__foot { bottom: calc(-18px - env(safe-area-inset-bottom)); margin: 18px -18px 0; padding: 12px 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .sl-rr__backdrop, .sl-rr__sheet { transition: none; }
}

/* ══════════ Etkinlik tarihi modeli (4 adım) ══════════ */

.sl-rr__steps li { font-size: 9px; letter-spacing: .12em; }

/* Açıklama kutusu: kargo günlerinin süreye dahil olduğu */
.sl-rr__explain {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-left: 3px solid var(--rr-accent);
    background: var(--rr-soft);
}
.sl-rr__explain b { display: block; margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--rr-accent); }
.sl-rr__explain p { margin: 0 !important; font-size: 13px; line-height: 1.6; color: #3d3d3d; }
.sl-rr__pane[data-pane="1"] .sl-rr__explain { margin: 0 0 16px; }

/* Takvim: etkinlik günü, kargo seçenekleri sınırlı gün */
.sl-rr__day.is-event { background: var(--rr-black); color: #fff; }
.sl-rr__day.is-limited { position: relative; }
.sl-rr__day.is-limited::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background: var(--rr-accent);
}
.sl-rr__day.is-event.is-limited::after { background: #fff; }
.sl-rr__legend .is-limited { position: relative; }
.sl-rr__legend .is-limited::after { content: ""; position: absolute; left: 4px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: var(--rr-accent); }
.sl-rr__picked { font-weight: 500; }

/* Teslimat seçenekleri: tarih + süreye etkisi */
.sl-rr__mode label { align-items: flex-start; }
.sl-rr__mode input { margin-top: 3px; }
.sl-rr__mode label em { display: block; margin-top: 4px; font-size: 12px; font-style: normal; line-height: 1.45; color: var(--rr-black); }
.sl-rr__adds { display: block; margin-top: 2px; font-size: 11px; color: var(--rr-accent); }
.sl-rr__mode label.is-na em { color: #b0b0b0; }

/* İl seçimi */
.sl-rr__prov { margin: 4px 0 10px; }
.sl-rr__prov[hidden] { display: none; }
.sl-rr__prov label { display: block; margin: 0 0 6px; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rr-muted); }
.sl-rr__prov select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--rr-black);
    border-radius: 0;
    background: #fff;
    font: inherit;
    font-size: 14px;
}
.sl-rr__prov small { display: block; margin-top: 6px; font-size: 12px; color: var(--rr-accent); }

/* Paket: önerilen etiketi, not */
.sl-rr__dur { position: relative; }
.sl-rr__dur:disabled { opacity: .45; cursor: not-allowed; }
.sl-rr__rec {
    position: absolute;
    top: -9px;
    right: 8px;
    display: none;
    padding: 2px 7px;
    background: var(--rr-accent);
    color: #fff;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.sl-rr__dur.is-rec .sl-rr__rec { display: block; }
.sl-rr__dur small { font-size: 11px; color: var(--rr-muted); }
.sl-rr__dur.is-on small { color: rgba(255, 255, 255, .75); }
.sl-rr__why { margin: 4px 0 16px !important; font-size: 13px; line-height: 1.6; color: #3d3d3d; }
.sl-rr__subq { margin: 0 0 8px !important; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rr-muted); }

/* Gün gün plan */
.sl-rr__strip { margin: 0 !important; padding: 0 !important; list-style: none; border-top: 1px solid var(--rr-line); }
.sl-rr__strip li {
    display: grid;
    grid-template-columns: 116px 1fr;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 7px 0 7px 12px !important;
    border-bottom: 1px solid var(--rr-line);
    border-left: 3px solid transparent;
    font-size: 13px;
}
.sl-rr__strip time { font-size: 12px; color: var(--rr-muted); }
.sl-rr__strip .is-out { border-left-color: #c9c9c9; }
.sl-rr__strip .is-hand { border-left-color: var(--rr-black); }
.sl-rr__strip .is-event { border-left-color: var(--rr-accent); background: #f7eef0; font-weight: 700; color: var(--rr-accent); }
.sl-rr__strip .is-back { border-left-color: #c9c9c9; color: var(--rr-text); }
.sl-rr__span { margin: 10px 0 0 !important; font-size: 12px; line-height: 1.55; color: var(--rr-muted); }

/* Özet: dikey zaman çizelgesi */
.sl-rr__tl { position: relative; margin: 0 0 18px !important; padding: 0 0 0 22px !important; list-style: none; }
.sl-rr__tl::before { content: ""; position: absolute; top: 6px; bottom: 6px; left: 5px; width: 1px; background: var(--rr-line); }
.sl-rr__tl li { position: relative; display: flex; flex-direction: column; gap: 2px; margin: 0 0 14px !important; padding: 0 !important; }
.sl-rr__tl li:last-child { margin-bottom: 0 !important; }
.sl-rr__tl li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -21px;
    width: 9px;
    height: 9px;
    border: 1px solid var(--rr-black);
    border-radius: 50%;
    background: #fff;
}
.sl-rr__tl time { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--rr-muted); }
.sl-rr__tl b { font-size: 14px; font-weight: 600; }
.sl-rr__tl span { font-size: 12px; line-height: 1.5; color: var(--rr-text); }
.sl-rr__tl .is-event::before { border-color: var(--rr-accent); background: var(--rr-accent); }
.sl-rr__tl .is-event time,
.sl-rr__tl .is-event b { color: var(--rr-accent); }
.sl-rr__tl .is-event b { font-size: 16px; }

.sl-rr__lines { margin: 0 0 12px !important; padding: 12px 0 0; border-top: 1px solid var(--rr-black); }
.sl-rr__lines > div { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0; font-size: 13px; }
.sl-rr__lines dt { color: var(--rr-text); }
.sl-rr__lines dd { margin: 0; text-align: right; }

.sl-rr__total.is-empty { visibility: hidden; }

@media (max-width: 600px) {
    .sl-rr__steps li { gap: 4px; font-size: 8px; letter-spacing: .06em; }
    .sl-rr__strip li { grid-template-columns: 104px 1fr; font-size: 12px; }
}

/* ── 1. adım: etkinlik günü seçimi (tek bakışta) ── */
.sl-rr__lead { display: flex; align-items: flex-start; gap: 14px; margin: 0 0 18px; }
.sl-rr__lead-icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #f7eef0;
    color: var(--rr-accent);
}
.sl-rr__lead .sl-rr__q { margin: 2px 0 4px !important; font-size: 20px; font-weight: 500; line-height: 1.25; }
.sl-rr__lead .sl-rr__hint { margin: 0 !important; font-size: 13px; line-height: 1.55; color: var(--rr-text); }

/* Seçilen gün: bordo kutu + altında "ETKİNLİK" */
.sl-rr__day { position: relative; }
.sl-rr__day.is-event { background: var(--rr-accent); color: #fff; font-weight: 700; }
.sl-rr__day.is-event::before {
    content: attr(data-tag);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}
.sl-rr__day.is-event { padding-bottom: 8px; }

/* Seçim kartı */
.sl-rr__pickcard { margin: 14px 0 0; }
.sl-rr__pickcard-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 14px;
    border: 1px dashed #d0d0d0;
    font-size: 13px;
    color: var(--rr-muted);
    text-align: center;
}
.sl-rr__pickcard-empty::before { content: "↑"; font-size: 15px; color: var(--rr-accent); animation: sl-rr-nudge 1.6s ease-in-out infinite; }
@keyframes sl-rr-nudge { 0%, 100% { transform: translateY(1px); } 50% { transform: translateY(-3px); } }
.sl-rr__pickcard-on {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    border-left: 3px solid var(--rr-accent);
    background: #f7eef0;
}
.sl-rr__pickcard-on[hidden], .sl-rr__pickcard-empty[hidden] { display: none; }
.sl-rr__pickcard-on small { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rr-accent); }
.sl-rr__pickcard-on b { font-size: 18px; font-weight: 600; color: var(--rr-black); }
.sl-rr__pickcard-on span { font-size: 12px; line-height: 1.5; color: #4d4d4d; }

/* Süre nasıl hesaplanır? (açılır) */
.sl-rr__more { margin: 12px 0 0; border-top: 1px solid var(--rr-line); }
.sl-rr__more summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--rr-black);
    cursor: pointer;
    list-style: none;
}
.sl-rr__more summary::-webkit-details-marker { display: none; }
.sl-rr__more summary::after { content: "+"; font-size: 16px; font-weight: 400; color: var(--rr-muted); }
.sl-rr__more[open] summary::after { content: "−"; }
.sl-rr__more p { margin: 6px 0 0 !important; font-size: 12px; line-height: 1.6; color: var(--rr-text); }

@media (prefers-reduced-motion: reduce) { .sl-rr__pickcard-empty::before { animation: none; } }

/* ── 2. adım: il → teslimat → iade (alt alta bölümler, geniş seçenek kartları) ── */
.sl-rr__block { margin: 0 0 22px; padding: 0; border: 0; min-width: 0; }
.sl-rr__block-h,
.sl-rr__mode legend.sl-rr__block-h {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 10px !important;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--rr-black);
}
.sl-rr__block-h > span {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--rr-black);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.sl-rr__block-h i { font-style: normal; font-weight: 400; color: var(--rr-muted); }

.sl-rr__block .sl-rr__prov { margin: 0; }
.sl-rr__block .sl-rr__prov select { height: 48px; font-size: 15px; }

/* Seçenek kartı: [radyo] [ikon] başlık + tarih + etkisi ......... fiyat */
.sl-rr__mode .sl-rr__opt {
    display: grid;
    grid-template-columns: auto 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px;
    padding: 14px 16px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.sl-rr__mode .sl-rr__opt:hover { border-color: var(--rr-black); }
.sl-rr__mode .sl-rr__opt:has(input:checked) { border-color: var(--rr-black); box-shadow: inset 0 0 0 1px var(--rr-black); background: #fcfaf8; }
.sl-rr__mode .sl-rr__opt input { margin: 0; accent-color: #000; }
.sl-rr__opt-ico {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--rr-soft);
    color: var(--rr-black);
}
.sl-rr__opt:has(input:checked) .sl-rr__opt-ico { background: var(--rr-black); color: #fff; }
.sl-rr__opt-body { display: flex !important; flex-direction: column; gap: 3px; min-width: 0; }
.sl-rr__opt-body b { font-size: 15px; font-weight: 600; line-height: 1.3; }
.sl-rr__mode .sl-rr__opt em { margin: 0; font-size: 13px; }
.sl-rr__opt-price { font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--rr-black); }
.sl-rr__mode .sl-rr__opt.is-na { border-style: dashed; cursor: not-allowed; }
.sl-rr__mode .sl-rr__opt.is-na .sl-rr__opt-body b,
.sl-rr__mode .sl-rr__opt.is-na .sl-rr__opt-price { color: #b0b0b0; }
.sl-rr__mode.is-loading { opacity: .4; pointer-events: none; transition: opacity .15s; }
.sl-rr__mode .sl-rr__modehint { margin: 4px 0 0 !important; }

@media (max-width: 420px) {
    .sl-rr__mode .sl-rr__opt { grid-template-columns: auto 34px minmax(0, 1fr); padding: 12px; gap: 10px; }
    .sl-rr__opt-ico { width: 34px; height: 34px; }
    .sl-rr__opt-price { grid-column: 3; font-size: 12px; }
}

/* Kart fiyatı: o seçimle ödenecek toplam + kırılım */
.sl-rr__opt-price { display: flex !important; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.sl-rr__opt-price b { font-size: 15px; font-weight: 700; }
.sl-rr__opt-price small { font-size: 11px; font-weight: 400; color: var(--rr-muted); white-space: nowrap; }
@media (max-width: 420px) {
    .sl-rr__opt-price { align-items: flex-start; text-align: left; flex-direction: row; gap: 8px; align-items: baseline; }
}
.sl-rr__opt-price { max-width: 104px; }
.sl-rr__opt-price small { white-space: normal; line-height: 1.3; }
@media (max-width: 420px) { .sl-rr__opt-price { max-width: none; } }

/* ── 2. adım kompakt: fiyat yok (yalnız kargo ek bedeli), süre alt satırda ── */
.sl-rr__pane[data-pane="2"] .sl-rr__block { margin-bottom: 14px; }
.sl-rr__pane[data-pane="2"] .sl-rr__block-h { margin-bottom: 8px !important; font-size: 14px; }
.sl-rr__block .sl-rr__prov select { height: 42px; font-size: 14px; }
.sl-rr__block .sl-rr__prov small { margin-top: 4px; }
.sl-rr__mode .sl-rr__opt { grid-template-columns: auto 32px minmax(0, 1fr) auto; gap: 10px; margin-bottom: 6px; padding: 10px 12px; }
.sl-rr__opt-ico { width: 32px; height: 32px; }
.sl-rr__opt-ico svg { width: 18px; height: 18px; }
.sl-rr__opt-body { gap: 1px; }
.sl-rr__opt-body b { font-size: 14px; }
.sl-rr__mode .sl-rr__opt em { font-size: 12px; }
.sl-rr__mode .sl-rr__opt .sl-rr__adds { font-size: 11px; }
/* Ek bedel etiketi (toplam değil) */
.sl-rr__opt-price {
    display: inline-block !important;
    max-width: none;
    padding: 3px 7px;
    background: var(--rr-soft);
    font-size: 11px;
    font-weight: 600;
    color: var(--rr-black);
    text-align: center;
}
.sl-rr__mode .sl-rr__modehint { font-size: 11px; }
.sl-rr__pane[data-pane="2"] .sl-rr__more { margin-top: 8px; }

/* Alt satır: 2. adımda süre */
.sl-rr__total.is-duration b { font-size: 15px; font-weight: 600; white-space: normal; line-height: 1.3; }
.sl-rr__total.is-duration small { color: var(--rr-accent); }

@media (max-width: 420px) {
    .sl-rr__mode .sl-rr__opt { grid-template-columns: auto 30px minmax(0, 1fr) auto; }
    .sl-rr__opt-price { grid-column: auto; }
}

/* ── 3. adım: önerilen paket + parasıyla ek gün ── */
.sl-rr__pkg {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 16px;
    margin: 0 0 18px;
    padding: 16px 18px;
    background: var(--rr-black);
    color: #fff;
}
.sl-rr__pkg-main { display: flex; flex-direction: column; gap: 2px; }
.sl-rr__pkg-main small { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .65); }
.sl-rr__pkg-main b { font-size: 22px; font-weight: 600; letter-spacing: .02em; }
.sl-rr__pkg strong { font-size: 17px; font-weight: 600; }
.sl-rr__pkg-why { grid-column: 1 / -1; margin: 6px 0 0 !important; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, .85); }

.sl-rr__extra { margin: 0 0 18px; }
.sl-rr__chips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sl-rr__chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 56px;
    padding: 8px 6px;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    background: #fff;
    color: var(--rr-black);
    font: inherit;
    cursor: pointer;
    transition: border-color .15s, background-color .15s, color .15s;
}
.sl-rr__chip b { font-size: 13px; font-weight: 600; }
.sl-rr__chip small { font-size: 11px; color: var(--rr-muted); }
.sl-rr__chip:hover:not(:disabled) { border-color: var(--rr-black); }
.sl-rr__chip.is-on { border-color: var(--rr-black); background: var(--rr-black); color: #fff; }
.sl-rr__chip.is-on small { color: rgba(255, 255, 255, .75); }
.sl-rr__chip:disabled { opacity: .4; cursor: not-allowed; }
.sl-rr__extra-note { margin: 6px 0 0 !important; font-size: 11px; color: var(--rr-muted); }

.sl-rr__strip li span { line-height: 1.35; }

/* Ek gün: tek satır, minimal sayaç */
.sl-rr__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
    padding: 10px 0;
    border-top: 1px solid var(--rr-line);
    border-bottom: 1px solid var(--rr-line);
}
.sl-rr__extra-l { display: flex; flex-direction: column; gap: 1px; }
.sl-rr__extra-l b { font-size: 14px; font-weight: 600; }
.sl-rr__extra-l small { font-size: 12px; color: var(--rr-muted); }
.sl-rr__extra.is-on .sl-rr__extra-l small { color: var(--rr-accent); }
.sl-rr__stepper { display: inline-flex; align-items: center; border: 1px solid var(--rr-black); }
.sl-rr__stepper button {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--rr-black);
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.sl-rr__stepper button:hover:not(:disabled) { background: var(--rr-soft); }
.sl-rr__stepper button:disabled { color: #c9c9c9; cursor: default; }
.sl-rr__stepper output { min-width: 28px; font-size: 14px; font-weight: 600; text-align: center; }

/* ── 4. adım sade: tek satırlık çizelge, kısa iptal satırı ── */
.sl-rr__tl { margin-bottom: 14px !important; padding-left: 18px !important; }
.sl-rr__tl::before { left: 4px; }
.sl-rr__tl li { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px !important; }
.sl-rr__tl li::before { top: 5px; left: -18px; width: 7px; height: 7px; }
.sl-rr__tl time { order: 2; font-size: 11px; letter-spacing: .04em; text-transform: none; white-space: nowrap; }
.sl-rr__tl b { order: 1; font-size: 13px; font-weight: 500; }
.sl-rr__tl .is-event b { font-size: 14px; font-weight: 700; }
.sl-rr__tl .is-event time { font-weight: 700; }
.sl-rr__pane[data-pane="4"] .sl-rr__policy { margin-top: 0 !important; padding: 8px 10px; font-size: 12px; }
.sl-rr__pane[data-pane="4"] .sl-rr__more { margin-top: 6px; border-top: 0; }
.sl-rr__pane[data-pane="4"] .sl-rr__more summary { padding-top: 4px; font-size: 11px; font-weight: 500; color: var(--rr-muted); }
.sl-rr__pane[data-pane="4"] .sl-rr__gift { margin-top: 12px; font-size: 13px; }