.shop-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;padding:0 0 48px;overflow:hidden}.shop-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#0f2f3926,#0f2f39bf),url(/uploads/2025/12/Gemini_Generated_Image_104whd104whd104w-scaled.png) center / cover no-repeat;transform:scale(1.03)}.shop-hero-content{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.shop-hero-tag{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-yellow);margin-bottom:12px}.shop-hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,6vw,4.2rem);color:#fff;line-height:.95;margin:0 0 14px;max-width:600px}.shop-hero p{color:#ffffffc7;font-size:clamp(.92rem,1.2vw,1.05rem);max-width:440px;margin:0;line-height:1.6}.shop-filters{position:sticky;top:68px;z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-line);padding:14px 0}.shop-filter-bar{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-filter-bar::-webkit-scrollbar{display:none}.shop-filter-pill{padding:7px 18px;border:1px solid var(--color-line);border-radius:999px;background:transparent;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);cursor:pointer;white-space:nowrap;transition:all .2s ease}.shop-filter-pill:hover{border-color:var(--color-navy);color:var(--color-navy)}.shop-filter-pill.active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.shop-products{padding:36px 0 64px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.shop-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0f2f391a}.shop-card-img{position:relative;aspect-ratio:4 / 5;background:var(--color-sand);overflow:hidden}.shop-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.shop-card:hover .shop-card-img img{transform:scale(1.04)}.shop-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-sand) 0%,#e8e0cf 100%)}.shop-card-img-placeholder svg{width:48px;height:48px;stroke:var(--color-line);stroke-width:1.5}.shop-card-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.shop-card-badge.low-stock{background:#fef3c7;color:#92400e}.shop-card-badge.out-of-stock{background:#0f2f39d9;color:#fff}.shop-card--sold-out{opacity:.55;pointer-events:none}.shop-card--sold-out .shop-card-add{pointer-events:auto;cursor:not-allowed}.shop-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.shop-card-category{font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.shop-card-name{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;color:var(--color-navy);line-height:1.3}.shop-card-desc{font-size:.84rem;color:var(--color-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.shop-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.shop-card-price{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--color-navy);line-height:1}.shop-card-price .decimals{font-size:.7em;vertical-align:super;margin-left:1px}.shop-card-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:none;border-radius:999px;background:var(--color-navy);color:#fff;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.shop-card-add:hover{background:var(--color-navy-soft);transform:translateY(-1px)}.shop-card-add:active{transform:scale(.97)}.shop-card-add.added{background:#166534}.shop-card-add svg{width:14px;height:14px;flex-shrink:0}.shop-card-add:disabled{background:var(--color-line);color:var(--color-muted);cursor:not-allowed;transform:none}.shop-card-size{padding:6px 8px;border:1px solid var(--color-line);border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:.78rem;color:var(--color-navy);background:#fff;cursor:pointer;outline:none}.shop-card-size:focus{border-color:var(--color-navy)}.shop-empty{text-align:center;padding:64px 20px;color:var(--color-muted)}.shop-empty svg{margin:0 auto 16px;opacity:.4}.shop-empty p{font-size:.95rem;margin:0}.shop-card-skeleton .shop-card-img{background:linear-gradient(90deg,var(--color-sand) 25%,#ebe4d4 50%,var(--color-sand) 75%);background-size:200% 100%;animation:shop-shimmer 1.5s infinite}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--color-sand) 25%,#ebe4d4 50%,var(--color-sand) 75%);background-size:200% 100%;animation:shop-shimmer 1.5s infinite}.skeleton-line.w70{width:70%}.skeleton-line.w40{width:40%;margin-top:6px}@keyframes shop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cart-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-navy);color:#fff;padding:12px 24px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:600;box-shadow:0 8px 32px #0f2f3940;z-index:100;transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap}.cart-toast.show{transform:translate(-50%) translateY(0)}@media(max-width:768px){.shop-hero{min-height:40vh;padding-bottom:36px}.shop-hero h1{font-size:2.2rem}.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shop-card-body{padding:14px 14px 16px}.shop-card-name{font-size:.88rem}.shop-card-desc{display:none}.shop-card-price{font-size:1.25rem}.shop-card-add{padding:8px 12px;font-size:.65rem}.shop-card-add span{display:none}.shop-filters{top:56px}}@media(max-width:480px){.shop-filters{padding:10px 0}.shop-filter-bar{padding:0 16px}.shop-filter-pill{padding:6px 14px;font-size:.68rem}.shop-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-card-body{padding:10px 12px 14px}.shop-card-add{min-height:44px}.shop-hero{min-height:32vh}.shop-hero h1{font-size:1.8rem}}@media(max-width:360px){.shop-grid{grid-template-columns:1fr;max-width:100%}.shop-card-desc{display:-webkit-box}}