*{box-sizing:border-box}body{margin:0;background:#f7f4ec;color:#17231b;font-family:"DM Sans",sans-serif}.topbar{background:#062b1a;color:#f8f3e7;display:flex;justify-content:space-around;padding:10px 3%;font-size:10px;letter-spacing:1px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #0000000c}.logo img{width:112px;height:70px;object-fit:contain}nav{display:flex;gap:20px}nav a{font-size:10px;letter-spacing:1px;font-weight:700;color:#15251b;text-decoration:none}.tools{display:flex;gap:14px}.tools button,.hamb{border:0;background:none;font-size:19px;cursor:pointer}.tools button:last-child{font-size:11px;font-weight:bold}.tools b{background:#0a4b2c;color:#fff;border-radius:50%;padding:4px 7px}.hamb{display:none}.search{display:none;padding:12px 5%;background:#fff}.search.show{display:block}.search input{width:100%;padding:13px;border:1px solid #ddd}.hero{min-height:430px;background:#07351f;position:relative;display:flex;align-items:center;overflow:hidden;color:white;padding:45px 8%}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,#1c6540 0,transparent 52%),linear-gradient(90deg,#062a19,#0d482c);}.hero-text{z-index:2;width:52%}.gold{color:#d6bd80;font-size:10px;letter-spacing:2px;font-weight:bold}.hero h1{font:clamp(48px,6vw,76px)/.98 "Playfair Display",serif;margin:15px 0}.hero h1 em,.heading h2 em,.banners h2 em{color:#d7c28f}.hero h2{font:700 35px "Playfair Display";letter-spacing:2px;margin:10px 0}.hero-text>p:not(.gold){font:25px "Playfair Display";margin:5px 0 25px}.buttons{display:flex;gap:12px}.btn{display:inline-block;padding:13px 19px;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:1px}.cream{background:#f3e9cd;color:#103b26}.outline{border:1px solid #d7c28f;color:#fff}.hero-photo{z-index:1;position:absolute;right:8%;height:90%;width:43%;display:flex;align-items:center;justify-content:center;gap:8px}.hero-photo img{width:48%;height:85%;object-fit:cover;border-radius:48% 48% 5px 5px;border:2px solid #c6aa69}.hero-photo img+img{height:95%}.seal{position:absolute;right:3%;top:25px;border:1px solid #d6bd80;border-radius:50%;padding:20px 12px;text-align:center;color:#e2ca8e;font:13px "Playfair Display";z-index:2}.wrap{padding:65px 5%}.heading h2{font:38px "Playfair Display";margin:7px 0 25px}.center{text-align:center}.catgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.catgrid a{height:205px;position:relative;border-radius:10px;overflow:hidden;color:#fff;text-decoration:none;background:#ddd}.catgrid img{width:100%;height:100%;object-fit:cover}.catgrid a:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#001b0dcc)}.catgrid b{position:absolute;bottom:12px;left:5px;right:5px;text-align:center;font-size:10px;z-index:1}.products{background:#f0ecdf}.filters{text-align:center;margin:-5px 0 25px}.filters button{background:transparent;border:1px solid #bcb6a6;padding:9px 17px;margin:4px;font-size:10px;cursor:pointer}.filters button.active{background:#0a4328;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 9px #0000000c}.card img{width:100%;height:250px;object-fit:cover}.card-info{padding:12px}.card small{color:#777}.card h3{font:17px "Playfair Display";margin:6px 0}.price{color:#0b542f;font-weight:bold}.card button{float:right;background:#0a4328;color:white;border:0;padding:8px 12px;cursor:pointer}.banners{display:grid;grid-template-columns:1fr 1fr;gap:18px}.banners article{height:270px;position:relative;overflow:hidden;color:#fff;background:#07351f}.banners article:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052819e8,transparent)}.banners img{width:100%;height:100%;object-fit:cover}.banners article div{position:absolute;z-index:1;top:35px;left:30px}.banners h2{font:32px "Playfair Display"}.perks{display:grid;grid-template-columns:repeat(4,1fr);background:#eee9dc;padding:25px 5%;gap:10px}.perks div{text-align:center;font-size:22px;color:#0a4328}.perks b,.perks small{display:block;color:#17231b;font-size:10px;margin-top:5px}.endbar{background:#062b1a;color:#e7d5a4;display:flex;justify-content:space-between;align-items:center;padding:22px 5%}.endbar a{background:#08733d;color:white;text-decoration:none;padding:14px 20px;border-radius:30px;font-size:11px;font-weight:bold}.endbar span{font:italic 35px "Playfair Display"}footer{background:#041f14;color:#eee;text-align:center;padding:35px}footer img{width:110px;height:65px;object-fit:contain;background:#fff}footer p,footer small{font-size:11px;color:#c7cfc8}.cart{position:fixed;right:-400px;top:0;height:100vh;width:min(380px,90vw);background:#fff;z-index:10;padding:25px;box-shadow:-5px 0 30px #0002;transition:.25s;overflow:auto}.cart.open{right:0}.cart>button:first-child{float:right;border:0;background:none;font-size:28px}.cart h2{font:28px "Playfair Display"}.cart-line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #ddd}.cart-line img{width:65px;height:75px;object-fit:cover}.checkout{width:100%;padding:14px;background:#0a4328;color:#fff;border:0;margin:15px 0;cursor:pointer}.cart small{color:#777;font-size:10px;line-height:1.5}@media(max-width:850px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}nav.open{display:flex}.hamb{display:block}.topbar span:nth-child(2){display:none}.hero{min-height:620px;align-items:flex-start;padding:45px 7%}.hero-text{width:100%}.hero h1{font-size:55px}.hero-photo{right:5%;bottom:0;width:88%;height:48%;opacity:.95}.seal{top:18px;right:5%;font-size:10px}.catgrid{grid-template-columns:repeat(2,1fr)}.catgrid a{height:230px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card img{height:210px}.banners{grid-template-columns:1fr}.banners article{height:230px}.perks{grid-template-columns:repeat(2,1fr);row-gap:22px}.endbar span{font-size:22px}}@media(max-width:390px){.hero h1{font-size:46px}.hero h2{font-size:27px}.catgrid a{height:190px}.card img{height:175px}.endbar{gap:10px}.endbar span{font-size:18px}}