@layer blocks{.basket-main{padding-block:0 var(--space-l-xl)}.basket{--_accent:var(--clr-punchline-terracotta)}@media (width>=48rem){.basket{padding:0}}.basket__title{font-size:var(--step-3)}.basket__list{--flow-space:var(--space-s)}.basket-row{gap:var(--space-xs);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);grid-template-columns:auto 1fr;grid-template-areas:"thumb main""aside aside";display:grid}@media (width>=48rem){.basket-row{grid-template-columns:7.5rem 1fr 13rem;grid-template-areas:"thumb main aside";align-items:start}}.basket-row__thumb{aspect-ratio:1;background:var(--clr-surface);border-radius:var(--border-radius-s);grid-area:thumb;width:5rem;display:block;overflow:hidden}@media (width>=48rem){.basket-row__thumb{width:7.5rem}}.basket-row__thumb img{object-fit:cover;width:100%;height:100%}.basket-row__thumb--placeholder{background:repeating-linear-gradient(45deg, var(--clr-surface) 0 var(--space-3xs), var(--clr-punchline-warm-light) var(--space-3xs) var(--space-2xs))}.basket-row__main{--flow-space:var(--space-2xs);grid-area:main;min-width:0}.basket-row__title{font-size:var(--step-0);font-weight:var(--fw-semibold)}.basket-row__filename{font-size:var(--step--1);text-wrap:auto}.basket-row__summary,.basket-row__info{font-size:var(--step--1);display:grid}.basket-row__summary-line,.basket-row__info-line{gap:var(--space-3xs) var(--space-2xs);flex-wrap:wrap;display:flex}.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{gap:var(--space-xs);grid-area:aside}.basket-row__actions{align-self:end}@media (width>=48rem){.basket-row__aside{text-align:end;grid-template-rows:auto auto 1fr;justify-items:end;height:100%}}.basket-row__price{gap:0 var(--space-2xs);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;display:flex}.basket-row__price-amount{font-size:var(--step-1);font-weight:var(--fw-semibold)}.basket-row__price-note{font-size:var(--step--2)}.basket-row__price-unit{font-size:var(--step--2);flex-basis:100%}@media (width>=48rem){.basket-row__price-unit{text-align:end}}.basket-row__qty{align-items:center;gap:0;display:flex}.basket-row__qty-btn{width:2rem;height:2rem;font:inherit;font-size:var(--step-0);color:var(--clr-text-mid);background:var(--clr-bg);border:1px solid var(--clr-border);transition:color var(--transition-speed), border-color var(--transition-speed);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.basket-row__qty-btn:first-of-type{border-radius:var(--border-radius-s) 0 0 var(--border-radius-s);border-right:none}.basket-row__qty-btn:last-of-type{border-radius:0 var(--border-radius-s) var(--border-radius-s) 0;border-left:none}.basket-row__qty-btn:hover:not(:disabled){color:var(--_accent);border-color:var(--_accent)}.basket-row__qty-btn:disabled{opacity:.35;cursor:not-allowed}.basket-row__qty-input{z-index:1;width:3rem;height:2rem;font:inherit;text-align:center;background:var(--clr-bg);border:1px solid var(--clr-border);appearance:textfield;border-radius:0;padding:0}.basket-row__qty-input::-webkit-inner-spin-button,.basket-row__qty-input::-webkit-outer-spin-button{appearance:none;margin:0}@media (width>=48rem){.basket-row__qty{justify-content:flex-end}}.basket-row__actions{justify-content:flex-end}.basket-row__action{gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);font-size:var(--step--1);color:var(--clr-text-mid);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;background:0 0;align-items:center;display:inline-flex}.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-unavailable-banner{padding:var(--space-xs) var(--space-s);font-size:var(--step--1);color:var(--clr-error-dark);background:var(--clr-error-light);border-radius:var(--border-radius-m);border:1px solid #f3cece}.basket-row--unavailable{background:#fcf3f3;border-color:#edb6b6}.basket-row__unavailable{font-size:var(--step--1);color:var(--clr-error-dark)}.basket-empty{--flow-space:var(--space-s);padding-block:var(--space-l);max-inline-size:60ch;margin-inline:auto}.basket-empty__title{font-size:var(--step-1);font-weight:var(--fw-semibold)}.basket-empty__cta{align-self:center}.order-summary{gap:var(--space-m);padding:var(--space-m);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-m);box-shadow:var(--shadow-l);background:#fff;display:grid;position:sticky;inset-block-start:var(--space-s)}@media (width<=60em){.order-summary{position:static}}.order-summary__head{gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.order-summary__title{font-size:var(--step-1);font-weight:var(--fw-semibold)}.order-summary__lines{gap:var(--space-2xs);max-block-size:40dvh;padding:0;list-style:none;display:grid;overflow-y:auto}.order-summary__line{gap:var(--space-2xs);grid-template-columns:3rem 1fr auto;align-items:start;display:grid}.order-summary__line-thumb{background:var(--clr-surface);border-radius:var(--border-radius-s);width:3rem;height:3rem;display:block;overflow:hidden}.order-summary__line-thumb img{object-fit:cover;width:100%;height:100%}.order-summary__line-thumb--placeholder{background:repeating-linear-gradient(45deg, var(--clr-surface) 0 var(--space-3xs), var(--clr-punchline-warm-light) var(--space-3xs) var(--space-2xs))}.order-summary__line-body{min-inline-size:0}.order-summary__line-title{font-size:var(--step--1);font-weight:var(--fw-semibold);overflow-wrap:anywhere}.order-summary__line-meta{font-size:var(--step--1)}.order-summary__line-price{font-size:var(--step--1);font-weight:var(--fw-semibold);text-align:end;white-space:nowrap}.order-summary__discount-container{gap:var(--space-2xs);display:grid}.order-summary__totals{gap:var(--space-3xs);display:grid}.order-summary__totals>div{gap:var(--space-s);font-size:var(--step--1);justify-content:space-between;display:flex}.order-summary__totals-discount{color:var(--clr-success-mid)}.order-summary__grand{font-size:var(--step-0);font-weight:var(--fw-semibold);border-block-start:1px solid var(--clr-border-light);padding-block-start:var(--space-2xs)}.order-summary__grand dd span{font-size:var(--step--2);margin-inline-start:var(--space-3xs);font-weight:400}.order-summary__button{width:100%}.order-summary__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-summary__note{font-size:var(--step--1);text-align:center;max-inline-size:none}}