/* Commerce shares Lazell's type, white ground, fine rules, and square controls. */
[data-bag] [hidden],[data-order-confirmation] [hidden]{display:none!important}
.commerce-page{padding-bottom:clamp(72px,9vw,140px);min-height:46vh}
.commerce-space{margin-top:18px}
.commerce-newsletter{margin-top:22px;font-size:12px}
.commerce-added{font-size:12px;line-height:1.6;min-height:20px;margin-top:10px;color:var(--ink-2)}
.commerce-added:empty{min-height:0;margin-top:0}
.commerce-added a{margin-left:4px}
.commerce-message{padding:18px 20px;margin-bottom:26px;border:1px solid var(--hair);font-size:14px;line-height:1.65;max-width:78ch}
.commerce-message[role=alert]{border-left:3px solid var(--ink)}
.commerce-page :focus-visible,.commerce-added a:focus-visible,[data-add-to-bag]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.commerce-page button:disabled,[data-add-to-bag]:disabled{cursor:default;opacity:.48}
.commerce-page .btn:disabled:hover,[data-add-to-bag]:disabled:hover{background:var(--ink)}
.bag-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:clamp(36px,7vw,116px);align-items:start}
.bag-section-label{padding-bottom:20px;border-bottom:1px solid var(--hair)}
.bag-items{list-style:none;padding:0;margin:0}
.bag-item{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:24px;padding:26px 0;border-bottom:1px solid var(--hair);align-items:start}
.bag-item-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;background:#fafafa;overflow:hidden}
.bag-item-image img{width:100%;height:100%;object-fit:contain}
.bag-item-body{padding-top:3px;min-width:0}
.bag-item h3{font-weight:400}
.bag-item h3 a{font-size:clamp(23px,2.1vw,32px);line-height:1.1;overflow-wrap:anywhere}
.bag-unit-price{margin-top:8px}
.bag-line-total{padding-top:7px;font-size:14px;white-space:nowrap}
.bag-item-controls{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}
.bag-quantity{display:grid;grid-template-columns:36px 38px 36px;border:1px solid var(--hair);min-height:40px}
.bag-quantity button{display:flex;justify-content:center;align-items:center;font-size:19px;line-height:1;min-height:40px;color:var(--ink);background:none}
.bag-quantity input{width:100%;min-width:0;border:0;border-radius:0;text-align:center;color:var(--ink);background:none;font:400 13px var(--sans);font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.bag-quantity input::-webkit-inner-spin-button,.bag-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bag-remove{font:400 12px/1.5 var(--sans);color:var(--grey)}
.commerce-continue{font-size:13px;margin-top:28px}
.bag-summary{border-top:1px solid var(--ink);padding-top:25px;position:sticky;top:calc(var(--hd) + 28px)}
.bag-summary h2{font-size:clamp(30px,3vw,44px)}
.bag-destination{margin-top:28px}
.bag-destination label{display:block;margin-bottom:12px}
.bag-destination select{display:block;width:100%;min-height:48px;padding:12px 36px 12px 12px;border:1px solid var(--hair);border-radius:0;background:transparent;color:var(--ink);font:400 14px/1.5 var(--sans)}
.bag-destination select:disabled{opacity:.55}
.bag-destination .small{margin-top:10px}
.bag-promotion{margin-top:25px}
.bag-promotion label{display:block;margin-bottom:12px}
.bag-promotion-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.bag-promotion input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--hair);border-radius:0;background:transparent;color:var(--ink);font:400 14px/1.5 var(--sans)}
.bag-promotion input[aria-invalid="true"]{border-color:var(--ink)}
.bag-promotion .btn{min-width:0;min-height:46px;padding:11px 18px;font-size:12px}
.bag-promotion .small{margin-top:10px}
.bag-promotion-remove{margin-top:10px;font-size:12px}
.bag-totals{margin:24px 0 0;font-size:14px;line-height:1.55}
.bag-totals>div{display:flex;justify-content:space-between;gap:28px;padding:11px 0}
.bag-totals dt{color:var(--ink-2)}
.bag-totals dd{margin:0;white-space:nowrap;text-align:right}
.bag-totals .bag-discount{font-size:12px}
.bag-totals .bag-total{border-top:1px solid var(--hair);margin-top:14px;padding-top:20px;font-weight:500}
.bag-totals .bag-total dt{color:var(--ink)}
.bag-quote-status{margin:20px 0 12px}
.bag-summary [data-checkout]{margin-top:25px}
.commerce-retry{margin-top:18px;font-size:12px;color:var(--ink)}
.bag-policy-links{display:flex;gap:20px;font-size:12px;margin-top:28px}
.bag-empty{max-width:620px;padding:24px 0 64px}
.bag-empty .body{margin-top:18px}
.bag-empty .btn{margin-top:32px}
.order-page{max-width:1100px;padding-top:clamp(56px,9vw,128px)}
.order-page>.k{margin-bottom:20px}
.order-page h1{max-width:14ch}
.order-page>.lead{margin-top:28px}
.order-page>.commerce-message{margin-top:26px}
.order-details{max-width:660px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:14px 0;margin-top:32px}
.order-details dd{white-space:normal;overflow-wrap:anywhere;max-width:65%}
.order-page>[data-order-bag-note]{margin-top:20px}
.order-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:36px;font-size:13px}
.order-help{margin-top:42px;font-size:13px}
@media(max-width:1000px){.bag-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:36px}.bag-item{grid-template-columns:100px minmax(0,1fr);gap:18px}.bag-line-total{grid-column:2;padding-top:0;margin-top:-8px}.bag-item-controls{gap:16px}}
@media(max-width:760px){.bag-layout{grid-template-columns:1fr;gap:48px}.bag-summary{position:static}.bag-item{grid-template-columns:104px minmax(0,1fr)}.bag-totals>div{gap:18px}.order-actions{align-items:flex-start;gap:22px}.order-actions .btn{width:100%}.order-details dd{max-width:58%}.commerce-page{padding-bottom:72px}}
@media(max-width:380px){.bag-item{grid-template-columns:82px minmax(0,1fr);gap:15px}.bag-item-controls{gap:12px}.bag-quantity{grid-template-columns:31px 34px 31px}.bag-item h3 a{font-size:24px}}
