@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--wine:#490d19;--cream:#f8f1e5;--gold:#f6d690;--green:#223e32;--ink:#2f231e;--border:#dfcfbe;--serif:"Instrument Serif",Georgia,serif;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a96917;outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(5vw,22px);min-height:77px}.brand{font:34px/1 var(--serif);color:var(--wine);white-space:nowrap}.brand span{color:#90631f;font-size:19px;vertical-align:middle}.top nav{display:flex;gap:28px;font-size:14px}.outline,.primary{border-radius:4px;padding:12px 17px;font-weight:700;border:1px solid currentColor;display:inline-flex;gap:20px;align-items:center;justify-content:center}.outline{color:var(--wine);background:transparent}.outline:hover{background:#490d190d}.primary{background:var(--gold);color:#360c14;border-color:transparent;padding:15px 22px}.primary:hover{background:#ffe3a7}.hero{display:grid;grid-template-columns:minmax(345px, 5fr) minmax(0,7fr);background:var(--wine);color:var(--cream);min-height:600px}.intro{padding:60px 25px 55px max(6vw,26px);position:relative;z-index:1;align-self:center}.kicker{font-size:11px;font-weight:700;letter-spacing:.19em;margin:0 0 16px}.intro .kicker,.intro h1 em{color:var(--gold)}h1,h2{font-family:var(--serif);font-weight:400;margin:0;line-height:.94}h1{font-size:clamp(77px,9vw,146px);letter-spacing:-.025em}h2{font-size:clamp(42px,6vw,81px)}.description{font-size:17px;color:#f1ded6;margin:24px 0 16px;max-width:310px}.price{display:flex;align-items:baseline;gap:12px;margin:0 0 15px;flex-wrap:wrap}.price strong{font:49px/1.1 var(--serif);color:var(--gold)}.price del,.payment-note{font-size:13px;color:#edd8cf}.payment-note{margin:11px 0 0}.hero-photo,.addon figure{margin:0;position:relative;min-width:0}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--wine),transparent 23%);pointer-events:none}.hero-photo figcaption,.addon figcaption{position:absolute;bottom:12px;right:12px;font-size:10px;border-radius:3px;padding:4px 7px;background:#21120de0;color:white;z-index:1}.strip{background:var(--green);color:var(--cream);display:flex;justify-content:center;align-items:center;gap:clamp(13px,5vw,75px);padding:19px 16px;font-size:13px;text-align:center}.strip span[aria-hidden]{color:var(--gold)}.addon{max-width:1110px;margin:auto;padding:65px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,8vw,110px)}.addon figure{background:#eee4d2;border:1px solid var(--border);border-radius:6px;overflow:hidden}.addon img{width:100%;height:clamp(280px,36vw,425px);object-fit:contain;display:block}.addon h2,.reviews h2{color:var(--wine)}.addon-price{font:36px var(--serif);color:var(--green);margin:15px 0}.reviews{text-align:center;border-top:1px solid var(--border);padding:50px 24px}.reviews h2{font-size:clamp(38px,5vw,60px)}#review-list{display:grid;gap:14px;text-align:left;max-width:640px;margin:24px auto 0;padding:clamp(14px,4vw,30px);background:#fff;border:1px solid #e5e7eb;border-radius:12px}.comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:start}.comment-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dbeafe;color:#163d73;font-size:12px;font-weight:700}.comment:nth-child(2n) .comment-avatar{background:#f1e5fc;color:#573278}.comment:nth-child(3n) .comment-avatar{background:#dceee4;color:#24503a}.comment-bubble{justify-self:start;background:#f0f2f5;color:#202124;border-radius:17px;padding:9px 13px;font-size:14px;overflow-wrap:anywhere}.comment-bubble strong{font-size:13px}.comment-bubble p{margin:3px 0 0}.comment-rating{display:block;color:#885313;margin-top:4px;letter-spacing:.12em}footer{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:22px max(5vw,22px);border-top:1px solid var(--border);font-size:13px}dialog{width:min(540px,calc(100% - 22px));max-height:calc(100% - 22px);border:1px solid var(--border);border-radius:8px;background:var(--cream);color:var(--ink);padding:22px}dialog::backdrop{background:#240b13aa}dialog h2{font-size:43px;color:var(--wine)}.dialog-head,.line,.tree-option{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head{margin-bottom:16px}.line{padding:10px 0}.tree-option{border:1px solid var(--border);background:#fff8e9;border-radius:4px;padding:10px;justify-content:flex-start;font-size:14px}.tree-option strong:last-child{margin-left:auto}.tree-option small{display:block;margin-top:3px}.tree-option input{accent-color:var(--green);width:18px;height:18px}.total{border-top:1px solid var(--border);color:var(--wine)}fieldset{margin:8px 0 0;padding:0;border:0}legend{font-weight:700;margin-bottom:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wide{grid-column:1/-1}.fields label,#pix label{display:grid;gap:4px;font-size:13px}.fields input,.fields select,textarea{width:100%;min-width:0;padding:8px;border-radius:4px;border:1px solid #ad9787;background:#fffdf8;color:var(--ink)}.fine,#status,.notice{font-size:13px}.full{width:100%;margin-top:6px}#qr{display:block;margin:12px auto;max-width:100%;height:auto}#order-id{overflow-wrap:anywhere}
@media(max-width:730px){.top nav{display:none}.brand{font-size:29px}.hero{grid-template-columns:1fr;min-height:0}.intro{padding:38px 23px 24px}.hero-photo{height:clamp(230px,62vw,420px)}.hero-photo:after{background:linear-gradient(var(--wine),transparent 17%)}.addon{padding-block:38px;grid-template-columns:1fr}.addon figure{max-width:460px}.strip{font-size:11px;gap:9px}}

#cep-status{margin:0}#cep-status:empty{display:none}

.store-help{text-align:center;padding:40px 22px;border-top:1px solid var(--border)}.store-help h2{font-size:clamp(42px,5vw,65px);color:var(--wine)}
.help-trigger{position:fixed;z-index:2;right:16px;bottom:max(16px,env(safe-area-inset-bottom));border:1px solid #fff5;background:var(--green);color:white;border-radius:28px;padding:12px 17px;font-weight:700;box-shadow:0 5px 20px #0003}
footer{padding-bottom:65px}
#help-messages{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:32dvh;min-height:75px;padding:3px 3px 8px}
#help-messages p{margin:0;max-width:92%;align-self:flex-start;background:white;border-radius:13px;padding:8px 11px;font-size:14px;overflow-wrap:anywhere}
#help-messages .customer{align-self:flex-end;background:#e1eadf}
.help-topics{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.help-topics button{background:transparent;border:1px solid var(--border);color:var(--wine);border-radius:20px;padding:7px 9px;font-size:13px}
#help-form{margin:10px 0;font-size:13px}#help-form div{display:flex;gap:5px;margin-top:4px}#help-question{width:100%;min-width:0;border:1px solid var(--border);border-radius:4px;padding:7px}
footer address{font-style:normal}
.orders{width:min(700px,calc(100% - 40px));margin:45px auto;min-height:45vh}
.orders h1{font-size:clamp(55px,8vw,90px);color:var(--wine)}
.orders form{margin-top:25px}
.orders form label{display:block;font-weight:700;margin-bottom:6px}
.orders input{max-width:100%;padding:11px;border:1px solid var(--border);border-radius:4px;margin:0 5px 8px 0;background:white}
#order-list{display:grid;gap:15px}
#order-list article{border:1px solid var(--border);padding:20px;background:#fffdf8;border-radius:8px}
#order-list h2{font-size:34px;color:var(--wine);margin:0 0 10px}
#order-list h3{font-size:15px;margin:12px 0 0}
#order-list p{margin:6px 0}
#order-list small{overflow-wrap:anywhere}
.order-state{display:inline-block;padding:5px 8px;border-radius:4px;background:#fce8b9;color:#553b0b;font-size:13px}
.order-state[data-status=paid]{background:#deefe3;color:#225637}
.order-state[data-status=canceled]{background:#f9dce0;color:var(--wine)}
