/* Device layout rules shared by the storefront and merchant workspace. */
.catalog-main,.sidebar,.search-box,.admin-main,.admin-conversation,.admin-order-inspector{min-width:0}
img{max-width:100%}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.category-list{overscroll-behavior-x:contain}.chat-form textarea{font-family:inherit}.order-detail-card,.chat-panel,.api-doc-card{min-width:0}.order-line-items,.order-line>div{min-width:0}.order-line b,.customer-order-title>strong{overflow-wrap:anywhere}
@media(max-width:1024px){.admin-page-heading{align-items:flex-start}.admin-metrics .metric-text{flex-wrap:wrap}.admin-order-inspector{min-width:0}.customer-order-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:800px){.catalog{grid-template-columns:minmax(0,1fr)}.customer-order-layout,.customer-order-layout.with-chat{grid-template-columns:minmax(0,1fr)}.category-list{max-width:100%}.order-page-heading>div{min-width:0}.hero-content{min-width:0}.quick-filters{flex-wrap:wrap;justify-content:flex-start}.chat-panel{height:min(660px,calc(100dvh - 120px));min-height:440px}.order-page-heading{scroll-margin-top:90px}.purchase-actions .button{min-height:46px}.admin-sidebar nav>a{min-height:40px}.admin-product-table th,.admin-product-table td{padding-inline:15px}.admin-main>.empty{min-width:0}}
@media(max-width:540px){
 body{padding-bottom:env(safe-area-inset-bottom)}
 .container{width:calc(100% - 28px)}.header-actions .icon-btn{width:37px;height:40px}.login-btn{height:39px;font-size:11px;padding-inline:12px}.header{height:74px}.brand small{font-size:8px}.topline .container{font-size:8px}.topline span{font-size:7px}.starbridge-hero p{font-size:12px;line-height:1.9}.starbridge-hero .hero-contact{font-size:11px}.starbridge-hero .hero-buttons{flex-wrap:wrap;gap:12px}.hero-buttons .button{font-size:12px;min-height:46px;padding-inline:17px}.starbridge-hero .hero-tags{font-size:9px}.starbridge-hero{min-height:520px}.hero-tags .icon{height:13px;width:13px}
 .benefits b{font-size:11px;line-height:1.6}.benefits small{font-size:10px;line-height:1.6}.benefits{gap:18px 10px}.benefits>div{align-items:flex-start}.sidebar-title{font-size:13px}.category{font-size:11px;min-height:40px;padding:10px 12px}.category .product-icon,.category-symbol{height:19px;width:19px}.catalog-title h2{font-size:22px}.catalog-title h2 small{font-size:10px;margin-left:8px}.catalog-title .eyebrow{font-size:8px}.view-controls button{height:36px;width:33px}.search-toolbar{flex-wrap:wrap;gap:9px}.search-box{height:48px;flex-basis:calc(100% - 115px)}.search-box input{font-size:14px;min-width:0}.search-toolbar select{font-size:11px;width:106px;min-height:46px;padding:0 8px}.quick-filters{gap:5px;font-size:11px;margin-block:15px}.quick-filters>span{font-size:10px;width:100%;margin-bottom:5px}.quick-filters a{padding:9px 11px;min-height:36px}.product-card{padding:16px 13px;gap:10px;align-items:center}.product-main{gap:12px}.product-icon{width:47px;height:47px}.product-category{font-size:9px}.product-copy h3{font-size:13px;line-height:1.7;margin-top:5px;margin-bottom:9px}.product-price{font-size:18px}.product-price>small{font-size:11px}.product-price>span{font-size:8px}.product-right{gap:12px}.quantity-rule{font-size:10px;padding:4px 6px;line-height:1.8}.warranty{font-size:10px;line-height:1.8}.warranty .icon{width:11px;height:11px}.add-cart{width:40px;height:40px;border-radius:10px}.add-cart .icon{width:18px;height:18px}.product-tags{gap:5px}.grid .product-card{padding:15px 12px}.grid .product-copy h3{font-size:12px;min-height:60px}.grid .product-price{font-size:17px}.grid .product-tags{min-height:42px;align-content:flex-start}.grid .product-right{align-items:center}.grid .add-cart{width:36px;height:36px}.grid .quantity-rule,.grid .warranty{font-size:9px}.catalog-bottom,.catalog-bottom button{font-size:10px;line-height:2}.catalog-bottom{gap:6px}.procurement h2{font-size:18px}.procurement p{font-size:12px}.procurement .button{font-size:12px;min-height:44px}.procurement .eyebrow{font-size:9px}.footer-links{flex-wrap:wrap;font-size:11px;gap:17px}.footer-links button{font-size:11px}.footer-inner p{font-size:10px}.footer-note,.footer-note span{font-size:9px}
 .breadcrumb{font-size:10px;line-height:1.7}.detail-visual{aspect-ratio:1.15}.detail-info h1{font-size:27px}.detail-badges>span{font-size:11px;padding:7px 9px}.detail-price>small,.quantity-label,.detail-options>label{font-size:12px}.quantity-label{align-items:flex-start;gap:10px;flex-wrap:wrap}.quantity-label>span{font-size:11px}.spec{font-size:12px;min-height:60px}.spec small{font-size:10px}.stepper{height:44px}.stepper button{width:40px;min-height:42px;font-size:21px}.stepper input{width:46px;font-size:16px}.purchase-actions{gap:9px}.purchase-actions .button{font-size:12px;padding-inline:13px;gap:7px}.delivery-note{font-size:11px}.spec-summary{gap:20px 12px}.spec-summary small{font-size:11px}.spec-summary b{font-size:12px;line-height:1.9}.detail-description>p{font-size:13px}.detail-description>h3{font-size:15px}.preview-note{font-size:11px}.visual-caption{font-size:10px}.purchase-notice{font-size:13px;padding:22px;overflow-wrap:anywhere}.purchase-notice blockquote{font-size:12px}.notice-label{font-size:10px}.page-subtitle{font-size:12px}.order-page-heading p{font-size:12px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:9px}
 .checkout-modal{width:100%;max-height:calc(100dvh - 24px);padding:29px 20px 22px}.modal-backdrop{padding:12px}.checkout-modal form>label{font-size:13px}.checkout-modal input:not([type=checkbox]),.checkout-modal textarea,.checkout-modal select{font-size:16px;padding:13px}.checkout-modal .checkbox{font-size:12px;line-height:1.9;align-items:flex-start}.checkout-modal .checkbox>input{width:18px;height:18px;margin-top:4px}.checkout-notice,.modal p.field-hint{font-size:12px}.checkout-modal form>.button{font-size:13px;min-height:47px}.modal p{font-size:13px}.modal p.form-error{font-size:12px}.form-grid{gap:15px 12px}.form-grid label{font-size:12px}.admin-login .form-field{height:48px}.admin-login input{font-size:16px}.admin-login p{font-size:12px}.admin-login section>small{font-size:11px}.form-error{font-size:12px}
 .cart-item-name h3{font-size:13px}.cart-item-name small{font-size:11px}.cart-item-name button{font-size:11px;min-height:32px}.cart-item .stepper{height:42px}.cart-item .stepper button{width:37px}.cart-item .stepper input{font-size:16px;width:44px}.order-summary>div{font-size:13px}.order-summary>p{font-size:11px}.order-summary .button{font-size:13px;min-height:46px}.continue-shopping{font-size:12px;min-height:36px}.customer-order-tile>p{font-size:12px}.customer-order-title>strong{font-size:12px}.status-pill{font-size:11px}.customer-order-tile small{font-size:11px}.customer-order-tile>div:last-child>span{font-size:12px}.order-line b{font-size:13px}.order-line span{font-size:11px;line-height:1.8}.order-line>strong{font-size:13px}.contact-details{font-size:12px}.contact-details>div{grid-template-columns:70px minmax(0,1fr)}.order-reminder,.visitor-note{font-size:11px}.order-created{font-size:11px}.order-detail-top h2{font-size:14px;line-height:1.8}.order-detail-card{padding:20px}.order-amount{font-size:13px}.next-step-card>p{font-size:13px}.next-step-card small{font-size:11px}
 .chat-panel{height:calc(100dvh - 145px);min-height:450px;max-height:690px}.chat-header strong{font-size:13px}.chat-header small{font-size:10px;line-height:1.7}.connection-state{font-size:10px}.chat-context{font-size:11px;padding:12px}.chat-messages{padding:16px 13px}.message-meta{font-size:11px}.message-meta time{font-size:9px}.message-bubble{font-size:13px;padding:11px 12px;max-width:95%}.chat-form textarea{font-size:16px;min-height:64px}.chat-form .button{font-size:12px;min-height:40px;padding-inline:16px}.chat-form>div>span{font-size:9px;max-width:165px;line-height:1.7}.chat-welcome p{font-size:12px}.chat-error{font-size:11px}.chat-header .connection-state{font-size:9px}.chat-avatar{flex-shrink:0}
 .admin-sidebar{position:static;gap:12px}.admin-sidebar nav{width:100%;margin:0;justify-content:space-between;gap:5px}.admin-sidebar nav>a{justify-content:center;flex:1;font-size:12px;min-height:42px;padding:10px 8px}.admin-sidebar nav>a>.icon{display:inline-block;width:14px;height:14px}.admin-sidebar .brand strong{font-size:22px}.admin-sidebar .brand small{font-size:9px}.admin-sidebar .brand img{width:35px;height:35px}.admin-sidebar-bottom{gap:20px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:11px;min-height:32px}.admin-page-heading p{font-size:12px}.admin-page-heading .eyebrow{font-size:9px}.admin-page-heading .button{min-height:42px;font-size:12px}.admin-metrics span{font-size:11px}.admin-order-row>strong{font-size:13px}.admin-order-row>small{font-size:10px}.admin-order-row>div>b{font-size:12px}.admin-order-row time{font-size:9px}.admin-order-row .status-pill{font-size:10px}.admin-order-row{padding:17px 13px}.admin-order-search input{font-size:16px}.admin-order-search{min-height:43px}.order-list-heading{font-size:14px}.order-list-heading small{font-size:10px}.admin-order-list{max-height:390px}.admin-conversation .chat-panel{height:calc(100dvh - 130px);min-height:450px;max-height:690px}.admin-order-inspector .order-line b{font-size:13px}.admin-order-inspector .order-line span{font-size:11px}.admin-order-inspector .order-reminder{font-size:11px}.admin-order-inspector .contact-details>div{font-size:12px}.status-control{font-size:13px}.status-control select{font-size:16px;min-height:44px}.inspector-note,.admin-order-inspector .inspector-note{font-size:11px}.admin-product-table td{font-size:12px}.admin-product-name b{font-size:12px}.admin-product-name small{font-size:10px}.edit-product-btn{font-size:12px;min-height:40px}.admin-product-table th{font-size:11px}.admin-product-table td>small{font-size:11px}.admin-product-table td>b{font-size:12px}.admin-product-toolbar{font-size:11px}.api-doc-card p{font-size:13px}.endpoint>span{font-size:12px}.endpoint code{font-size:11px}.api-doc-card pre{font-size:12px}.document-page>p{font-size:13px}.document-page details p{font-size:13px}.document-page summary{font-size:14px}.document-page>.button{font-size:13px}
}
@media(max-width:360px){.brand strong{font-size:18px}.header-actions .icon-btn{width:31px}.login-btn{font-size:10px;padding-inline:9px}.search-toolbar select{width:100px}.product-card{gap:8px;padding-inline:10px}.product-main{gap:9px}.product-icon{width:39px;height:39px}.product-copy h3{font-size:12px}.product-price{font-size:16px}.quantity-rule{font-size:9px}.chat-header{gap:8px}.chat-header small{font-size:9px}.chat-context{font-size:10px}.purchase-actions{flex-wrap:wrap}.purchase-actions .button{flex:1;min-width:135px}}
@media(max-height:500px) and (orientation:landscape){.chat-panel,.admin-conversation .chat-panel{height:440px;min-height:350px}.checkout-modal{max-height:calc(100dvh - 16px)}.modal-backdrop{padding-block:8px}}