/* Breaks up the dark blue: alternating sections become light "ice" panels */
section[style*="background:var(--surface)"] {
  --bg:#F3F9FE; --surface:#FFFFFF; --surface2:#E4F1FB; --text:#06193D; --muted:#3F5F86;
  --teal:#1E8CCD; --pink:#124278; --gold:#124278; --border:rgba(18,66,120,0.18);
  background:#EEF6FC !important; color:#06193D;
}

/* "Free Gift" menu category — gold so it stands apart from the blue nav */
.nav-gift > a { color:#FFC94D !important; font-weight:700 !important; }
.nav-gift > a:hover { color:#FFE27A !important; text-shadow:0 0 12px rgba(255,190,40,.55); }
.nav-gift .dropdown a:hover { background:rgba(255,176,32,.12) !important; color:#FFC94D !important; }
/* With the Free Gift item the full menu needs ~900px; switch to the ☰ menu below that */
@media (min-width:769px) and (max-width:900px) {
  .hamburger { display:block !important; }
  .nav-links-wrap { display:none !important; }
}

/* Layout safety net (phones): form fields never force a page wider than the screen;
   inline 2-column comparison grids marked .stack-mobile stack vertically */
input, select, textarea { min-width:0; max-width:100%; }
@media (max-width:640px) { .stack-mobile { grid-template-columns:minmax(0,1fr) !important; } }