@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171914;--muted:#70746b;--cream:#f7f6f0;--paper:#fff;--green:#c9f269;--line:#e7e8df;--dark:#20251d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.announcement{background:var(--green);text-align:center;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.04em}.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:.03em}.brand-mark{width:42px;height:42px;background:var(--green);display:grid;place-items:center;border-radius:50%;font-size:23px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.15em;margin-top:2px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover{opacity:.6}.cart-button{border:1px solid var(--ink);border-radius:30px;background:#fff;padding:10px 17px;font-weight:700;font-size:12px;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;background:var(--green);border-radius:50%;min-width:21px;height:21px;margin-left:7px}.hero{padding:70px 9% 66px;min-height:455px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#71776a;margin:0 0 14px}.hero h1,.section-heading h2,.how-section h2,.contact-section h2{font-family:Manrope,sans-serif;font-size:clamp(36px,5vw,61px);line-height:1.04;letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font-style:normal;color:#687b39}.hero-copy>p:not(.eyebrow){max-width:400px;line-height:1.8;color:var(--muted);font-size:14px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:var(--dark);color:#fff;padding:15px 21px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.primary-button:hover{background:#394332;transform:translateY(-1px)}.hero-note{margin-top:22px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#6c8b37;border-radius:50%}.hero-art{position:relative;min-height:300px;display:grid;place-items:center}.art-circle{position:absolute;width:min(31vw,320px);height:min(31vw,320px);border-radius:50%;background:var(--green)}.cap-emoji{z-index:1;font-size:clamp(110px,17vw,190px);filter:drop-shadow(0 18px 10px #29301625);transform:rotate(-10deg)}.art-tag{position:absolute;right:2%;bottom:14%;z-index:2;background:#fff;padding:14px 18px;font-size:10px;letter-spacing:.15em;line-height:1.7;box-shadow:0 10px 35px #0000000c}.art-tag strong{font-size:19px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 9%;border-bottom:1px solid var(--line);gap:20px}.benefits>div{display:flex;align-items:center;gap:14px}.benefits>div>span{font-size:12px;font-weight:800;color:#82934e}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:12px}.benefits small{font-size:10px;color:var(--muted);margin-top:5px}.shop-section{padding:75px 8% 72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2,.how-section h2,.contact-section h2{font-size:clamp(30px,4vw,43px);margin-bottom:0}.section-heading>p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:9px;margin:27px 0}.filter{background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--dark);border-color:var(--dark);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{min-width:0}.product-image{height:210px;background:#f4f4ee;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:3px}.product-image .product-symbol{font-size:90px;filter:drop-shadow(0 9px 5px #00000015);transition:transform .25s}.product-card:hover .product-symbol{transform:scale(1.08) rotate(-4deg)}.product-badge{position:absolute;top:12px;left:12px;background:#fff;padding:6px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-info{padding:13px 0}.product-info h3{font-size:13px;margin:0 0 7px;font-weight:700}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-weight:800;font-size:14px}.add-button{border:1px solid var(--line);background:#fff;border-radius:3px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}.add-button:hover{background:var(--green);border-color:var(--green)}.edit-hint{font-size:10px;color:#999;margin-top:24px}.edit-hint code{background:var(--cream);padding:3px 5px}.how-section{background:var(--cream);padding:65px 8%}.how-section h2{max-width:500px;margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid #d8dbcd;padding-top:20px}.steps article>span{display:grid;place-items:center;width:30px;height:30px;background:var(--green);border-radius:50%;font-size:12px;font-weight:800}.steps h3{font-size:14px;margin:18px 0 8px}.steps p{font-size:12px;line-height:1.7;color:var(--muted);max-width:270px}.contact-section{margin:65px 8%;padding:35px 38px;background:#20251d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-section .eyebrow{color:#c9f269}.contact-section h2{font-size:clamp(25px,3vw,36px)}.contact-section p:not(.eyebrow){font-size:12px;color:#c2c5bc;max-width:440px;line-height:1.7}.contact-section .primary-button{background:var(--green);color:var(--ink);white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px 8%;display:flex;align-items:center;justify-content:space-between;gap:18px}footer p{font-size:10px;color:var(--muted)}.footer-brand{transform:scale(.85);transform-origin:left center}.overlay{position:fixed;inset:0;background:#12150f99;z-index:10;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:11;right:0;top:0;height:100dvh;width:min(430px,100%);background:#fff;padding:25px;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-header,.dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.drawer-header h2,.dialog-header h2{margin:0;font:800 25px Manrope,sans-serif;letter-spacing:-.04em}.drawer-header .eyebrow,.dialog-header .eyebrow{margin-bottom:7px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer;line-height:1}.cart-items{overflow:auto;flex:1;padding:15px 0}.empty-cart{color:var(--muted);font-size:13px;text-align:center;padding:45px 0}.cart-row{display:grid;grid-template-columns:55px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.cart-thumb{width:55px;height:55px;display:grid;place-items:center;background:var(--cream);font-size:28px}.cart-row h3{font-size:12px;margin:0 0 5px}.cart-row small{font-size:11px;color:var(--muted)}.quantity-controls{display:flex;gap:8px;align-items:center;margin-top:8px}.quantity-controls button{width:24px;height:24px;border:1px solid var(--line);background:white;cursor:pointer}.remove-item{border:0;background:transparent;color:#777;font-size:10px;text-decoration:underline;cursor:pointer;margin-top:5px}.cart-total,.checkout-summary{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.cart-total strong,.checkout-summary strong{font-size:18px}.small-note{font-size:10px;color:var(--muted);line-height:1.6}.full-width{width:100%;margin-top:12px}.cart-drawer .small-note{margin:0 0 10px}dialog{border:0;border-radius:7px;padding:25px;width:min(520px,calc(100% - 26px));max-height:90dvh;overflow:auto;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#12150f99}#checkoutForm label{display:block;font-size:11px;font-weight:700;margin-top:15px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #dfe1d7;border-radius:4px;padding:12px;background:#fff;color:var(--ink);font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#859a4d}textarea{resize:vertical}.checkout-summary{margin-top:18px}.safety-note{margin-top:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#20251d;color:#fff;padding:12px 18px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.site-header{padding:0 5%;height:72px}nav{gap:14px}nav a{font-size:11px}.hero{padding:55px 7%;grid-template-columns:1fr .8fr}.hero-art{min-height:240px}.benefits{padding:22px 6%}.shop-section{padding:55px 6%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-image{height:190px}.how-section{padding:55px 6%}.contact-section{margin:45px 6%;padding:28px;align-items:flex-start;flex-direction:column}footer{padding:22px 6%;flex-wrap:wrap}}
@media(max-width:520px){.announcement{font-size:10px}.site-header{gap:8px}.brand{font-size:12px;gap:7px}.brand-mark{width:34px;height:34px}.brand small{font-size:8px}nav{display:none}.cart-button{padding:8px 11px}.hero{grid-template-columns:1fr;padding:45px 7% 25px}.hero h1{font-size:48px}.hero-art{min-height:200px;margin-top:12px}.art-circle{width:185px;height:185px}.cap-emoji{font-size:130px}.art-tag{right:10%;bottom:10%}.benefits{grid-template-columns:1fr;gap:17px}.section-heading{display:block}.section-heading>p{margin-top:14px}.product-image{height:165px}.product-image .product-symbol{font-size:72px}.steps{grid-template-columns:1fr;gap:20px}.steps article{padding-top:15px}.contact-section{margin:35px 5%;padding:24px 20px}footer{display:block}footer p{margin-top:12px}.dialog-header h2{font-size:22px}}
