/* Targeted GODSPLAN polish. Method: unslop by Damir Sokolovsky (@heydamir), CC BY 4.0.
   Preserve brand, two-column catalog, original images and document-flow product page. */
:root{--gp-readable-muted:#aeb0a5}
button,a,input,select,textarea,summary{touch-action:manipulation}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #adebff;outline-offset:4px}
.close{width:44px;height:44px;flex-shrink:0}
.tab{min-height:44px;font-size:12px;letter-spacing:0}
.tab small{font-size:11px;color:var(--gp-readable-muted)}
.product h2,.product .price,.product .product-buy,.footer-links{letter-spacing:0}
.product .product-name-line{padding-top:16px}
.product .product-meta{margin-top:8px;font-size:12px;color:var(--gp-readable-muted)}
.product .product-meta .size-list{font-size:11px;color:var(--gp-readable-muted);letter-spacing:0}
.product .product-buy{margin-top:12px;padding:12px!important;font-size:12px!important;min-height:48px}
.collection-note,.editorial-caption,.section-head .micro,.footer-bottom,.legal-links{font-size:12px;line-height:1.6;letter-spacing:0;color:var(--gp-readable-muted)}
.editorial-open{font-size:12px;letter-spacing:0;min-height:44px}
.footer-links a,.footer-links button,.legal-links a{min-height:44px;display:inline-flex;align-items:center}
#productDialog .editorial-counter{font-size:12px;letter-spacing:0}
#productDialog .color-options{margin:24px 0}
#productDialog .color-choice,#productDialog .stock-state{font-size:12px}
#productDialog .stock-state,#productDialog .size-caption>span:last-child{color:var(--gp-readable-muted)}
#productDialog .size-caption{font-size:13px;margin-bottom:12px}
#productDialog .size-caption>span:last-child{font-size:12px}
#productDialog .size-help{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:12px;color:var(--gp-readable-muted)}
#productDialog .description{font-size:14px;line-height:1.7;margin:24px 0}
#productDialog .product-faq summary,#productDialog .product-faq p{font-size:14px;line-height:1.7}
#productDialog .product-faq summary{padding:16px 0}
#productDialog .product-heading{flex-wrap:wrap;row-gap:8px}
#productDialog .size-caption{gap:8px;flex-wrap:wrap}
#productDialog .detail-price,.cart-total,.total{font-variant-numeric:tabular-nums;letter-spacing:0}
.cart-note{font-size:13px;line-height:1.6}
.cart-item button[data-delta],button[data-delta]{min-width:44px;min-height:44px}
@media(hover:hover) and (pointer:fine){.product:hover .photo,.product-buy:hover,.product-buy:hover span,.primary:not(:disabled):hover,.shop-dock button:hover,.detail-thumb:hover{transform:none;box-shadow:none}.gallery-step:hover{transform:translateY(-50%)}}
@media(max-width:700px){
 .product .product-name-line{padding-top:12px;gap:4px}
 .product .product-meta{font-size:11px;margin-top:8px;gap:4px;flex-wrap:wrap}
 .product .product-meta .size-list{font-size:11px}
 .product .product-buy{font-size:11px!important;padding:12px 8px!important}
 .editorial-caption{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .editorial-caption>span:first-child{max-width:none}
 .collection-note{gap:12px;flex-wrap:wrap}
 .footer-links{font-size:13px}
}
/* Companion pages retain their existing theme; no checkout logic changes. */
body:has(#orderForm) .top{position:relative;top:auto}
body:has(#orderForm) textarea{min-height:120px}
.hero:has(#orderForm) .field{margin-bottom:20px}
.hero:has(#orderForm) h1{font-weight:600}
.hero:has(#orderForm) h2,.hero:has(#orderForm) .total,.hero:has(#orderForm) .btn{font-weight:600}
.hero:has(#orderForm) .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}