/* Boxes page redesign */
        .boxes-redesign-page {
            display: flex;
            flex-direction: column;
            gap: 22px;
            color: #111827;
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }

        .boxes-redesign-page * {
            font-family: inherit;
        }

        .boxes-redesign-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
        }

        .boxes-redesign-title {
            margin: 0 0 8px;
            font-size: 44px;
            line-height: 1.08;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #0f172a;
        }

        .boxes-redesign-subtitle {
            margin: 0;
            color: #64748b;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.55;
            letter-spacing: 0.002em;
        }

        .boxes-kpi-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            margin: 2px 0 10px;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            overflow: visible;
        }

        .boxes-kpi-item {
            --boxes-kpi-background: #ffffff;
            --boxes-kpi-border: rgba(17, 24, 39, 0.08);
            --boxes-kpi-accent: #38b803;
            --boxes-kpi-icon-background: #f1f8f1;
            --boxes-kpi-icon-color: #18933b;
            --boxes-kpi-icon-border: rgba(24, 147, 59, 0.12);
            position: relative;
            min-height: 120px;
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 24px 26px;
            background: var(--boxes-kpi-background);
            border: 1px solid var(--boxes-kpi-border);
            border-radius: 18px;
            box-shadow: 0 5px 18px rgba(15, 23, 42, 0.04);
            overflow: hidden;
        }

        .boxes-kpi-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--boxes-kpi-accent);
            opacity: 0.56;
        }

        .boxes-kpi-item > div { min-width: 0; }

        .boxes-kpi-icon {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            background: var(--boxes-kpi-icon-background);
            color: var(--boxes-kpi-icon-color);
            border: 1px solid var(--boxes-kpi-icon-border);
            box-shadow: 0 3px 10px rgba(15, 23, 42, 0.035);
        }

        .boxes-kpi-icon svg,
        .boxes-card-icon svg,
        .boxes-card-meta-line svg,
        .boxes-secondary-action svg,
        .boxes-primary-action svg,
        .boxes-selected-check svg,
        .boxes-empty-illustration svg,
        .boxes-choose-btn svg {
            width: 22px;
            height: 22px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.85;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .boxes-kpi-green {
            --boxes-kpi-background: #fbfefb;
            --boxes-kpi-border: rgba(24, 147, 59, 0.13);
            --boxes-kpi-accent: #38b803;
            --boxes-kpi-icon-background: #edf8ef;
            --boxes-kpi-icon-color: #168b37;
            --boxes-kpi-icon-border: rgba(24, 147, 59, 0.13);
        }

        .boxes-kpi-gold {
            --boxes-kpi-background: #fffdf9;
            --boxes-kpi-border: rgba(208, 139, 16, 0.14);
            --boxes-kpi-accent: #d99518;
            --boxes-kpi-icon-background: #fff6df;
            --boxes-kpi-icon-color: #a96d00;
            --boxes-kpi-icon-border: rgba(208, 139, 16, 0.13);
        }

        .boxes-kpi-blue {
            --boxes-kpi-background: #fbfdff;
            --boxes-kpi-border: rgba(43, 127, 255, 0.13);
            --boxes-kpi-accent: #3b82f6;
            --boxes-kpi-icon-background: #eff6ff;
            --boxes-kpi-icon-color: #246fc2;
            --boxes-kpi-icon-border: rgba(43, 127, 255, 0.12);
        }

        .boxes-kpi-item strong {
            display: block;
            font-size: 36px;
            line-height: 1.04;
            color: #0f172a;
            font-weight: 700;
            letter-spacing: -0.03em;
            margin-bottom: 7px;
        }

        .boxes-kpi-item span:not(.boxes-kpi-icon) {
            color: #3f4c5f;
            font-size: 15px;
            line-height: 1.4;
            font-weight: 500;
            letter-spacing: 0.002em;
        }

        .boxes-section-card,
        .boxes-empty-card {
            background: #fff;
            border: 1px solid rgba(17, 24, 39, 0.08);
            border-radius: 20px;
            box-shadow: 0 14px 38px rgba(15, 23, 42, 0.045);
            padding: 26px 28px 30px;
        }

        .boxes-section-card h2 {
            margin: 0 0 18px;
            font-size: 24px;
            line-height: 1.2;
            font-weight: 800;
            color: #111827;
            letter-spacing: -0.02em;
        }

        .boxes-section-empty {
            border: 1px dashed rgba(17, 24, 39, 0.12);
            border-radius: 16px;
            background: #fbfcfb;
            color: #64748b;
            padding: 28px 20px;
            text-align: center;
            font-size: 15px;
        }

        .boxes-address-warning { margin-bottom: 18px; }

        .boxes-workflow-card {
            display: grid;
            grid-template-columns: minmax(320px, 1fr) minmax(420px, 1.18fr);
            gap: 26px;
            border: 1px solid #e5e7eb;
            border-radius: 18px;
            padding: 24px 26px;
            background: #fff;
            margin-bottom: 18px;
            align-items: center;
        }

        .boxes-workflow-card:last-child { margin-bottom: 0; }
        .boxes-prep-card { grid-template-columns: minmax(320px, 1fr) auto; }

        .boxes-card-left {
            display: flex;
            align-items: flex-start;
            gap: 22px;
            min-width: 0;
        }

        .boxes-card-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #edf8ee;
            color: #168b32;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
        }

        .boxes-card-icon svg { width: 34px; height: 34px; }
        .boxes-card-copy { min-width: 0; flex: 1; }

        .boxes-card-heading-row {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            margin-bottom: 12px;
        }

        .boxes-card-heading-row h3 {
            margin: 0;
            font-size: 24px;
            line-height: 1.15;
            font-weight: 800;
            letter-spacing: 0.03em;
            color: #111827;
        }

        .boxes-status-pill {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            border-radius: 999px;
            padding: 0 14px;
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
        }

        .boxes-status-ready { background: #eaf8ed; color: #147a2f; }
        .boxes-status-prep { background: #fff2d9; color: #a16207; }
        .boxes-status-pending { background: #fff7df; color: #a16207; }

        .boxes-card-meta-line {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            color: #64748b;
            font-size: 15px;
            margin: 10px 0;
        }

        .boxes-card-meta-line svg {
            width: 18px;
            height: 18px;
            color: #64748b;
            flex: 0 0 auto;
        }

        .boxes-card-copy p {
            color: #475569;
            margin: 16px 0 0;
            font-size: 15px;
            line-height: 1.55;
        }

        .boxes-dot { color: #94a3b8; }

        .boxes-package-chip-row {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .boxes-package-chip {
            min-height: 30px;
            border-radius: 9px;
            border: 1px solid #e5e7eb;
            background: #f8fafc;
            color: #334155;
            display: inline-flex;
            align-items: center;
            padding: 0 13px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        .boxes-muted-inline,
        .boxes-empty-inline { color: #94a3b8; font-size: 14px; }
        .boxes-ready-options-area { min-width: 0; }

        .boxes-option-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            margin-bottom: 18px;
        }

        .boxes-shipping-card {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            min-height: 146px;
            gap: 8px;
            border: 1px solid #e5e7eb;
            border-radius: 14px;
            background: #fff;
            padding: 18px 16px;
            cursor: pointer;
            transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
        }

        .boxes-shipping-card input { position: absolute; opacity: 0; pointer-events: none; }

        .boxes-shipping-card.selected {
            border-color: #159139;
            background: #f7fcf5;
            box-shadow: 0 10px 26px rgba(21, 145, 57, 0.08);
        }

        .boxes-selected-check {
            position: absolute;
            top: -13px;
            right: -13px;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #159139;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 18px rgba(21, 145, 57, 0.25);
        }

        .boxes-selected-check svg { width: 17px; height: 17px; }

        .boxes-option-logo-placeholder,
        .boxes-option-logo-img {
            width: 64px;
            height: 34px;
            border-radius: 8px;
            border: 1px solid #e5e7eb;
            background: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #0ea5e9;
            font-size: 11px;
            font-weight: 800;
            overflow: hidden;
            text-transform: lowercase;
        }

        .boxes-option-logo-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 4px;
            display: block;
        }

        .boxes-option-logo-fallback {
            display: none;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 800;
        }

        .boxes-shipping-card strong { font-size: 16px; line-height: 1.3; color: #111827; }
        .boxes-shipping-card > span:not(.boxes-selected-check):not(.boxes-option-logo-placeholder):not(.boxes-option-logo-img):not(.boxes-option-logo-fallback):not(.boxes-option-details) { color: #64748b; font-size: 14px; }
        .boxes-shipping-card b { margin-top: auto; color: #147a2f; font-size: 22px; line-height: 1; letter-spacing: -0.03em; }

        .boxes-choose-btn,
        .boxes-primary-action {
            min-height: 54px;
            border: none;
            border-radius: 13px;
            background: var(--primary-color);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 0 28px;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
            box-shadow: 0 12px 24px rgba(56, 184, 3, 0.16);
            transition: background 160ms ease, opacity 160ms ease;
        }

        .boxes-choose-btn { width: 100%; }
        .boxes-choose-btn:hover:not(:disabled), .boxes-primary-action:hover { background: var(--primary-dark); }
        .boxes-choose-btn:disabled { opacity: 0.55; cursor: not-allowed; }

        .boxes-secondary-action {
            min-height: 50px;
            border-radius: 12px;
            border: 1px solid rgba(56, 184, 3, 0.32);
            background: #fff;
            color: #168b32;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 0 22px;
            font-size: 15px;
            font-weight: 800;
            cursor: pointer;
            white-space: nowrap;
        }

        .boxes-secondary-action:hover { background: #f4fbf1; }

        .boxes-contents-panel {
            margin-top: 14px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 10px;
            padding: 12px;
            border-radius: 12px;
            background: #f8fafc;
            border: 1px solid #e5e7eb;
        }

        .boxes-content-row { display: flex; align-items: center; gap: 8px; color: #334155; font-size: 14px; font-weight: 600; }
        .boxes-content-icon { width: 26px; height: 26px; border-radius: 8px; background: #eef8ef; color: #168b32; display: inline-flex; align-items: center; justify-content: center; }
        .boxes-content-icon svg { width: 15px; height: 15px; }

        .boxes-pending-note {
            border: 1px solid rgba(245, 158, 11, 0.25);
            background: #fffbeb;
            color: #92400e;
            border-radius: 12px;
            padding: 12px 14px;
            font-size: 14px;
            line-height: 1.45;
            margin-top: 14px;
        }

        .boxes-pending-note a { color: #047857; font-weight: 700; }

        .boxes-empty-card {
            min-height: 520px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 48px 24px;
        }

        .boxes-empty-illustration { width: 250px; height: 190px; color: #5cab62; margin-bottom: 12px; }
        .boxes-empty-illustration svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
        .boxes-empty-dash { stroke-dasharray: 6 8; }
        .boxes-empty-card h2 { margin: 0 0 12px; font-size: 30px; line-height: 1.15; font-weight: 800; letter-spacing: -0.03em; color: #111827; }
        .boxes-empty-card p { margin: 0 0 28px; color: #64748b; font-size: 16px; line-height: 1.55; max-width: 520px; }

        .boxes-link-action {
            margin-top: 18px;
            border: none;
            background: transparent;
            color: #168b32;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
        }

        .boxes-options-empty { min-height: 118px; display: flex; align-items: center; justify-content: center; }

        @media (max-width: 1300px) {
            .boxes-workflow-card { grid-template-columns: 1fr; }
            .boxes-option-grid { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
        }

        @media (max-width: 900px) {
            .boxes-redesign-title { font-size: 38px; }
            .boxes-kpi-strip { grid-template-columns: 1fr; gap: 12px; margin-bottom: 6px; }
            .boxes-kpi-item { min-height: 98px; gap: 16px; padding: 18px 20px; }
            .boxes-kpi-icon { width: 52px; height: 52px; }
            .boxes-kpi-item strong { font-size: 32px; margin-bottom: 5px; }
            .boxes-option-grid { grid-template-columns: 1fr; }
            .boxes-prep-card { grid-template-columns: 1fr; }
            .boxes-section-card { padding: 22px 20px; }
        }


        /* Compact box content sections. */
        .boxes-content-section {
            min-width: 0;
        }

        .boxes-section-heading {
            margin: 0 0 10px;
        }

        .boxes-section-heading h2 {
            margin: 0;
            color: #111827;
            font-size: 21px;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: -0.015em;
        }

        .boxes-section-heading p {
            margin: 4px 0 0;
            color: #64748b;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
        }

        .boxes-content-section .boxes-section-empty {
            min-height: 76px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: #fff;
        }

        .boxes-workflow-card.boxes-ready-card,
        .boxes-workflow-card.boxes-prep-card {
            display: block;
            margin-bottom: 14px;
            padding: 17px 19px;
            border: 1px solid #e1e7e2;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 4px 14px rgba(15, 23, 42, 0.038);
        }

        .boxes-content-section .boxes-workflow-card:last-child {
            margin-bottom: 0;
        }

        .boxes-ready-summary {
            display: grid;
            grid-template-columns: 46px minmax(0, 1fr) minmax(240px, auto);
            column-gap: 22px;
            row-gap: 9px;
            align-items: start;
            min-width: 0;
        }

        .boxes-ready-summary > .boxes-card-icon {
            grid-column: 1;
            grid-row: 1 / span 2;
        }

        .boxes-ready-card-copy {
            grid-column: 2;
            min-width: 0;
        }

        .boxes-card-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #edf8ee;
            color: #168b32;
        }

        .boxes-card-icon svg {
            width: 22px;
            height: 22px;
        }

        .boxes-card-eyebrow {
            display: block;
            margin-bottom: 2px;
            color: #64748b;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.35;
            letter-spacing: 0.01em;
        }

        .boxes-card-heading-row {
            gap: 9px;
            margin: 0 0 7px;
        }

        .boxes-card-heading-row h3 {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.012em;
            overflow-wrap: anywhere;
        }

        .boxes-status-pill {
            min-height: 24px;
            padding: 0 10px;
            font-size: 11.5px;
            font-weight: 600;
        }

        .boxes-status-options-pending {
            background: #f1f3f5;
            color: #4b5563;
        }

        .boxes-ready-package-line,
        .boxes-package-count {
            display: flex;
            align-items: center;
        }

        .boxes-ready-package-line {
            gap: 9px;
            flex-wrap: wrap;
            min-width: 0;
        }

        .boxes-package-count {
            gap: 6px;
            color: #334155;
            font-size: 12.5px;
            font-weight: 600;
            white-space: nowrap;
        }

        .boxes-package-count svg {
            width: 15px;
            height: 15px;
            flex: 0 0 auto;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.85;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .boxes-package-count-inline {
            color: #4b5563;
            font-size: 12px;
        }

        .boxes-package-chip-row {
            gap: 6px;
            min-width: 0;
        }

        .boxes-package-chip {
            min-height: 24px;
            border-radius: 7px;
            padding: 0 9px;
            color: #176b31;
            background: #fbfdfb;
            border-color: #dce5dc;
            font-size: 11.5px;
            font-weight: 500;
            letter-spacing: 0;
        }

        .boxes-date-list {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 14px;
            flex-wrap: wrap;
            min-width: 0;
            padding-top: 17px;
        }

        .boxes-date-item {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: #64748b;
            font-size: 12.5px;
            font-weight: 400;
            line-height: 1.45;
            white-space: nowrap;
        }

        .boxes-date-item svg {
            width: 15px;
            height: 15px;
            flex: 0 0 auto;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.85;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .boxes-date-item strong {
            color: #4b5563;
            font-weight: 600;
        }

        .boxes-ready-summary > .boxes-date-list {
            display: grid;
            grid-template-columns: repeat(2, max-content);
            align-items: start;
            justify-content: end;
            gap: 7px 20px;
            padding-top: 16px;
        }

        .boxes-card-explanation {
            color: #475569;
            font-size: 13.5px;
            font-weight: 400;
            line-height: 1.55;
        }

        .boxes-ready-summary > .boxes-card-explanation {
            grid-column: 2 / -1;
            margin: 1px 0 0;
        }

        .boxes-ready-summary > .boxes-pending-note {
            grid-column: 2 / -1;
            margin: 0;
            padding: 9px 11px;
            border-radius: 9px;
            font-size: 12.5px;
        }

        .boxes-ready-options-area {
            min-width: 0;
            margin-top: 13px;
            padding-top: 14px;
            border-top: 1px solid #e4e9e5;
        }

        .boxes-option-grid {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 12px;
            margin-bottom: 0;
        }

        .boxes-shipping-card {
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr);
            grid-template-rows: auto auto;
            align-items: start;
            column-gap: 9px;
            row-gap: 6px;
            min-height: 104px;
            padding: 12px 14px;
            border: 1.5px solid #d3dbd5;
            border-radius: 11px;
            background: #fff;
            box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
        }

        .boxes-shipping-card:hover {
            border-color: #b9c5bb;
            box-shadow: 0 5px 14px rgba(15, 23, 42, 0.055);
        }

        .boxes-shipping-card input {
            position: static;
            grid-column: 1;
            grid-row: 1;
            width: 17px;
            height: 17px;
            margin: 3px 0 0;
            opacity: 1;
            accent-color: #168b32;
            pointer-events: none;
        }

        .boxes-shipping-card.selected {
            border-color: #238b3b;
            background: #f6fbf7;
            box-shadow: 0 0 0 1px rgba(35, 139, 59, 0.09), 0 7px 17px rgba(21, 122, 47, 0.075);
        }

        .boxes-shipping-card:focus-within {
            outline: 3px solid rgba(35, 139, 59, 0.14);
            outline-offset: 2px;
        }

        .boxes-option-logo-placeholder,
        .boxes-option-logo-img {
            grid-column: 2;
            grid-row: 1;
            width: 64px;
            height: 28px;
            border-radius: 7px;
        }

        .boxes-option-logo-img {
            border-color: transparent;
            background: transparent;
        }

        .boxes-option-logo-img img {
            padding: 1px;
        }

        .boxes-option-details {
            grid-column: 2;
            grid-row: 2;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 1px;
            min-width: 0;
            color: #64748b;
            font-size: 12.5px;
        }

        .boxes-shipping-card .boxes-option-details strong {
            max-width: 100%;
            color: #111827;
            font-size: 14.5px;
            font-weight: 600;
            line-height: 1.35;
            overflow-wrap: anywhere;
        }

        .boxes-shipping-card .boxes-option-details > span {
            color: #64748b;
            font-size: 12.5px;
            font-weight: 400;
            line-height: 1.45;
        }

        .boxes-shipping-card .boxes-option-details b {
            margin-top: 4px;
            color: #147a2f;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: -0.015em;
        }

        .boxes-ready-footer {
            display: flex;
            justify-content: flex-end;
            margin-top: 13px;
        }

        .boxes-ready-footer .boxes-choose-btn {
            width: min(100%, 390px);
            min-height: 44px;
            border: none;
            border-radius: 9px;
            background: #24a844;
            padding: 0 22px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.004em;
            box-shadow: 0 3px 8px rgba(31, 151, 53, 0.16);
            transition: background 140ms ease, box-shadow 140ms ease, filter 140ms ease, opacity 140ms ease;
        }

        .boxes-ready-footer .boxes-choose-btn:hover:not(:disabled) {
            background: #1f9735;
            box-shadow: 0 3px 8px rgba(31, 151, 53, 0.18);
        }

        .boxes-ready-footer .boxes-choose-btn:active:not(:disabled) {
            background: #1b892f;
            box-shadow: 0 2px 5px rgba(31, 151, 53, 0.14);
        }

        .boxes-ready-footer .boxes-choose-btn:focus-visible {
            outline: 3px solid rgba(21, 148, 33, 0.20);
            outline-offset: 3px;
        }

        .boxes-ready-footer .boxes-choose-btn:disabled {
            box-shadow: none;
            filter: saturate(0.72);
        }

        .boxes-prep-layout {
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr) auto;
            column-gap: 14px;
            row-gap: 8px;
            align-items: start;
            min-width: 0;
        }

        .boxes-prep-layout > .boxes-card-icon {
            grid-column: 1;
            grid-row: 1 / span 2;
            align-self: start;
        }

        .boxes-prep-identity {
            grid-column: 2;
            min-width: 0;
        }

        .boxes-prep-identity .boxes-card-heading-row {
            margin-bottom: 0;
        }

        .boxes-prep-identity .boxes-card-heading-row h3 {
            font-size: 19px;
            font-weight: 700;
        }

        .boxes-prep-side {
            grid-column: 3;
            grid-row: 1 / span 2;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 10px;
            min-width: 0;
        }

        .boxes-prep-dates {
            padding-top: 0;
            justify-content: flex-end;
        }

        .boxes-prep-side > .boxes-secondary-action {
            min-height: 40px;
            border-radius: 8px;
            padding: 0 15px;
            font-size: 13px;
            font-weight: 600;
        }

        .boxes-prep-side > .boxes-secondary-action svg {
            width: 16px;
            height: 16px;
        }

        .boxes-prep-support {
            grid-column: 2 / 3;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            min-width: 0;
        }

        .boxes-prep-support .boxes-card-explanation {
            flex: 1 1 320px;
            margin: 0;
        }

        .boxes-prep-layout > .boxes-contents-panel {
            grid-column: 2 / -1;
            width: 100%;
            margin-top: 3px;
            padding: 10px;
            gap: 8px;
            border-radius: 9px;
        }

        @media (max-width: 1100px) {
            .boxes-ready-summary {
                grid-template-columns: 46px minmax(0, 1fr);
            }

            .boxes-ready-summary > .boxes-date-list {
                grid-column: 2;
                padding-top: 0;
                justify-content: flex-start;
            }

            .boxes-ready-summary > .boxes-card-explanation,
            .boxes-ready-summary > .boxes-pending-note {
                grid-column: 2;
            }

            .boxes-prep-layout {
                grid-template-columns: 44px minmax(0, 1fr) auto;
            }

            .boxes-prep-side {
                grid-column: 3;
                grid-row: 1 / span 2;
            }

            .boxes-prep-side .boxes-prep-dates {
                align-items: flex-end;
                flex-direction: column;
                gap: 6px;
            }

            .boxes-prep-support {
                grid-column: 2 / 3;
            }
        }

        @media (max-width: 900px) {
            .boxes-section-heading h2 {
                font-size: 20px;
            }

            .boxes-workflow-card.boxes-ready-card,
            .boxes-workflow-card.boxes-prep-card {
                padding: 15px;
                border-radius: 12px;
            }

            .boxes-option-grid {
                grid-template-columns: 1fr;
            }

            .boxes-ready-footer .boxes-choose-btn {
                width: 100%;
                max-width: none;
            }

            .boxes-prep-layout {
                grid-template-columns: 40px minmax(0, 1fr);
                column-gap: 11px;
            }

            .boxes-prep-layout > .boxes-card-icon {
                grid-column: 1;
                grid-row: 1;
                width: 40px;
                height: 40px;
            }

            .boxes-prep-identity {
                grid-column: 2;
                grid-row: 1;
            }

            .boxes-prep-side {
                grid-column: 1 / -1;
                grid-row: 2;
                align-items: flex-start;
                width: 100%;
            }

            .boxes-prep-dates {
                align-items: flex-start;
                justify-content: flex-start;
            }

            .boxes-prep-side > .boxes-secondary-action {
                width: 100%;
            }

            .boxes-prep-support {
                grid-column: 1 / -1;
                grid-row: 3;
            }

            .boxes-prep-layout > .boxes-contents-panel {
                grid-column: 1 / -1;
                grid-row: 4;
            }
        }

        @media (max-width: 560px) {
            .boxes-section-heading {
                margin-bottom: 9px;
            }

            .boxes-ready-summary {
                grid-template-columns: 40px minmax(0, 1fr);
                column-gap: 11px;
            }

            .boxes-ready-summary > .boxes-card-icon {
                width: 40px;
                height: 40px;
            }

            .boxes-ready-summary > .boxes-date-list,
            .boxes-ready-summary > .boxes-card-explanation,
            .boxes-ready-summary > .boxes-pending-note {
                grid-column: 1 / -1;
            }

            .boxes-ready-summary > .boxes-date-list {
                display: flex;
            }

            .boxes-date-list {
                align-items: flex-start;
                flex-direction: column;
                gap: 6px;
            }

            .boxes-date-item {
                white-space: normal;
            }

            .boxes-shipping-card {
                grid-template-columns: 17px minmax(0, 1fr);
                column-gap: 8px;
                row-gap: 5px;
                min-height: 104px;
                padding: 10px 12px;
            }

            .boxes-option-logo-placeholder,
            .boxes-option-logo-img {
                width: 60px;
                height: 26px;
            }

            .boxes-prep-support {
                align-items: flex-start;
                flex-direction: column;
            }

            .boxes-prep-support .boxes-card-explanation {
                flex-basis: auto;
            }
        }