/* Shared responsive refinements for storefront, activation, subscription and sign-in. */
@media(max-width:768px){
html{scroll-padding-top:16px}body{width:100%;min-width:0}.shop-page input,.shop-page select,.shop-page textarea,.recharge-page input,.recharge-page select,.recharge-page textarea,.login-page input{font-size:16px!important}input,select,textarea{max-width:100%}button,.button,.btn-primary,.btn-secondary{min-height:44px}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.shop-header nav a{min-height:44px;display:inline-flex;align-items:center}.shop-header nav{padding-top:0;gap:20px}.shop-page .content-wrap{min-width:0}.shop-page .product-grid{grid-template-columns:minmax(0,1fr)}.shop-page .hero-links{flex-wrap:wrap}.shop-page .modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:auto}.shop-page .modal-close{min-width:44px;min-height:44px;right:8px;top:8px}.shop-page .detail-grid>*{min-width:0}.shop-page .order-card-top{flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}.shop-page .detail-actions{flex-wrap:wrap}.shop-page .cdk-block code{overflow-wrap:anywhere;word-break:break-word}.shop-page .meta-row{gap:12px;flex-wrap:wrap}.shop-page .meta-row>*{min-width:0;overflow-wrap:anywhere}.shop-page .profile-grid input{width:100%}.shop-page .activation-panel iframe{min-width:0}.shop-page .section-heading{flex-wrap:wrap;gap:12px}.shop-page .payment-options label{min-width:0}.shop-page .hero p{font-size:14px}.shop-page .brand{flex-shrink:0}.recharge-page .page-shell{max-width:100%;min-width:0}.recharge-page .recharge-card{min-width:0;max-width:100%}.recharge-page .feature-badges{gap:8px;flex-wrap:wrap}.recharge-page .notice-banner{min-width:0;align-items:flex-start}.recharge-page .notice-banner p{min-width:0;overflow-wrap:anywhere}.recharge-page textarea{width:100%;min-width:0;word-break:break-word}.recharge-page .textarea-wrapper{min-width:0}.recharge-page .subscription-query-actions{flex-wrap:wrap}.recharge-page .subscription-query-actions button{width:100%}.recharge-page .subscription-info-grid{grid-template-columns:minmax(0,1fr)}.recharge-page pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.recharge-page .get-token-btn-floating{min-height:36px;display:inline-flex;align-items:center}.recharge-page .step-line{flex-shrink:1}.recharge-page .card-head{gap:12px}.login-page{padding:20px 16px;min-height:100vh;min-height:100dvh}.login-page .card{padding:28px 22px;max-width:440px;min-width:0}.login-page h1{font-size:23px}.login-page button{min-height:44px}.login-page input{min-width:0}.login-page p{overflow-wrap:anywhere}
}
@media(max-width:375px){.shop-page .shop-header,.shop-page .hero,.shop-page .catalog,.shop-page .how-section,.shop-page .shop-footer{padding-left:16px;padding-right:16px}.shop-page .content-wrap{padding-left:16px;padding-right:16px}.shop-page .shop-header nav{gap:18px}.shop-page .how-grid{grid-template-columns:minmax(0,1fr)}.shop-page .how-step{border-right:0;border-bottom:1px solid var(--border)}.shop-page .hero h1{font-size:34px}.shop-page .features{grid-template-columns:minmax(0,1fr)}.shop-page .help-bar{margin-left:16px;margin-right:16px}.recharge-page .step-label{font-size:11px}.recharge-page .step-circle{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.shop-page *,.recharge-page *,.login-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:768px){.shop-page .top-note{font-size:12px}.shop-page .shop-header nav{font-size:14px}.shop-page .trust-strip{font-size:12px}.shop-page .order-card-top{font-size:12px}.shop-page .order-card h3{font-size:16px}}