.ut-purchase { padding: var(--ut-space-6) 0 var(--ut-space-20); }
.ut-purchase__breadcrumbs { margin-bottom: var(--ut-space-6); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-purchase__breadcrumbs ol { display: flex; flex-wrap: wrap; gap: var(--ut-space-2); margin: 0; padding: 0; list-style: none; }
.ut-purchase__breadcrumbs li + li::before { margin-right: var(--ut-space-2); color: #a69a8b; content: "/"; }
.ut-purchase__breadcrumbs a { color: inherit; text-decoration: none; }
.ut-purchase__heading { margin-bottom: var(--ut-space-8); }
.ut-purchase__heading h1, .ut-cart-empty h2, .ut-purchase-result h1 { max-width: 18ch; margin: var(--ut-space-2) 0 0; font-size: var(--ut-text-2xl); line-height: var(--ut-leading-tight); }
.ut-cart { padding-top: 5.1875rem; padding-bottom: var(--ut-space-8); }
.ut-cart .ut-purchase__heading h1 { font-size: 2.75rem; }
.ut-checkout .ut-purchase__heading h1 { max-width: none; font-size: 2.5rem; }
.ut-checkout__heading > p { max-width: 38rem; margin: var(--ut-space-2) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }
.ut-purchase__layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; align-items: start; gap: 2.625rem; }
.ut-checkout .ut-purchase__layout { grid-template-columns: minmax(0, 1fr) 18.75rem; gap: 2.6875rem; margin-top: 1.375rem; }
.ut-checkout__main { min-width: 0; }
.ut-cart__items { border-top: 1px solid var(--ut-color-line); }
.ut-cart-item { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--ut-space-5); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-5) 0; }
.ut-cart-item__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--ut-color-surface-muted); }
.ut-cart-item__media img { width: 100%; height: 100%; object-fit: var(--ut-product-image-fit); object-position: var(--ut-product-image-position); }
.ut-cart-item__body { display: grid; gap: var(--ut-space-3); min-width: 0; }
.ut-cart-item__top { display: flex; align-items: start; justify-content: space-between; gap: var(--ut-space-3); }
.ut-cart-item h2 { margin: 0; font-family: var(--ut-font-display); font-size: 1.25rem; font-weight: var(--ut-font-weight-regular); line-height: 1.08; }
.ut-cart-item h2 a { color: inherit; text-decoration: none; }
.ut-cart-item__top p, .ut-cart-item__meta { margin: var(--ut-space-1) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-cart-item__remove { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-cart-item__remove:hover { color: var(--ut-color-danger); text-decoration: underline; }
.ut-cart-item__meta { display: flex; flex-wrap: wrap; gap: var(--ut-space-2) var(--ut-space-4); }
.ut-cart-item__meta div { display: flex; gap: var(--ut-space-1); }
.ut-cart-item__meta dt::after { content: ":"; }.ut-cart-item__meta dd { margin: 0; }
.ut-cart-item__bottom { display: flex; align-items: center; gap: var(--ut-space-4); margin-top: auto; }
.ut-cart-quantity { display: grid; grid-template-columns: 2.5rem 3.75rem 2.5rem; align-items: center; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-sm); overflow: hidden; }
.ut-cart-quantity a { display: grid; min-height: 2.75rem; place-items: center; color: var(--ut-color-ink); font-size: var(--ut-text-lg); text-decoration: none; }.ut-cart-quantity a:hover { background: var(--ut-color-sand); }
.ut-cart-quantity input { min-height: 2.75rem; border: 0; border-inline: 1px solid var(--ut-color-line); border-radius: 0; padding: 0; text-align: center; }
.ut-cart-item__price { display: flex; flex: none; align-items: baseline; justify-content: end; gap: var(--ut-space-2); margin: 0; text-align: right; }.ut-cart-item__price span { display: none; }.ut-cart-item__price del { color: var(--ut-color-muted); font-size: var(--ut-text-xs); }.ut-cart-item__price strong { font-size: var(--ut-text-md); font-weight: var(--ut-font-weight-medium); }.ut-cart-item__price del { text-decoration-thickness: 1px; }
.ut-order-summary { position: sticky; top: var(--ut-space-4); border: 1px solid var(--ut-color-line); padding: 1.625rem; background: var(--ut-color-surface); box-shadow: var(--ut-shadow-soft); }.ut-order-summary h2 { margin: 0 0 var(--ut-space-5); font-family: var(--ut-font-body); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-regular); }
.ut-order-summary dl { display: grid; gap: var(--ut-space-3); margin: 0; }.ut-order-summary dl div, .ut-order-summary__items li { display: flex; justify-content: space-between; gap: var(--ut-space-4); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }.ut-order-summary dd { margin: 0; text-align: right; }.ut-order-summary__total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ut-space-4); margin-top: var(--ut-space-5); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); }.ut-order-summary__total strong { font-size: var(--ut-text-xl); white-space: nowrap; }
.ut-order-summary__notice { margin: var(--ut-space-4) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-xs); line-height: var(--ut-leading-relaxed); }.ut-order-summary__cta { width: 100%; min-height: 3.3125rem; margin-top: var(--ut-space-6); font-size: .96875rem; }.ut-order-summary .ut-text-link { display: block; margin-top: var(--ut-space-4); text-align: center; }
.ut-cart-empty { margin: var(--ut-space-6) 0 0; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); padding: 3rem 2.75rem 2.75rem; background: var(--ut-color-surface); }.ut-cart-empty__intro { display: grid; grid-template-columns: 6.25rem minmax(0, 1fr); align-items: center; gap: var(--ut-space-6); max-width: 44rem; }.ut-cart-empty__intro > img { width: 5.25rem; height: 5.25rem; margin: 0; padding: var(--ut-space-3); border-radius: 50%; background: var(--ut-color-sand); opacity: .86; }.ut-cart-empty h2 { max-width: none; margin: 0; font-size: var(--ut-text-xl); }.ut-cart-empty__intro p { max-width: 42rem; margin: var(--ut-space-3) 0 0; color: var(--ut-color-muted); line-height: var(--ut-leading-relaxed); }.ut-cart-empty__actions { display: flex; flex-wrap: wrap; gap: var(--ut-space-3); margin-top: var(--ut-space-5); }.ut-cart-empty__shortcuts { margin-top: var(--ut-space-6); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-5); }.ut-cart-empty__shortcuts .ut-eyebrow { margin: 0 0 var(--ut-space-3); }.ut-cart-empty__shortcuts > div { display: flex; flex-wrap: wrap; gap: var(--ut-space-3); }.ut-cart-empty__shortcuts a { display: inline-flex; min-height: 2.75rem; align-items: center; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-pill); padding: 0 var(--ut-space-4); font-size: var(--ut-text-sm); text-decoration: none; }.ut-cart-empty__shortcuts a:hover { background: var(--ut-color-sand); }
.ut-cart-discovery { margin-top: var(--ut-space-12); }.ut-cart-discovery__heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ut-space-4); margin-bottom: var(--ut-space-5); }.ut-cart-discovery h2 { margin: 0; font-size: var(--ut-text-xl); }.ut-cart-discovery__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ut-space-4); }
.ut-cart-recommendation { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--ut-space-5); margin-top: var(--ut-space-6); border-radius: var(--ut-radius-md); padding: var(--ut-space-5) var(--ut-space-6); background: var(--ut-color-sand); }.ut-cart-recommendation__media { display: block; width: 4.5rem; height: 5.625rem; overflow: hidden; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); }.ut-cart-recommendation__media img { display: block; width: 100%; height: 100%; object-fit: var(--ut-product-image-fit); object-position: var(--ut-product-image-position); }.ut-cart-recommendation__body { min-width: 0; }.ut-cart-recommendation h2 { margin: 0; font-family: var(--ut-font-body); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-regular); line-height: var(--ut-leading-normal); }.ut-cart-recommendation__body p { margin: var(--ut-space-1) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }.ut-cart-recommendation__body span { display: block; margin-top: var(--ut-space-1); color: var(--ut-color-muted); font-size: var(--ut-text-xs); line-height: var(--ut-leading-normal); }.ut-cart-recommendation__action { display: grid; justify-items: end; gap: var(--ut-space-3); }.ut-cart-recommendation__action strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); white-space: nowrap; }.ut-cart-recommendation__action .ut-button { min-height: 2.75rem; padding-inline: var(--ut-space-4); }
.ut-cart-coupon { margin-top: var(--ut-space-6); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-5); }.ut-cart-coupon h2 { margin: 0 0 var(--ut-space-3); font-family: var(--ut-font-body); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-regular); }.ut-coupon-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--ut-space-2); }.ut-form-error { grid-column: 1 / -1; margin: 0; color: var(--ut-color-danger); font-size: var(--ut-text-sm); }
.ut-checkout__sections { display: grid; gap: var(--ut-space-8); }.ut-checkout-section { min-width: 0; margin: 0; border: 0; padding: 0; background: transparent; }.ut-checkout-section legend { margin: 0 0 var(--ut-space-4); padding: 0; color: var(--ut-color-muted); font-family: var(--ut-font-body); font-size: var(--ut-text-xs); font-weight: var(--ut-font-weight-regular); letter-spacing: .12em; text-transform: uppercase; }.ut-checkout-section__intro { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ut-choice-list { display: grid; gap: var(--ut-space-2); }.ut-choice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ut-space-3); min-height: 4.5rem; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); padding: var(--ut-space-3) var(--ut-space-4); cursor: pointer; }.ut-choice:has(input:checked) { border-color: var(--ut-color-ink); background: var(--ut-color-surface); }.ut-choice.is-disabled { opacity: .55; cursor: not-allowed; }.ut-choice input { width: 1.15rem; height: 1.15rem; accent-color: var(--ut-color-ink); }.ut-choice__body { display: grid; gap: var(--ut-space-1); }.ut-choice__body strong { font-weight: var(--ut-font-weight-medium); }.ut-choice__body small { color: var(--ut-color-muted); font-size: var(--ut-text-xs); }.ut-choice__price { text-align: right; font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-regular); }
.ut-checkout__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ut-space-4); }.ut-checkout__fields > div, .ut-checkout__note { display: grid; gap: var(--ut-space-2); color: var(--ut-color-ink); font-size: var(--ut-text-sm); }.ut-checkout__field--full { grid-column: 1 / -1; }.ut-checkout__fields .ut-field, .ut-checkout__note .ut-field { width: 100%; font-size: .9375rem; }.ut-checkout__note { margin-top: var(--ut-space-4); }.ut-checkout__checkbox, .ut-checkout__terms { display: flex; align-items: start; gap: var(--ut-space-3); margin-top: var(--ut-space-5); color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }.ut-checkout__checkbox input, .ut-checkout__terms input { width: 1.1rem; height: 1.1rem; margin-top: .15rem; accent-color: var(--ut-color-ink); }.ut-checkout__invoice { margin-top: var(--ut-space-5); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-5); }.ut-checkout__invoice h2 { margin: 0 0 var(--ut-space-4); font-family: var(--ut-font-display); font-size: var(--ut-text-lg); }.ut-order-summary__items { display: grid; gap: var(--ut-space-3); margin: 0 0 var(--ut-space-5); padding: 0 0 var(--ut-space-5); border-bottom: 1px solid var(--ut-color-line); list-style: none; }.ut-order-summary__items li { display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; align-items: start; gap: var(--ut-space-3); }.ut-order-summary__item-media { width: 3rem; height: 3.6rem; overflow: hidden; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); }.ut-order-summary__item-media img { width: 100%; height: 100%; object-fit: var(--ut-product-image-fit); object-position: var(--ut-product-image-position); }.ut-order-summary__item-body { display: grid; gap: var(--ut-space-1); min-width: 0; }.ut-order-summary__item-body strong { color: var(--ut-color-ink); font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); line-height: var(--ut-leading-normal); }.ut-order-summary__item-body span { color: var(--ut-color-muted); font-size: var(--ut-text-xs); }.ut-order-summary__items b { color: var(--ut-color-ink); font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); white-space: nowrap; }.ut-checkout__terms { margin-top: var(--ut-space-6); }.ut-form-errors { margin-bottom: var(--ut-space-6); border-left: 3px solid var(--ut-color-danger); padding: var(--ut-space-4); background: #fbf2ee; color: var(--ut-color-ink); }.ut-form-errors p { margin: var(--ut-space-1) 0 0; font-size: var(--ut-text-sm); }
.ut-cart-empty__icon { display: grid; width: 5.25rem; height: 5.25rem; place-items: center; border-radius: 50%; background: var(--ut-color-sand); color: var(--ut-color-accent); }
.ut-cart-empty__icon svg { width: 1.75rem; height: 1.75rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.ut-purchase-result__container { max-width: 57.5rem; margin: 3.5rem auto 0; }
.ut-purchase-result__header { max-width: 38rem; margin: 0 auto 5.375rem; text-align: center; }
.ut-purchase-result__success { display: grid; width: 3.75rem; height: 3.75rem; margin: 0 auto var(--ut-space-5); place-items: center; border-radius: 50%; background: #e8eee3; color: #5e7857; }
.ut-purchase-result__success svg { width: 1.75rem; height: 1.75rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.ut-purchase-result__header h1 { max-width: none; margin: 0; font-size: 3rem; font-weight: var(--ut-font-weight-regular); line-height: 1.18; }
.ut-purchase-result__header p { margin: var(--ut-space-3) 0 0; color: var(--ut-color-muted); line-height: var(--ut-leading-relaxed); }
.ut-purchase-result__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr); align-items: start; gap: var(--ut-space-5); }
.ut-purchase-result__main, .ut-purchase-result__aside { display: grid; gap: var(--ut-space-4); min-width: 0; }
.ut-purchase-result__card { min-width: 0; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); padding: var(--ut-space-6); background: var(--ut-color-surface); }
.ut-purchase-result__card > h2 { margin: 0 0 var(--ut-space-4); border-bottom: 1px solid var(--ut-color-line); padding-bottom: var(--ut-space-4); color: var(--ut-color-muted); font-family: var(--ut-font-body); font-size: var(--ut-text-xs); font-weight: var(--ut-font-weight-medium); letter-spacing: .12em; line-height: var(--ut-leading-normal); text-transform: uppercase; }
.ut-purchase-result__steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ut-purchase-result__steps li { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--ut-space-3); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-4) 0; }
.ut-purchase-result__steps li:first-child { padding-top: 0; }.ut-purchase-result__steps li:last-child { border-bottom: 0; padding-bottom: 0; }
.ut-purchase-result__steps li > span { color: var(--ut-color-sand-dark, #c7b397); font-family: var(--ut-font-display); font-size: var(--ut-text-lg); }
.ut-purchase-result__steps strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); }
.ut-purchase-result__steps p { margin: var(--ut-space-1) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }
.ut-purchase-result__items { display: grid; margin: 0; padding: 0; list-style: none; }
.ut-purchase-result__items li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--ut-space-3); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-3) 0; }
.ut-purchase-result__items li:first-child { padding-top: 0; }.ut-purchase-result__items li:last-child { border-bottom: 0; }
.ut-purchase-result__item-media { display: block; width: 3.5rem; height: 4rem; overflow: hidden; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); }
.ut-purchase-result__item-media img { display: block; width: 100%; height: 100%; object-fit: var(--ut-product-image-fit); object-position: var(--ut-product-image-position); }
.ut-purchase-result__item-body { display: grid; gap: var(--ut-space-1); min-width: 0; }
.ut-purchase-result__item-body strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); }
.ut-purchase-result__item-body small { color: var(--ut-color-muted); font-size: var(--ut-text-xs); line-height: var(--ut-leading-normal); }
.ut-purchase-result__item-price { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-regular); white-space: nowrap; }
.ut-purchase-result__totals, .ut-purchase-result__facts dl { display: grid; gap: var(--ut-space-3); margin: 0; }
.ut-purchase-result__totals { border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); }
.ut-purchase-result__totals div, .ut-purchase-result__facts dl div { display: flex; justify-content: space-between; gap: var(--ut-space-3); font-size: var(--ut-text-sm); }
.ut-purchase-result__totals dt, .ut-purchase-result__facts dt { color: var(--ut-color-muted); }.ut-purchase-result__totals dd, .ut-purchase-result__facts dd { margin: 0; text-align: right; }
.ut-purchase-result__totals .ut-purchase-result__grand-total { align-items: baseline; border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-3); color: var(--ut-color-ink); }
.ut-purchase-result__grand-total dd { font-size: var(--ut-text-lg); }
.ut-purchase-result__payment-note { margin: var(--ut-space-4) 0 0; border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-purchase-result__bank { margin-top: var(--ut-space-3) !important; }
.ut-purchase-result__qr { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); align-items: center; gap: var(--ut-space-3); margin-top: var(--ut-space-4); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); }
.ut-purchase-result__qr img { display: block; width: 7.5rem; height: 7.5rem; image-rendering: pixelated; }
.ut-purchase-result__qr p { display: grid; gap: var(--ut-space-1); margin: 0; font-size: var(--ut-text-sm); }
.ut-purchase-result__qr p span { color: var(--ut-color-muted); font-size: var(--ut-text-xs); line-height: var(--ut-leading-normal); }
.ut-purchase-result__address { margin-top: var(--ut-space-5); border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); }
.ut-purchase-result__address h3 { margin: 0 0 var(--ut-space-3); color: var(--ut-color-muted); font-size: var(--ut-text-xs); font-weight: var(--ut-font-weight-medium); letter-spacing: .12em; text-transform: uppercase; }
.ut-purchase-result__address p { margin: 0; font-size: var(--ut-text-sm); line-height: var(--ut-leading-relaxed); }
.ut-purchase-result__actions { display: grid; gap: var(--ut-space-2); }
.ut-purchase-result__actions .ut-button { width: 100%; }
.ut-purchase-result__cancelled { max-width: 42rem; margin: var(--ut-space-12) auto; text-align: center; }
.ut-purchase-result__cancelled h1 { max-width: none; }
.ut-purchase-result__cancelled > p:not(.ut-eyebrow) { color: var(--ut-color-muted); line-height: var(--ut-leading-relaxed); }
.ut-payment-action { margin: var(--ut-space-6) 0; }
.ut-form-errors[hidden] { display: none; }
.ut-form-errors ul { margin: var(--ut-space-2) 0 0; padding-left: 1.25rem; }
.ut-form-errors a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.ut-field-error { margin: var(--ut-space-2) 0 0; color: var(--ut-color-danger); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }
.ut-checkout__fields .has-error > .ut-field, .ut-checkout__fields .has-error > select, .ut-checkout__fields .has-error > textarea { border-color: var(--ut-color-danger); }
.ut-checkout-section.has-error legend { color: var(--ut-color-danger); }
.ut-checkout-section.has-error .ut-choice-list { border-left: 2px solid var(--ut-color-danger); padding-left: var(--ut-space-3); }
.ut-checkout__terms-wrap.has-error .ut-checkout__terms { color: var(--ut-color-danger); }
@media (max-width: 64rem) { .ut-purchase__layout { grid-template-columns: minmax(0, 1fr) 18rem; gap: var(--ut-space-8); }.ut-cart-item { grid-template-columns: 6rem minmax(0, 1fr); } }
@media (max-width: 48rem) { .ut-purchase { padding: var(--ut-space-4) 0 var(--ut-space-12); }.ut-purchase__heading { margin-bottom: var(--ut-space-6); }.ut-cart .ut-purchase__heading h1, .ut-checkout .ut-purchase__heading h1 { font-size: 1.8125rem; }.ut-purchase__layout { display: flex; flex-direction: column; gap: var(--ut-space-6); }.ut-checkout .ut-purchase__layout { margin-top: 0; }.ut-purchase__layout > * { width: 100%; }.ut-order-summary { position: static; }.ut-cart-item { grid-template-columns: 3.25rem minmax(0, 1fr); gap: var(--ut-space-3); }.ut-cart-item h2 { font-size: 1.0625rem; }.ut-cart-item__bottom { align-items: center; flex-direction: row; }.ut-cart-item__price { text-align: right; }.ut-cart-recommendation { grid-template-columns: 3.375rem minmax(0, 1fr); gap: var(--ut-space-3); padding: var(--ut-space-4); }.ut-cart-recommendation__media { width: 3.375rem; height: 4.25rem; }.ut-cart-recommendation__action { grid-column: 2; display: flex; align-items: center; justify-content: space-between; }.ut-cart-empty { margin-top: 0; padding: var(--ut-space-5); }.ut-cart-empty__intro { grid-template-columns: 1fr; gap: var(--ut-space-4); }.ut-cart-empty__icon { width: 4.5rem; height: 4.5rem; }.ut-cart-empty__actions { gap: var(--ut-space-2); }.ut-cart-discovery { margin-top: var(--ut-space-8); }.ut-cart-discovery__heading { align-items: start; flex-direction: column; margin-bottom: var(--ut-space-4); }.ut-cart-discovery__grid { grid-template-columns: minmax(0, 1fr); gap: var(--ut-space-3); }.ut-checkout__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ut-checkout__field--full { grid-column: 1 / -1; }.ut-choice { min-height: 4.75rem; }.ut-choice__price { max-width: 5rem; }.ut-coupon-form { grid-template-columns: 1fr; }.ut-purchase-result__container { margin-top: 7.25rem; }.ut-purchase-result__grid { grid-template-columns: minmax(0, 1fr); }.ut-purchase-result__header { margin-bottom: 2.25rem; }.ut-purchase-result__header h1 { font-size: 1.875rem; line-height: 1.18; }.ut-purchase-result__card { padding: var(--ut-space-4); }.ut-purchase-result__aside { grid-row: auto; } }
@media (max-width: 25rem) { .ut-cart-item { grid-template-columns: 4.5rem minmax(0, 1fr); }.ut-cart-item__media { width: 4.5rem; }.ut-cart-item__meta { display: flex; gap: var(--ut-space-1) var(--ut-space-3); font-size: var(--ut-text-xs); }.ut-cart-quantity { grid-template-columns: 2rem 2.5rem 2rem; }.ut-cart-quantity a, .ut-cart-quantity input { min-height: 2.5rem; }.ut-choice { grid-template-columns: auto minmax(0, 1fr); }.ut-choice__price { grid-column: 2; text-align: left; }.ut-purchase-result__totals div, .ut-purchase-result__facts dl div { align-items: start; }.ut-purchase-result__items li { grid-template-columns: 3rem minmax(0, 1fr); }.ut-purchase-result__item-media { width: 3rem; height: 3.5rem; }.ut-purchase-result__item-price { grid-column: 2; } }
@media (max-width: 25rem) { .ut-purchase-result__qr { grid-template-columns: 6rem minmax(0, 1fr); }.ut-purchase-result__qr img { width: 6rem; height: 6rem; } }

/* Pickup point: minimal control inside the existing Doprava section (no CDE pickup variant). */
.ut-choice[hidden], .ut-checkout-pickup[hidden], .ut-pickup-dialog[hidden], .ut-choice__body small[hidden], .ut-field-error[hidden] { display: none; }
.ut-checkout-notice { margin: 0 0 var(--ut-space-4); }.ut-checkout-notice p { margin: 0; }
.ut-checkout-pickup { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--ut-space-2) var(--ut-space-4); margin-top: var(--ut-space-3); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); padding: var(--ut-space-4); background: var(--ut-color-surface); }
.ut-checkout-pickup__label { grid-column: 1 / -1; margin: 0; color: var(--ut-color-muted); font-size: var(--ut-text-xs); letter-spacing: .12em; text-transform: uppercase; }
.ut-checkout-pickup__selected { display: grid; gap: var(--ut-space-1); min-width: 0; font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }
.ut-checkout-pickup__selected strong { font-weight: var(--ut-font-weight-medium); }.ut-checkout-pickup__selected span { color: var(--ut-color-muted); }
.ut-checkout-pickup__choose { min-height: 2.75rem; padding-inline: var(--ut-space-4); white-space: nowrap; }
.ut-checkout-pickup.is-pending .ut-checkout-pickup__choose { cursor: progress; }
.ut-checkout-pickup .ut-field-error { grid-column: 1 / -1; margin: 0; }
.ut-checkout-pickup.has-error { border-color: var(--ut-color-danger); }
.ut-pickup-dialog { position: fixed; inset: 0; z-index: calc(var(--ut-z-modal) + 20); display: flex; padding: 16px; background: rgb(44 39 34 / 44%); animation: ut-dialog-fade .25s ease; }
.ut-pickup-dialog__panel { display: flex; flex-direction: column; width: 100%; max-width: 960px; height: min(720px, 100%); margin: auto; overflow: hidden; border-radius: 14px; background: var(--ut-color-surface); box-shadow: 0 30px 80px rgb(44 39 34 / 30%); animation: ut-dialog-in .38s cubic-bezier(.2,.8,.2,1); }
.ut-pickup-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: var(--ut-space-4); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-2) var(--ut-space-2) var(--ut-space-2) var(--ut-space-5); }
.ut-pickup-dialog__header h2 { margin: 0; font-family: var(--ut-font-body); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-regular); }
.ut-pickup-dialog__close.ut-add-confirmation__close { position: static; flex: none; }
.ut-pickup-dialog__frame { flex: 1; width: 100%; min-height: 0; border: 0; }
.ut-pickup-dialog-open { overflow: hidden; }
@media (max-width: 48rem) { .ut-pickup-dialog { padding: 0; }.ut-pickup-dialog__panel { max-width: none; height: 100%; border-radius: 0; }.ut-checkout-pickup { grid-template-columns: minmax(0, 1fr); }.ut-checkout-pickup__choose { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .ut-pickup-dialog, .ut-pickup-dialog__panel { animation: none; } }

/* Shared surface contract: purchase keeps the reference's quiet, soft edges. */
.ut-cart-item__media,
.ut-cart-quantity,
.ut-order-summary,
.ut-choice,
.ut-purchase-result__card { border-radius: var(--ut-radius-md); }
