/* Ponta da Coxilha Agropecuária: concept by Ariadne */
:root{
  --bone:#f1efe8;--paper:#fbfaf6;--ink:#2b1e17;--ink2:#62544a;--line:#d9d2c3;
  --soil:#45251a;--soil2:#2f1910;--rust:#b4490f;--rust-d:#8c3708;--hay:#ecbb68;--hay-l:#f6dcae;
  --sky:#dbe6e4;--sky-d:#37686a;--pasture:#5c7a3b;--pasture-l:#dfe8cf;--wa:#1c8a4c;
  --f:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --h:'Zilla Slab',Georgia,'Times New Roman',serif;
  --r:10px;--nav:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 12px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bone);color:var(--ink);font:400 17px/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--h);font-weight:700;line-height:1.08;margin:0;letter-spacing:-.005em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--rust);outline-offset:3px;border-radius:4px}
.on-dark :focus-visible,.dark :focus-visible{outline-color:var(--hay)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sec{padding-top:96px;padding-bottom:96px}
.eyebrow{font:700 13px/1 var(--f);letter-spacing:.09em;text-transform:uppercase;color:var(--rust-d);margin-bottom:14px}
.dark .eyebrow,.on-dark .eyebrow{color:var(--hay)}
.t{font-size:clamp(32px,4.2vw,50px)}
.lead{font-size:18px;color:var(--ink2);max-width:520px}
.dark .lead{color:#e3d6c6}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.head .lead{flex:0 1 460px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:8px;border:2px solid transparent;font:700 16px/1.1 var(--f);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.btn svg{flex:none}
.btn-o{background:var(--rust);color:#fff}
.btn-o:hover{background:var(--rust-d)}
.btn-line{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--bone)}
.on-dark.btn-line,.dark .btn-line{border-color:var(--bone);color:var(--bone)}
.dark .btn-line:hover{background:var(--bone);color:var(--soil)}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.link-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;font:700 16px/1.2 var(--f);color:var(--rust-d);cursor:pointer;text-decoration:none;text-underline-offset:4px}
.link-btn:hover{text-decoration:underline}
.dark .link-btn{color:var(--hay)}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(241,239,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.nav-in{max-width:1200px;margin:0 auto;padding:0 24px;height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.brand-mark{border-radius:9px;flex:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.1}
.brand-txt b{font:700 21px/1 var(--h);letter-spacing:-.005em}
.brand-txt small{font-size:12.5px;color:var(--ink2);margin-top:3px;font-weight:500}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:600;color:var(--ink2);text-decoration:none;border-radius:6px}
.nav-links a:hover{color:var(--ink);background:rgba(69,37,26,.07)}
.nav-links a.btn{color:#fff;margin-left:8px;padding:0 18px}
.nav-links a.btn:hover{background:var(--rust-d);color:#fff}
.nav-toggle{display:none;width:48px;height:48px;border:0;background:none;border-radius:8px;cursor:pointer;position:relative}
.nav-toggle span{position:absolute;left:12px;right:12px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .2s,top .2s}
.nav-toggle span:first-child{top:18px}.nav-toggle span:last-child{top:28px}
.nav-toggle[aria-expanded=true] span:first-child{top:23px;transform:rotate(45deg)}
.nav-toggle[aria-expanded=true] span:last-child{top:23px;transform:rotate(-45deg)}

/* hero */
.hero{max-width:1200px;margin:0 auto;padding:36px 24px 72px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:center}
@media (min-width:981px){.hero{min-height:calc(100vh - var(--nav));min-height:calc(100svh - var(--nav))}}
.hero h1{font-size:clamp(36px,4.1vw,54px);line-height:1.02;letter-spacing:-.012em}
.hero h1 em{font-style:normal;color:var(--rust)}
.hero-sub{margin-top:20px;font-size:18.5px;color:var(--ink2);max-width:520px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-note{margin-top:14px;font-size:15px;color:var(--ink2);max-width:470px}
.hero-fig{position:relative;margin:0}
.hero-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.today{position:absolute;left:-1px;bottom:20px;background:var(--soil);color:var(--bone);padding:13px 18px 14px 18px;border-radius:0 10px 10px 0;max-width:min(360px,86%);box-shadow:0 10px 26px -12px rgba(30,15,8,.55)}
.today small{display:block;font:700 11.5px/1 var(--f);letter-spacing:.09em;text-transform:uppercase;color:var(--hay);margin-bottom:6px}
.today b{display:block;font:700 19px/1.2 var(--h)}
.today span{display:block;font-size:14px;color:#e3d6c6;margin-top:3px}

.facts{background:var(--soil);color:var(--bone)}
.facts-in{max-width:1200px;margin:0 auto;padding:30px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.facts li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start}
.facts svg{width:44px;height:44px;padding:9px;border-radius:50%;background:var(--hay);color:var(--soil);grid-row:1/3}
.facts b{font:700 20px/1.15 var(--h)}
.facts span{display:block;font-size:15px;color:#e3d6c6;margin-top:3px}

/* reveal */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
.photo img{width:100%;border-radius:12px;object-fit:cover}

/* catalog */
.sections-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:26px}
.stile{display:flex;flex-direction:column;text-align:left;padding:0;border:2px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;overflow:hidden;min-height:44px;transition:border-color .15s,background .15s}
.stile img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--line)}
.stile .all{aspect-ratio:4/3;display:grid;place-items:center;background:var(--hay-l);color:var(--soil)}
.stile .all svg{width:42px;height:42px}
.stile span{display:flex;flex-direction:column;padding:10px 12px 12px;font:700 15px/1.2 var(--f)}
.stile small{font-weight:500;font-size:13px;color:var(--ink2);margin-top:3px}
.stile:hover{border-color:var(--rust)}
.stile[aria-pressed=true]{border-color:var(--soil);background:var(--soil);color:var(--bone)}
.stile[aria-pressed=true] small{color:var(--hay)}
.searchbar{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.search{position:relative;flex:1 1 320px}
.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink2);pointer-events:none}
.search input{width:100%;min-height:52px;padding:0 16px 0 48px;border:2px solid var(--line);border-radius:10px;background:var(--paper);font:500 17px var(--f);color:var(--ink)}
.search input:focus{outline:none;border-color:var(--rust)}
.count{font-size:15px;color:var(--ink2)}
.shop{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:36px;align-items:start}
.prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prod{display:grid;grid-template-columns:62px minmax(0,1fr);gap:4px 14px;padding:16px;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;align-content:start}
.prod.in{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust)}
.pic{grid-row:1/3;width:62px;height:62px;border-radius:12px;display:grid;place-items:center;color:var(--soil)}
.pic svg{width:34px;height:34px}
.pic.nutri{background:var(--hay-l)}.pic.sem{background:var(--pasture-l)}.pic.cerca{background:#e4dccd}.pic.vet{background:var(--sky)}.pic.casa{background:#f1d9cb}
.prod h3{font:600 18px/1.2 var(--h);align-self:end}
.prod .sp{font-size:14.5px;color:var(--ink2);align-self:start}
.prod .act{grid-column:1/-1;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.prod .sec-l{font-size:13px;color:var(--ink2);font-weight:600}
.add{min-height:44px;padding:0 16px;border-radius:8px;border:2px solid var(--soil);background:transparent;font:700 15px var(--f);cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--soil)}
.add:hover{background:var(--soil);color:var(--bone)}
.step{display:inline-flex;align-items:center;border:2px solid var(--rust);border-radius:8px;overflow:hidden;background:#fff}
.step button{width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--rust-d);display:grid;place-items:center}
.step button:hover{background:var(--hay-l)}
.step output{min-width:34px;text-align:center;font:700 17px var(--f)}
.none{padding:34px;border:2px dashed var(--line);border-radius:12px;text-align:center;grid-column:1/-1}
.none p{margin-bottom:16px;color:var(--ink2)}
.none .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* order slip */
.slip-wrap{position:sticky;top:calc(var(--nav) + 16px)}
.slip{background:var(--paper);padding:26px 22px 26px;position:relative;box-shadow:0 18px 30px -22px rgba(47,25,16,.55),0 0 0 1px var(--line);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}
.slip-top{border-top:5px solid var(--rust);margin:-26px -22px 18px}
.slip h3{font-size:25px}
.slip .sub{font-size:14.5px;color:var(--ink2);margin-top:4px}
.slip ul{margin:16px 0 4px;max-height:340px;overflow:auto;border-top:1.5px dashed var(--line)}
.slip li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:12px 0;border-bottom:1.5px dashed var(--line)}
.slip li b{font-weight:700;font-size:15px;line-height:1.25}
.slip li small{display:block;font-size:13px;color:var(--ink2);font-weight:500}
.slip .step{border-width:1.5px}
.slip .step button{width:44px;height:44px}
.slip-empty{padding:22px 4px;color:var(--ink2);font-size:15px;border-top:1.5px dashed var(--line);margin-top:14px}
.slip .fld{margin-top:14px}
.slip label,.fld>label,.fld>legend{display:block;font:700 15px/1.3 var(--f);margin-bottom:6px;padding:0}
.txt,.sel{width:100%;min-height:48px;padding:0 14px;border:2px solid var(--line);border-radius:8px;background:#fff;font:500 16px var(--f);color:var(--ink)}
textarea.txt{padding:12px 14px;min-height:90px;resize:vertical}
.txt:focus,.sel:focus{outline:none;border-color:var(--rust)}
.slip .btn{width:100%;margin-top:18px}
.slip .fine{font-size:13px;color:var(--ink2);margin-top:10px;line-height:1.4}
.slip .clear{margin-top:6px}
.listbar{display:none}

/* phone */
.phone{position:relative;width:min(318px,100%);aspect-ratio:318/640;border-radius:48px;background:#14171a;padding:9px;box-shadow:inset 0 0 0 1.5px #3b4144,0 40px 60px -34px rgba(30,15,8,.6),0 8px 18px -10px rgba(30,15,8,.35);margin:0 auto}
.screen{position:relative;height:100%;border-radius:40px;overflow:hidden;background:#f6f4ef;display:flex;flex-direction:column;color:#111;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,var(--f)}
.island{position:absolute;top:10px;left:50%;width:86px;height:25px;border-radius:14px;background:#000;transform:translateX(-50%);z-index:3}
.status{flex:none;display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;font:600 14px/1 -apple-system,system-ui,sans-serif;background:#f6f6f6}
.status .sb{display:flex;gap:5px;align-items:center}
.wa-hd{flex:none;display:flex;align-items:center;gap:9px;padding:6px 12px 9px 14px;background:#f6f6f6;border-bottom:.5px solid rgba(0,0,0,.14)}
.wa-hd svg{flex:none}
.wa-hd .av{border-radius:50%}
.who2{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.who2 b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who2 span{font-size:12px;color:#667781}
.wa-body{position:relative;flex:1;min-height:0;padding:10px 9px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background-color:#efeae2;background-image:radial-gradient(rgba(130,108,72,.09) 1px,transparent 1.2px);background-size:15px 15px}
.wa-body::-webkit-scrollbar{display:none}
.wa-empty{margin:auto;max-width:210px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.8);font-size:13.5px;line-height:1.4;color:#54656f;text-align:center}
.date{align-self:center;padding:3px 10px;border-radius:7px;background:rgba(255,255,255,.85);font-size:12px;color:#54656f;margin:2px 0 4px}
.m{max-width:86%;padding:6px 9px 5px;border-radius:9px;font-size:14px;line-height:1.35;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.m p{white-space:pre-line;overflow-wrap:anywhere}
.m time{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:11px;color:#667781;margin-top:2px}
.m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.m.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.m.typing{display:inline-flex;gap:4px;padding:11px 12px;align-self:flex-start}
.m.typing i{width:6px;height:6px;border-radius:50%;background:#9aa5ab;animation:dot 1.1s ease-in-out infinite}
.m.typing i:nth-child(2){animation-delay:.15s}.m.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
@media (prefers-reduced-motion:reduce){.m.typing i{animation:none}}
.quick{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:4px}
.quick button{min-height:44px;padding:0 14px;border:0;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1.5px #25a05a;color:#177a43;font-size:13px;font-weight:600;cursor:pointer}
.wa-in{flex:none;display:flex;align-items:center;gap:9px;padding:7px 11px 24px;background:#f6f6f6;border-top:.5px solid rgba(0,0,0,.1);color:#0a84ff}
.wa-in .field{flex:1;padding:6px 12px;border-radius:99px;border:.5px solid rgba(0,0,0,.16);background:#fff;font-size:13.5px;color:#9aa5ab}
.home{position:absolute;left:50%;bottom:7px;width:110px;height:4px;border-radius:3px;background:#111;transform:translateX(-50%);opacity:.85}

/* dialog with chat */
dialog.chatdlg{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:auto}
dialog.chatdlg::backdrop{background:rgba(47,25,16,.72)}
.dlg-in{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px}
.dlg-in .phone{width:min(330px,100%,calc((100vh - 170px) * .497));width:min(330px,100%,calc((100dvh - 170px) * .497));min-width:230px}
.dlg-note{max-width:330px;text-align:center;color:#f1e7d8;font-size:14.5px;line-height:1.4}
.dlg-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.dlg-actions .btn{background:var(--bone);color:var(--soil)}
.dlg-actions .btn:hover{background:var(--hay)}

/* delivery */
.delivery{background:var(--soil);color:var(--bone)}
.deliv-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
.picker{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.picker legend{font:700 15px/1.3 var(--f);margin-bottom:12px;padding:0;color:#e3d6c6}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:2px solid rgba(241,239,232,.35);border-radius:99px;font:600 15.5px var(--f);cursor:pointer}
.chip input:checked+span{background:var(--hay);border-color:var(--hay);color:var(--soil2)}
.chip input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
.result{margin-top:26px;padding:22px;border-radius:12px;background:var(--bone);color:var(--ink)}
.result h3{font-size:26px}
.result p{margin-top:8px;color:var(--ink2);font-size:16px}
.days{padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:16px}
.days li{display:grid;place-items:center;min-height:56px;border-radius:8px;border:1.5px solid var(--line);font:700 14px var(--f);color:var(--ink2);background:var(--paper)}
.days li small{display:block;font-weight:500;font-size:11.5px;margin-top:2px}
.days li.on{background:var(--rust);border-color:var(--rust);color:#fff}
.days li.on small{color:#fff}
.dnote{margin-top:16px;font-size:14.5px;color:#d3c3af;line-height:1.45}
.mapfig{margin:0}
.mapfig svg{width:100%;height:auto;display:block;border-radius:14px}
.mapfig figcaption{margin-top:10px;font-size:13.5px;color:#d3c3af}
.route{fill:none;stroke:#b9ab8f;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 8}
.route.on{stroke:var(--rust);stroke-width:6;stroke-dasharray:none}
.node circle{fill:#fbfaf6;stroke:#6f5f4b;stroke-width:3}
.node text{font:600 14px var(--f);fill:#4a3a2d;paint-order:stroke;stroke:#f4f0e4;stroke-width:4px;stroke-linejoin:round}
.node.on circle{fill:var(--rust);stroke:#fff;stroke-width:3.5}
.node.on text{fill:var(--rust-d);font-weight:800}
.deliv-photo{margin-top:56px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px;align-items:center}
.deliv-photo img{border-radius:12px;width:100%;aspect-ratio:3/2;object-fit:cover}
.deliv-photo h3{font-size:28px;margin-bottom:12px}
.deliv-photo ul li{display:flex;gap:12px;padding:8px 0;color:#e8dccb;font-size:16.5px}
.deliv-photo ul svg{flex:none;color:var(--hay);margin-top:3px}

/* orientation */
.orient{background:var(--sky)}
.orient-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:start}
.orient-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.orient-photos img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}
.nodiag{display:flex;gap:12px;padding:14px 16px;border-radius:10px;background:var(--paper);font-size:15.5px;margin-bottom:22px;border-left:5px solid var(--sky-d)}
.nodiag svg{flex:none;color:var(--sky-d);margin-top:2px}
.form{display:grid;gap:18px}
.fld{border:0;margin:0;padding:0}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick label{position:relative;margin:0}
.pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pick span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:2px solid #9db8b5;background:var(--paper);border-radius:8px;font:600 15.5px var(--f);cursor:pointer;color:var(--ink)}
.pick input:checked+span{background:var(--soil);border-color:var(--soil);color:var(--bone)}
.pick input:focus-visible+span{outline:3px solid var(--rust);outline-offset:2px}
.err{display:block;color:#9b1c10;font-weight:600;font-size:14.5px;min-height:0;margin-top:6px}
.err:empty{display:none}
.form-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.form-foot p{font-size:14.5px;color:var(--ink2);max-width:300px}
.ct-stage{position:sticky;top:calc(var(--nav) + 20px)}
.ct-note{margin-top:14px;text-align:center;font-size:14px;color:var(--ink2);max-width:320px;margin-left:auto;margin-right:auto}
.redo{display:flex;margin:6px auto 0}

/* calendar */
.cal-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:14px}
.months button{min-height:48px;border:0;border-radius:8px 8px 0 0;background:#e6e0d1;font:700 14px var(--f);cursor:pointer;color:var(--ink2);text-transform:capitalize}
.months button:hover{background:#ddd5c1}
.months button[aria-selected=true]{background:var(--rust);color:#fff}
.sheet{background:var(--paper);border-radius:4px 4px 14px 14px;box-shadow:0 22px 34px -26px rgba(47,25,16,.6),0 0 0 1px var(--line);overflow:hidden}
.sheet-top{background:var(--rust);color:#fff;padding:22px 26px 18px;position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.sheet-top::before,.sheet-top::after{content:'';position:absolute;top:9px;width:11px;height:11px;border-radius:50%;background:var(--bone);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.sheet-top::before{left:26px}.sheet-top::after{right:26px}
.sheet-top h3{font-size:clamp(34px,4vw,48px);text-transform:capitalize}
.sheet-top p{font-size:14.5px;text-align:right;max-width:210px;opacity:.95}
.sheet-body{padding:8px 26px 22px}
.cal-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-bottom:1.5px dashed var(--line)}
.cal-item:last-of-type{border-bottom:0}
.tag{align-self:start;justify-self:start;padding:5px 10px;border-radius:99px;font:700 12.5px/1 var(--f);letter-spacing:.03em}
.tag.pasto{background:var(--pasture-l);color:#34501b}.tag.lavoura{background:var(--hay-l);color:#6b430b}.tag.horta{background:#f1d9cb;color:#7a3010}.tag.cerca{background:#e4dccd;color:#4a3a2d}.tag.rebanho{background:var(--sky);color:#1f4a4c}
.cal-item b{font:600 20px/1.2 var(--h);display:block}
.cal-item p{font-size:15.5px;color:var(--ink2);margin-top:4px}
.allyear{margin-top:6px;padding:16px 26px 20px;background:var(--bone);border-top:1.5px solid var(--line);font-size:15px}
.allyear b{font-family:var(--h);font-size:18px;display:block;margin-bottom:2px}
.cal-photo img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:12px}
.cal-photo figcaption{margin-top:10px;font-size:14px;color:var(--ink2)}
.cal-fine{margin-top:16px;font-size:14px;color:var(--ink2);max-width:640px}
.cal-fine a{display:inline;padding:14px 2px;font-weight:700;color:var(--rust-d)}

/* team */
.team{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.person{display:flex;flex-direction:column}
.person img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:12px}
.person h3{font-size:24px;margin-top:16px}
.person .role{font-weight:700;color:var(--rust-d);font-size:15px;margin-top:2px}
.person p{font-size:15.5px;color:var(--ink2);margin-top:8px}
.person .link-btn{margin-top:auto;padding-top:8px;font-size:15px}

/* faq */
.faq-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.faq-side .photo{margin-top:26px}
.faq-side .photo img{aspect-ratio:4/3}
.faq-ask{margin-top:22px;font-weight:700}
.faq-list details{border-bottom:1.5px solid var(--line)}
.faq-list details:first-child{border-top:1.5px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;cursor:pointer;font:600 20px/1.2 var(--h);list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{flex:none;transition:transform .2s;color:var(--rust)}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list p{padding:0 40px 20px 0;color:var(--ink2);font-size:16.5px}

/* store */
.store{background:var(--soil);color:var(--bone)}
.store-in{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}
.store dl{margin:28px 0 0;display:grid;gap:18px}
.store dt{font:700 12.5px/1 var(--f);letter-spacing:.09em;text-transform:uppercase;color:var(--hay);margin-bottom:6px}
.store dd{margin:0;font-size:17px}
.store dd a{display:inline-flex;align-items:center;min-height:44px;color:var(--bone);text-underline-offset:3px}
.open{display:inline-block;margin-left:0;margin-top:8px;padding:4px 11px;border-radius:99px;background:#d7efd9;color:#14502b;font-weight:700;font-size:14px}
.open.closed{background:#f3d9d0;color:#7a2410}
.open[hidden]{display:none}
.store .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}
.copied{font-size:14.5px;color:var(--hay)}
.store-side{display:grid;gap:14px}
.store-side .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.store-side img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.store-side .tall{aspect-ratio:3/2}
.smap{margin:0}
.smap svg{width:100%;height:auto;display:block;border-radius:12px}
.smap figcaption{font-size:13.5px;color:#d3c3af;margin-top:8px}

/* footer */
.foot{background:var(--soil2);color:var(--bone)}
.foot-in{max-width:1200px;margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.foot .brand-txt small{color:#d3c3af}
.foot-brand p{margin-top:16px;font-size:15.5px;color:#d3c3af;max-width:320px}
.foot h2{font:700 12.5px/1 var(--f);letter-spacing:.09em;text-transform:uppercase;color:var(--hay);margin:0 0 14px}
.foot li{font-size:15.5px}
.foot li a{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;color:var(--bone);text-decoration:none}
.foot li a:hover{text-decoration:underline}
.foot .txt-li{padding:4px 0;color:#d3c3af}
.foot-meta{max-width:1200px;margin:0 auto;padding:20px 24px 28px;border-top:1px solid rgba(241,239,232,.18);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#d3c3af}
.foot-meta a{color:var(--bone);display:inline-flex;align-items:center;min-height:44px}

/* Ariadne badge */
.ariadne{position:fixed;left:16px;bottom:16px;z-index:60;font:600 12px/1 var(--f);padding:8px 12px;border-radius:999px;background:rgba(47,25,16,.94);color:#fff;text-decoration:none}
.ariadne b{color:var(--hay)}

/* responsive */
@media (max-width:1100px){
  .sections-row{grid-template-columns:repeat(3,1fr)}
  .shop{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
  .people{grid-template-columns:repeat(2,1fr)}
  .foot-in{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:34px;padding-top:32px}
  .shop{grid-template-columns:1fr}
  .slip-wrap{position:static}
  .prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deliv-grid,.orient-grid,.cal-grid,.faq-in,.store-in,.deliv-photo{grid-template-columns:1fr;gap:34px}
  .ct-stage{position:static}
  .head{flex-direction:column;align-items:flex-start;gap:14px}
  .head .lead{flex:none}
  .cal-photo img{aspect-ratio:16/10}
  .sec{padding-top:72px;padding-bottom:72px}
  .facts-in{grid-template-columns:1fr;gap:22px}
}
@media (max-width:860px){
  .nav-toggle{display:block}
  .nav-links{position:absolute;left:0;right:0;top:var(--nav);background:var(--bone);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 24px 18px;display:none;gap:0}
  .nav-links.open{display:flex}
  .nav-links a{min-height:52px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0}
  .nav-links a.btn{margin:14px 0 0;justify-content:center;border-radius:8px;border-bottom:2px solid transparent}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .wrap,.nav-in,.hero,.facts-in,.store-in,.foot-in,.foot-meta{padding-left:16px;padding-right:16px}
  .nav-links{padding-left:16px;padding-right:16px}
  .sec{padding-top:56px;padding-bottom:56px}
  .brand-txt small{font-size:12px}
  .hero{padding-top:20px;padding-bottom:48px}
  .hero-sub{font-size:17.5px}
  .hero-cta .btn{flex:1 1 100%}
  .today{position:static;max-width:none;border-radius:0 0 12px 12px;box-shadow:none;margin-top:-4px;display:flex;flex-direction:column}
  .hero-fig img{border-radius:12px 12px 0 0}
  .sections-row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px 22px;padding:2px 16px 10px;gap:10px;scrollbar-width:thin}
  .stile{flex:0 0 150px;scroll-snap-align:start}
  .prods{grid-template-columns:1fr}
  .prod{padding:12px;grid-template-columns:52px minmax(0,1fr) auto;gap:2px 12px;align-items:center}
  .pic{width:52px;height:52px;grid-row:1/3}.pic svg{width:30px;height:30px}
  .prod h3{font-size:17px;align-self:end}
  .prod .act{grid-column:3;grid-row:1/3;margin:0;justify-content:flex-end}
  .prod .sec-l{display:none}
  .add{padding:0 12px}
  .slip{padding:22px 16px 26px}
  .slip-top{margin:-22px -16px 16px}
  .listbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:6px 8px 6px 16px;border-radius:12px;background:var(--soil);color:var(--bone);box-shadow:0 12px 26px -10px rgba(30,15,8,.7);transform:translateY(0);transition:transform .25s,opacity .25s}
  .listbar[hidden]{display:none}
  .listbar.away{transform:translateY(130%);opacity:0;pointer-events:none;visibility:hidden}
  .listbar span{font-weight:700;font-size:15.5px}
  .listbar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:var(--hay);color:var(--soil2);font-weight:700;text-decoration:none}
  body.has-bar{padding-bottom:78px}
  .days{gap:4px}
  .days li{min-height:52px;font-size:13px}
  .months{grid-template-columns:repeat(6,1fr);gap:4px}
  .months button{border-radius:8px}
  .sheet-top{padding:22px 18px 16px;flex-direction:column;align-items:flex-start}
  .sheet-top p{text-align:left;max-width:none}
  .sheet-top::before{left:18px}.sheet-top::after{right:18px}
  .sheet-body{padding:6px 18px 18px}
  .allyear{padding:14px 18px 18px}
  .cal-item{grid-template-columns:1fr;gap:8px}
  .people{grid-template-columns:1fr;gap:18px}
  .person{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0 16px;align-items:start}
  .person img{grid-row:1/5}
  .person h3{margin-top:0;font-size:22px}
  .person .link-btn{padding-top:4px}
  .orient-photos{grid-template-columns:1fr 1fr}
  .store-side .two{grid-template-columns:1fr 1fr}
  .foot-in{grid-template-columns:1fr;gap:30px;padding-top:44px}
  .faq-list summary{font-size:18.5px}
  .faq-list p{padding-right:0}
  .ariadne{position:static!important;display:table;margin:16px auto calc(24px + env(safe-area-inset-bottom))!important;transform:none!important;line-height:28px;padding:8px 16px;min-height:44px}
  html .ariadne-lang,html .ariadne-want{min-height:44px;align-items:center;justify-content:center}
  html .ariadne-lang{min-width:44px;display:inline-flex}
  html .ariadne-want{padding:0 16px 0 14px}
}
@media (max-width:760px){
  .node text{display:none;font-size:25px;stroke-width:7px}
  .node.on text{display:block}
  .lbl{display:none}
  .node circle{r:13px}
  .route{stroke-width:5}.route.on{stroke-width:9}
}
@media (max-width:380px){
  .months{grid-template-columns:repeat(4,1fr)}
}
@media print{.nav,.ariadne,.listbar{display:none}}