:root{
  --ink:#2A2320; --taupe:#8B7463; --stone:#E7E3DF; --cream:#FFF8F3; --bronze:#B37A4C; --bg:#fff;
  --shadow:0 4px 14px rgba(0,0,0,.08);
  --h1:20px; --h2:16px; --label:13px; --body:14px; --chip:12px; --value:16px;
  --s6:6px; --s8:8px; --s12:12px; --s16:16px; --s20:20px; --s24:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--cream);color:var(--ink);font-family:-apple-system, BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;overflow-x:hidden}
main{max-width:375px;margin:0 auto;padding:var(--s12) var(--s16) 120px}

.card{border:1px solid var(--stone);border-radius:14px;background:var(--bg);box-shadow:var(--shadow);margin-bottom:var(--s16)}
.pad{padding:var(--s16)}
h1{font-size:var(--h1);font-weight:700;margin-bottom:var(--s6)}
h2{font-size:var(--h2);font-weight:600;margin-bottom:var(--s6)}
.sub{color:var(--taupe);font-size:var(--label);margin-bottom:var(--s8)}

.pills{display:flex;flex-wrap:wrap;gap:var(--s8)}
.pill{padding:9px 14px;border-radius:999px;border:1px solid var(--stone);background:#fff;font-size:var(--body);cursor:pointer;transition:all .2s}
.pill[aria-pressed="true"]{background:var(--bronze);color:#fff;border-color:var(--bronze);box-shadow:0 4px 10px rgba(179,122,76,.25)}
.pill[disabled]{opacity:.45;cursor:not-allowed}

.slider-wrap{margin-top:var(--s12)}
.slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.slide{flex:0 0 100%;scroll-snap-align:center;position:relative;background:#ddd}
.slide img{width:100%;height:290px;object-fit:cover;border-radius:12px}
.slide figcaption{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;border-radius:8px;padding:4px 6px;font-size:11px}

.thumbnails{display:flex;gap:6px;justify-content:center;margin-top:8px}
.thumb{width:50px;height:50px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s}
.thumb.active{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze)}

.chips{display:flex;flex-wrap:wrap;gap:var(--s8);margin-top:var(--s8)}
.chip{border:1px solid var(--stone);border-radius:999px;padding:6px 10px;font-size:var(--chip);color:var(--taupe)}
.chip .dot{width:6px;height:6px;background:var(--bronze);display:inline-block;border-radius:50%;margin-right:4px}

.pricebar{display:grid;grid-template-columns:1fr auto;gap:var(--s8);margin-top:var(--s8)}
.label{font-size:var(--label);color:var(--taupe)}
.value{font-size:var(--value);font-weight:700;text-align:right}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bronze);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer;font-size:var(--body)}
.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--stone)}

.sticky-cta{position:sticky;bottom:0;background:rgba(255,255,255,.98);border-top:1px solid var(--stone);box-shadow:0 -4px 12px rgba(0,0,0,.06)}
.sticky-inner{max-width:375px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.sticky-title{font-size:13px;color:var(--ink)}
.sticky-amt{font-weight:700}

.hide{display:none !important}



/* Tokens fallback */
:root{ --bb-bronze:#B07A4A; --bb-deep:#2E2B29 }
.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.header-left{display:flex;align-items:center;gap:18px}
.bb-logo-img{height:68px;width:auto}
@media (min-width:680px){.bb-logo-img{height:78px}}
.tagline{font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.15;margin:0;color:var(--bb-deep)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:999px;background:var(--bb-bronze);color:#fff;text-decoration:none}
.icon-btn{background:transparent;border:1.5px solid var(--bb-bronze);border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bb-bronze)}
.icon-btn.brand svg g,.icon-btn.brand svg path{stroke:var(--bb-bronze)!important}
.icon-btn.brand:hover{background:var(--bb-bronze);color:#fff}

#menuOverlay[aria-hidden="true"]{display:none}
#menuOverlay[aria-hidden="false"]{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(120%) blur(2px);z-index:1000}
#menuPanel{position:absolute;right:0;top:0;width:78%;max-width:360px;height:100%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:16px 14px;overflow:auto}
.menuHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.menuTitle{color:var(--bb-deep)}
.menuDivider{height:1px;background:#eee;margin:12px 0}
.menuLink{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:12px;text-decoration:none;color:#333}
.menuLink:hover{background:#faf6f2}

.chip{display:inline-flex;gap:6px;align-items:center;padding:.4rem .7rem;border:1px solid var(--bb-bronze);border-radius:999px;color:var(--bb-bronze);text-decoration:none}

.wa-fab{
  position:fixed; right:16px; bottom:20px; z-index:9999;
  display:flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:999px;
  background:var(--bb-bronze); color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.18);
  font-weight:600; line-height:1; animation: wa-pulse 2.6s infinite;
}
.wa-fab:after{ content:"Chat on WhatsApp"; white-space:nowrap }
.wa-fab svg{ width:22px; height:22px; fill:#fff }
@media (max-width:520px){
  .wa-fab{ width:56px; height:56px; justify-content:center; padding:0; }
  .wa-fab:after{ content:""; display:none; }
}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(176,122,74,.45)}70%{box-shadow:0 0 0 12px rgba(176,122,74,0)}100%{box-shadow:0 0 0 0 rgba(176,122,74,0)}}

.social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--bb-deep);border:1px solid #eee;margin-right:8px}
.social a:hover{background:#faf6f2;color:var(--bb-bronze);border-color:var(--bb-bronze)}


/* === Final visual polish === */
.bb-logo-img { height: 84px; width: auto; }
@media (min-width: 680px) { .bb-logo-img { height: 96px; } }

.icon-btn.brand {
  border-color: var(--bb-bronze);
  color: var(--bb-bronze);
}
.icon-btn.brand svg g,
.icon-btn.brand svg path {
  stroke: var(--bb-bronze) !important;
}
.icon-btn.brand:hover {
  background: var(--bb-bronze);
  color: #fff;
}


/* === Hotfix build 2025-11-01T16:43:26.738631 === */
:root { --build-stamp: '2025-11-01T16:43:26.738631'; }

/* Logo prominence */
.bb-logo-img { height: 84px; width: auto; }
@media (min-width: 680px) { .bb-logo-img { height: 96px; } }

/* Menu button brand colouring (force across browsers) */
.icon-btn.brand { border-color: var(--bb-bronze) !important; color: var(--bb-bronze) !important; }
.icon-btn.brand svg g,
.icon-btn.brand svg path { stroke: var(--bb-bronze) !important; }
.icon-btn.brand:hover { background: var(--bb-bronze) !important; color: #fff !important; }

/* WhatsApp floater stability */
.wa-fab{
  position: fixed;
  right: 16px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
  z-index: 1200;
  pointer-events: auto;
  transform: translateZ(0); /* iOS fix to keep it fixed */
}

/* When menu is open, dampen the floater to avoid tap conflicts */
body.menu-open .wa-fab{
  opacity: .15;
  pointer-events: none;
}