@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #1a3c34;--primary-dark: #0f2520;--accent: #40916c;--accent-light: #52b788;--background: #f4f6f4;--surface: #ffffff;--border: #e0e7e4;--text-primary: #0d1f1a;--text-secondary: #5a7a6e;--danger: #c62828;--success: #1b8e3e;--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.14)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--background);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:72px}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:72px;background:var(--primary);z-index:1000;box-shadow:0 2px 16px #0000002e}.nav-logo{font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-.5px}.nav-logo span{color:var(--accent-light)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{text-decoration:none;color:#ffffffd9;font-weight:500;font-size:.92rem;padding:8px 14px;border-radius:8px;transition:all .2s}.nav-links a:hover{background:#ffffff1f;color:#fff}.nav-cart{position:relative;display:flex;align-items:center;gap:6px;background:var(--accent)!important;color:#fff!important;border-radius:8px;padding:8px 16px!important;font-weight:600!important}.nav-cart:hover{background:var(--accent-light)!important}.nav-btn-signup{background:#fff!important;color:var(--primary)!important;font-weight:700!important;border-radius:8px}.nav-btn-signup:hover{background:#e8f5e9!important}.nav-logout{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.88rem;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.nav-logout:hover{background:#ffffff1f}.hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,#1f4d3e 100%);color:#fff;padding:100px 40px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 40%,rgba(64,145,108,.25) 0%,transparent 60%);pointer-events:none}.hero-badge{display:inline-block;background:#52b78833;border:1px solid rgba(82,183,136,.4);color:var(--accent-light);padding:6px 16px;border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.08;margin-bottom:20px;letter-spacing:-1.5px}.hero h1 span{color:var(--accent-light)}.hero p{font-size:1.15rem;color:#ffffffb8;max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--accent-light);color:#fff;padding:16px 36px;border-radius:10px;font-weight:700;font-size:1rem;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;box-shadow:0 4px 20px #52b78866}.btn-primary:hover{background:#6fcba0;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#fff;padding:16px 36px;border-radius:10px;font-weight:600;font-size:1rem;border:2px solid rgba(255,255,255,.35);cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.btn-secondary:hover{border-color:#fff;background:#ffffff14}.categories-section{max-width:1200px;margin:60px auto 0;padding:0 24px}.categories-section h2{font-size:1.6rem;font-weight:800;margin-bottom:24px;letter-spacing:-.5px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:60px}.category-card{background:var(--primary);color:#fff;border-radius:12px;padding:28px 16px;text-align:center;font-weight:700;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:block;transition:all .2s;box-shadow:var(--shadow-sm)}.category-card:hover{background:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-card .cat-icon{font-size:2rem;display:block;margin-bottom:12px}.promo-banner{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 60px;border-radius:16px;flex-wrap:wrap;gap:16px}.promo-banner h3{font-size:1.4rem;font-weight:800;margin-bottom:4px}.promo-banner p{font-size:.95rem;opacity:.9}.promo-banner a{background:#fff;color:var(--primary);padding:12px 28px;border-radius:8px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .2s}.promo-banner a:hover{background:#e8f5e9}.products-section{max-width:1200px;margin:0 auto;padding:0 24px 80px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-header h2{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.section-header a{color:var(--accent);font-weight:600;text-decoration:none;font-size:.92rem}.section-header a:hover{text-decoration:underline}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;border:1px solid var(--border)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-image{height:220px;background:#eef2ef;display:flex;align-items:center;justify-content:center;font-size:56px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:16px}.product-name{font-weight:700;margin-bottom:4px;font-size:.95rem}.product-category{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.product-price{font-weight:800;font-size:1.1rem;color:var(--primary)}.auth-card{max-width:460px;margin:60px auto;background:#fff;border-radius:16px;padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.auth-card h1{font-size:1.8rem;font-weight:800;margin-bottom:8px}.auth-card p{color:var(--text-secondary);margin-bottom:28px}input,select,textarea{width:100%;padding:13px 16px;margin:6px 0 14px;border-radius:10px;border:1.5px solid var(--border);font-size:.95rem;font-family:inherit;transition:border-color .2s;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #40916c1f}button{padding:13px 20px;border:none;border-radius:10px;cursor:pointer;background:var(--primary);color:#fff;font-weight:700;font-family:inherit;font-size:.95rem;transition:all .2s}button:hover{background:var(--accent)}.cart-container{display:grid;grid-template-columns:2fr 1fr;gap:24px;max-width:1200px;margin:40px auto;padding:0 24px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;background:#fff;border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.cart-actions-inline{display:flex;align-items:center;gap:10px}.cart-summary{background:#fff;border-radius:14px;padding:24px;height:fit-content;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:sticky;top:90px}.content-page,.profile-form{max-width:800px;margin:40px auto;background:#fff;border-radius:16px;padding:40px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.content-page h1,.profile-form h1{font-size:2rem;font-weight:800;margin-bottom:20px}.content-page ul{padding-left:20px}footer{background:var(--primary-dark);color:#fffc;padding:60px 40px 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px}.footer-brand h3{font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:12px}.footer-brand h3 span{color:var(--accent-light)}.footer-brand p{font-size:.88rem;line-height:1.7;color:#ffffff8c}.footer-col h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:16px}.footer-col a{display:block;color:#ffffff8c;text-decoration:none;font-size:.88rem;margin-bottom:10px;transition:color .2s}.footer-col a:hover{color:var(--accent-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;font-size:.82rem;color:#fff6;max-width:1200px;margin:0 auto}.chat-widget{position:fixed;right:24px;bottom:24px;z-index:1200}.chat-toggle{border-radius:999px;box-shadow:0 8px 28px #00000038;background:var(--primary);padding:14px 24px;font-weight:700}.chat-toggle:hover{background:var(--accent)}.chat-panel{width:350px;background:#fff;border-radius:16px;box-shadow:0 16px 48px #0000002e;overflow:hidden;margin-bottom:12px;border:1px solid var(--border)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--primary);color:#fff}.chat-header strong{color:#fff}.chat-header button{background:transparent;color:#fff;font-size:20px;padding:0}.chat-messages{max-height:340px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-message{padding:10px 14px;border-radius:12px;max-width:90%;font-size:.9rem}.chat-message.user{background:var(--primary);color:#fff;align-self:flex-end;border-radius:12px 12px 2px}.chat-message.assistant{background:#f0f4f2;align-self:flex-start;border-radius:12px 12px 12px 2px}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-form input{margin:0}.error-text{color:var(--danger);font-weight:600;font-size:.9rem;margin-bottom:12px}.success-text{color:var(--success);font-weight:600}.nav-hamburger{display:none;background:transparent;border:none;color:#fff;font-size:1.6rem;padding:8px;cursor:pointer;line-height:1;border-radius:8px;transition:background .2s}.nav-hamburger:hover{background:#ffffff1f}@media(max-width:900px){nav{padding:0 20px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){nav{flex-wrap:wrap;height:auto;padding:0 16px;position:fixed}.nav-logo{padding:16px 0}.nav-hamburger{display:block}.nav-links{display:none;flex-direction:column;width:100%;padding:8px 0 16px;gap:4px;border-top:1px solid rgba(255,255,255,.12)}.nav-links--open{display:flex}.nav-links a,.nav-links button{width:100%;text-align:left;padding:12px 8px;border-radius:8px;font-size:1rem}.nav-cart{justify-content:flex-start}.nav-btn-signup{display:inline-block;width:auto}.nav-logout{border:none;text-align:left}.main-content{padding-top:60px}.hero{padding:60px 16px 50px}.hero h1{font-size:2rem;letter-spacing:-1px}.hero p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:320px;text-align:center}.categories-section{padding:0 16px 40px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.products-section{padding:0 16px 60px}.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-image{height:160px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.promo-banner{padding:24px 16px;margin:0 16px 40px;flex-direction:column}.auth-card{padding:28px 20px;margin:20px auto}.auth-card h1{font-size:1.5rem}.cart-container{grid-template-columns:1fr;padding:0 16px}.cart-item{grid-template-columns:1fr;gap:12px}.cart-summary{position:static}.content-page,.profile-form{margin:20px 16px;padding:24px 20px}.chat-panel{width:calc(100vw - 32px)}.chat-widget{right:12px;bottom:12px}.footer-grid{grid-template-columns:1fr;gap:24px}footer{padding:40px 20px 24px}.footer-bottom{font-size:.78rem}input,select,textarea{padding:14px 16px;font-size:1rem}button{min-height:44px}}@media(max-width:400px){.products-grid{grid-template-columns:1fr}.hero h1{font-size:1.7rem}}