:root{
--wine:#7e2d40;--wine2:#632133;--cream:#f8f1e8;--paper:#fffaf4;--ink:#352321;
--muted:#837068;--gold:#d5b274;
}
*{box-sizing:border-box}
html,body{margin:0;background:#e9dfd4;color:var(--ink);font-family:Arial,sans-serif}
button,a{font:inherit}.appShell{width:100%;max-width:480px;min-height:100vh;margin:auto;background:var(--cream);padding-bottom:82px;box-shadow:0 0 48px #4c36251c}
.topbar{
height:86px;padding:10px 17px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;
background:linear-gradient(#fcf8f2,#f8f0e8);position:relative;z-index:5
}
.callBtn{
width:35px;height:35px;border:1.5px solid var(--wine);border-radius:11px;display:grid;place-items:center;color:#7e2d40;text-decoration:none
}
.callBtn svg{width:20px;height:20px;fill:none;color:#7e2d40;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brandWrap{height:65px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.brandWrap img{display:block;width:145px;height:auto;max-height:62px;object-fit:contain}
.instagramBtn{
width:35px;height:35px;border:1.5px solid var(--wine);border-radius:11px;display:grid;place-items:center;color:var(--wine)
}
.instagramBtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.instagramBtn .dot{fill:currentColor;stroke:none}

.hero{height:390px;position:relative;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;transform:scale(1.03)}
.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,22,17,.70),rgba(40,22,17,.34) 48%,rgba(40,22,17,.05))}
.heroCopy{position:absolute;left:24px;right:26px;bottom:31px;color:#fff}
.heroCopy h1{font:500 48px/.98 Georgia,serif;letter-spacing:-1.4px;margin:0 0 13px;max-width:330px}
.heroCopy p{font-size:16px;line-height:1.35;margin:0 0 16px}
.heroCopy button{border:0;border-radius:99px;background:#fffaf4;color:var(--ink);padding:12px 16px;font-size:10px;font-weight:bold;letter-spacing:1px}

.quickNav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:-17px 15px 9px;position:relative;z-index:4}
.quickNav button{
min-height:100px;border:0;background:rgba(255,250,244,.98);border-radius:18px;padding:12px 7px;
box-shadow:0 7px 22px rgba(85,58,39,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink)
}
.iconMark{font-size:26px;line-height:1;color:var(--wine)}.quickNav strong{font-size:12px}.quickNav small{font-size:8px;line-height:1.15;color:var(--muted)}

.page{display:none;padding:12px 17px 27px}.page.active{display:block}
.sectionTitle{display:flex;align-items:end;justify-content:space-between;margin:14px 0 10px}
.sectionTitle small,.pageIntro small{font-size:9px;letter-spacing:1.6px;font-weight:bold;color:var(--wine)}
.sectionTitle h2{font:25px Georgia,serif;margin:5px 0 0}.sectionTitle button{border:0;background:none;color:var(--wine);font-size:11px}
.sedeTitle{margin-top:22px}

.featureCard,.contentCard{
min-height:205px;border-radius:19px;overflow:hidden;position:relative;margin-bottom:13px;
background:linear-gradient(135deg,var(--wine),#a55868);background-position:center;background-size:cover;
box-shadow:0 9px 24px rgba(80,51,37,.09)
}
.contentCard{min-height:180px}
.cardShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(72,21,33,.94),rgba(72,21,33,.72) 45%,rgba(72,21,33,.10))}
.cardBody{position:absolute;left:18px;right:17px;bottom:17px;color:#fff;z-index:2}
.cardBody em{font-style:normal;font-size:8px;font-weight:bold;letter-spacing:1.2px}
.cardBody h3{font:29px/1 Georgia,serif;margin:7px 0 5px;max-width:245px}
.cardBody p{font-size:11px;line-height:1.35;margin:0 0 11px;max-width:235px}
.cardBody a{display:inline-flex;align-items:center;gap:7px;background:#fffaf4;color:var(--wine);text-decoration:none;padding:9px 12px;border-radius:99px;font-size:9px;font-weight:bold}

.locationBubbles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.locationBubbles button{border:0;background:none;color:var(--ink);font-size:9px;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px}
.locationBubbles i{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--wine));color:#fff;font:16px Georgia,serif;font-style:normal}
.signature{padding:30px 5px 9px;color:var(--wine);font-family:Georgia,serif;font-style:italic;display:flex;flex-direction:column}
.signature span{font-size:19px}.signature strong{font-size:27px;font-weight:500;margin-left:31px}

.pageIntro{padding:8px 0 17px}.pageIntro h2{font:39px Georgia,serif;color:var(--wine);margin:6px 0 0}
.stack{display:grid;gap:12px}
.stores{display:grid;gap:10px}
.stores article{
min-height:84px;background:var(--paper);border-radius:17px;padding:10px;display:grid;grid-template-columns:65px 1fr 18px;align-items:center;gap:12px;
box-shadow:0 7px 20px rgba(80,53,40,.07)
}
.stores i{height:61px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--wine));color:#fff;display:grid;place-items:center;font:17px Georgia,serif;font-style:normal}
.stores div{display:flex;flex-direction:column;gap:4px}.stores b{font:18px Georgia,serif}.stores small{font-size:10px;color:var(--muted)}.stores span{font-size:25px;color:var(--wine)}
.empty{padding:27px 22px;border-radius:18px;background:var(--paper);text-align:center;color:var(--muted);font:18px Georgia,serif}

.bottomNav{
position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);width:min(480px,100%);height:74px;
background:rgba(255,250,244,.96);backdrop-filter:blur(15px);border-top:1px solid #eadccf;
display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:max(5px,env(safe-area-inset-bottom))
}
.bottomNav button{border:0;background:none;color:#7c6b65;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.bottomNav button span{font-size:19px}.bottomNav .on{color:var(--wine);font-weight:bold}

@media(max-width:390px){
.topbar{height:80px}.brandWrap img{width:132px}.hero{height:355px}.heroCopy h1{font-size:43px}.quickNav button{min-height:94px}
}