/* Approved mobile typography, 2026-10-20. Scope and specificity match the reviewed preview. */
@media(max-width:720px){
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)){--stw-mobile-type-main:16px;--stw-mobile-type-secondary:14px;--stw-mobile-type-meta:13px}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) :is(.stw-mobile-profile-header h1,#stw-addresses-title,.catalog-page>header h1,.catalog-page h1,#product-title,.cart-mobile-header h1,.checkout-mobile-header h1,.stw-auth-main .stw-auth-card h2){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account-row{font-size:16px!important;line-height:24px!important;min-height:52px!important;padding-block:14px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account-row small{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account-hero h1{font-size:20px!important;line-height:28px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-profile-card>p{font-size:14px!important;line-height:21px!important;margin-bottom:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account .stw-customer-profile-grid{gap:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account .stw-customer-profile-grid>label,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account .stw-profile-field>span{font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account .stw-customer-profile-grid label>small{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account .stw-customer-form-actions{margin-top:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-mobile-account :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-addresses-head{gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-addresses-head>div{min-width:0!important;flex:1!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-addresses-head>div>span,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-form-title p,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-card p,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-field>label,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-default{font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-form-title h2,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-card-title>strong{font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-form-grid{gap:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-field :is(input:not([type=checkbox]),select,textarea){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-addresses-content :is(button,.btn-action-primary,.btn-action-sec){font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-field-error,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-field>label>small,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-address-card small{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main :is(.stw-auth-helper,.stw-auth-field label,.stw-auth-switch,.stw-auth-divider){font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main :is(.stw-auth-field-note,.stw-auth-field small){font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main :is(.stw-auth-field input,.stw-auth-field select){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main :is(.stw-auth-submit,.stw-auth-secondary,.stw-auth-social){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main fieldset{margin-bottom:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main legend{font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main .stw-auth-field-grid{gap:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main .stw-auth-field{margin-bottom:16px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .stw-auth-main .stw-auth-field-grid>.stw-auth-field{margin-bottom:0!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-summary__meta{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-price strong{font-size:18px!important;line-height:27px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-price-card :is(.product-price-card__label,p),
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-shipping-policy,
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-assurances small{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-variation-options>button{font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-variation-options>button>small{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-description__content :is(p,li){font-size:16px!important;line-height:24px!important;overflow-wrap:anywhere}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .product-description__content p{margin-block:0 12px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) :is(.product-description h2,.product-support h2,.product-variations legend,.related-products__head h2){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-item-title{font-size:16px!important;line-height:24px!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:anywhere}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-item-sale-price{font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(.cart-card-title__heading,.checkout-title,.section-title,.checkout-address-trigger__copy strong){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(.cart-card-title__note,.cart-item-reg-price,.checkout-address-trigger__copy small){font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(.checkout-next-copy,.cart-next-copy,.checkout-consent,.checkout-fields label,.checkout-payment-method__option,.checkout-payment-method__description){font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(.comem-input,.comem-textarea,.search-select-trigger){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(.btn-checkout-now,.checkout-address-save,.checkout-address-sheet__head h2){font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper .checkout-field-error{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper .field-label{font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper #checkoutPaymentTitle{font-size:16px!important;line-height:24px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper .sum-row{font-size:14px!important;line-height:21px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper :is(#grandTotalText,#mobileGrandTotalText){font-size:18px!important;line-height:27px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) .cart-wrapper #savingText{font-size:13px!important;line-height:20px!important}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) body:has(main:is(.catalog-page,.product-detail,.stw-mobile-account,.stw-auth-main,.cart-wrapper),.stw-addresses-content) .store-footer :is(p,.store-footer__legal,.store-footer__contact,.store-footer__contact>a,.store-footer__contact>span,.store-footer__column>a){font-size:14px!important;line-height:21px!important;overflow-wrap:anywhere}
 html:root:has(:where(main.catalog-page,main.product-detail,main.stw-mobile-account,main.stw-auth-main,main.cart-wrapper,.stw-addresses-content)) body:has(main:is(.catalog-page,.product-detail,.stw-mobile-account,.stw-auth-main,.cart-wrapper),.stw-addresses-content) .store-footer h2{font-size:16px!important;line-height:24px!important}
}