/* ══════════════════════════════════════════════════════
   Suriname Market – Escrow & Checkout CSS
   ══════════════════════════════════════════════════════ */
:root {
    --esc-green:    #1a6b3a;
    --esc-gold:     #e8a000;
    --esc-red:      #c0392b;
    --esc-blue:     #2563eb;
    --esc-bg:       #f0f2f5;
    --esc-white:    #ffffff;
    --esc-border:   #e4e7ec;
    --esc-text:     #111827;
    --esc-muted:    #6b7280;
    --esc-radius:   10px;
    --esc-shadow:   0 1px 8px rgba(0,0,0,.08);
    --esc-font:     'Segoe UI',system-ui,-apple-system,sans-serif;
}
.sm-esc-body { margin:0; padding:0; background:var(--esc-bg); font-family:var(--esc-font); color:var(--esc-text); }
.sm-esc-body *, .sm-esc-body *::before, .sm-esc-body *::after { box-sizing:border-box; }

/* ── Topbar ─────────────────────────────────────────── */
.sm-esc-topbar { background:var(--esc-green); padding:0 24px; height:56px; display:flex; align-items:center; }
.sm-esc-topbar__inner { max-width:1200px; margin:0 auto; width:100%; display:flex; align-items:center; justify-content:space-between; }
.sm-esc-topbar__logo { color:#fff; text-decoration:none; font-size:18px; font-weight:800; }
.sm-esc-topbar__cart { color:#fff; font-size:20px; text-decoration:none; position:relative; }
.sm-cart-badge { position:absolute; top:-8px; right:-8px; background:var(--esc-gold); color:#111; border-radius:50%; width:18px; height:18px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; }

/* ── Page ────────────────────────────────────────────── */
.sm-esc-page { min-height:calc(100vh - 56px); padding:32px 0 64px; }
.sm-esc-container { max-width:1100px; margin:0 auto; padding:0 20px; }
.sm-esc-page-title { font-size:1.6rem; font-weight:800; margin-bottom:24px; display:flex; align-items:center; gap:10px; }
.sm-esc-count { font-size:1rem; font-weight:400; color:var(--esc-muted); }
.sm-esc-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--esc-muted); margin-bottom:20px; }
.sm-esc-breadcrumb a { color:var(--esc-green); text-decoration:none; }

/* ── Steps ───────────────────────────────────────────── */
.sm-esc-steps { display:flex; align-items:center; justify-content:center; gap:0; margin-bottom:32px; flex-wrap:wrap; }
.sm-esc-step { display:flex; flex-direction:column; align-items:center; gap:6px; }
.sm-esc-step__num { width:36px; height:36px; border-radius:50%; border:2px solid var(--esc-border); background:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:var(--esc-muted); }
.sm-esc-step span { font-size:12px; color:var(--esc-muted); }
.sm-esc-step--active .sm-esc-step__num { background:var(--esc-green); border-color:var(--esc-green); color:#fff; }
.sm-esc-step--active span { color:var(--esc-green); font-weight:700; }
.sm-esc-step--done .sm-esc-step__num { background:var(--esc-green); border-color:var(--esc-green); color:#fff; }
.sm-esc-step__line { width:60px; height:2px; background:var(--esc-border); margin:0 4px; margin-bottom:18px; }

/* ── Layout ──────────────────────────────────────────── */
.sm-esc-layout { display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:start; }
.sm-esc-layout__main { display:flex; flex-direction:column; gap:20px; }
.sm-esc-layout__side { position:sticky; top:24px; }

/* ── Cards ───────────────────────────────────────────── */
.sm-esc-card { background:var(--esc-white); border-radius:var(--esc-radius); box-shadow:var(--esc-shadow); border:1px solid var(--esc-border); overflow:hidden; }
.sm-esc-card__header { padding:16px 20px; border-bottom:1px solid var(--esc-border); }
.sm-esc-card__header h3 { margin:0; font-size:15px; font-weight:700; display:flex; align-items:center; gap:8px; }
.sm-esc-card__body { padding:20px; }
.sm-esc-card--warning { border-color:#fbbf24; }
.sm-esc-card--info    { border-color:#60a5fa; }

/* ── Cart row ────────────────────────────────────────── */
.sm-esc-cart-row { display:flex; align-items:center; gap:16px; padding:16px 20px; border-bottom:1px solid var(--esc-border); }
.sm-esc-cart-row:last-child { border-bottom:none; }
.sm-esc-cart-row__img { width:72px; height:72px; flex-shrink:0; border-radius:8px; overflow:hidden; border:1px solid var(--esc-border); background:var(--esc-bg); }
.sm-esc-cart-row__img img { width:100%; height:100%; object-fit:cover; }
.sm-esc-cart-row__no-img { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--esc-muted); font-size:24px; }
.sm-esc-cart-row__info { flex:1; }
.sm-esc-cart-row__name { display:block; font-weight:600; font-size:15px; margin-bottom:4px; }
.sm-esc-cart-row__price { font-size:13px; color:var(--esc-muted); }
.sm-esc-cart-row__qty { display:flex; align-items:center; gap:0; border:1.5px solid var(--esc-border); border-radius:8px; overflow:hidden; }
.sm-qty-btn { width:36px; height:36px; border:none; background:var(--esc-bg); cursor:pointer; font-size:18px; font-weight:700; color:var(--esc-text); display:flex; align-items:center; justify-content:center; }
.sm-qty-btn:hover { background:var(--esc-border); }
.sm-qty-input { width:48px; height:36px; border:none; border-left:1.5px solid var(--esc-border); border-right:1.5px solid var(--esc-border); text-align:center; font-size:15px; font-family:var(--esc-font); outline:none; }
.sm-esc-cart-row__line { min-width:100px; text-align:right; font-size:15px; }
.sm-esc-cart-row__remove { background:none; border:none; cursor:pointer; color:var(--esc-muted); font-size:16px; padding:8px; border-radius:6px; transition:.2s; }
.sm-esc-cart-row__remove:hover { color:var(--esc-red); background:#fee2e2; }
.sm-esc-cart-actions { padding:16px 20px; display:flex; justify-content:flex-start; }

/* ── Summary ─────────────────────────────────────────── */
.sm-esc-summary { padding:24px; }
.sm-esc-summary__title { font-size:16px; font-weight:800; margin:0 0 20px; }
.sm-esc-summary__item { display:flex; justify-content:space-between; font-size:14px; margin-bottom:12px; }
.sm-esc-summary__row { display:flex; justify-content:space-between; padding:8px 0; font-size:14px; }
.sm-esc-summary__row--total { font-size:17px; }
.sm-esc-summary__row--total strong { color:var(--esc-green); font-size:20px; }
.sm-esc-summary__divider { border:none; border-top:1.5px solid var(--esc-border); margin:12px 0; }
.sm-esc-summary__note { font-size:12px; color:var(--esc-muted); text-align:center; margin-top:12px; }
.sm-esc-summary__note a { color:var(--esc-green); }

/* ── Trust box ───────────────────────────────────────── */
.sm-esc-trust-box { background:#f0fdf4; border:1px solid #bbf7d0; border-radius:8px; padding:14px 16px; display:flex; gap:12px; margin:16px 0; }
.sm-esc-trust-box i { color:var(--esc-green); font-size:20px; flex-shrink:0; margin-top:2px; }
.sm-esc-trust-box strong { display:block; font-size:14px; margin-bottom:4px; color:var(--esc-green); }
.sm-esc-trust-box p { margin:0; font-size:13px; color:#166534; }

/* ── Payment icons ───────────────────────────────────── */
.sm-esc-payment-icons { display:flex; justify-content:center; gap:16px; margin-top:16px; }
.sm-esc-payment-icons i { font-size:22px; color:var(--esc-muted); }

/* ── Empty cart ──────────────────────────────────────── */
.sm-esc-empty-cart { text-align:center; padding:80px 20px; }
.sm-esc-empty-cart i { font-size:64px; color:var(--esc-muted); display:block; margin-bottom:24px; }
.sm-esc-empty-cart h2 { font-size:1.6rem; margin-bottom:12px; }
.sm-esc-empty-cart p { color:var(--esc-muted); margin-bottom:24px; }

/* ── Form fields ─────────────────────────────────────── */
.sm-esc-field { margin-bottom:16px; }
.sm-esc-field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sm-esc-label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.sm-esc-label .req { color:var(--esc-red); }
.sm-esc-input,.sm-esc-textarea { width:100%; padding:10px 14px; border:1.5px solid var(--esc-border); border-radius:8px; font-size:14px; font-family:var(--esc-font); outline:none; transition:.2s; }
.sm-esc-input:focus,.sm-esc-textarea:focus { border-color:var(--esc-green); box-shadow:0 0 0 3px rgba(26,107,58,.1); }
.sm-esc-textarea { resize:vertical; }

/* ── Payment options ─────────────────────────────────── */
.sm-esc-payment-methods { display:flex; flex-direction:column; gap:10px; }
.sm-esc-payment-option input[type=radio] { display:none; }
.sm-esc-payment-option__box { display:flex; align-items:center; gap:14px; padding:14px 16px; border:2px solid var(--esc-border); border-radius:var(--esc-radius); cursor:pointer; transition:.2s; }
.sm-esc-payment-option__box i { font-size:24px; color:var(--esc-muted); width:28px; text-align:center; }
.sm-esc-payment-option__box strong { display:block; font-size:14px; }
.sm-esc-payment-option__box small { font-size:12px; color:var(--esc-muted); }
.sm-esc-payment-option input:checked + .sm-esc-payment-option__box { border-color:var(--esc-green); background:#f0fdf4; }
.sm-esc-payment-option input:checked + .sm-esc-payment-option__box i { color:var(--esc-green); }

/* ── Info/protection box ─────────────────────────────── */
.sm-esc-info-box { background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px; padding:16px; display:flex; gap:12px; margin:16px 0; font-size:13px; }
.sm-esc-info-box i { color:var(--esc-blue); font-size:18px; flex-shrink:0; margin-top:2px; }
.sm-esc-protection-banner { background:linear-gradient(135deg,#0f4525,var(--esc-green)); color:#fff; border-radius:var(--esc-radius); padding:20px 24px; display:flex; gap:16px; }
.sm-esc-protection-banner__icon { font-size:32px; }
.sm-esc-protection-banner strong { display:block; font-size:15px; font-weight:800; margin-bottom:10px; }
.sm-esc-protection-banner ol { margin:0; padding-left:20px; }
.sm-esc-protection-banner li { margin-bottom:6px; font-size:13px; opacity:.92; }

/* ── Buttons ─────────────────────────────────────────── */
.sm-esc-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; border:2px solid transparent; text-decoration:none; transition:.2s; font-family:var(--esc-font); white-space:nowrap; }
.sm-esc-btn--primary { background:var(--esc-green); color:#fff; border-color:var(--esc-green); }
.sm-esc-btn--primary:hover { background:#2d9c56; color:#fff; }
.sm-esc-btn--danger  { background:var(--esc-red);   color:#fff; border-color:var(--esc-red); }
.sm-esc-btn--danger:hover { background:#a93226; color:#fff; }
.sm-esc-btn--ghost   { background:transparent; color:var(--esc-muted); border-color:var(--esc-border); }
.sm-esc-btn--full    { width:100%; justify-content:center; }
.sm-esc-btn--lg      { padding:14px 28px; font-size:16px; }
.sm-esc-btn--sm      { padding:6px 14px; font-size:13px; }

/* ── Overlay / spinner ───────────────────────────────── */
.sm-esc-overlay { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1000; display:flex; align-items:center; justify-content:center; }
.sm-esc-overlay__box { background:#fff; border-radius:12px; padding:40px; text-align:center; }
.sm-esc-spinner { width:40px; height:40px; border:4px solid var(--esc-border); border-top-color:var(--esc-green); border-radius:50%; animation:sm-spin 1s linear infinite; margin:0 auto 16px; }
@keyframes sm-spin { to { transform:rotate(360deg); } }

/* ── Confirmation ────────────────────────────────────── */
.sm-esc-confirmation__header { text-align:center; padding:40px 20px 32px; }
.sm-esc-confirmation__check { width:72px; height:72px; background:var(--esc-green); color:#fff; border-radius:50%; font-size:32px; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
.sm-esc-confirmation__header h1 { font-size:1.8rem; margin-bottom:12px; }
.sm-esc-confirmation__number { display:inline-block; background:var(--esc-bg); border:1.5px solid var(--esc-border); border-radius:8px; padding:8px 20px; margin-top:12px; font-size:14px; }
.sm-esc-confirmation__actions { display:flex; flex-direction:column; gap:10px; margin-top:16px; }

/* ── Escrow status timeline ──────────────────────────── */
.sm-esc-escrow-status { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; padding:24px 20px; background:var(--esc-white); border-radius:var(--esc-radius); box-shadow:var(--esc-shadow); border:1px solid var(--esc-border); margin-bottom:24px; }
.sm-esc-escrow-status__step { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:90px; }
.sm-esc-escrow-status__step i { font-size:24px; color:var(--esc-muted); }
.sm-esc-escrow-status__step span { font-size:12px; color:var(--esc-muted); text-align:center; }
.sm-esc-escrow-status__step--active i { color:var(--esc-green); }
.sm-esc-escrow-status__step--active span { color:var(--esc-green); font-weight:700; }
.sm-esc-escrow-status__step--done i { color:var(--esc-green); }
.sm-esc-escrow-status__step--done span { color:#166534; font-weight:600; }
.sm-esc-escrow-status__line { flex:1; min-width:30px; height:2px; background:var(--esc-border); margin-bottom:20px; }
.sm-esc-escrow-status--compact { padding:16px; }
.sm-esc-timeline-card { background:var(--esc-white); border-radius:var(--esc-radius); box-shadow:var(--esc-shadow); border:1px solid var(--esc-border); padding:20px; margin-bottom:24px; }
.sm-esc-timeline-card h3 { margin:0 0 16px; font-size:15px; display:flex; align-items:center; gap:8px; }

/* ── Order detail actions ────────────────────────────── */
.sm-esc-confirm-box { text-align:center; padding:8px 0; }
.sm-esc-confirm-box i { font-size:36px; color:var(--esc-green); display:block; margin-bottom:12px; }
.sm-esc-confirm-box h4 { margin:0 0 8px; }
.sm-esc-confirm-box p { font-size:13px; color:var(--esc-muted); margin-bottom:16px; }

/* ── Dispute page ────────────────────────────────────── */
.sm-esc-dispute-page { max-width:640px; margin:0 auto; text-align:center; }
.sm-esc-dispute-page__icon { font-size:64px; margin-bottom:16px; }
.sm-esc-dispute-page h1 { margin-bottom:12px; }
.sm-esc-dispute-page > p { color:var(--esc-muted); margin-bottom:24px; }
.sm-esc-dispute-form-card { text-align:left; margin-top:24px; }
.sm-esc-dispute-actions { display:flex; justify-content:space-between; margin-top:20px; gap:12px; }

/* ── Table ───────────────────────────────────────────── */
.sm-esc-table-wrap { overflow-x:auto; }
.sm-esc-table { width:100%; border-collapse:collapse; font-size:14px; }
.sm-esc-table th { background:var(--esc-bg); padding:12px 16px; text-align:left; font-size:12px; font-weight:700; text-transform:uppercase; color:var(--esc-muted); border-bottom:1px solid var(--esc-border); }
.sm-esc-table td { padding:12px 16px; border-bottom:1px solid var(--esc-border); }
.sm-esc-table tfoot td { padding:12px 16px; border-top:2px solid var(--esc-border); font-size:14px; }
.sm-esc-table__total td { font-size:16px; }

/* ── Badges ──────────────────────────────────────────── */
.sm-esc-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.sm-esc-badge--pending_payment { background:#fef9c3; color:#854d0e; }
.sm-esc-badge--paid            { background:#dcfce7; color:#166534; }
.sm-esc-badge--processing      { background:#dbeafe; color:#1e40af; }
.sm-esc-badge--shipped         { background:#ede9fe; color:#5b21b6; }
.sm-esc-badge--delivered       { background:#dcfce7; color:#166534; }
.sm-esc-badge--completed       { background:#d1fae5; color:#065f46; }
.sm-esc-badge--disputed        { background:#fee2e2; color:#991b1b; }
.sm-esc-badge--refunded        { background:#f3f4f6; color:#6b7280; }
.sm-esc-badge--cancelled       { background:#f3f4f6; color:#6b7280; }
.sm-esc-badge--pending         { background:#fef9c3; color:#854d0e; }
.sm-esc-badge--escrow-held     { background:#dbeafe; color:#1e40af; }
.sm-esc-badge--escrow-released { background:#dcfce7; color:#166534; }
.sm-esc-badge--escrow-disputed { background:#fee2e2; color:#991b1b; }
.sm-esc-badge--escrow-refunded { background:#f3f4f6; color:#6b7280; }

/* ── Page header ─────────────────────────────────────── */
.sm-esc-page-header { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.sm-esc-page-header h1 { font-size:1.6rem; font-weight:800; margin:0; }

/* ── Alerts ──────────────────────────────────────────── */
.sm-esc-alert { padding:14px 18px; border-radius:8px; display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; margin:16px 0; }
.sm-esc-alert--warning { background:#fef3c7; color:#92400e; border:1px solid #fde68a; }
.sm-esc-alert--error   { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; display:none; }
.sm-esc-note { font-size:12px; color:var(--esc-muted); margin:8px 0 0; }

/* ── Modal ───────────────────────────────────────────── */
.sm-esc-modal { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1000; display:flex; align-items:center; justify-content:center; }
.sm-esc-modal__box { background:#fff; border-radius:var(--esc-radius); width:460px; max-width:95vw; }
.sm-esc-modal__header { padding:20px 24px; border-bottom:1px solid var(--esc-border); display:flex; justify-content:space-between; align-items:center; }
.sm-esc-modal__header h3 { margin:0; font-size:16px; }
.sm-esc-modal__close { background:none; border:none; font-size:18px; cursor:pointer; color:var(--esc-muted); }
.sm-esc-modal__body { padding:24px; text-align:center; }
.sm-esc-modal__icon { font-size:48px; margin-bottom:16px; }
.sm-esc-modal__body p { font-size:14px; color:var(--esc-muted); margin-bottom:12px; }
.sm-esc-modal__body p strong { color:var(--esc-text); }
.sm-esc-modal__footer { padding:16px 24px; border-top:1px solid var(--esc-border); display:flex; justify-content:flex-end; gap:12px; }

/* ── Bank details ────────────────────────────────────── */
.sm-esc-bank-details { background:var(--esc-bg); border:1px solid var(--esc-border); border-radius:8px; padding:16px; font-family:monospace; font-size:13px; white-space:pre-wrap; margin:12px 0; }

/* ── Empty ───────────────────────────────────────────── */
.sm-esc-empty { text-align:center; padding:60px 20px; }
.sm-esc-empty i { font-size:48px; color:var(--esc-muted); display:block; margin-bottom:16px; }

/* ── Page header ─────────────────────────────────────── */
.sm-esc-payment-page { max-width:600px; margin:0 auto; }

/* ── Responsive ──────────────────────────────────────── */
@media (max-width:800px) {
    .sm-esc-layout { grid-template-columns:1fr; }
    .sm-esc-layout__side { position:static; }
    .sm-esc-field-row { grid-template-columns:1fr; }
    .sm-esc-cart-row { flex-wrap:wrap; }
}
@media (max-width:480px) {
    .sm-esc-page { padding:20px 0 40px; }
    .sm-esc-escrow-status { gap:4px; }
    .sm-esc-escrow-status__step { min-width:60px; }
    .sm-esc-escrow-status__step span { font-size:10px; }
}

/* Mobile checkout fixes: payment instructions and easy location sharing */
.sm-payment-instructions-box {
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 12px;
}
.sm-payment-instructions-box p {
    margin: 6px 0 0;
    line-height: 1.5;
    word-break: break-word;
}
.sm-location-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sm-location-btn {
    width: 100%;
    justify-content: center;
}
#sm-location-status {
    display: block;
    margin-top: 8px;
    line-height: 1.4;
}
@media (max-width:800px) {
    #sm-payment-instructions,
    .sm-payment-instructions-box {
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin-top: 12px !important;
        font-size: 14px;
    }
    .sm-esc-payment-option,
    .sm-esc-payment-option__box {
        width: 100%;
        box-sizing: border-box;
    }
}


/* Reliable payment instructions without depending only on JavaScript */
.sm-inline-payment-instructions {
    display: none;
    width: 100%;
    margin: 10px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--esc-border, #d8dee4);
    border-radius: 10px;
    background: #f8fafc;
    box-sizing: border-box;
    line-height: 1.5;
}
.sm-inline-payment-instructions p {
    margin: 6px 0 0;
    white-space: normal;
    word-break: break-word;
}
.sm-esc-payment-option input[type="radio"]:checked ~ .sm-inline-payment-instructions {
    display: block;
}
@media (max-width:800px) {
    .sm-esc-payment-methods {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .sm-inline-payment-instructions {
        display: none;
        font-size: 14px;
    }
    .sm-esc-payment-option input[type="radio"]:checked ~ .sm-inline-payment-instructions {
        display: block !important;
    }
    #sm-payment-instructions {
        display: flex;
        flex-direction: row;
    }
    .sm-location-btn {
        min-height: 44px;
        white-space: normal;
    }
}

/* Customer account/login */
.sm-account-notice{padding:12px 14px;border-radius:10px;margin:0 0 16px 0;font-weight:600}
.sm-account-success{background:#e8f7ed;border:1px solid #b9e4c6;color:#166534}
.sm-account-error{background:#fdecec;border:1px solid #f4b4b4;color:#991b1b}
.sm-account-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px 0}
.sm-account-nav a{display:inline-block;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;font-weight:600}
.sm-account-form .sm-esc-field{margin-bottom:12px}
.sm-account-check{display:block;margin:8px 0 14px 0}
@media(max-width:768px){.sm-account-nav a{width:100%;text-align:center}.sm-account-page .sm-esc-layout{display:block}.sm-account-page .sm-esc-layout__side{margin-top:16px}}

/* ══════════════════════════════════════════════════════
   ESCROW RESPONSIVE FIXES
   ══════════════════════════════════════════════════════ */

@media (max-width:600px) {
    /* Checkout stappen */
    .sm-esc-steps { flex-direction:column; gap:8px; }
    .sm-esc-step__arrow { display:none; }
    .sm-esc-step { width:100%; }

    /* Velden */
    .sm-esc-field-row { grid-template-columns:1fr; }
    .sm-esc-input, .sm-esc-select, .sm-esc-textarea { font-size:16px; } /* voorkom iOS zoom */

    /* Betaalmethode knoppen */
    .sm-esc-payment-methods { grid-template-columns:1fr; }
    .sm-esc-payment-method { padding:14px; }

    /* Bestellingen lijst */
    .sm-esc-orders-grid { grid-template-columns:1fr; }
    .sm-esc-order-card { padding:14px; }

    /* Escrow status stappen */
    .sm-esc-escrow-status { overflow-x:auto; padding-bottom:8px; }

    /* Klacht formulier */
    .sm-esc-dispute-form { padding:16px; }

    /* Knoppen full width op mobiel */
    .sm-esc-btn--primary, .sm-esc-btn--lg { width:100%; justify-content:center; }

    /* Account navigatie */
    .sm-account-nav { overflow-x:auto; white-space:nowrap; padding-bottom:4px; }
    .sm-account-nav a { display:inline-block; }

    /* Pagina padding */
    .sm-esc-page { padding:16px 0 40px; }

    /* Order detail layout */
    .sm-esc-order-detail-grid { grid-template-columns:1fr; }
}

@media (max-width:400px) {
    .sm-esc-escrow-status__step { min-width:70px; }
    .sm-esc-escrow-status__step span { font-size:9px; }
    .sm-esc-escrow-status__step i { font-size:14px; }
}