.c-order-line{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"media details" "media price" "stepper total";gap:var(--xsm-spacing) var(--md-spacing);align-items:center;padding:var(--md-spacing);border-block-start:1px solid var(--color-border)}.c-order-line__media{position:relative;grid-area:media;display:flex;align-items:center;justify-content:center;block-size:4.5rem;background:var(--color-surface);border-radius:var(--xsm-border-radius)}.c-order-line__image{block-size:4rem;inline-size:auto}.c-order-line__details{grid-area:details;display:flex;flex-direction:column;align-items:flex-start;gap:var(--xsm-spacing);min-inline-size:0}.c-order-line__code{font-size:var(--xsm-font-size);color:var(--color-text-mid);font-variant-numeric:tabular-nums}.c-order-line__name{font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:var(--md-font-size);line-height:1.3;color:var(--color-primary);text-decoration:none}.c-order-line__name:hover{text-decoration:underline}.c-order-line__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm-spacing)}.c-order-line__chip{padding-block:var(--xsm-spacing);padding-inline:var(--sm-spacing);font-weight:var(--bold-font-weight);font-size:var(--xsm-font-size);white-space:nowrap;text-transform:uppercase;color:var(--color-primary);background:var(--color-surface-blue);border-radius:var(--xsm-border-radius)}.c-order-line__price{grid-area:price;display:flex;align-items:baseline;gap:var(--xsm-spacing)}.c-order-line__label{font-size:var(--xsm-font-size);color:var(--color-text-mid)}.c-order-line__amount{font-weight:var(--bold-font-weight);font-size:var(--md-font-size);font-variant-numeric:tabular-nums;color:var(--color-text)}.c-order-line__quantity-cell{position:relative;grid-area:stepper;justify-self:start}.c-order-line__quantity-cell>[data-wholesale-stock]{position:absolute;inset-block-start:calc(100% + .125rem);inset-inline-start:0;font-size:var(--xsm-font-size);white-space:nowrap}.c-order-line__stepper{display:grid;grid-template-columns:2.25rem 3.5rem 2.25rem;block-size:2.25rem;border:1px solid var(--color-border);border-radius:var(--xsm-border-radius);overflow:hidden}.c-order-line__step{font-family:inherit;font-weight:var(--bold-font-weight);font-size:var(--md-font-size);color:var(--color-primary);background:var(--color-surface-blue);border:0;cursor:pointer}.c-order-line__step:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.c-order-line__quantity{inline-size:100%;font-family:inherit;font-size:var(--md-font-size);font-variant-numeric:tabular-nums;text-align:center;color:var(--color-text);border:0;border-inline:1px solid var(--color-border);-webkit-appearance:textfield;appearance:textfield}.c-order-line__quantity::-webkit-inner-spin-button,.c-order-line__quantity::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.c-order-line__total{grid-area:total;display:flex;align-items:center;justify-content:flex-end;gap:var(--sm-spacing)}.c-order-line__subtotal{min-inline-size:0;white-space:nowrap;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:var(--lg-font-size);font-variant-numeric:tabular-nums;color:var(--color-primary)}.c-order-line__remove{display:inline-flex;flex-shrink:0;inline-size:2rem;block-size:2rem;padding:var(--xsm-spacing);color:var(--color-danger);background:none;border:0;border-radius:var(--xsm-border-radius);cursor:pointer}.c-order-line__remove svg{inline-size:100%;block-size:100%}.c-order-line__remove:hover{background:var(--color-surface)}.c-order-line__remove:focus-visible{outline:2px solid var(--color-accent)}.c-order-line__add{display:inline-flex;align-items:center;justify-content:center;gap:var(--xsm-spacing);inline-size:100%;min-block-size:2.25rem;padding-inline:var(--sm-spacing);font-family:inherit;font-weight:var(--bold-font-weight);font-size:var(--xsm-font-size);letter-spacing:.05em;text-transform:uppercase;color:var(--btn-navy-fg);background:var(--btn-navy-bg);border:1px solid var(--btn-navy-border);border-radius:var(--xsm-border-radius);cursor:pointer}.c-order-line__add:hover{background:var(--btn-navy-bg-hover);border-color:var(--btn-navy-border-hover)}.c-order-line__add:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.c-order-line__add[aria-busy=true]{cursor:progress}.c-order-line__add[aria-busy=true]:before{content:"";flex-shrink:0;inline-size:1rem;block-size:1rem;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-block-start-color:var(--color-accent);border-radius:var(--pill-border-radius);animation:c-order-line-spin .8s linear infinite}.c-order-line[data-state=added] .c-order-line__add{color:var(--color-primary);background:var(--color-surface-blue);border-color:var(--color-surface-blue)}@media(min-width:900px){.c-order-line{grid-template-columns:4.5rem minmax(0,1fr) 9rem 9rem 10rem;grid-template-areas:"media details price stepper total"}.c-order-line__price{flex-direction:column;align-items:flex-start;gap:0}.c-order-line__total{justify-content:space-between}.c-order-line__label{display:none}}@keyframes c-order-line-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c-order-line__add[aria-busy=true]:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-order-row.css.map */