@font-face{font-family:Stagsans;src:url(/fonts/StagSans-Regular.woff2)format("woff2"),url(/fonts/StagSans-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stagsans;src:url(/fonts/StagSans-Medium.woff2)format("woff2"),url(/fonts/StagSans-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Stagsans;src:url(/fonts/StagSans-Bold.woff2)format("woff2"),url(/fonts/StagSans-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-dusky-grey:#58707c;--color-tranquil:#7dc9d8;--color-linen:#cdb690;--color-fern:#20cd88;--color-plum:#7e3268;--color-cozy:#eb8e47;--color-lush:#eeb8c8;--color-sunrise:#ecc41c;--color-sunbreeze:#f5e6a4;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-card:#fff;--color-text-primary:#2c3e50;--color-text-secondary:#58707c;--color-text-muted:#95a5a6;--color-border:#e8ecef;--color-border-hover:var(--color-tranquil);--color-accent:var(--color-tranquil);--color-accent-hover:#6bb8c7;--color-accent-light:#7dc9d81a;--color-gradient-primary:linear-gradient(135deg,var(--color-tranquil)0%,var(--color-fern)100%);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:5rem;--font-family:"Stagsans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 2px 8px #58707c14;--shadow-md:0 4px 16px #58707c1f;--shadow-lg:0 8px 32px #58707c29;--shadow-xl:0 16px 48px #58707c33;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.hero{height:500px;margin-bottom:var(--spacing-3xl);border-radius:0 0 var(--radius-xl)var(--radius-xl);box-shadow:var(--shadow-lg);background:var(--color-bg-secondary);position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--transition-slow)}.hero:hover .hero-image{transform:scale(1.03)}.hero-overlay{background:linear-gradient(135deg,#58707cb3 0%,#7dc9d880 50%,#20cd8899 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-content{text-align:center;z-index:1;padding:var(--spacing-xl);animation:.8s ease-out fadeInUp}.hero h1{font-size:var(--font-size-5xl);color:#fff;margin-bottom:var(--spacing-md);letter-spacing:-.02em;text-shadow:0 4px 20px #0003;font-weight:700;line-height:1.1}.hero p{font-size:var(--font-size-xl);color:#fffffff2;letter-spacing:.01em;max-width:600px;margin:0 auto;font-weight:400}.category-hero{height:350px;margin-bottom:var(--spacing-2xl)}.category-hero h1{font-size:var(--font-size-4xl)}.category-hero p{font-size:var(--font-size-lg)}.nav-header{padding:var(--spacing-xl)0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.breadcrumb{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--color-accent);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.breadcrumb a:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-2px;left:0}.breadcrumb a:hover:after{width:100%}.breadcrumb a:hover{color:var(--color-accent-hover)}.breadcrumb-separator{color:var(--color-text-muted)}.back-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;font-weight:500;display:inline-flex}.back-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translate(-4px)}.grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);display:grid}.grid-categories,.grid-products{grid-template-columns:repeat(4,1fr)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card:before{content:"";background:var(--color-gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-hover);transform:translateY(-8px)}.card-image{object-fit:cover;background:var(--color-bg-secondary);width:100%;height:280px;transition:all var(--transition-slow)}.card:hover .card-image{transform:scale(1.05)}.card-content{padding:var(--spacing-lg);background:#fff}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.3}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.product-detail{max-width:1200px;padding:var(--spacing-xl)0;margin:0 auto}.product-layout{gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.product-images{top:var(--spacing-lg);height:fit-content;position:sticky}.main-image-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);aspect-ratio:1;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;overflow:hidden}.main-image-container:hover{box-shadow:var(--shadow-lg)}.main-image{object-fit:contain;width:100%;height:100%;padding:var(--spacing-lg);transition:transform var(--transition-slow)}.main-image-container:hover .main-image{transform:scale(1.03)}.thumbnails{gap:var(--spacing-sm);grid-template-columns:repeat(6,1fr);display:grid}.thumbnail{aspect-ratio:1;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.thumbnail:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:scale(1.05)}.thumbnail.active{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-md)}.thumbnail img{object-fit:contain;width:100%;height:100%;padding:var(--spacing-xs)}.product-info h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.product-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);white-space:pre-line;line-height:1.8}.product-description p{margin-bottom:1em}.product-description ul,.product-description ol{margin-bottom:1em;padding-left:1.5em;list-style:outside}.product-description li{margin-bottom:.5em}.product-features{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.product-features h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-dusky-grey);letter-spacing:-.01em;font-weight:600}.product-features ul{list-style:none}.product-features li{padding:var(--spacing-xs)0;color:var(--color-text-secondary);padding-left:var(--spacing-md);font-size:var(--font-size-base);transition:all var(--transition-fast);position:relative}.product-features li:hover{color:var(--color-text-primary);padding-left:calc(var(--spacing-md) + 4px)}.product-features li:before{content:"✓";color:var(--color-fern);font-size:1.1em;font-weight:700;position:absolute;left:0}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:all var(--transition-base);font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:0;height:0;transition:width var(--transition-slow),height var(--transition-slow);background:#fff3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--color-gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text-primary);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl);text-align:center;color:var(--color-text-primary);letter-spacing:-.02em;padding-bottom:var(--spacing-md);font-weight:700;position:relative}.section-title:after{content:"";background:var(--color-gradient-primary);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.hero{height:350px}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.grid-categories,.grid-products{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.product-images{position:static}.thumbnails{grid-template-columns:repeat(3,1fr)}.section-title,.product-info h1{font-size:var(--font-size-2xl)}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}.hero{border-radius:0 0 var(--radius-md)var(--radius-md);height:300px}.hero h1{font-size:var(--font-size-2xl)}.hero p{font-size:var(--font-size-sm)}.grid-categories,.grid-products{grid-template-columns:1fr}.card-image{height:240px}.product-info h1{font-size:var(--font-size-xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s cubic-bezier(.4,0,.2,1) fadeIn}@media (prefers-reduced-motion:no-preference){.card{animation:.5s ease-out backwards fadeIn}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.15s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.25s}.card:nth-child(5){animation-delay:.3s}.card:nth-child(6){animation-delay:.35s}}