:root {
  --dp-brand-gradient-start: #3A43FF;
  --dp-brand-gradient-end: #8A3FFC;
  --dp-brand-dark: #0B1020;
  --dp-brand-gray: #F2F4F7;
  --dp-brand-white: #FFFFFF;
  --dp-brand-gradient: linear-gradient(90deg, #3A43FF 0%, #8A3FFC 100%);
}

html,
body,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body { color: #0B1020; }

/* Correct lockup from the revised brandbook: Delivery bold, Person regular. */
.dp-unified-brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.dp-unified-brand__picture,
.dp-unified-brand__image {
  display: block !important;
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  height: 55px !important;
  max-height: 55px !important;
}

.dp-unified-brand__image {
  object-fit: contain !important;
  object-position: left center !important;
}

.dp-unified-mobile-nav__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  text-decoration: none !important;
}

.dp-unified-mobile-nav__brand .dp-unified-brand__picture,
.dp-unified-mobile-nav__brand .dp-unified-brand__image {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 51px !important;
  max-height: 51px !important;
}

.dp-brandbook-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  min-height: 55px !important;
  text-decoration: none !important;
}

.dp-brandbook-footer-logo picture,
.dp-brandbook-footer-logo img {
  display: block !important;
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  height: 55px !important;
  max-height: 55px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Homepage H1 must use the same type system as category H1. */
.dp-v44-title,
.dp-v44-title--category {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 800 !important;
}

.dp-v44-title__black { color: #0B1020 !important; }
.dp-v44-title__accent { color: #5A4DFF !important; }

.button-primary,
.header-cta,
.filter-submit,
.cta-button,
.dp-button--primary,
.dp-unified-header__cta,
.dp-v44-submit,
[class*="button-primary"],
[class*="cta-button"] {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(90deg, #3A43FF 0%, #8A3FFC 100%) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #3A43FF !important;
  box-shadow: 0 0 0 4px rgba(58, 67, 255, .12) !important;
}

@media (max-width: 720px) {
  .dp-unified-header__brand-zone .dp-unified-brand {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }

  .dp-unified-header__brand-zone .dp-unified-brand__picture,
  .dp-unified-header__brand-zone .dp-unified-brand__image {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    max-height: 52px !important;
  }

  .dp-unified-mobile-nav__brand,
  .dp-unified-mobile-nav__brand .dp-unified-brand__picture,
  .dp-unified-mobile-nav__brand .dp-unified-brand__image {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 49px !important;
    max-height: 49px !important;
  }

  .dp-brandbook-footer-logo,
  .dp-brandbook-footer-logo picture,
  .dp-brandbook-footer-logo img {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 49px !important;
    max-height: 49px !important;
    min-height: 49px !important;
  }
}