.site-header{position:sticky;top:0;z-index:100;background-color:#fcfbfaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:16px 0}.header-container{display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:baseline;gap:4px}.logo-text{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--color-brand)}.logo-suffix{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--color-accent)}.main-nav ul{display:flex;list-style:none;gap:32px}.main-nav a{font-size:14px;font-weight:500;letter-spacing:.5px;color:var(--color-text-secondary);position:relative;padding:4px 0}.main-nav a:hover,.main-nav a.active{color:var(--color-brand)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:var(--transition-smooth)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{color:var(--color-text-secondary);padding:6px;border-radius:50%;position:relative}.icon-btn:hover{color:var(--color-brand);background-color:var(--color-light-gray)}.cart-btn{position:relative}.cart-badge{position:absolute;top:-2px;right:-2px;background-color:var(--color-brand);color:#fff;font-size:10px;font-weight:700;height:16px;width:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.main-nav{display:none}}.hero-section{padding:60px 0 80px;background:radial-gradient(circle at 50% 20%,#f5f3f099,#fcfbfa);overflow:hidden;position:relative}.hero-container{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.hero-banner-container{width:100%;max-width:1100px;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:#fff;padding:12px;transition:var(--transition-smooth)}.hero-banner-container:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014;border-color:#c0944f4d}.hero-wide-banner{width:100%;height:auto;max-height:480px;display:block;object-fit:cover;border-radius:var(--border-radius-md)}.hero-content{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--color-accent);background-color:#c0944f1a;padding:6px 14px;border-radius:50px;margin-bottom:24px;text-transform:uppercase}.hero-title{font-size:44px;font-weight:800;line-height:1.2;letter-spacing:-1px;color:var(--color-text-primary);margin-bottom:16px}.hero-description{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;max-width:700px}.hero-actions-container{display:flex;gap:16px;align-items:center;justify-content:center}@media (max-width: 768px){.hero-section{padding:40px 0 60px}.hero-title{font-size:32px}.hero-description{font-size:16px}.hero-banner-container{padding:8px}.hero-actions-container{flex-direction:column;width:100%;gap:12px}.hero-actions-container .btn-primary,.hero-actions-container .btn-secondary{width:100%;text-align:center}}.categories-section{padding:100px 0;background-color:var(--color-bg)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-subtitle{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--color-accent);text-transform:uppercase;margin-bottom:12px;display:block}.section-title{font-size:36px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:16px}.section-description{font-size:16px;color:var(--color-text-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.category-card{background-color:var(--color-card-bg);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition-smooth);display:flex;flex-direction:column}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#c0944f4d}.category-image-container{position:relative;width:100%;height:280px;overflow:hidden;background-color:var(--color-light-gray)}.category-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.category-card:hover .category-image{transform:scale(1.08)}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#2c4230b3,#1c1b1a1a);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth)}.category-card:hover .category-overlay{opacity:1}.category-action-btn{color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #ffffff;padding:10px 24px;border-radius:var(--border-radius-md);transform:translateY(10px);transition:var(--transition-smooth)}.category-card:hover .category-action-btn{transform:translateY(0)}.category-action-btn:hover{background-color:#fff;color:var(--color-brand)}.category-info{padding:24px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.category-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.category-subtitle{font-size:14px;color:var(--color-text-secondary)}@media (max-width: 600px){.categories-grid{grid-template-columns:1fr}}.site-footer{background-color:#111412;color:#a3a8a4;padding:80px 0 0;border-top:1px solid var(--color-border)}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:60px}.footer-brand{display:flex;flex-direction:column}.footer-logo{font-size:20px;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:8px}.footer-tagline{font-size:12px;font-weight:600;color:var(--color-accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.footer-desc{font-size:14px;line-height:1.6}.footer-links h4,.footer-contact h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:24px;letter-spacing:.5px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:14px}.footer-links a:hover{color:#fff;padding-left:4px}.footer-contact p{font-size:14px;margin-bottom:16px;line-height:1.5}.contact-email{color:var(--color-accent);font-weight:600;font-size:16px;border-bottom:1px dashed var(--color-accent)}.contact-email:hover{color:#fff;border-bottom-color:#fff}.footer-bottom{border-top:1px solid #1c211e;padding:30px 0;font-size:13px}.footer-bottom-container{display:flex;justify-content:space-between;align-items:center}.footer-legal{display:flex;gap:24px}.footer-legal a:hover{color:#fff}@media (max-width: 992px){.footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 576px){.footer-container{grid-template-columns:1fr;gap:32px}.footer-bottom-container{flex-direction:column;gap:16px;text-align:center}}.app-layout{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.cta-banner-section{padding:80px 0;background-color:var(--color-brand);color:#fff;position:relative;overflow:hidden}.cta-banner-section:before{content:"";position:absolute;top:-50%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#c0944f26,#fcfbfa00 70%);z-index:1}.cta-banner-container{display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:2}.cta-banner-content{max-width:700px}.cta-banner-content h2{font-size:32px;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.cta-banner-content p{font-size:16px;opacity:.9;line-height:1.6}.cta-banner-action{flex-shrink:0}.cta-btn-white{background-color:#fff!important;color:var(--color-brand)!important}.cta-btn-white:hover{background-color:var(--color-light-gray)!important;box-shadow:0 4px 12px #fff3!important}@media (max-width: 992px){.cta-banner-container{flex-direction:column;text-align:center}}:root{--color-bg: #fcfbfa;--color-text-primary: #1c1b1a;--color-text-secondary: #5c5a57;--color-brand: #2c4230;--color-brand-hover: #1e2d21;--color-accent: #c0944f;--color-card-bg: #ffffff;--color-border: #e8e5e0;--color-light-gray: #f5f3f0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width: 1200px;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--shadow-md: 0 10px 20px rgba(0, 0, 0, .04);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;transition:var(--transition-smooth)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.btn-primary{background-color:var(--color-brand);color:#fff;padding:12px 28px;font-weight:600;border-radius:var(--border-radius-md);letter-spacing:.5px;text-transform:uppercase;font-size:14px}.btn-primary:hover{background-color:var(--color-brand-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2c423033}.btn-secondary{background-color:transparent;color:var(--color-brand);border:2px solid var(--color-brand);padding:10px 26px;font-weight:600;border-radius:var(--border-radius-md);letter-spacing:.5px;text-transform:uppercase;font-size:14px}.btn-secondary:hover{background-color:var(--color-brand);color:#fff;transform:translateY(-2px)}