@import url("./base.css?v=14");
@import url("./refinements.css?v=14");
@import url("./storefront-shell.css?v=14");
@import url("./experience-refresh.css?v=14");

/* Reserve the shared shell before the Web Components upgrade. This prevents
   the header from visually disappearing/reappearing while deferred JS loads. */
cristetto-header,
cristetto-footer {
  display: block;
}

cristetto-header {
  min-height: 136px;
}

cristetto-header:not(:defined) {
  background: linear-gradient(to bottom, #f5f0e6 0 30px, #600d2b 30px 100%);
}

@media (max-width: 1120px) {
  cristetto-header { min-height: 124px; }
}

@media (max-width: 900px) {
  cristetto-header { min-height: 112px; }
}

@media (max-width: 620px) {
  cristetto-header { min-height: 104px; }
}