@layer blocks{.basket-main{padding-block:var(--space-l) var(--space-l-xl)}.basket{--_accent: var(--clr-punchline-terracotta)}.basket__title{font-size:var(--step-3)}.basket__list{--flow-space: var(--space-s)}.basket-row{display:grid;grid-template-areas:"thumb main" "aside aside";grid-template-columns:auto 1fr;gap:var(--space-s);padding:var(--space-s);background:var(--clr-surface-warm);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:var(--shadow-warm-s)}@media(width>=48rem){.basket-row{grid-template-areas:"thumb main aside";grid-template-columns:7.5rem 1fr auto;gap:var(--space-m);align-items:start}}.basket-row__thumb{display:block;grid-area:thumb;width:5rem;aspect-ratio:1;overflow:hidden;background:var(--clr-surface);border-radius:var(--border-radius-s)}@media(width>=48rem){.basket-row__thumb{width:7.5rem}}.basket-row__thumb img{width:100%;height:100%;object-fit:cover}.basket-row__main{flex-wrap:wrap;grid-area:main;gap:var(--space-l);--flow-space: var(--space-2xs);min-width:0}.basket-row__title{font-size:var(--step-0);font-weight:var(--fw-semibold)}.basket-row__filename{font-size:var(--step--1);overflow-wrap:anywhere;color:var(--clr-text-muted)}.basket-row__summary,.basket-row__info{display:grid;font-size:var(--step--1)}.basket-row__info{color:var(--clr-text-muted)}.basket-row__summary-line,.basket-row__info-line{display:flex;flex-wrap:wrap;gap:var(--space-3xs) var(--space-2xs)}.basket-row__summary-line dt,.basket-row__info-line dt{color:var(--clr-text-muted)}.basket-row__summary-line dt:after,.basket-row__info-line dt:after{content:":"}.basket-row__summary-line dd{font-weight:var(--fw-semibold)}.basket-row__summary-line dd svg{translate:0 .3em}.basket-row__aside{grid-area:aside;gap:var(--space-xs)}.basket-row__actions{align-self:end}@media(width>=48rem){.basket-row__aside{grid-template-rows:auto auto 1fr;justify-items:end;height:100%;text-align:end}}.basket-row__qty{display:flex;gap:var(--space-2xs);align-items:center}.basket-row__qty-label{font-size:var(--step--1);color:var(--clr-text-muted)}.basket-row__qty-input{width:4rem;padding:var(--space-3xs) var(--space-2xs);font:inherit;text-align:center;background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--border-radius-s)}.basket-row__price{display:grid;grid-template-columns:auto auto;gap:0 var(--space-2xs)}.basket-row__price-wrapper.grid{grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline}.basket-row__price-amount{justify-self:end;font-size:var(--step-1);font-weight:var(--fw-semibold)}.basket-row__price-note{justify-self:start;font-size:var(--step--2);color:var(--clr-text-muted)}.basket-row__actions{justify-content:flex-end}.basket-row__action{display:inline-flex;gap:var(--space-3xs);align-items:center;padding:var(--space-3xs) var(--space-2xs);font-size:var(--step--1);color:var(--clr-text-mid);background:transparent;border:1px solid var(--clr-border-light);border-radius:var(--border-radius-s);transition:color var(--transition-speed),border-color var(--transition-speed);cursor:pointer}.basket-row__action:hover{color:var(--_accent);border-color:var(--_accent)}.basket-row__action--remove:hover{color:var(--clr-punchline-terracotta-dark);border-color:var(--clr-punchline-terracotta-dark)}.basket__footer{--flow-space: var(--space-l-xl);width:fit-content;margin-inline-start:auto}.basket__summary{display:flex;flex-wrap:wrap;gap:var(--space-m) var(--space-xl);align-items:baseline;justify-content:flex-end}.basket__summary-actions{gap:var(--space-xs);justify-items:center}.basket__total{display:flex;gap:var(--space-s);align-items:baseline;justify-content:flex-end}.basket__total-label{font-weight:var(--fw-semibold)}.basket__total-wrapper{gap:var(--space-2xs);align-items:baseline}.basket__total-amount{font-size:var(--step-2);font-weight:var(--fw-semibold)}.basket__total-note{font-size:var(--step--1);color:var(--clr-text-muted)}.basket__shipping-note{font-size:var(--step--1);color:var(--clr-text-muted);max-inline-size:none}.basket__checkout{flex-shrink:0}.basket-empty{--flow-space: var(--space-s);margin-inline:auto;padding-block:var(--space-l);max-inline-size:60ch}.basket-empty__title{font-size:var(--step-1);font-weight:var(--fw-semibold)}.basket-empty__text{color:var(--clr-text-muted)}.basket-empty__cta{align-self:center}}