/* Mobile storefront and content maintenance share readable, touch-sized controls. */
.phone-menu-toggle,.phone-site-nav,.phone-quote-bar{display:none}
.admin-return{display:flex;justify-content:space-between;gap:18px;padding-top:25px;font-size:14px}
.brand-nav [aria-current=page],.phone-site-nav [aria-current=page]{color:var(--accent)}
@media(max-width:800px){
 .brand-surface,.admin-surface{padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-wrap:break-word}
 .wrap{width:calc(100% - 32px)}
 .brand-header-row{position:relative;display:flex;flex-wrap:wrap;gap:12px;padding-block:14px}
 .brand-header .brand strong{font-size:20px;letter-spacing:2px}.brand-header .brand small{font-size:10px;letter-spacing:1px}
 .brand-header .brand-mark{width:39px;height:39px;font-size:24px}.brand-header .brand{gap:9px}
 .header-actions{margin-left:auto;gap:8px}.header-pill{display:none}
 .phone-menu-toggle{display:flex;align-items:center;gap:12px;order:3;border:1px solid var(--line);border-radius:25px;background:#fff;min-height:44px;padding:8px 15px;font-size:14px;color:var(--ink)}
 .phone-menu-toggle span{font-size:20px}.menu-open .phone-menu-toggle span{transform:rotate(45deg)}
 .brand-nav{order:4;width:100%;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible;white-space:normal;padding-top:10px}
 .brand-nav a{min-height:44px;display:flex;align-items:center;padding:10px 14px;font-size:15px;border-radius:8px;background:#f7f8f9}
 .menu-ready .brand-header:not(.menu-open) .brand-nav{display:none}
 .admin-surface .brand-nav{display:none}.search-popover form{right:0;width:min(320px,calc(100vw - 32px))}
 .phone-site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:40;min-height:62px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #e4e6e8}
 .phone-site-nav a{display:grid;place-items:center;min-height:44px;font-size:14px;border-radius:10px}.phone-site-nav a[aria-current=page]{background:#fdf0ed;font-weight:600}
 body:has(.detail-layout) .phone-site-nav{display:none}
 .brand-surface .mobile-cta{padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:12px}
 .brand-surface .mobile-cta a{font-size:15px;min-height:46px}.brand-surface .mobile-cta .button{font-size:15px}
 .phone-configuring .mobile-cta{display:none}
 .phone-configuring .phone-quote-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;inset:auto 0 0;z-index:42;border-top:1px solid var(--line);background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 25px #11111108}
 .phone-quote-bar>a{font-size:14px}.phone-quote-bar .button{min-height:46px;font-size:15px;background:var(--accent);color:white;border:0}
 .campaign-hero{min-height:590px;max-height:none}.campaign-content{padding-top:65px}.campaign-content h1{font-size:clamp(38px,8vw,58px)}
 .configuration-row{scroll-margin-top:90px}.configuration-row .dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .configuration-layout label,.dimension-fields label,.option-parameters legend{font-size:14px}.visual-option strong{font-size:15px}.option-description{font-size:13px;line-height:1.65}
 .option-zoom{min-height:44px;font-size:13px}.summary-copy{padding-bottom:25px}.configuration-summary{padding-bottom:15px}
 .detail-tabs{overflow-x:auto;white-space:nowrap}.brand-surface .detail-tabs{top:72px}.brand-surface .product-body>div{scroll-margin-top:135px}
 .brand-surface .product-title{font-size:17px;line-height:1.5}.product-copy{min-width:0}.product-card .tags{gap:5px}
 .admin-heading{align-items:flex-start;gap:18px;flex-direction:column}.admin-heading h1{font-size:28px}
 .admin-toolbar{align-items:stretch;flex-direction:column;gap:15px}.admin-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px;padding:4px 0 10px;max-width:100%;scrollbar-width:thin}
 .admin-nav button,.admin-nav a{flex-shrink:0;min-height:44px;padding:10px 14px!important;font-size:14px!important;white-space:nowrap}
 #new-product{min-height:48px}.admin-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-filter input{grid-column:1/-1;width:100%}
 .admin-item{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:16px}.admin-item>img{width:78px;height:78px;border-radius:8px;grid-row:span 2}.admin-item>div{min-width:0}.admin-item b{font-size:16px}.admin-item p{font-size:13px;line-height:1.6;margin-top:6px}
 .admin-item>.state{justify-self:start;grid-column:2}.admin-item>div:last-child{grid-column:1/-1;display:flex;gap:12px;border-top:1px solid var(--line);padding-top:10px}.admin-item button,.admin-item>div:last-child a{display:grid;place-items:center;min-height:44px;font-size:14px}
 .editor-form .fields,.factory-form-grid,.strength-row{grid-template-columns:minmax(0,1fr)}.form-panel{padding:22px 16px}.form-panel h2{font-size:20px}
 .admin-surface label,.admin-surface .field-help,.admin-notice{font-size:14px;line-height:1.7}.admin-surface input:not([type=checkbox],[type=radio]),.admin-surface select,.admin-surface textarea{font-size:16px;min-width:0}
 .image-editor,.factory-upload-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-editor>*{min-width:0}.image-editor button,.factory-upload-gallery button{min-height:44px;font-size:13px}.row-actions{flex-wrap:wrap}.row-actions button{min-height:44px}
 .editor-form .save-bar,.profile-form .save-bar{position:sticky;bottom:env(safe-area-inset-bottom);z-index:25;display:flex;flex-wrap:wrap;gap:9px;padding:13px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 -5px 20px #1018200a}
 .save-bar .button{flex:1;min-width:120px;min-height:46px;padding:10px;font-size:14px}.save-bar .field-help{flex-basis:100%;font-size:12px}.save-bar a{font-size:14px;min-height:44px;display:flex;align-items:center}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:14px}
 .orders-page .section-heading h1{font-size:32px}.order-status{font-size:14px!important}.order-list-top time{font-size:12px}
}
@media(max-width:370px){.brand-header .brand strong{font-size:17px}.brand-header .brand small{font-size:9px}.phone-menu-toggle{padding-inline:11px}.header-actions{gap:2px}.campaign-content h1{font-size:36px}.phone-quote-bar .button{font-size:14px;padding-inline:12px}}