@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--green:#1e6b46;--lime:#dced72;--dark:#17231b;--cream:#f7f5ed;--line:#dfe3dc;--muted:#6f766f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:"DM Sans",Arial,sans-serif}
.wrap,.nav,.hero-inner{width:min(1120px,92%);margin:auto}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--dark);text-decoration:none;font-size:20px;font-weight:700}.brand span{display:inline-grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;width:34px;height:34px;margin-right:7px}.brand small{font-weight:400;color:var(--muted)}header{position:sticky;top:0;background:rgba(247,245,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5}
nav{display:flex;gap:28px}nav a{color:var(--dark);text-decoration:none;font-size:14px;font-weight:700}.cart{border:0;background:var(--dark);color:white;border-radius:30px;padding:11px 16px;cursor:pointer}.cart b{background:var(--lime);color:var(--dark);border-radius:20px;padding:2px 7px}
.hero{background:var(--lime);padding:70px 0}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}label{color:var(--green);font-size:11px;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(48px,7vw,80px);line-height:.98;letter-spacing:-3px;margin:15px 0 25px}.hero i,h2 i{font-family:"Playfair Display",serif}.hero p{font-size:18px;line-height:1.6;max-width:560px}.button{display:inline-block;background:var(--green);color:#fff;border:0;border-radius:10px;padding:14px 21px;text-decoration:none;font-weight:700;cursor:pointer;margin-top:10px}
.hero-art{height:390px;background:#f3ecde;border-radius:35px;position:relative;display:grid;place-items:center;overflow:hidden}.circle{position:absolute;width:300px;height:300px;border-radius:50%;background:#e6b94e;top:-90px;right:-40px}.basket{font-size:125px;z-index:2;filter:drop-shadow(0 15px 10px #0002)}.hero-art span{position:absolute;font-size:55px;z-index:3}.hero-art span:nth-of-type(1){left:16%;top:15%}.hero-art span:nth-of-type(2){right:13%;top:34%}.hero-art span:nth-of-type(3){left:22%;bottom:17%}.hero-art span:nth-of-type(4){right:22%;bottom:11%}
section{padding:70px 0}h2{font-size:42px;letter-spacing:-1.5px;margin:6px 0 28px}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cats button{border:1px solid var(--line);background:white;border-radius:18px;padding:22px 8px;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:30px;cursor:pointer}.cats button strong{font-size:13px}.cats button.active{background:var(--green);color:white}
.shop{background:#fff}.shop-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.shop-title input{width:270px;padding:14px;border:1px solid var(--line);border-radius:10px;font:inherit}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream)}.pic{height:175px;display:grid;place-items:center;font-size:70px;background:#eef0e5}.body{padding:16px}.body small{color:var(--muted)}.body h3{margin:7px 0}.add{float:right;border:0;background:var(--dark);color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}
.about{background:var(--green);color:#fff}.about label{color:var(--lime)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{font-size:19px;line-height:1.7}footer{background:var(--dark);color:white}.wrap{padding:30px 0}footer .wrap{display:flex;justify-content:space-between}footer span{color:#adb5af;font-size:12px}
#shade{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:.25s;z-index:10}#shade.show{opacity:1;pointer-events:auto}#cart{position:fixed;right:0;top:0;width:min(430px,92vw);height:100vh;background:white;z-index:11;padding:24px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}#cart.show{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head button{font-size:32px;border:0;background:none;cursor:pointer}.row{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.emoji{font-size:34px}.qty button{border:1px solid var(--line);background:white;border-radius:5px;width:25px;height:25px}.total{margin-top:auto;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between}.full{width:100%;margin-top:0}#cart small{text-align:center;color:var(--muted);margin-top:10px}
@media(max-width:800px){nav{display:none}.hero-inner,.about-grid{grid-template-columns:1fr}.cats{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.shop-title{display:block}.shop-title input{width:100%;margin-bottom:25px}}
@media(max-width:480px){.products{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:50px}footer .wrap{flex-direction:column;gap:10px}}