.theme-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 28px;background:#182725;color:#fff;font:12px/1.5 Arial,sans-serif;border-bottom:3px solid #d5b779;position:relative;z-index:80}.theme-preview-bar strong,.theme-preview-bar span{display:block}.theme-preview-bar span{color:#d9e3dc;font-size:11px}.theme-preview-bar nav{display:flex;gap:22px;align-items:center}.theme-preview-bar a{display:flex;gap:7px;align-items:center;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.theme-preview-bar .icon{width:16px;height:16px}.theme-preview-bar a:focus-visible{outline:2px solid #fff}.storefront .product-info h3{overflow-wrap:anywhere}.storefront .product-rating .stars,.storefront .detail-rating .stars{color:#906424}.storefront .product-brand,.storefront .product-rating,.storefront .product-bottom,.storefront .product-prices del{color:var(--muted)}.storefront .field>span{color:var(--ink)}.storefront .form-message{overflow-wrap:anywhere}.storefront .breadcrumbs{min-width:0}.storefront .brand-mark{color:var(--orange)}
@media(max-width:650px){.theme-preview-bar{padding:10px 16px;flex-direction:column;align-items:flex-start;gap:8px}.theme-preview-bar nav{font-size:11px;gap:18px}}
@media(prefers-reduced-motion:reduce){.storefront *{scroll-behavior:auto;transition:none!important;animation:none!important}}

.storefront .search-form input{border:0;outline:0;background:transparent;box-shadow:none;padding:0;min-height:0;height:100%}.storefront .field input,.storefront .field textarea,.storefront .field select,.storefront .price-inputs input,.storefront .coupon-form input{border-color:#7d8577}.storefront .field input:focus,.storefront .field textarea:focus,.storefront .field select:focus{border-color:var(--orange)}

/* Keep narrow layouts intrinsic: navigation scrolls, while preview controls wrap. */
.storefront .theme-preview-bar{flex-wrap:wrap;max-width:100%;gap:12px 24px}
.storefront .theme-preview-bar>div{min-width:0;flex:1 1 220px}
.storefront .theme-preview-bar nav{min-width:0;max-width:100%;flex:0 1 auto;flex-wrap:wrap;gap:4px 16px}
.storefront .theme-preview-bar a{min-height:32px;white-space:normal;overflow-wrap:anywhere}
.storefront .brand{min-width:0;max-width:100%}
.storefront .brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.storefront .search-form{min-width:0}
.storefront .search-form button{flex-shrink:0}
.storefront .category-nav>a,.storefront .market-navigation>nav>a,.storefront .atelier-navigation nav>a{flex:0 0 auto;min-width:max-content}
.storefront .category-nav,.storefront .market-navigation>nav,.storefront .atelier-navigation nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain}
.storefront .product-detail>*,.storefront .checkout-layout>*,.storefront .catalog-layout>*,.storefront .account-layout>*{min-width:0}
.storefront .product-prices{min-width:0;flex-wrap:wrap}
@media(max-width:900px){
  .storefront .theme-preview-bar{flex-direction:column;align-items:stretch;padding:12px 20px;gap:6px}
  .storefront .theme-preview-bar>div{flex:0 1 auto}
  .storefront .theme-preview-bar nav{width:100%;font-size:12px;gap:2px 16px}
}
@media(max-width:760px){
  .storefront{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .storefront .theme-preview-bar{padding-inline:16px}
  .storefront .theme-preview-bar span{font-size:12px}
  .storefront .mobile-bottom>a{font-size:10px;min-height:44px;justify-content:center}
  .storefront .mobile-bottom{padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .storefront main .button{white-space:normal;text-align:center;overflow-wrap:anywhere}
  .storefront .product-info h3{font-size:13px;line-height:1.45}
  .storefront .product-brand,.storefront .product-bottom{font-size:10px}
}
