/* A compact sound list and a distinct checkout panel share the existing brand palette. */
.checkout-page{max-width:1180px;padding-top:32px;padding-bottom:40px}
.checkout-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.checkout-heading h1{font-size:2.375rem;margin:0 0 10px}.checkout-heading p{max-width:570px;margin:0}
.basket-back{white-space:nowrap;padding:10px 0}.basket-back>.icon{transform:rotate(180deg)}
.checkout-grid{align-items:stretch;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px}
.basket-summary{display:flex;flex-direction:column;position:static;padding:24px;background:#e7ece4;color:var(--ink);border-radius:14px;box-shadow:none}
.basket-summary .account-section-heading{margin:0 0 20px;align-items:center}.checkout-grid h2{font-size:1.4375rem}
.basket-summary [data-basket-count]{padding:5px 11px;background:#fff9;border-radius:6px;color:#42594c}
[data-basket-items]{display:grid;gap:10px}
.basket-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto 36px;gap:12px;align-items:center;padding:16px 12px;background:#fff;border-radius:10px;box-shadow:none}
.basket-item-copy{min-width:0}.app-page .basket-item-copy h3{font-size:1.0625rem;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}
.basket-item-copy small{color:#51665c;font-size:1rem}.basket-item>strong{font-size:1rem;font-weight:600}
.basket-listen{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e1ebe4;color:#205448;transition:background .2s ease,transform .2s ease}
.basket-listen>.icon{width:20px;height:20px;fill:currentColor;stroke-width:0;transform:translateX(1px)}
.basket-remove{grid-column:auto;display:grid;place-items:center;justify-self:end;min-width:36px;min-height:44px;padding:0;border-radius:7px;text-decoration:none;color:#5a7068;transition:color .2s ease,background .2s ease}
.basket-remove>.icon{width:19px;height:19px}
.basket-receipt{margin:auto -2px 0;padding:22px 4px 0}.basket-summary-total{margin:0;font-size:1.125rem;align-items:center}.basket-summary-total small{display:block;font-size:1rem;font-weight:400;color:var(--muted);margin-top:3px}
.basket-summary-total strong{font-size:1.875rem;line-height:1.2;letter-spacing:-.025em}
.basket-tax-note{margin:14px 0 0;font-size:1rem;color:var(--muted)}
.basket-country-attribution,.basket-country-attribution a{font-size:.8rem}
.basket-delivery{display:flex;align-items:start;gap:14px;padding:20px;margin-top:22px;border-radius:10px;background:#d3e0d3;color:#284b3e}
.basket-delivery>.icon{width:23px;height:23px;flex:none;margin-top:2px}.basket-delivery strong{font-size:1rem}.basket-delivery p{font-size:1rem;line-height:1.6;margin:4px 0 9px}.basket-delivery a{display:inline-flex;align-items:center;gap:8px;font-size:1rem;text-decoration:underline;text-underline-offset:3px;min-height:28px}.basket-delivery a .icon{width:18px;height:18px}
.checkout-details{padding:28px;background:#fafbf8;box-shadow:none;border:1px solid #becac2;border-radius:14px}
.checkout-details-heading{display:flex;align-items:start;gap:13px;margin-bottom:26px}.checkout-details-heading h2{margin:0 0 7px}.checkout-details-heading p{font-size:1rem;line-height:1.6;margin:0;color:var(--muted)}
.checkout-lock{display:grid;place-items:center;flex:none;width:42px;height:46px;border-radius:10px;background:#e0ebe5;color:#315e4d}.checkout-lock .icon{width:26px;height:26px}
.checkout-details .app-form{gap:22px}.checkout-details input:not([type=checkbox]),.checkout-details select{background:#fff;min-height:50px;border-radius:8px;border-color:#81968c}
.checkout-details .app-form label{font-weight:500}.checkout-details .app-form small{font-size:1rem;line-height:1.6}
.checkout-details .checkout-terms{font-size:1rem!important;line-height:1.65;margin-top:2px}.checkout-terms input{width:22px;height:22px;margin-top:1px}
.checkout-details .checkout-submit{border-radius:10px;min-height:60px;padding:9px 10px 9px 19px;gap:8px;box-shadow:none;font-size:1.0625rem!important;text-align:left}
.checkout-submit>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;min-width:0}.checkout-submit strong{font-size:1.0625rem;white-space:nowrap}
.checkout-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:7px;background:#ffffff24}.checkout-submit .icon{width:24px;height:24px}
.checkout-secure{margin:-4px 0 0;font-size:1rem;gap:8px}.checkout-secure .icon{width:20px;height:20px}
.dark .basket-summary{background:#30493f;color:#f1f5ed}.dark .basket-summary [data-basket-count]{background:#415e50;color:#e1eee4}
.dark .basket-item{background:#203a34;box-shadow:none}.dark .basket-item-copy small{color:#bacfc2}.dark .basket-listen{background:#4a705b;color:#fff}.dark .basket-remove{color:#c2d3c8}
.dark .basket-delivery{background:#3f5b46;color:#f0f3dd}.dark .checkout-details{background:#203b40;border-color:#52716b;box-shadow:none}
.dark .checkout-lock{background:#3c5f53;color:#dcebd7}.dark .checkout-details input:not([type=checkbox]),.dark .checkout-details select{background:#142d32;border-color:#809990}
.dark .checkout-submit{box-shadow:none}.dark .checkout-arrow{background:#1c4a4320}
@media(hover:hover){.basket-listen:hover{background:#c3d9cb;transform:scale(1.05)}.basket-remove:hover{background:#efdbd5;color:#773f35}.dark .basket-listen:hover{background:#5c816b}.dark .basket-remove:hover{background:#684941;color:#fff}}
@media(max-width:62.5em){.checkout-grid{gap:20px}.checkout-details,.basket-summary{padding:22px}.basket-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.basket-listen{width:42px;height:42px}.basket-remove{grid-column:3;grid-row:2;min-height:32px}.basket-item>strong{grid-column:3;grid-row:1}.basket-item-copy{grid-row:1/3}.basket-listen{grid-row:1/3}}
@media(max-width:47.5em){.checkout-heading{display:block;margin-bottom:22px}.checkout-heading h1{font-size:2.125rem}.checkout-heading p{font-size:1rem!important}.basket-back{margin-top:8px;display:inline-flex}.checkout-grid{grid-template-columns:minmax(0,1fr);gap:20px}.basket-summary{position:static}.basket-summary,.checkout-details{padding:20px 16px}.checkout-page{padding-top:22px}.basket-summary-total strong{font-size:1.75rem}.checkout-details-heading{margin-bottom:22px}.basket-delivery{padding:16px}.checkout-grid h2{font-size:1.375rem}.app-page .basket-item-copy h3{font-size:1rem}.checkout-details .checkout-submit{font-size:1rem!important}.checkout-submit strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.basket-listen,.basket-remove{transition:none}.basket-listen:hover{transform:none}}