:root {
  --bg: #fff8f8;
  --paper: #fffdfb;
  --ink: #3d2530;
  --muted: #806875;
  --line: #ead7dc;
  --accent: #a52f5b;
  --accent-dark: #6e193c;
  --green: #54705b;
  --gold: #d7aa56;
  --radius-card: 22px;
  --radius-control: 18px;
  --store-font: "Google Sans", "Assistant", sans-serif;
}

body.surprise-store {
  font-family: var(--store-font);
  background:
    radial-gradient(circle at 8% 3%, rgba(241, 203, 213, .46), transparent 28rem),
    linear-gradient(180deg, #fff9fa 0%, var(--bg) 100%);
}

body.surprise-store .topbar {
  background: linear-gradient(135deg, #c97888 0%, #a52f5b 42%, #6e193c 100%) !important;
}

body.surprise-store .product-card,
body.surprise-store .promo-card,
body.surprise-store .price-card {
  border: 1px solid rgba(165, 47, 91, .13);
  box-shadow: 0 14px 34px rgba(88, 31, 54, .10);
}

body.surprise-store .filter.active,
body.surprise-store .checkout,
body.surprise-store .store-tab.active {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  border-color: var(--accent-dark);
}

body.surprise-store .brand-logo {
  width: min(23vw, 205px) !important;
  max-height: 108px !important;
  object-fit: contain !important;
  filter: none !important;
}

body.surprise-store .logo-button {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.surprise-store .language-gate-logo {
  width: min(100%, 250px) !important;
  max-height: 170px !important;
  object-fit: contain !important;
}

body.surprise-store .brand-title {
  display: none !important;
}

body.surprise-store .brand-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.surprise-store .top-actions {
  grid-column: 2 !important;
}

body.surprise-store .cart-glyph {
  background-image: url("assets/brand/surprise-gift.svg") !important;
}

@media (max-width: 520px) {
  body.surprise-store .brand-logo {
    width: min(40vw, 148px) !important;
    max-height: 78px !important;
  }

  body.surprise-store .logo-button {
    padding: 0 !important;
    border-radius: 0 !important;
  }
}