*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171713;background:#fff;font-family:"DM Sans",Arial,sans-serif}.topbar{height:31px;background:#26311b;color:#fff;display:flex;justify-content:space-around;align-items:center;font-size:12px;padding:0 5%}header{height:98px;display:flex;align-items:center;gap:35px;padding:0 4%;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:20}.brand{color:#26311b;text-decoration:none;display:flex;flex-direction:column;min-width:235px}.brand b{font:700 34px "Playfair Display",serif}.brand small{font-size:10px;letter-spacing:2px;margin-left:35px}.brand i{font:italic 11px "Playfair Display";margin-left:30px;color:#78664e}.search{display:flex;flex:1;max-width:560px;margin:auto;height:42px}.search input{flex:1;border:1px solid #ddd;border-right:0;border-radius:5px 0 0 5px;padding:0 18px;outline:none}.search input:focus{border-color:#8a5a35}.search button{width:52px;border:0;background:#334323;color:#fff;font-size:24px;border-radius:0 5px 5px 0}.head-actions{display:flex;gap:20px}.head-actions button{border:0;background:none;font:600 14px "DM Sans";cursor:pointer;position:relative}.head-actions em{position:absolute;background:#b6422b;color:#fff;border-radius:50%;font-style:normal;font-size:10px;padding:3px 6px;top:-9px;right:-7px}.mobile-menu{display:none}nav{height:50px;display:flex;align-items:center;gap:26px;padding:0 4%;border-bottom:1px solid #eee;font-size:13px;position:relative;z-index:10;background:#fff}nav a{color:#111;text-decoration:none;white-space:nowrap}nav a:hover{color:#7a4c2b}nav .all{background:#7a4c2b;color:#fff;padding:12px 22px;border-radius:4px}.hero{height:410px;position:relative;overflow:hidden;background:linear-gradient(105deg,#566044,#bca37b);color:#fff}.hero-copy{position:relative;z-index:3;padding:58px 9%}.hero label,.story label,.category-banner label,.contact label{letter-spacing:1.8px;font-size:12px}.hero h1{font:600 44px/1.08 "Playfair Display",serif;margin:10px 0 16px}.hero h1 strong{font-weight:700}.hero p{max-width:470px;line-height:1.55}.btn{display:inline-block;background:#8a522c;color:#fff;border:0;text-decoration:none;padding:13px 24px;border-radius:25px;font-weight:700;cursor:pointer;margin-top:8px}.hero-scene{position:absolute;right:0;top:0;width:54%;height:100%;overflow:hidden}.mountains{position:absolute;inset:0;background:linear-gradient(160deg,transparent 35%,#667450 36% 50%,transparent 51%),linear-gradient(150deg,transparent 42%,#34482f 43% 64%,transparent 65%)}.wood{position:absolute;bottom:-5%;right:2%;width:82%;height:27%;background:#8a6748;transform:rotate(-2deg);border-radius:10px}.jar{position:absolute;bottom:22%;width:75px;height:105px;border-radius:10px 10px 18px 18px;background:#8d4428;box-shadow:0 8px 15px #0004}.jar:before{content:"";position:absolute;top:-7px;left:-3px;width:81px;height:15px;border-radius:50%;background:#6e4026}.jar.a{left:25%}.jar.b{left:42%;background:#c39b61}.jar.c{left:56%;background:#6a492d}.bowl{position:absolute;bottom:18%;width:115px;height:58px;border-radius:0 0 60px 60px;background:#a77943}.bowl.d{left:40%}.bowl.e{left:61%;background:#c89a59}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:24px 4%;border-bottom:1px solid #eee}.benefits div{display:flex;gap:12px;align-items:center}.benefits div:first-letter{font-size:22px}.benefits span{display:flex;flex-direction:column;font-size:13px}.benefits small{color:#666;margin-top:3px}.section{padding:42px 4%}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section h2,.mini-section h2{font:700 26px "Playfair Display",serif;margin:0}.section-title a{color:#694324;text-decoration:none;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-grid a{text-decoration:none;color:#171713;text-align:center}.cat{height:135px;border-radius:7px}.cat.spice{background:radial-gradient(circle at 25% 35%,#c63d22 0 10%,transparent 11%),radial-gradient(circle at 65% 55%,#d8a13c 0 13%,transparent 14%),#76532f}.cat.legumes{background:radial-gradient(circle,#a8ad74 0 8%,transparent 9%) 0 0/35px 35px,#8d704b}.cat.breakfast{background:linear-gradient(145deg,#d7bb75,#a77b40)}.cat.local{background:linear-gradient(145deg,#748052,#c49a68)}.cat.nuts{background:radial-gradient(circle,#a96e35 0 9%,transparent 10%) 0 0/38px 38px,#b68b5a}.cat.fruit{background:radial-gradient(circle,#8f402c 0 10%,transparent 11%) 0 0/35px 35px,#a87543}.category-grid b{display:block;padding:10px;background:#f5f0e8;border-radius:0 0 7px 7px}.product-section{padding-top:5px}.muted{font-size:13px;color:#777}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-placeholder{min-height:230px;border:1px dashed #d7d0c6;border-radius:8px;background:#faf9f6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a9a298;text-align:center;font-size:35px}.product-placeholder b{font-size:14px;color:#6f665d;margin-top:8px}.product-placeholder small{font-size:11px;margin-top:5px}.category-banner{margin:20px 4%;min-height:230px;border-radius:10px;padding:48px 6%;background:linear-gradient(110deg,#4e5d3c,#a27a4d);color:#fff}.category-banner h2{font:700 34px "Playfair Display";margin:10px 0}.category-banner p{max-width:500px}.mini-section{padding:55px 4%;border-top:1px solid #eee}.mini-section.alt{background:#f7f2e9}.mini-section p{color:#777}.story{margin:15px 4% 45px;min-height:300px;background:#f5eee3;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.story>div:first-child{padding:48px 55px}.story h2{font:700 34px "Playfair Display";color:#5e3920;margin:10px 0}.story p{line-height:1.65;max-width:520px}.story-art{background:linear-gradient(145deg,#75895f,#d0ae78 58%,#65724d)}.contact{padding:55px 4%;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#fbfaf7}.contact h2{font:700 32px "Playfair Display";margin:10px 0}.contact p{color:#666;max-width:500px}.contact form{display:flex;flex-direction:column;gap:12px}.contact input,.contact textarea,.newsletter input{border:1px solid #ddd;padding:13px;border-radius:4px;font:inherit}.contact textarea{min-height:120px;resize:vertical}.contact .btn{width:max-content}.newsletter{padding:30px 4%;border-top:1px solid #eee;display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:25px;align-items:center}.newsletter h3{margin:0}.newsletter p{margin:5px 0;color:#777;font-size:13px}.newsletter form{display:flex}.newsletter input{flex:1;border-radius:4px 0 0 4px}.newsletter form button{border:0;background:#7a4c2b;color:#fff;padding:0 22px;font-weight:700;border-radius:0 4px 4px 0}.social{font-size:20px!important}.newsletter>div:last-child{font-size:13px}footer{border-top:1px solid #eee;padding:25px 4%;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}footer div{display:flex;gap:13px;color:#704522;font-size:23px}footer span{color:#171713;font-size:14px}footer small{display:block;color:#777;font-size:12px;margin-top:4px}.modal{position:fixed;inset:0;background:#0008;z-index:50;display:grid;place-items:center}.hidden{display:none}.modal-card{position:relative;background:#fff;border-radius:12px;padding:35px;max-width:400px;margin:20px}.modal-card h2{font:700 28px "Playfair Display"}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.cart-panel{position:fixed;right:-420px;top:0;height:100vh;width:390px;max-width:100%;background:#fff;z-index:40;box-shadow:-5px 0 25px #0002;transition:.25s;padding:25px}.cart-panel.open{right:0}.cart-head{display:flex;justify-content:space-between}.cart-head button{border:0;background:none;font-size:28px}.cart-empty{text-align:center;color:#777;margin-top:100px}.cart-empty small{display:block;margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#26311b;color:#fff;padding:12px 20px;border-radius:25px;opacity:0;pointer-events:none;transition:.2s;z-index:60}.show-toast{opacity:1!important}
@media(max-width:850px){.topbar span:nth-child(n+2){display:none}header{height:auto;padding:15px;flex-wrap:wrap;gap:12px}.brand{min-width:0}.brand b{font-size:27px}.brand small{margin-left:15px}.brand i{margin-left:12px}.mobile-menu{display:block;border:0;background:none;font-size:25px;margin-left:auto}.head-actions{gap:5px}.head-actions span{display:none}.search{order:4;flex-basis:100%;max-width:none}nav{display:none;height:auto;flex-direction:column;align-items:stretch;padding:10px 15px;gap:0}nav.open{display:flex}nav a{padding:12px;border-bottom:1px solid #eee}.hero{height:520px}.hero-copy{padding:50px 25px}.hero h1{font-size:36px}.hero-scene{width:100%;opacity:.42}.benefits{grid-template-columns:repeat(2,1fr);padding:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.story,.contact{grid-template-columns:1fr}.story-art{min-height:180px}.story>div:first-child{padding:35px 25px}.newsletter{grid-template-columns:1fr}footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.category-grid,.product-grid{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr}.section{padding:30px 18px}.hero-copy{padding:40px 20px}.hero h1{font-size:32px}}