:root{--green:#243E38;--ivory:#F4F0E8;--ink:#292D2C;--sage:#A9B8A9;--lime:#D8E77C;--border:#e0e2dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.top{background:var(--ivory);position:sticky;top:0;z-index:10;border-bottom:1px solid #dfe1d9}.bar{height:76px;display:flex;align-items:center;gap:30px}.brand{font-size:26px;letter-spacing:.22em;font-weight:800;color:var(--green)}.brand-dot{color:#7c947e}.bar nav{display:flex;gap:26px;margin-left:auto}.bar nav a{font-size:13px;font-weight:600}.cart-button{border:1px solid var(--green);border-radius:99px;background:transparent;padding:12px 18px;font-weight:700;color:var(--green)}#cart-count{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;min-width:24px;height:24px;margin-left:8px;font-size:12px}.hero{background:var(--ivory)}.hero-inner{min-height:530px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--lime)}.eyebrow.dark{color:#647e68}.hero h1{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-.055em;margin:22px 0;color:var(--green)}.hero h1 em{font-style:normal;color:#8b9f89}.hero-copy p{line-height:1.8;max-width:430px;color:#5e6762;margin-bottom:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);color:#fff;border:0;padding:17px 24px;border-radius:4px;font-weight:700}.primary:hover{background:#33594e}.hero-art{height:450px;background:var(--green);position:relative;overflow:hidden;display:grid;place-items:center}.circle{position:absolute;border:1px solid #6c877b;border-radius:50%;width:360px;height:360px}.circle-one{transform:translate(-95px,80px)}.circle-two{transform:translate(130px,-80px)}.hero-letters{color:var(--ivory);font-size:clamp(130px,19vw,250px);font-weight:800;letter-spacing:-.2em;transform:translateX(-24px);z-index:1}.hero-letters span{color:var(--lime)}.hero-caption{position:absolute;bottom:24px;left:28px;color:#b6c6ba;letter-spacing:.2em;font-size:10px}.benefits{background:var(--green);color:#e9eee6}.benefits-inner{display:flex;justify-content:space-between;gap:15px;padding:19px 0;font-size:12px;letter-spacing:.1em}.catalog{padding:85px 0 105px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}.section-heading h2,.about h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.1;margin:13px 0}.section-heading p{max-width:290px;color:#68716b;font-size:14px;line-height:1.7}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 25px;flex-wrap:wrap}.search input{padding:13px 16px;border:1px solid var(--border);min-width:min(320px,80vw);border-radius:4px;outline-color:var(--green)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:white;border-radius:99px;padding:10px 15px;font-size:12px}.chip.active{background:var(--green);border-color:var(--green);color:white}.status{color:#6b736e;font-size:14px;min-height:24px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product{border:1px solid #e7e9e4;background:#fff;overflow:hidden}.photo{aspect-ratio:3/4;background:#e8ede6;display:grid;place-items:center;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{font-weight:800;font-size:45px;letter-spacing:.18em;color:#a7b8aa}.product-info{padding:18px}.product-info h3{font-size:18px;margin:6px 0}.muted{color:#6b736e;font-size:12px}.price{font-weight:800;color:var(--green);font-size:20px;margin:12px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.choices label{font-size:11px;font-weight:700;color:#616a64}.choices select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);background:white;border-radius:3px}.add{width:100%;border:1px solid var(--green);background:white;color:var(--green);padding:12px;font-weight:800}.add:hover{background:var(--green);color:white}.about{background:var(--green);color:white;padding:72px 0}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{line-height:1.9;color:#d4dfd6}footer{background:var(--ivory)}.footer-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer small{color:#6b736e}.overlay{position:fixed;inset:0;background:#18251dcc;z-index:20}.overlay[hidden]{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;z-index:21;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .25s;box-shadow:-8px 0 25px #0002}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:start;padding:25px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:8px 0 0}.icon-button{font-size:32px;background:none;border:0}.cart-items{padding:20px 25px;overflow:auto;flex:1}.cart-line{border-bottom:1px solid var(--border);padding:13px 0;display:flex;justify-content:space-between;gap:15px}.cart-line p{margin:5px 0;color:#66706a;font-size:12px}.qty{display:flex;align-items:center;gap:12px;margin-top:9px}.qty button{background:#f1f3ef;border:0;width:27px;height:27px}.drawer-foot{padding:25px;border-top:1px solid var(--border)}.subtotal{display:flex;justify-content:space-between;font-size:19px}.drawer-foot p{font-size:12px;color:#69716c;line-height:1.6}.checkout{width:100%}.checkout:disabled{opacity:.45;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.hero-inner{grid-template-columns:1fr;gap:0;padding-top:55px}.hero-art{height:300px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.about-inner{grid-template-columns:1fr;gap:15px}.section-heading{display:block}.benefits-inner{flex-wrap:wrap}.footer-inner{flex-wrap:wrap;padding:25px 0}.bar nav{display:none}}@media(max-width:520px){.container{width:calc(100% - 30px)}.bar{height:68px}.brand{font-size:22px}.hero h1{font-size:54px}.catalog{padding:55px 0}.products{grid-template-columns:1fr}.hero-art{height:270px}.benefits-inner{font-size:10px}.search,.search input{width:100%}.choices{gap:7px}}
