img[src="/images/logo-redhill.webp"] {
  aspect-ratio: 194 / 72;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

header a[aria-label="Redhill — Home"] {
  flex: 0 0 auto;
  min-width: min(6.0625rem, 28vw);
}

header img[src="/images/logo-redhill.webp"] {
  width: auto !important;
  height: 2.25rem !important;
  max-width: min(10rem, 42vw);
}

footer img[src="/images/logo-redhill.webp"] {
  width: auto !important;
  height: 2.5rem !important;
  max-width: min(10.75rem, 70vw);
}

@media (max-width: 639px) {
  header .container-wide {
    gap: 0.75rem !important;
  }

  header a.btn[href$="/sample-request/"],
  header a.btn[href$="/request-a-quote/"] {
    display: none !important;
  }

  header .locale-trigger {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (max-width: 359px) {
  .container-wide {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .grid,
  .grid > * {
    min-width: 0;
  }

  .rounded-xl.bg-ink-500.p-8,
  .card {
    padding: 1.25rem !important;
  }

  input,
  select,
  textarea {
    min-width: 0;
    width: 100%;
  }
}
/* Keep the desktop header from overflowing at laptop widths. */
header .site-header-cta {
  display: none !important;
}

@media (min-width: 1700px) {
  header .site-header-cta {
    display: inline-flex !important;
  }
}
/* Product photos should render with their original color. */
main img[src*="/images/product-samples/"],
main img[src*="/images/products/"],
main img[src*="/images/product-pages/"] {
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
/* Locale headers have longer CTA labels; keep laptop widths overflow-free. */
header > .container-wide > .flex.items-center.gap-2 > a[href*="/resources/product-catalog/"],
header > .container-wide > .flex.items-center.gap-2 > a[href*="/sample-request/"],
header > .container-wide > .flex.items-center.gap-2 > a[href*="/request-a-quote/"] {
  display: none !important;
}

@media (min-width: 1700px) {
  header > .container-wide > .flex.items-center.gap-2 > a[href*="/resources/product-catalog/"],
  header > .container-wide > .flex.items-center.gap-2 > a[href*="/sample-request/"],
  header > .container-wide > .flex.items-center.gap-2 > a[href*="/request-a-quote/"] {
    display: inline-flex !important;
  }
}
/* Prevent wide localized text and carousels from creating page-level horizontal scroll. */
html, body {
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html, body { overflow-x: hidden; }
}