/* Rambo Watch palette: the supplied emblem defines the navy and gold. */
:root {
  --brand-navy: #112f49;
  --brand-navy-strong: #0d293f;
  --brand-gold: #bc9c22;
  --ink: #22313b;
  --muted: #5d6970;
  --gold: #bc9c22;
  --accent: #214963;
  --accent-ink: #fff;
  --paper: #fff;
  --ivory: #f2f5f6;
  --line: #dbe2e5;
}

body { color: var(--ink); }
.announcement { background: #edf2f4; border-bottom-color: #d7e1e5; color: #344a57; }

.header { background: var(--brand-navy); color: #f9faf9; }
.header .header-main,
[data-header-layout=center] .header .header-main {
  display: grid;
  grid-template-columns: minmax(250px,1fr) minmax(320px,490px) auto;
  align-items: center;
  gap: 34px;
  min-height: 84px;
  padding-block: 11px;
  border: 0;
}
.header .identity { display: flex; align-items: center; gap: 13px; color: #f9faf9; }
.header .identity-copy { display: block; min-width: 0; }
.header .brand-mark { position: relative; display: block; flex: none; width: 49px; height: 49px; overflow: hidden; }
.header .brand-mark img { position: absolute; max-width: none; max-height: none; width: 81px; height: 81px; left: -16px; top: -15px; object-fit: contain; }
.header .identity:has([data-owner-logo]) .brand-mark { display: none; }
.header .identity > [data-owner-logo] { max-height: 55px; width: auto; }
.header .wordmark { color: #f9faf9; font-family: Georgia, 'Times New Roman', serif; font-size: 23px; font-weight: 400; letter-spacing: .16em; }
.header .tagline { display: none; }
.header .header-search { width: 100%; min-width: 0; height: 42px; margin: 0; border: 1px solid #ffffff5a; background: #ffffff0f; }
.header .header-search input { color: #fff; font-size: 13px; }
.header .header-search input::placeholder { color: #dce5e8; opacity: 1; }
.header .header-search select { color: #edf3f5; border-left-color: #ffffff3a; font-size: 12px; }
.header .header-search select option { color: var(--brand-navy); background: #fff; }
.header .header-search button { flex-basis: 44px; color: var(--brand-navy-strong); background: var(--brand-gold); }
.header .header-search button:hover { color: var(--brand-navy-strong); background: #d1b34e; }
.header .header-actions { justify-self: end; }
.header .header-actions .icon-button { color: #f9faf9; }
.header .header-actions .icon-button:hover { color: #d9bf69; }
.header .cart-label b { background: var(--brand-gold); color: var(--brand-navy-strong); }

.header .header-navigation { background: #fff; border-top: 0; border-bottom: 1px solid #dbe2e5; color: var(--ink); }
.header .nav-row { min-height: 52px; gap: 34px; }
.header .category-menu { flex-basis: 228px; }
.header .category-menu summary { background: #eaf0f2; color: var(--brand-navy); min-height: 52px; padding: 15px 18px; }
.header .category-menu summary:hover,
.header .category-menu[open] summary { background: #dce8ec; }
.header .header-nav > a,
.header .header-nav > button { color: var(--ink); font-size: 13px; }
.header .header-nav > a:hover,
.header .header-nav > button:hover,
.header .header-nav [aria-current=page] { color: #1e5879; }
.header .category-menu > nav a:hover { background: #eef3f5; }
.header :is(.identity,.icon-button,.header-search button,.category-menu summary,.header-nav a):focus-visible { outline: 2px solid var(--brand-gold); outline-offset: 3px; }

.hero { background: #f0f4f5; }
.hero-blob { background: #dfe9ec; }
.hero-orbit { border-color: #becdd3; }
.hero-orbit::after { background: var(--brand-gold); }
.hero-description { color: #55656c; }
.button-primary { background: var(--brand-navy); color: #fff; }
.button-primary:hover { background: #275877; color: #fff; }
.link-action { border-bottom-color: #607c8b; }
.product-image { background: #f4f7f8; }
.appa-heading h2::after,
.merch-tabs [aria-selected=true]::after { background: var(--brand-gold); }
.merch-tabs [aria-selected=true]::before { border-bottom-color: var(--brand-gold); }
.promo-band { background: #edf3f5; }
.collection-empty { background: #f2f5f6; }

.shop-footer { background: var(--brand-navy); color: #eef3f5; }
.shop-footer .footer-content h2 { color: #fff; }
.shop-footer .footer-content h3 { color: #d5bb66; }
.shop-footer .footer-content p,
.shop-footer .footer-content a,
.shop-footer .footer-content button { color: #d7e0e3; }
.shop-footer .footer-content a:hover,
.shop-footer .footer-content button:hover { color: #f1d982; }
.shop-footer .footer-bottom { border-top-color: #ffffff30; color: #cbd7dc; }
.footer-emblem { display: block; width: 116px; height: 116px; object-fit: contain; margin-top: 18px; }

@media (max-width: 1100px) {
  .header .header-main,
  [data-header-layout=center] .header .header-main { gap: 24px; grid-template-columns: minmax(210px,1fr) minmax(270px,420px) auto; }
  .header .wordmark { font-size: 21px; }
  .header .header-search select { max-width: 135px; }
}
@media (max-width: 900px) {
  .header .header-main,
  [data-header-layout=center] .header .header-main { grid-template-columns: minmax(0,1fr) auto; gap: 0 18px; padding-block: 15px; }
  .header .identity { grid-column: 1; grid-row: 1; }
  .header .header-actions,
  [data-header-layout=center] .header .header-actions { grid-column: 2; grid-row: 1; }
  .header .header-search { grid-column: 1 / -1; grid-row: 2; margin-top: 15px; }
  .header .nav-row { gap: 20px; }
  .header .category-menu { flex-basis: 205px; }
}
@media (max-width: 650px) {
  .header .brand-mark { width: 43px; height: 43px; }
  .header .brand-mark img { width: 72px; height: 72px; left: -14px; top: -13px; }
  .header .identity { gap: 8px; }
  .header .wordmark { font-size: 18px; letter-spacing: .11em; }
  .header .header-search { height: 44px; margin-top: 13px; }
  .header .header-search input,
  .header .header-search select { font-size: 14px; }
  .header .header-search select { max-width: 103px; }
  .header .header-nav { border-top: 1px solid var(--line); }
  .header .category-menu { width: calc(100% + 36px); }
  .header .category-menu summary { min-height: 44px; }
  .footer-emblem { width: 100px; height: 100px; }
}
@media (max-width: 390px) {
  .header .wordmark { font-size: 16px; }
  .header .header-search select { max-width: 92px; }
}

.header .tagline {
  display: block;
  margin-top: 4px;
  color: #d9bf69;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .27em;
  text-align: center;
  text-transform: uppercase;
}
.header .header-actions { gap: 20px; align-items: center; }
.header .header-whatsapp { white-space: nowrap; }
.header .header-whatsapp svg { width: 20px; height: 20px; stroke-width: 1.5; }
.footer-city {
  display: block;
  margin-top: 3px;
  color: #d9bf69;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .25em;
  text-transform: uppercase;
}
.shop-footer .footer-bottom a { color: #e8ca76; }
@media (max-width: 650px) {
  .header .header-main,
  [data-header-layout=center] .header .header-main { row-gap: 0; }
  .header .header-actions { display: contents; }
  .header .header-actions .header-whatsapp {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    min-height: 34px;
    padding: 3px 0;
    font-size: 13px;
  }
  .header .header-actions .header-whatsapp span { display: block; }
  .header .header-actions [data-cart] { grid-column: 2; grid-row: 1; justify-self: end; }
  .header .header-search { grid-column: 1 / -1; grid-row: 3; margin-top: 8px; }
  .header .header-whatsapp svg { width: 22px; height: 22px; }
  .header .tagline { font-size: 8px; letter-spacing: .22em; }
}
@media (max-width: 390px) {
  .header .header-main,
  [data-header-layout=center] .header .header-main { column-gap: 8px; }
  .header .wordmark { font-size: 15px; letter-spacing: .08em; }
  .header .header-actions [data-cart] .cart-label { font-size: 0; }
  .header .header-actions [data-cart] .cart-label b { font-size: 11px; }
}