@font-face{font-family:Inter;src:url('/assets/Inter.woff2')}
@media(max-width:650px){#shop-view .category-browser .category-tiles{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;border-bottom:1px solid #ececf0}#shop-view .category-browser .category-tiles button{flex:none;flex-direction:row;min-height:44px;padding:10px 12px;gap:7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-size:12px;white-space:nowrap}#shop-view .category-browser .category-tiles button[aria-pressed=true]{border-bottom-color:#672996;color:#672996;background:transparent}#shop-view .category-browser .category-tiles svg,#shop-view .category-browser .category-tiles img{width:18px;height:18px}#shop-view .intro{padding:14px 0 10px}#shop-view .intro h1{font-size:20px}#shop-view .category-browser{margin-bottom:0}#shop-view .quick-categories{padding:4px 0 8px}#shop-view .child-filters{min-height:0;padding:4px 0;gap:6px}#shop-view .child-filters button{min-height:36px;padding:6px 10px;font-size:11px}#shop-view .quick-categories:has(.child-filters[hidden]):not(:has(.root-filters)){display:none!important}#shop-view .catalog-toolbar{padding:10px 0}}
.category-browser{margin:0 0 14px}.category-browser .category-tiles{gap:10px}.category-browser .category-tiles button{background:#fafafb;border:1px solid #ececf0;border-radius:8px;min-height:96px;gap:10px;color:#38343d;font-weight:500}.category-browser .category-tiles button[aria-pressed=true]{background:#f5eefb;border-color:#9d75b8;color:#672996;box-shadow:inset 0 -3px 0 #672996}.category-browser .category-tiles img{width:46px;height:46px}.category-browser .category-tiles svg{width:25px;height:25px}.category-browser .category-tiles button:nth-child(3n+2) svg{color:#237d70}.category-browser .category-tiles button:nth-child(3n) svg{color:#b07128}.quick-categories .child-filters{align-items:center;padding-bottom:4px}.quick-categories button{border-radius:6px;min-height:40px}.shop-banner{overflow:hidden}.banner-controls{border-bottom:1px solid #eee}.banner-controls button{border-radius:50%;font-size:11px}.intro:has(.category-back){padding-top:20px;padding-bottom:16px}@media(max-width:650px){.category-browser .category-tiles{gap:8px}.category-browser .category-tiles button{min-height:86px;font-size:12px;padding:12px 6px}.category-browser .category-tiles img{width:34px;height:34px}.category-browser .category-tiles svg{width:24px;height:24px}}
.quick-categories{display:block!important;overflow:visible!important}.root-filters,.child-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.child-filters{min-height:52px;padding-top:8px}.root-filters button,.child-filters button{flex-shrink:0}.category-browser .intro{display:none}.category-browser{margin-bottom:12px}#products{min-height:45vh}
.shop-banner{margin-top:20px;position:relative;background:#f7f8fa}.banner-media{display:block;width:100%;aspect-ratio:8/3}.banner-media picture{display:block;width:100%;height:100%}.banner-media img{display:block;width:100%;height:100%;object-fit:contain}.banner-controls{display:flex;justify-content:center;gap:8px;padding:8px;background:white}.banner-controls button{width:36px;min-height:36px;padding:6px}.banner-controls button[aria-pressed=true]{background:#672996;color:white}@media(max-width:650px){.shop-banner{margin-top:14px}.banner-media:has(source){aspect-ratio:3/2}.banner-controls{gap:4px}.banner-controls button{width:32px;padding:4px}}
.quick-categories{display:flex;gap:8px;overflow:auto;padding:4px 0 16px;border-bottom:1px solid #eee;scrollbar-width:thin}.quick-categories button{flex-shrink:0;font-size:12px}.quick-categories button[aria-pressed=true]{background:#f4edf9;color:#672996;border-color:#e3d1ef}.category-back{width:40px;padding:8px;flex-shrink:0}.intro:has(.category-back){justify-content:flex-start;gap:12px;display:flex}.compact-empty{border:0;padding:38px 16px 44px}.compact-empty>svg{width:32px;height:32px;color:#918797;margin-bottom:12px}.compact-empty h2{font-size:21px}.compact-empty p{font-size:13px;color:#716d78}.compact-empty .primary{margin-top:8px}.category-tiles button{overflow-wrap:anywhere}#shop-view:has(.compact-empty) .contact-band{display:none}
body{font-family:Inter,Arial,sans-serif}.shop-header{border-top:3px solid #672996;position:sticky;top:0;z-index:16;background:white;padding-top:14px;padding-bottom:14px}.brand strong{font-size:18px}.brand img{width:42px;height:42px}.shop-main{width:100%}.intro{padding:24px 0 16px}.intro h1{font-size:26px}.categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px}.categories button{flex-shrink:0}.product{position:relative;border-color:#eeeef0;box-shadow:none}.product-image{aspect-ratio:1;background:#f7f8fa;padding:24px}.save-item{position:absolute;top:8px;right:8px;width:36px;height:36px;min-height:36px;padding:8px;border:0;background:#fffffff0}.save-item[aria-pressed=true]{color:#672996}.save-item[aria-pressed=true] svg{fill:#eadcf5}.view-nav a{display:flex;align-items:center;justify-content:center;gap:8px;color:#716d78;font-size:14px}.product-body p{min-height:0}.product-body h3{font-weight:550}.contact-band{margin-top:40px}.view-nav button{border-radius:5px}.detail-actions a{background:#672996;color:white}.detail-photo{border-radius:6px}.product-body{gap:3px}
.category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.category-tiles button{flex-direction:column;gap:12px;min-height:104px;font-size:13px;background:#f7f8fa;border-color:transparent}.category-tiles svg{width:28px;height:28px;color:#672996}.category-tiles img{width:42px;height:42px;object-fit:contain}.category-tiles button[aria-pressed=true],.category-children button[aria-pressed=true]{border-color:#672996;background:#f5eef9;color:#672996}.category-children{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-bottom:1px solid #eee}.category-children button{font-size:12px}
@media(max-width:650px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-tiles button{min-height:88px;padding:12px 4px;font-size:12px}.shop-header{padding:12px 16px;gap:12px}.brand small{font-size:10px}.search input{height:44px}.intro{padding:20px 0 12px}.intro h1{font-size:23px;margin:5px 0}.eyebrow{font-size:9px}.view-nav{gap:0}.view-nav button,.view-nav a{flex:1;min-width:0;flex-direction:column;gap:4px;font-size:10px;min-height:52px}.product-image{padding:16px}.product-body{padding:12px}.product-body h3{font-size:13px}.stock{font-size:10px}.price{font-size:16px}.catalog-toolbar{padding:15px 0}.save-item{width:32px;height:32px;min-height:32px}.intro .eyebrow{display:none}.header-actions .contact-link{display:none}.detail-actions{position:sticky;bottom:0;background:white;padding:12px 0}footer{padding-bottom:30px}}
/* Keep browsing controls reachable without returning to the page header. */
.category-dock{position:sticky;top:var(--shop-header-height,130px);z-index:14;background:#fff;padding-top:4px;border-bottom:1px solid #ececf0}
.category-dock .quick-categories{border-bottom:0;margin:0}
.category-dock .category-browser{margin:0}
#shop-view .category-dock .category-tiles{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;overscroll-behavior-x:contain}
#shop-view .category-dock .category-tiles button{flex:0 0 auto;flex-direction:row;min-height:44px;padding:10px 12px;gap:7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:white;box-shadow:none;font-size:12px;white-space:nowrap}
#shop-view .category-dock .category-tiles button[aria-pressed=true]{border-bottom-color:#672996;background:#fff;color:#672996;box-shadow:none}
#shop-view .category-dock .category-tiles svg,#shop-view .category-dock .category-tiles img{width:18px;height:18px}
#shop-view .category-dock .child-filters{min-height:0;padding:4px 0 8px}
#shop-view .category-dock .child-filters button{min-height:36px;padding:6px 10px}
#shop-view .category-dock .quick-categories{padding-bottom:4px}
/* Two compact rows keep the primary categories visible on phones. */
@media(max-width:650px){
 #shop-view .category-dock .category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;width:100%}
 #shop-view .category-dock .category-tiles button{min-width:0;min-height:44px;padding:7px 2px;gap:4px;white-space:normal;line-height:1.2;overflow-wrap:anywhere}
 #shop-view .category-dock .category-tiles svg,#shop-view .category-dock .category-tiles img{width:16px;height:16px;flex-shrink:0}
 #shop-view .category-dock .category-tiles button[aria-pressed=true]{background:#f5eefb;border-radius:4px}
 #shop-view .category-dock .root-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible}
 #shop-view .category-dock .root-filters button{min-width:0;min-height:44px;padding:7px 2px;border:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2;font-size:12px}
}
.discovery-section{padding:22px 0 10px}
.discovery-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.discovery-title h2{font-size:22px;margin:0}
.discovery-title>div{display:flex;align-items:center;gap:6px}
.discovery-title button{min-height:36px;padding:6px 8px;font-size:12px}
.discovery-row{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:16px;overflow-x:auto;padding:3px 2px 15px;scroll-snap-type:x proximity;scrollbar-width:thin}
.discovery-row .product{scroll-snap-align:start}
.discovery-row .product-body{flex:1}
.discovery-row:focus-visible{outline:2px solid #672996;outline-offset:3px}
.discovery-sections>.compact-empty{text-align:center}
.browse-filters{padding:8px 0}
.browse-main{display:flex;gap:6px;flex-wrap:wrap}
.browse-main button,.browse-parts button{font-size:12px;min-height:42px;padding:8px 14px}
.browse-main button[aria-pressed=true],.browse-parts button[aria-pressed=true]{background:#f4ecf9;border-color:#b999cf;color:#672996}
.browse-parts{display:flex;gap:6px;overflow-x:auto;padding:10px 0 0;scrollbar-width:thin}
.browse-parts button{flex:none}
@media(max-width:650px){
 .discovery-section{padding:16px 0 8px}
 .discovery-title{margin-bottom:10px}
 .discovery-title h2{font-size:19px}
 .discovery-title button[data-row-prev],.discovery-title button[data-row-next]{display:none}
 .discovery-title button[data-collection]{border:0;background:transparent;font-size:11px;padding:6px 0}
 .discovery-row{grid-auto-columns:46%;gap:10px;scrollbar-width:none}
 .browse-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .browse-main button{min-width:0;padding:7px 3px;font-size:11px}
 .browse-parts button{min-height:36px;padding:6px 10px}
 #shop-view .discovery-row .product-body{padding:10px}
 #shop-view .discovery-row .product-body h3{font-size:13px}
}