:root{color:#17352c;--green:#218c4b;--green-dark:#075c3d;--green-soft:#eaf7ef;--mint:#eef9f4;--cream:#fff9e9;--yellow:#f4c542;--text:#17352c;--muted:#6f8179;--border:#e1ebe5;--shadow:0 12px 35px #184c3417;background:#fff;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{background:#fff;min-height:100vh}.main-header{border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:12px clamp(20px,6vw,90px);display:flex;position:sticky;top:0}.logo{object-fit:contain;width:112px;height:68px}.header-right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.user-email{color:var(--green-dark);font-size:15px;font-weight:700}.header-button{border:1px solid var(--green);color:var(--green-dark);background:#fff;border-radius:999px;padding:10px 18px;font-weight:700;transition:all .2s}.header-button:hover{background:var(--green-soft);transform:translateY(-1px)}.hero{width:min(1160px,92%);min-height:390px;box-shadow:var(--shadow);background:radial-gradient(circle at 85% 20%,#fff6bd 0 12%,#0000 13%),linear-gradient(120deg,#edf9ef 0%,#fff9df 100%);border-radius:32px;justify-content:space-between;align-items:center;gap:35px;margin:48px auto 75px;padding:clamp(32px,6vw,72px);display:flex;overflow:hidden}.hero>div:first-child{max-width:650px}.eyebrow{color:var(--green-dark);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero h1{color:#102820;letter-spacing:-3px;margin:0 0 22px;font-size:clamp(42px,6vw,78px);line-height:.98}.hero p:not(.eyebrow){color:#42584e;max-width:570px;margin:0 0 28px;font-size:clamp(17px,2vw,21px);line-height:1.55}.hero-art{color:#218c4b;text-align:center;filter:drop-shadow(0 12px 10px #218c4b21);min-width:260px;font-size:clamp(62px,8vw,100px);line-height:1.35;transform:rotate(-5deg)}.primary{background:var(--green);color:#fff;border:0;border-radius:999px;padding:14px 24px;font-weight:800;transition:all .2s}.primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 20px #218c4b38}.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.products-section{width:min(1160px,92%);margin:0 auto 60px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin-bottom:28px;display:flex}.section-heading h2{color:#102820;letter-spacing:-1px;margin:0;font-size:clamp(28px,4vw,42px)}.section-heading .eyebrow{margin-bottom:8px}.cart-button{border:1px solid var(--border);color:var(--green-dark);white-space:nowrap;background:#fff;border-radius:999px;padding:12px 20px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #184c340f}.cart-button:hover{background:var(--green-soft);transform:translateY(-2px)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:14px;transition:all .25s;overflow:hidden;box-shadow:0 7px 24px #184c340f}.card:hover{transform:translateY(-6px);box-shadow:0 16px 34px #184c3421}.product-art{border-radius:16px;place-items:center;height:190px;font-size:82px;display:grid}.card h3{color:#122a21;margin:18px 4px 5px;font-size:21px}.card p{min-height:24px;color:var(--muted);margin:0 4px 14px;font-size:15px}.card strong{color:#11271f;margin:0 4px 16px;font-size:18px;display:block}.card button{width:100%}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09221785;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:26px;width:min(520px,100%);max-height:90vh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0000003d}.modal-card h2{color:var(--green-dark);margin:0 0 12px;font-size:30px}.modal-close{color:#66756e;background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:12px;right:17px}.modal-close:hover{color:var(--green-dark)}.full{width:100%}.google-button{border:1px solid var(--border);color:#263b32;background:#fff;border-radius:999px;padding:13px 18px;font-weight:800;transition:all .2s}.google-button:hover{border-color:var(--green);background:#f7faf8}.auth-separator{color:#85938c;text-align:center;align-items:center;gap:14px;margin:24px 0;display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--border);flex:1;height:1px}.link{color:var(--green-dark);background:0 0;border:0;margin:20px auto 0;font-weight:800;display:block}.link:hover{text-decoration:underline}.hint{color:var(--muted);font-size:13px;line-height:1.55}.error{color:#b42318;font-size:14px;font-weight:600}label{color:#264238;margin:16px 0;font-weight:700;display:block}input,select{color:#17352c;background:#fff;border:1px solid #d8e4dc;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:13px 14px;font-size:16px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 4px #218c4b1f}.cart-list{flex-direction:column;gap:12px;margin:22px 0;display:flex}.cart-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart-row strong{color:var(--green-dark)}.remove-button{color:#c0392b;background:0 0;border:0;font-size:13px;font-weight:700}.remove-button:hover{text-decoration:underline}.cart-total{color:var(--green-dark);margin:22px 0;font-size:22px;font-weight:900}footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;background:#f8fcf9;margin-top:80px;padding:42px 20px}.loading{min-height:100vh;color:var(--green-dark);background:linear-gradient(135deg,#eff9ef,#fff9df);place-items:center;display:grid}.dashboard{background:var(--mint);border-radius:24px;width:min(1100px,92%);margin:50px auto;padding:35px}.stats{flex-wrap:wrap;gap:16px;margin:35px 0;display:flex}.stats div{border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px}.stats b,.stats span{display:block}.stats b{color:var(--green-dark);margin-bottom:8px;font-size:30px}.stats span{color:var(--muted)}.login-page{background:linear-gradient(135deg,#edf9ef,#fff9df);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:28px;width:min(100%,440px);padding:38px;box-shadow:0 18px 55px #184c3424}.login-card img{object-fit:contain;width:145px;height:105px}.login-card h1{color:#122a21;margin:10px 0 28px;font-size:36px}.login-card form{text-align:left}@media (width<=980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:48px}}@media (width<=720px){.main-header{min-height:74px;padding:10px 4%}.logo{width:88px;height:58px}.header-right{gap:8px}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.header-button{padding:8px 12px;font-size:12px}.hero{border-radius:24px;width:92%;min-height:auto;margin:28px auto 52px;padding:34px 26px;display:block}.hero h1{letter-spacing:-2px;font-size:48px}.hero-art{margin-top:25px;font-size:55px}.products-section{width:92%}.section-heading{align-items:center}.section-heading h2{font-size:29px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-art{height:145px;font-size:58px}.card{border-radius:17px;padding:10px}.card h3{font-size:17px}.card p{font-size:13px}.card strong{font-size:15px}.modal-card{padding:28px 22px}.cart-row{grid-template-columns:1fr auto}.remove-button{text-align:left;grid-column:1/-1}}@media (width<=430px){.user-email{display:none}.section-heading{align-items:flex-start}.cart-button{padding:10px 13px;font-size:13px}.hero h1{font-size:42px}.grid{grid-template-columns:1fr}.product-art{height:170px}}.page-title{color:#173d2a;align-items:center;gap:10px;width:min(1110px,92%);margin:18px auto 0;display:flex}.page-title strong{font-size:18px}.page-title small{color:#6b7d72;font-size:14px}.product-category{color:#18733d;text-transform:uppercase;letter-spacing:.5px;margin-top:14px;font-size:13px;font-weight:700}.card button{color:#fff;cursor:pointer;background:#249447;border:0;border-radius:999px;width:100%;padding:14px 18px;font-size:16px;font-weight:700;transition:all .2s}.card button:hover{background:#176b36;transform:translateY(-1px)}.category-bar{scrollbar-width:thin;gap:10px;padding:4px 0 18px;display:flex;overflow-x:auto}.category-button{color:#176b36;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e5dc;border-radius:999px;flex:none;padding:10px 17px;font-size:15px;font-weight:700;transition:all .2s}.category-button:hover,.category-button.active{color:#fff;background:#176b36;border-color:#176b36}.search-input{border:1px solid #d8e5dc;border-radius:16px;outline:none;width:100%;margin-bottom:15px;padding:16px 18px;font-size:17px}.search-input:focus{border-color:#249447;box-shadow:0 0 0 4px #24944720}.catalog-tools{width:min(1110px,92%);margin:0 auto 28px}.empty{text-align:center;color:#55705e;border:2px dashed #bad7c0;border-radius:18px;width:min(1110px,92%);margin:30px auto;padding:40px}.cart-button{color:#176b36;cursor:pointer;background:#fff;border:1px solid #d8e5dc;border-radius:999px;padding:13px 22px;font-size:17px;font-weight:700}.cart-button:hover{background:#eef8f0}