header .site-navigation { display: flex; gap: 14px; align-items: center; font-size: 12px; }
header .site-navigation a { white-space: nowrap; }
.whatsapp-contact { position: fixed; right: 18px; bottom: 98px; width: 48px; height: 48px; border: 1px solid rgb(114, 195, 139); border-radius: 50%; display: grid; place-items: center; background: rgb(22, 130, 61); color: rgb(255, 255, 255); z-index: 18; box-shadow: rgba(0, 0, 0, 0.467) 0px 4px 16px; }
.whatsapp-contact svg { width: 30px; height: 30px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.whatsapp-contact:hover { background: rgb(26, 150, 71); }
.whatsapp-contact:focus-visible { outline: rgb(243, 216, 148) solid 3px; outline-offset: 4px; }
@media (min-width: 1351px) {
  header { gap: 22px; }
  .whatsapp-contact { bottom: 24px; }
  header .brand { flex-shrink: 0; }
}
@media (max-width: 1350px) {
  header #menu-button, header button#menu { display: block; }
  header .site-navigation { display: none; position: absolute; left: 0px; right: 0px; top: 100%; background: rgba(13, 13, 11, 0.976); border-bottom: 1px solid rgb(107, 86, 51); max-height: calc(-100px + 100svh); overflow-y: auto; padding: 17px 24px; flex-direction: column; align-items: stretch; gap: 0px; font-size: 16px; z-index: 21; box-shadow: rgba(0, 0, 0, 0.6) 0px 16px 26px; }
  header .site-navigation.open { display: flex; }
  header .site-navigation a { padding: 11px 8px; text-align: center; min-height: 44px; border-bottom: 1px solid rgb(40, 35, 23); }
  header .site-navigation a[aria-current="page"] { background: rgba(170, 128, 51, 0.08); border: 1px solid rgb(107, 86, 51); border-radius: 8px; }
  body.product-view .whatsapp-contact { bottom: 108px; }
}
header:has(#menu-button) { position: relative; z-index: 30; }
header #menu-button, header button#menu { position: relative; z-index: 23; min-width: 44px; min-height: 44px; flex-shrink: 0; }
header .site-navigation { box-sizing: border-box; }
.support-links a { color: var(--gold,#dfbb71); text-decoration: underline; text-underline-offset: 3px; }
.customer-support { max-width: 640px; margin: 25px auto 0px; padding: 20px 0px 0px; border-top: 1px solid rgb(81, 67, 41); text-align: center; font-size: 13px; }
.customer-support strong { color: rgb(223, 187, 113); letter-spacing: 1px; }
.customer-support p { line-height: 1.8; margin: 8px 0px; }
.support-links { overflow-wrap: anywhere; }
html { max-width: 100%; overflow-x: hidden; }
body { max-width: 100%; min-width: 0px; }
main, body > header, body > footer { min-width: 0px; box-sizing: border-box; }
main img, main video { max-width: 100%; }
.site-navigation { max-width: 100%; }
.customer-support { overflow-wrap: anywhere; }
@media (max-width: 360px) {
  header .brand { gap: 9px; letter-spacing: 3px; font-size: 20px; }
  header { padding-left: 18px; padding-right: 18px; gap: 10px; }
}
header .site-navigation a[aria-current="page"] { color: #edcb83; }

/* Keep the authored black/gold palette instead of browser-generated dark colours. */
:root { color-scheme: only light; }
button, input[type="button"], input[type="submit"], select {
  -webkit-appearance: none;
  appearance: none;
}
button { -webkit-tap-highlight-color: transparent; }
.studio-option { background-color: #0f0e0b; background-image: none; color: #eee5d5; border-color: #78613a; }
.studio-option[aria-pressed="true"] { background: linear-gradient(110deg, #533307, #3b1b05); border-color: #dfbb71; color: #ffe7ac; }
.studio-option:focus-visible { outline: 2px solid #dfbb71; outline-offset: 4px; }