*,
    *::before,
    *::after {
      -webkit-tap-highlight-color: transparent !important;
      -webkit-touch-callout: none;
    }

    *:focus,
    *:focus-visible,
    *:focus-within,
    *:active {
      outline: none !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    a,
    button,
    input,
    select,
    textarea {
      -webkit-tap-highlight-color: transparent !important;
      outline: none !important;
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
      border-style: none !important;
      outline: none !important;
      padding: 0;
    }

/* Footer bottom single-row layout — overrides media query restriction */
.dl-footer-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
}
.dl-footer-grid-col {
  flex: 1 !important;
  min-width: 0 !important;
}
.dl-footer-tags {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 0 !important;
}
.dl-footer-tag {
  display: inline-flex !important;
  margin: 0 !important;
}
.dl-footer-grid-col.-center {
  text-align: center !important;
  margin: 0 !important;
}
.dl-footer-grid-col.-right {
  text-align: right !important;
}

/* ==========================================================
   DL FOOTER UNIFIED STYLES (MATCH HOMEPAGE EXACTLY)
   ========================================================== */

/* 1. Base Typography & Font Family */
.dl-footer {
  font-family: Matter, sans-serif !important;
}

.dl-footer,
.dl-footer * {
  font-family: Matter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Footer Header H2 ("Have an idea?") */
.dl-footer-header h2 {
  font-family: Matter, sans-serif !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 8.1rem !important;
  line-height: 77% !important;
  text-transform: uppercase !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer-header h2 {
    font-size: 16.4rem !important;
    text-align: center !important;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer-header h2 {
    font-size: 10.25vw !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer-header h2 {
    font-size: 196.8px !important;
  }
}

/* "Have" in Gallery Modern italic script */
.dl-footer-header h2 em {
  font-family: "Gallery Modern", sans-serif !important;
  font-size: 110% !important;
  letter-spacing: normal !important;
  font-style: italic;
}

/* 3. Footer Action Button ("TELL US") */
.dl-footer-action .dl-btn_cta {
  font-family: Matter, sans-serif !important;
  font-weight: 400 !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
}

.dl-footer-action .dl-btn_cta.-xl {
  padding: 0 1.9rem !important;
  font-weight: 400 !important;
  font-size: 6.9rem !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer-action .dl-btn_cta.-xl {
    padding: 0 3.4rem !important;
    font-size: 13rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer-action .dl-btn_cta.-xl {
    padding: 0 2.125vw !important;
    font-size: 8.125vw !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer-action .dl-btn_cta.-xl {
    padding: 0 40.8px !important;
    font-size: 156px !important;
  }
}
/* 3b. Footer TELL US border thickness — match homepage (bundlemain.js sets 2px at 768px+) */
.dl-footer-action .dl-btn_cta.-xl .dl-btn_cta-border {
  border-width: 2px !important;
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer-action .dl-btn_cta.-xl .dl-btn_cta-border {
    border-width: 2px !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer-action .dl-btn_cta.-xl .dl-btn_cta-border {
    border-width: 2px !important;
  }
}

/* 4. Footer Email & Phone Buttons (info@dynamicliquids.com, +91 962 666 5262) */
.dl-footer .dl-btn_cta.-sm {
  font-family: Matter, sans-serif !important;
  padding: .5rem 1.4rem !important;
  font-weight: 500 !important;
  font-size: 1.7rem !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer .dl-btn_cta.-sm {
    padding: .8rem 1.5rem !important;
    font-size: 1.8rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer .dl-btn_cta.-sm {
    padding: 0.5vw 0.9375vw !important;
    font-size: 1.125vw !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer .dl-btn_cta.-sm {
    padding: 9.6px 18px !important;
    font-size: 21.6px !important;
  }
}

/* 5. Button Title & Data-Text Spans inside Footer */
.dl-footer .dl-btn_cta-title,
.dl-footer .dl-btn_cta-title span,
.dl-footer .dl-btn_cta-title span:after {
  font-family: Matter, sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

/* Guarantee footer buttons are never hidden by scroll animation triggers */
.dl-footer .dl-footer-action,
.dl-footer .dl-footer-action .dl-btn_cta,
.dl-footer .dl-footer-action .dl-btn_cta-border,
.dl-footer .dl-footer-action .dl-btn_cta-title,
.dl-footer-tags,
.dl-footer-tag,
.dl-footer-tag .dl-btn_cta,
.dl-contact.-submitted ~ .dl-footer .dl-footer-action .dl-btn_cta,
.dl-contact.-submitted ~ .dl-footer .dl-footer-action .dl-btn_cta-border,
.dl-contact.-submitted ~ .dl-footer .dl-footer-action .dl-btn_cta-title,
.dl-contact.-submitted ~ .dl-footer .dl-footer-tags,
.dl-contact.-submitted ~ .dl-footer .dl-footer-tag,
.dl-contact.-submitted ~ .dl-footer .dl-footer-tag .dl-btn_cta,
.dl-footer.-submitted .dl-footer-action .dl-btn_cta,
.dl-footer.-submitted .dl-footer-action .dl-btn_cta-border,
.dl-footer.-submitted .dl-footer-action .dl-btn_cta-title,
.dl-footer.-submitted .dl-footer-tags,
.dl-footer.-submitted .dl-footer-tag,
.dl-footer.-submitted .dl-footer-tag .dl-btn_cta {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.dl-footer-action .dl-btn_cta-border,
.dl-footer-action .dl-btn_cta-title,
.dl-contact.-submitted ~ .dl-footer .dl-footer-action .dl-btn_cta-border,
.dl-contact.-submitted ~ .dl-footer .dl-footer-action .dl-btn_cta-title,
.dl-footer.-submitted .dl-footer-action .dl-btn_cta-border,
.dl-footer.-submitted .dl-footer-action .dl-btn_cta-title {
  transform: none !important;
}


/* 6. Footer Privacy Policy Link */
.dl-footer-link {
  font-family: Matter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.2rem !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  opacity: .3 !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer-link {
    opacity: 1 !important;
    font-size: 1.6rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer-link {
    font-size: 1vw !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer-link {
    font-size: 19.2px !important;
  }
}

/* 7. Footer Address */
.dl-footer-address {
  font-family: Matter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.4rem !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
  padding-top: 1rem !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer-address {
    padding-top: 0 !important;
    font-size: 1.6rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  .dl-footer-address {
    font-size: 1vw !important;
  }
}

@media (min-width: 1920px) {
  .dl-footer-address {
    font-size: 19.2px !important;
  }
}

.dl-footer-address-text,
.dl-footer-address-text p {
  font-family: Matter, sans-serif !important;
  font-weight: 500 !important;
  font-size: inherit !important;
  line-height: 110% !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  opacity: 0.7 !important;
}

/* 8. Footer Container & Layout Consistency */
.dl-footer .dl-footer-container,
.dl-footer .dl-footer-container.-sm,
.dl-footer .-sm.dl-footer-container {
  padding: 0 4vw !important;
}

@media (min-width: 768px), (orientation: landscape) {
  .dl-footer .dl-footer-container,
  .dl-footer .dl-footer-container.-sm,
  .dl-footer .-sm.dl-footer-container {
    padding: 0 6.25vw !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
  }
}

/* 9. Ensure footer bottom row matches homepage layout */
.dl-footer-tags {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .7rem !important;
  margin: 0 !important;
}

.dl-footer-tag {
  display: inline-flex !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* Ensure footer grid matches homepage */
@media (min-width: 768px), (orientation: landscape) {
  .dl-footer-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .dl-footer-tags {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .7rem !important;
    margin: 0 !important;
  }

  .dl-footer-tag {
    display: inline-flex !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
}

/* ==========================================================
   DL FOOTER TOP PADDING FOR MEDIUM & LARGE SCREENS
   ========================================================== */
@media (min-width: 768px), (orientation: landscape) {
  .dl-footer {
    padding-top: 6rem !important;
  }
  .dl-footer-content {
    padding-top: 6rem !important;
  }
  .dl-footer-top {
    padding-top: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .dl-footer {
    padding-top: 8rem !important;
  }
  .dl-footer-content {
    padding-top: 8rem !important;
  }
  .dl-footer-top {
    padding-top: 6rem !important;
  }
}