.storefront-body{background:var(--paper)}
.site-sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:#062b3d;color:#fff;z-index:30;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.08)}
.site-sidebar nav{display:flex;flex-direction:column;gap:8px;margin:0}
.site-sidebar nav a{display:block;color:#d8e3e7;padding:12px 14px;border-radius:9px;font-size:14px}
.site-sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.sidebar-order{display:block;text-align:center}
.storefront-topbar{position:sticky;top:0;margin-left:220px;height:82px;display:flex;justify-content:flex-end;align-items:center;background:#fff;border-bottom:1px solid #e8eceb;z-index:20;padding:10px 28px}
.brand-right{margin-left:auto}.brand-right img{object-fit:contain;background:#073247;padding:3px}
.storefront-main{margin-left:220px}.storefront-main.detail-page{margin-left:220px;margin-right:0;max-width:none}.storefront-footer{margin-left:220px}
.mobile-menu-button{display:none;background:transparent;color:var(--navy);font-size:26px;padding:8px 10px}
.hero-carousel{min-height:560px;padding-top:55px;padding-bottom:55px}.hero-copy{position:relative;z-index:2}.hero-photo-link{display:block;position:relative;text-decoration:none;min-width:0}.hero-photo-link .hero-img{object-fit:contain;background:#fff;padding:14px;transform:none;transition:opacity .18s ease}.hero-image-changing{opacity:.25}.hero-photo-label{position:absolute;right:20px;bottom:20px;background:rgba(4,31,43,.9);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}
.products-first{padding-top:72px!important}.products-first .section-title{margin-bottom:24px}
.zoom-image-wrap,.school-logo-wrap{position:relative;background:#fff;display:flex;align-items:center;justify-content:center;min-height:240px;overflow:hidden}
.product-grid .zoom-image-wrap img{height:300px;width:100%;object-fit:contain;padding:10px;background:#fff;transform:none!important;box-shadow:none!important}
.school-logo-grid{grid-template-columns:repeat(4,1fr)}.school-logo-grid .request{min-height:100%}.school-logo-wrap{height:220px;border-bottom:1px solid var(--line)}.school-logo-wrap img{width:100%;height:100%;object-fit:cover;background:#fff;padding:0;transform:none!important;box-shadow:none!important}.school-logo-wrap img.official-logo-image{object-fit:contain!important;object-position:center!important;padding:18px!important}.alice-logo img{object-position:center 74%}.sandiego-logo img{object-position:center 70%}.orangegrove-logo img{object-position:center 52%}.paloalto-logo img{object-position:center 65%}
.interactive-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;grid-auto-rows:auto!important;gap:18px!important;overflow:visible!important;align-items:center!important}.interactive-gallery .gallery-link{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:0;background:transparent!important;overflow:visible!important;border:0!important;padding:0!important}.interactive-gallery .gallery-link img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:320px!important;object-fit:contain!important;background:transparent!important;padding:0!important;margin:0 auto!important;border-radius:12px;transition:transform .2s ease;transform-origin:center;position:relative}.interactive-gallery .gallery-link:hover{position:relative;z-index:20;background:transparent!important}.interactive-gallery .gallery-link:hover img{transform:scale(1.28);z-index:20;box-shadow:0 16px 36px rgba(0,24,36,.2)}
.zoom-detail{overflow:visible}.zoom-detail .detail-main-image{transition:transform .2s ease;transform-origin:center;position:relative;z-index:1}.zoom-detail .detail-main-image:hover{transform:scale(1.22);z-index:12}.zoom-detail:hover{z-index:12}
.order-number-link{font-weight:850;color:var(--navy);text-decoration:none}.order-number-link:hover{text-decoration:underline}.table-button{display:inline-block;color:#fff;text-decoration:none}
.danger-button{background:#9a2d24!important}.customer-artwork{max-width:680px}.customer-artwork img{width:100%;max-height:560px;object-fit:contain;background:#f7f7f7;border:1px solid var(--line);border-radius:12px}.customer-artwork p{font-size:12px;color:#718087}
@media(max-width:1100px){.school-logo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.site-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:230px}.site-sidebar.open{transform:translateX(0)}.storefront-topbar{margin-left:0;justify-content:space-between}.storefront-main,.storefront-main.detail-page,.storefront-footer{margin-left:0}.mobile-menu-button{display:block}.brand-right{margin-left:auto}.hero-carousel{grid-template-columns:1fr}}
@media(max-width:560px){.storefront-topbar{padding:10px 14px}.brand-right span{display:none}.hero-carousel{padding-left:18px!important;padding-right:18px!important}.hero-photo-link .hero-img{height:330px}.school-logo-grid{grid-template-columns:1fr}.interactive-gallery{grid-template-columns:1fr!important}.interactive-gallery .gallery-link:hover img{transform:scale(1.08)}.zoom-detail .detail-main-image:hover{transform:scale(1.06)}}