*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{color:#111827}button,input{font:inherit}:root{--bg: #f5f8ef;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(219, 231, 207, .95);--text: #142312;--muted: #4f614a;--accent: #2b6f2d;--accent-soft: #e2efdc}.site-shell{min-height:100vh;padding:2.5rem clamp(1rem,3vw,2.4rem) 2rem;color:var(--text);background:radial-gradient(circle at 0% 0%,rgba(84,140,66,.2),transparent 42%),radial-gradient(circle at 100% 14%,rgba(186,213,155,.25),transparent 35%),linear-gradient(180deg,#fbfff7,#f5f8ef)}.top-nav{max-width:1080px;margin:0 auto 1rem;padding:.8rem 1rem;display:flex;gap:.8rem;align-items:center;justify-content:space-between}.brand-wrap{display:flex;flex-direction:column}.brand{margin:0;font-size:1rem;font-weight:800;color:#2b6f2d}.brand-wrap span{color:var(--muted);font-size:.78rem}.nav-links{display:inline-flex;gap:.42rem}.nav-link{border:1px solid transparent;border-radius:999px;padding:.45rem .8rem;background:transparent;color:#1f3a1d;font-weight:600;cursor:pointer}.nav-link-active{background:#377c3524;border-color:#377c3547}.glass-card{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px #0f172a17;border-radius:22px}.hero{max-width:1080px;margin:0 auto 1.5rem;padding:clamp(1.3rem,2vw,2.3rem);display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.hero{flex-direction:row;align-items:center;gap:2rem}.hero-content{flex:1 1 50%}.hero-gallery{flex:1 1 45%}}.eyebrow{letter-spacing:.09em;font-size:.78rem;text-transform:uppercase;color:#2b6f2d;font-weight:800}.hero h1{margin:.5rem 0 .8rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.hero-content>p{max-width:70ch;color:var(--muted);margin:0}.hero-chips{margin-top:1.1rem;display:flex;gap:.7rem;flex-wrap:wrap}.hero-chips span{border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);padding:.4rem .7rem;font-size:.82rem}.hero-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.6rem}.hero-img{width:100%;border-radius:14px;object-fit:cover;border:1px solid rgba(221,233,211,.95);box-shadow:0 2px 12px #00000014}.hero-img-main{grid-column:1 / -1;height:200px}.hero-img-secondary,.hero-img-accent{height:130px}@media(min-width:768px){.hero-img-main{height:220px}.hero-img-secondary,.hero-img-accent{height:150px}}.layout{max-width:1080px;margin:0 auto;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:960px){.layout{grid-template-columns:1.55fr 1fr;align-items:start}}.section-head{margin-bottom:.9rem}.section-head h2,.cart-pane h2{margin:0;font-size:1.3rem}.section-head p,.sub{margin:.3rem 0 0;color:var(--muted);font-size:.92rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}.spice-card{padding:1rem}.spotlight{border:1px solid rgba(43,111,45,.36)}.spice-thumb{width:100%;height:170px;object-fit:cover;border-radius:14px;border:1px solid rgba(221,233,211,.95);box-shadow:0 1px 6px #0000000f}.card-top{margin-top:.72rem;display:flex;justify-content:space-between;gap:.7rem}.card-top h3{margin:0;font-size:1rem}.origin{margin:.2rem 0 0;color:var(--muted);font-size:.83rem}.tag{white-space:nowrap;font-size:.72rem;font-weight:700;color:#2d5a2a;background:var(--accent-soft);border-radius:999px;padding:.28rem .6rem;align-self:start}.site-footer{max-width:1080px;margin:1rem auto 0;padding:1rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.site-footer h3,.site-footer h4{margin:0 0 .4rem}.site-footer p{margin:0;color:var(--muted);line-height:1.5}.grade{margin:.65rem 0 0;color:#1f2937;font-size:.84rem;font-weight:600}.note{margin:.48rem 0 0;color:var(--muted);font-size:.85rem;min-height:2.8em}.card-bottom{margin-top:.9rem;display:flex;justify-content:space-between;align-items:center}.card-bottom button,.checkout-btn,.qty-controls button{border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.card-bottom button{padding:.46rem .85rem}.cart-pane{padding:1rem;position:sticky;top:1rem}.checkout-fields{margin-top:.8rem;display:grid;gap:.55rem}.checkout-fields label{display:grid;gap:.28rem;font-size:.83rem;color:#111827}.checkout-fields input{border-radius:12px;border:1px solid rgba(155,191,164,.45);background:#ffffffd1;padding:.6rem .72rem;font:inherit}.cart-items{margin-top:.8rem;display:grid;gap:.65rem}.empty,.tiny{color:var(--muted)}.cart-row{display:grid;grid-template-columns:1.5fr auto auto;align-items:center;gap:.5rem;padding:.55rem;background:#ffffff8f;border-radius:14px;border:1px solid rgba(255,255,255,.8)}.name{margin:0;font-size:.88rem;font-weight:600}.meta{margin:.13rem 0 0;color:var(--muted);font-size:.77rem}.qty-controls{display:inline-flex;align-items:center;gap:.4rem}.qty-controls button{width:1.75rem;height:1.75rem;border-radius:10px}.line-total{margin:0;font-weight:600;font-size:.86rem}.totals{margin-top:.95rem;border-top:1px solid rgba(155,191,164,.35);padding-top:.75rem}.totals p{display:flex;justify-content:space-between;margin:0}.error{margin:.65rem 0;color:#b91c1c;font-size:.85rem}.checkout-btn{margin-top:.9rem;width:100%;padding:.75rem .95rem;font-size:.95rem}.checkout-btn:disabled{cursor:not-allowed;opacity:.62}.tiny{margin:.6rem 0 0;font-size:.75rem}.content-page{max-width:1080px;margin:0 auto;padding:1.2rem 1.2rem 1.5rem}.content-page h1{margin:0}.content-page>p{color:var(--muted);max-width:78ch}.content-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.content-grid article{border-radius:16px;padding:.85rem;background:var(--surface-strong);border:1px solid var(--border)}.content-grid h3{margin:0 0 .4rem}.content-grid p{margin:0;color:var(--muted)}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}.bar{display:block;width:22px;height:2.5px;background:var(--accent);border-radius:2px;transition:transform .25s,opacity .2s}.bar-x:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.bar-x:nth-child(2){opacity:0}.bar-x:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(max-width:680px){.hamburger{display:flex}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-strong);border:1px solid var(--border);border-radius:0 0 18px 18px;padding:.7rem 1rem;gap:.25rem;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-links.nav-open{display:flex}.top-nav{position:relative;flex-wrap:wrap}}.cart-badge{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}.contact-layout{margin-top:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr}@media(min-width:720px){.contact-layout{grid-template-columns:1.4fr 1fr}}.contact-form{display:grid;gap:.65rem}.contact-form label{display:grid;gap:.28rem;font-size:.85rem;color:#111827;font-weight:500}.contact-form input,.contact-form textarea{border-radius:12px;border:1px solid rgba(155,191,164,.45);background:#ffffffd1;padding:.6rem .72rem;font:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.contact-info{display:grid;gap:.7rem;align-content:start}.contact-info article{border-radius:16px;padding:.85rem;background:var(--surface-strong);border:1px solid var(--border)}.contact-info h3{margin:0 0 .35rem;font-size:.95rem}.contact-info p{margin:0;color:var(--muted);font-size:.9rem}.contact-info a{color:var(--accent);text-decoration:none}.contact-info a:hover{text-decoration:underline}.success-msg{margin:.5rem 0 0;color:var(--accent);font-size:.88rem;font-weight:600}.checkout-result{text-align:center;padding:3rem 1.5rem}.result-icon{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;margin:0 auto 1.2rem}.success-icon{background:#d1fae5;color:#065f46}.cancel-icon{background:#fee2e2;color:#991b1b}.result-btn{display:inline-block;width:auto;margin-top:1.2rem;padding:.7rem 1.5rem;text-decoration:none;text-align:center}.footer-links{display:flex;flex-direction:column;gap:.35rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--accent);text-decoration:underline}.footer-copy{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:.7rem;margin-top:.3rem}.footer-copy p{font-size:.82rem}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.brand-wrap{text-decoration:none;color:inherit}