/* Built-in page surfaces share comfortable insets. Owner document styles follow
   this sheet and retain their explicit layout choices. */
.container.checkout-head,.container.shop-hero{padding-inline:clamp(24px,4vw,56px)}
.checkout-head h1{overflow-wrap:anywhere;line-height:1.08}
.checkout-head>.eyebrow{margin-top:0}
.checkout-head>:last-child{margin-bottom:0}
.checkout-layout>*,.cart-layout>*,.contact-layout>*,.two-cols>*,.three-cols>*{min-width:0}
.checkout-form>h2:first-of-type{margin-top:0}
.order-summary{padding:clamp(22px,2.5vw,32px);overflow-wrap:anywhere}
.order-summary>h2{font-size:clamp(1.65rem,2.3vw,2.25rem);line-height:1.2;margin:0 0 24px}
.order-summary>div{align-items:flex-start;gap:16px}
.order-summary>div>span{min-width:0}
.order-summary>div>strong{flex-shrink:0;white-space:nowrap}
.order-summary>:last-child{margin-bottom:0}
/* No fixed 110px offset: it omitted the social row and hid the heading.
   A long summary scrolls with the page so every item remains reachable. */
.order-summary.sticky{position:static;top:auto}
@media(min-width:901px){
 .checkout-layout>.order-summary.sticky.can-stick{position:sticky;top:calc(var(--artist-header-offset,0px) + 24px)}
}
.v7-public .public-form,.v7-public .empty-state,.v7-public .notice,.v7-public .info-ribbon{overflow-wrap:anywhere}
.v7-public .public-form :is(h2,h3):first-child{margin-top:0}
.v7-public .artist-columns>*,.v7-public .j-hgrid-column{min-width:min(250px,100%)}
.site-footer .footer-grid>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:540px){
 .site-footer .footer-grid{grid-template-columns:minmax(0,1fr)}
 .checkout-steps{gap:8px}
 .checkout-steps li{font-size:14px;padding:8px 10px}
 .order-summary>h2{font-size:1.7rem}
 .cart-item{grid-template-columns:80px minmax(0,1fr);gap:14px}
 .cart-item img{width:80px;height:80px}
 .cart-item h2{overflow-wrap:anywhere}
 .three-cols{grid-template-columns:1fr}
}
@media print{.checkout-layout>.order-summary.sticky.can-stick{position:static}}