.shop-page{min-height:100vh;background:#fafafa}.shop-hero{background:var(--dark);padding:120px 60px 72px;position:relative}.shop-hero-inner{max-width:680px}.shop-hero-label{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;margin-bottom:20px}.shop-hero-h{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.06em;line-height:.92;color:#fff;margin-bottom:20px}.shop-hero-sub{font-size:.9rem;color:#ffffff73;line-height:1.75;max-width:480px}.shop-contractor-badge{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:100px;border:1px solid var(--gold);color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.shop-cart-link{position:absolute;top:24px;right:60px}.shop-inner{max-width:1200px;margin:0 auto;padding:52px 44px 100px}.shop-filters{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.shop-filter-btn{background:none;border:1.5px solid var(--light-gray);border-radius:100px;padding:8px 20px;font-size:.78rem;font-weight:600;color:var(--mid-gray);cursor:pointer;transition:border-color .18s,color .18s,background .18s}.shop-filter-btn:hover{border-color:var(--dark);color:var(--dark)}.shop-filter-btn.active{background:var(--dark);border-color:var(--dark);color:#fff}.shop-loading{text-align:center;color:var(--mid-gray);font-size:.9rem;padding:60px 0}.shop-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:.85rem;margin-bottom:20px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:72px}.shop-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--light-gray);transition:box-shadow .22s,transform .22s}.shop-card:hover{box-shadow:0 16px 48px #0000001a;transform:translateY(-2px)}.shop-card-img{position:relative;height:200px;overflow:hidden;background:var(--light-gray)}.shop-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.shop-card:hover .shop-card-img img{transform:scale(1.04)}.shop-card-img-hw{background:var(--off-white)}.shop-card-img-hw img{object-fit:contain;padding:20px}.shop-card-swatch{width:100%;height:100%}.shop-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px}.shop-card-body{padding:22px 22px 20px}.shop-card-name{font-size:.95rem;font-weight:700;color:var(--dark);letter-spacing:-.02em;margin-bottom:4px}.shop-card-tagline{font-size:.72rem;color:var(--mid-gray);margin-bottom:12px}.shop-card-desc{font-size:.78rem;color:var(--mid-gray);line-height:1.7;margin-bottom:20px}.shop-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.shop-card-price{font-size:1.05rem;font-weight:800;color:var(--dark);letter-spacing:-.03em;display:flex;align-items:baseline;gap:8px}.shop-price-contractor{color:var(--gold)}.shop-price-was{font-size:.78rem;font-weight:600;color:var(--mid-gray);text-decoration:line-through}.shop-add-btn{background:var(--dark);color:#fff;border:none;border-radius:100px;font-size:.72rem;font-weight:700;padding:9px 18px;cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.shop-add-btn:hover{opacity:.85}.shop-add-btn.added{background:#1a7a3a}.shop-add-btn:disabled{background:var(--light-gray);color:var(--mid-gray);cursor:not-allowed}.shop-add-btn:disabled:hover{opacity:1}.shop-hw-picker{padding:24px 20px 8px;background:var(--off-white)}.shop-hw-picker .hw-tiles{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;margin:0 -20px;padding:2px 20px 12px;scroll-padding:0 20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.shop-hw-picker .hw-tile{flex:0 0 88px;aspect-ratio:1;scroll-snap-align:start}.shop-hw-picker .hw-ball{width:38px;height:38px}.shop-hw-picker .hw-name{font-size:.56rem}.shop-finish-toggle{background:none;border:1.5px solid var(--light-gray);border-radius:100px;padding:7px 16px;font-size:.72rem;font-weight:600;color:var(--dark);cursor:pointer;margin-bottom:16px;transition:border-color .18s}.shop-finish-toggle:hover{border-color:var(--dark)}.shop-cta-strip{background:#fff;border:1px solid var(--light-gray);border-radius:16px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.shop-cta-h{font-size:1.1rem;font-weight:700;color:var(--dark);letter-spacing:-.03em;margin-bottom:6px}.shop-cta-p{font-size:.82rem;color:var(--mid-gray)}.shop-cta-btn{flex-shrink:0;display:inline-block;background:var(--dark);color:#fff;font-size:.82rem;font-weight:700;padding:14px 28px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:opacity .2s}.shop-cta-btn:hover{opacity:.8}@media (max-width: 1024px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.shop-hero{padding:100px 20px 60px}.shop-cart-link{right:20px}.shop-inner{padding:40px 20px 80px}.shop-grid{grid-template-columns:1fr}.shop-cta-strip{flex-direction:column;text-align:center}}