/* Mobile app document policy, 2026-10-15. Component layout overrides follow below. */
@media(max-width:1024px){html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y}body{overflow-wrap:anywhere}input,textarea,select{font-size:16px!important}main,section,article,form,fieldset,dialog{min-width:0;max-width:100%}img,video,canvas,iframe{max-width:100%}button,a,input,textarea,select{touch-action:pan-y}}

.site-header,.site-header.landing-header{background:#fff;z-index:50}
@media(max-width:767px){.site-header{top:0;max-width:100%}.site-header>*{min-width:0}.page,.container,.section,.product-detail,.product-info,.cart-layout,.checkout-layout,.admin-main,.admin-content{min-width:0;max-width:100%}table{width:100%;table-layout:fixed}th,td{white-space:normal;overflow-wrap:anywhere}.modal,.drawer{max-width:calc(100vw - 24px)}.filters,.tabs{flex-wrap:wrap}}

@media(max-width:767px){.mobile-stacked-table{display:block!important;table-layout:auto!important;width:100%!important;min-width:0!important}.mobile-stacked-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.mobile-stacked-table tbody{display:grid!important;width:100%;gap:16px}.mobile-stacked-table tbody tr{display:block!important;width:100%;padding:12px 0;border-bottom:1px solid #e2e4e9}.mobile-stacked-table tbody td{display:grid!important;grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:10px!important;width:100%!important;min-width:0!important;border:0!important;padding:8px 14px!important;white-space:normal!important;overflow-wrap:anywhere}.mobile-stacked-table tbody td:before{content:attr(data-mobile-label);font-weight:600;align-self:start;font-size:12px;line-height:1.7;color:inherit}.mobile-stacked-table tbody td>*{min-width:0;max-width:100%}.mobile-stacked-table tbody td[data-mobile-label=""]{display:block!important}.mobile-stacked-table tbody td[data-mobile-label=""]:before{display:none}}

@media(max-width:767px){.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.mobile-categories{flex-wrap:wrap;overflow:visible;justify-content:center}.admin-category-tabs,.admin-product-filters,.admin-state-tabs{flex-wrap:wrap;overflow:visible;white-space:normal}.table-scroll{overflow:visible!important;max-height:none!important}}

@media(max-width:767px){.detail-story img{width:min(420px,100%);max-width:100%;height:auto}}