:root{--input-padding-y:12px;--input-padding-x:16px;--input-textarea-min-height:92px;--line-height--body-normal:1.5;--line-height--display-normal:1.2;--minimum-touch-target:44px;--ob-space-1:4px;--ob-space-2:8px;--ob-space-3:12px;--ob-space-4:16px;--ob-field-gap:32px;--ob-section-gap:32px;--ob-column-gap:24px}
.button,.button-secondary{min-height:48px;font-size:14px;font-weight:600;line-height:1.4}
:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=submit],[type=button],[type=color]),select,textarea){min-height:48px;font-size:16px;line-height:1.5}
textarea{min-height:92px;resize:vertical}
:where(button,input,select,textarea,a):focus-visible{outline:2px solid currentColor;outline-offset:2px}
.product-information h1{font-size:36px;font-weight:600;line-height:1.2}
.product-information .price{font-size:24px;font-weight:600}
@media(max-width:520px){:root{--ob-field-gap:24px;--ob-section-gap:24px;--ob-column-gap:16px}.product-information .price{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.button-secondary{transition:none}}