/* VitaTherx brand — colors + fonts (loads after WOWMD theme CSS) */

:root {
  --vt-body-font: "Inter", "Lato", system-ui, -apple-system, sans-serif;
  --vt-heading-font: "Montserrat", "Poppins", system-ui, -apple-system, sans-serif;

  --body-font-family: var(--vt-body-font);
  --heading-font-family: var(--vt-heading-font);
  --desktop-menu-font-family: var(--heading-font-family);
  --button-font-family: var(--body-font-family);
  --global-product-price-font-family: var(--body-font-family);

  --custom-color: #42cf8b;
  --text-color: #24302f;
  --heading-color: #24302f;
  --body-bg: #f4f0da;
  --body-bg-rgb: 244, 240, 218;
  --body-link-color: #0fa86a;
  --body-link-color-hover: #24302f;
  --button-global-bg: #0fa86a;
  --button-global-hover-bg: #24302f;
  --free-shipping-color: #0fa86a;

  /* Header + top banner (from VITATHERX reference page) */
  --vt-nav-bg: #f5f5dc;
  --vt-nav-text: #2b2118;
  --vt-nav-hover: rgba(46, 207, 119, 0.08);
  --vt-brand-green: #2ecf77;

  --header-global-bg: var(--vt-nav-bg);
  --header-content-bg: var(--vt-nav-bg);
  --header-bottom-bg: var(--vt-nav-bg);
  --header-top-bg: var(--vt-nav-bg);
  --header-sticky-bg: var(--vt-nav-bg);
  --header-global-color: var(--vt-nav-text);
  --header-global-link-color: var(--vt-nav-text);
  --header-content-color: var(--vt-nav-text);
  --header-content-link-color: var(--vt-nav-text);
  --header-promoline-bg: var(--vt-brand-green);
  --header-promoline-text-color: #fff;
  --header-promoline-text-span-color: #fff;
  --header-nav-link-border-active-color: var(--vt-brand-green);
}

/* White body on all pages except individual product PDPs */
body:not(.template-product) {
  background-color: #ffffff !important;
}

/* Top promo banner / marquee */
#shopify-section-custom-top-marquee .marque-head,
#shopify-section-custom-top-marquee .hdr-promoline,
#shopify-section-announcement-bar,
.marque-head.hdr-promoline,
.hdr-promoline {
  background: var(--vt-brand-green) !important;
  color: #fff !important;
}

#shopify-section-custom-top-marquee .marque-head span,
#shopify-section-custom-top-marquee .hdr-promoline span,
#shopify-section-custom-top-marquee .head-promo-flex,
#shopify-section-custom-top-marquee .head-promo-flex span,
.hdr-promoline span,
.head-promo-flex span {
  color: #fff !important;
}

.hdr-inline-link .btn,
.hdr-inline-link .btn:hover {
  color: #fff !important;
}

/* Scrolling banner — white VitaTherx leaf icon */
.head-promo-flex img,
#shopify-section-custom-top-marquee .head-promo-flex img,
.marque-head img,
.hdr-promoline img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Scrolling promo marquee (matches WOWMD custom-style.css) */
#shopify-section-custom-top-marquee {
  position: sticky;
  top: 0;
  z-index: 1000;
}

#shopify-section-custom-top-marquee .marque-head {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

@keyframes vtx-marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-70%);
  }
}

#shopify-section-custom-top-marquee .marquee-track {
  animation: vtx-marquee-scroll 240s linear infinite;
}

/* Main header navigation */
#vt-section-header,
#vt-section-header .hdr-content,
#vt-section-header .hdr,
#vt-section-header .header,
#vt-section-header .nav-wrapper,
.hdr-wrap .hdr-content,
.hdr-wrap .hdr {
  background: var(--vt-nav-bg) !important;
  color: var(--vt-nav-text) !important;
}

#vt-section-header a,
#vt-section-header button,
#vt-section-header .navigation__link,
#vt-section-header .menu-trigger,
#vt-section-header .header-link,
#vt-section-header .dropdn-link,
#vt-section-header .mmenu-js,
.hdr-wrap a,
.hdr-wrap button,
.hdr-wrap .navigation__link,
.hdr-wrap .menu-trigger,
.hdr-wrap .header-link,
.hdr-wrap .dropdn-link {
  color: var(--vt-nav-text) !important;
}

#vt-section-header .nav-wrapper .navigation > li > a:hover,
#vt-section-header .menu-trigger:hover,
#vt-section-header .header-link:hover,
#vt-section-header .dropdn-link:hover,
.hdr-wrap .navigation > li > a:hover,
.hdr-wrap .menu-trigger:hover,
.hdr-wrap .header-link:hover,
.hdr-wrap .dropdn-link:hover {
  background: var(--vt-nav-hover) !important;
}

/* Header “Take the Quiz” — white label, keep theme button fill */
#vt-section-header .hdr-inline-link.hide-mobile a.btn,
.hdr-wrap .hdr-inline-link.hide-mobile a.btn {
  color: #fff !important;
}

#vt-section-header .hdr-inline-link.hide-mobile a.btn:hover,
#vt-section-header .hdr-inline-link.hide-mobile a.btn:focus,
.hdr-wrap .hdr-inline-link.hide-mobile a.btn:hover,
.hdr-wrap .hdr-inline-link.hide-mobile a.btn:focus {
  color: #fff !important;
}

/* Theme forces Segoe UI / Arial with !important — match only on font-family */
body,
p,
li,
input,
textarea,
select,
button,
.label-text,
.content-text {
  font-family: var(--vt-body-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h-post-title,
.banner-caption,
.title-wrap .h1-style,
.title-wrap h1,
.category-page-title h1,
.post-prw-title,
.subscribe-footer-title-sm {
  font-family: var(--vt-heading-font) !important;
  letter-spacing: -0.01em;
}

.hdr-logo .logo img,
.footer-logo-img img {
  max-height: 72px;
  width: auto;
  object-fit: contain;
}

/* Homepage hero
   WOWMD reference measurements:
   - Desktop: ~1905x602px at a 1920px viewport (about 3.16:1)
   - Mobile: 390x284px at a 390px viewport (about 1.37:1)
*/
.main-video-sec {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1905 / 602;
  overflow: hidden;
  line-height: 0;
  background: #f5f5f5;
}

.main-video-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 19, 17, 0.62) 0%, rgba(8, 19, 17, 0.34) 34%, rgba(8, 19, 17, 0.08) 70%),
    linear-gradient(180deg, rgba(8, 19, 17, 0.18) 0%, rgba(8, 19, 17, 0) 36%, rgba(8, 19, 17, 0.18) 100%);
}

.main-video-sec .hero-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 2;
  display: block;
  transition: opacity 0.35s ease;
}

.main-video-sec.is-playing .hero-video-poster,
.main-video-sec .hero-video-poster.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.main-video-sec video.simple_banner {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  z-index: 1;
}

.main-video-sec .vt-hero-overlay {
  position: absolute;
  left: clamp(28px, 7vw, 136px);
  top: 50%;
  z-index: 4;
  max-width: min(760px, 52vw);
  transform: translateY(-50%);
  color: #fff;
  line-height: 1;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.48);
}

.main-video-sec .vt-hero-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  margin: 0 0 14px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 999px;
  background: rgba(66, 207, 139, 0.22);
  color: #fff;
  font-size: clamp(14px, 1.1vw, 19px);
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.15;
  text-transform: uppercase;
}

.main-video-sec .vt-hero-overlay h1 {
  margin: 0;
  color: #fff;
  font-family: var(--heading-font-family, var(--vt-heading-font));
  font-size: clamp(38px, 4.35vw, 74px);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.08;
}

.main-video-sec .vt-hero-copy {
  max-width: 620px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(17px, 1.35vw, 24px);
  font-weight: 650;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.main-video-sec .vt-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 24px;
  padding: 0 24px;
  border-radius: 999px;
  background: var(--custom-color, #42cf8b);
  color: #081311;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
  line-height: 1;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

@media (max-width: 767px) {
  .main-video-sec {
    aspect-ratio: 2534 / 1080;
  }

  .main-video-sec .hero-video-poster,
  .main-video-sec video.simple_banner {
    object-fit: contain;
  }

  .main-video-sec::after {
    background:
      linear-gradient(180deg, rgba(8, 19, 17, 0.06) 0%, rgba(8, 19, 17, 0.1) 34%, rgba(8, 19, 17, 0.68) 100%),
      linear-gradient(90deg, rgba(8, 19, 17, 0.28) 0%, rgba(8, 19, 17, 0.08) 64%);
  }

  .main-video-sec .vt-hero-overlay {
    left: 16px;
    right: 14px;
    top: auto;
    bottom: 16px;
    max-width: none;
    transform: none;
  }

  .main-video-sec .vt-hero-kicker {
    min-height: 0;
    margin-bottom: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: none;
  }

  .main-video-sec .vt-hero-overlay h1 {
    max-width: 285px;
    font-size: clamp(22px, 7vw, 28px);
    letter-spacing: -0.01em;
    line-height: 1.08;
  }

  .main-video-sec .vt-hero-copy {
    display: none;
  }

  .main-video-sec .vt-hero-btn {
    min-height: 34px;
    margin-top: 10px;
    padding: 0 16px;
    font-size: 10px;
  }
}

/* Explore by Health Needs — local VitaTherx icons */
.shop-by-health-sec .shop-by-col > a > span:first-child img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
}

.shop-by-health-flex .telehealth-bg {
  background: #3d6eb5;
}

/* Explore by Health Needs — VitaTherx brand palette */
.shop-by-health-sec .vt-hn-collagen-bg { background: #5cb88a; }
.shop-by-health-sec .vt-hn-brain-bg { background: #4a8f7c; }
.shop-by-health-sec .vt-hn-vitamins-bg { background: #6aaf6e; }
.shop-by-health-sec .vt-hn-longevity-bg { background: #3d8f84; }
.shop-by-health-sec .vt-hn-digestion-bg { background: #7ab648; }
.shop-by-health-sec .vt-hn-eye-bg { background: #4a9fd4; }
.shop-by-health-sec .vt-hn-energy-bg { background: #e8a838; }
.shop-by-health-sec .vt-hn-immune-bg { background: #2ecf77; }
.shop-by-health-sec .vt-hn-cardio-bg { background: #c96b6b; }
.shop-by-health-sec .vt-hn-joint-bg { background: #8b7ec8; }
.shop-by-health-sec .vt-hn-sleep-bg { background: #5b7eb8; }
.shop-by-health-sec .vt-hn-beauty-bg { background: #d4849a; }
.shop-by-health-sec .vt-hn-womens-bg { background: #b86fa8; }
.shop-by-health-sec .vt-hn-protein-bg { background: #d4874a; }
.shop-by-health-sec .vt-hn-weight-bg { background: #0fa86a; }
.shop-by-health-sec .telehealth-bg { background: #3d6eb5; }

.shop-by-health-sec .shop-by-col[class*="vt-hn-"] .shop-by-content h3,
.shop-by-health-sec .shop-by-col[class*="vt-hn-"] .shop-by-content p,
.shop-by-health-sec .telehealth-bg .shop-by-content h3,
.shop-by-health-sec .telehealth-bg .shop-by-content p {
  color: #ffffff;
}

/* Homepage mobile: center the last tile when the grid has an odd count (e.g. 17 items). */
@media (max-width: 767px) {
  body.template-index .shop-by-health-flex .shop-by-col:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: 49%;
    justify-self: center;
  }
}

/* Wellness blog body — ribbon edge bleed + theme typography */
#pageContent .vt-ribbon-guard {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
  box-sizing: border-box;
}

#pageContent .vt-ribbon {
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

#pageContent .vt-seg,
#pageContent .blog-nav-dropdown__title > span,
#pageContent .shopby-heading,
#pageContent .showcase-item__title,
#pageContent .showcase-item__badge,
#pageContent .news-article h3,
#pageContent .view-all-btn {
  font-family: var(--vt-heading-font, var(--heading-font-family, "Montserrat", sans-serif));
}

#pageContent .blog-nav-dropdown__content,
#pageContent .showcase-item,
#pageContent .news-article {
  font-family: var(--vt-body-font, var(--body-font-family, "Inter", sans-serif));
}

#pageContent .news-article h3 {
  font-size: var(--content-font-size, 15px);
  font-weight: var(--font-weight-600, 600);
  line-height: 1.35;
  color: var(--text-color, #24302f);
}

#pageContent .view-all-btn {
  font-weight: var(--font-weight-600, 600);
  letter-spacing: 0.02em;
}

/* Footer accordion — consistent across all viewports */
footer .footer-content > .container > .row {
  margin-left: 0;
  margin-right: 0;
}

footer .footer-content .footer-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

footer .footer-block.collapsed-mobile {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--footer-border-color, #6f6f6f);
}

footer .footer-block.collapsed-mobile .footer-list-title {
  text-align: center;
  padding: 25px 23px;
  margin: 0;
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

footer .footer-block.collapsed-mobile .footer-list-title .toggle-arrow {
  display: none !important;
}

footer .footer-block.collapsed-mobile .footer-list-title::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  vertical-align: middle;
  border-right: 2px solid var(--custom-color, #42cf8b);
  border-bottom: 2px solid var(--custom-color, #42cf8b);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

footer .footer-block.collapsed-mobile.open .footer-list-title::after,
footer .footer-block.collapsed-mobile.is-open .footer-list-title::after {
  transform: rotate(-135deg);
}

footer .footer-block.collapsed-mobile:not(.open):not(.is-open) .footer-collapsed-content,
footer .footer-block.collapsed-mobile:not(.open):not(.is-open) .help-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  top: -10000px !important;
  left: 0 !important;
  pointer-events: none !important;
}

footer .footer-block.collapsed-mobile .footer-collapsed-content {
  text-align: center;
  padding-bottom: 20px;
  width: 100%;
}

footer .footer-block.collapsed-mobile .footer-collapsed-content.d-md-flex {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

footer .footer-block.collapsed-mobile.open .footer-collapsed-content,
footer .footer-block.collapsed-mobile.is-open .footer-collapsed-content {
  display: block !important;
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
  padding-bottom: 20px;
}

footer .footer-block.collapsed-mobile.open .footer-collapsed-content.d-md-flex,
footer .footer-block.collapsed-mobile.is-open .footer-collapsed-content.d-md-flex {
  display: flex !important;
}

footer .footer-block.collapsed-mobile.open .help-menu,
footer .footer-block.collapsed-mobile.is-open .help-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

footer .footer-block.collapsed-mobile .footer-list {
  list-style: none;
  margin: 0 auto 10px;
  padding: 0;
  text-align: center;
  width: fit-content;
}

footer .footer-block.collapsed-mobile .footer-list li {
  margin: 0;
  padding: 0;
  border: 0;
}

footer .footer-block.collapsed-mobile .footer-list a,
footer .footer-block.collapsed-mobile .footer-list .top-level-link {
  display: block;
  padding: 0.55rem 0;
  color: var(--body-link-secondary-color, #171717) !important;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
  pointer-events: auto;
  text-align: center;
}

footer .footer-block.collapsed-mobile .footer-list a:hover,
footer .footer-block.collapsed-mobile .footer-list .top-level-link:hover {
  color: var(--body-link-secondary-color-hover, #515151) !important;
}

footer .footer-block.collapsed-mobile .menu-item-wrap {
  display: block;
}

footer .footer-block.collapsed-mobile .menu-item-actions,
footer .footer-block.collapsed-mobile collection-quickview-popup {
  display: none !important;
}

footer .footer-block.collapsed-mobile .table_d {
  text-align: center;
}

footer .footer-block.collapsed-mobile .table_d .td_d {
  text-align: center;
}

footer .help-menu {
  margin-top: 1rem;
  text-align: center;
}

footer .help-menu h3 {
  font-size: var(--heading-sm-size-m, 18px);
  margin: 0 0 0.5rem;
  text-align: center;
}

footer .help-menu .custom-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

footer .help-menu .custom-menu a {
  display: block;
  padding: 0.55rem 0;
  color: var(--body-link-secondary-color, #171717);
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}

footer .footer-collapsed-content .footer-logo-img {
  margin-bottom: 0.75rem;
}

footer .table_d .td_d {
  display: block;
  width: 100%;
  padding: 0.15rem 0;
}

/* Footer bottom + social — stack on smaller screens */
@media (max-width: 1024px) {
  footer .footer-btm .d-flex {
    flex-direction: column;
    gap: 1.25rem;
  }

  footer .footer-btm .col-md-9,
  footer .footer-btm .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    text-align: left !important;
  }

  footer .footer-btm .smltxt,
  footer .footer-btm .copyright-txt {
    font-size: 12px;
    line-height: 1.55;
  }

  footer .footer-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin: 0;
    padding: 0;
  }

  footer .footer-social li {
    flex: 0 0 auto;
    margin: 0;
  }

  footer .footer-top.vt-footer-social-only .footer-social-wrap {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.25rem 0;
  }

  footer .footer-social .icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
  }

  footer .footer-social svg.lumia-icon {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px;
    max-height: 22px;
  }

  footer .subscribe-footer .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #pageContent .vt-stage {
    height: var(--h-m, 220px);
  }

  #pageContent .vt-overlay {
    padding: 12px 14px;
    max-width: min(90%, 320px);
  }

  #pageContent .vt-sub {
    font-size: 10px;
    letter-spacing: 0.05em;
  }

  #pageContent .vt-title {
    font-size: clamp(18px, 5.6vw, 26px);
    line-height: 1.12;
  }

  #pageContent .vt-desc {
    font-size: 12px;
    line-height: 1.35;
    margin: 0.3em 0 0.7em;
  }

  #pageContent .vt-btn {
    display: block;
    width: 100%;
    max-width: 168px;
    padding: 10px 14px;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-align: center;
    box-sizing: border-box;
  }

  #pageContent .vt-right .vt-overlay .vt-btn {
    margin-left: auto;
  }

  #pageContent .vt-left .vt-overlay .vt-btn {
    margin-right: auto;
  }

  #home_newsletter_signup {
    margin-left: 1rem;
    margin-right: 1rem;
    max-width: none;
  }
}

/* Footer — hide legacy WOWMD trust / fulfillment graphics */
footer a[href*="nutrafulfillment.uvdesk.com"],
footer .footer-reviews,
footer img[alt="Nutra Fulfillment"],
footer img[alt="BBB Accredited Business"],
footer img[alt="Secure SSL Encryption"],
footer a[href*="bbb.org/us/ut/west-jordan"] {
  display: none !important;
}

footer .col-md-3.text-center:has(.footer-reviews) {
  display: none !important;
}

@media (min-width: 768px) {
  footer .footer-btm .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Social icons — live VitaTherx profiles */
.footer-social a[data-vt-social-url],
.mobilemenu-social a[data-vt-social-url] {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}

.footer-social a[data-vt-social-url]:hover,
.mobilemenu-social a[data-vt-social-url]:hover {
  opacity: 0.85;
}

/* Legacy disabled placeholders (no data-vt-social-url) */
.footer-social a[aria-disabled="true"]:not([data-vt-social-url]),
.mobilemenu-social a[aria-disabled="true"]:not([data-vt-social-url]) {
  pointer-events: none;
  cursor: default;
  opacity: 0.55;
}

html.vt-dev-license-bypass .bs-modal-anchor,
html.vt-dev-license-bypass .modal-wrap:has(.bs-modal-anchor) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Static mirror: theme lazyload JS is absent — keep images visible once hydrated */
img.lazyload,
img.lazyloaded,
img[data-src],
.fade-up,
.fade-up.lazyloaded,
.fade-up:not(.lazyloaded) {
  opacity: 1 !important;
}

/* Theme web components are undefined without bundle-body.js */
product-card,
tab-slider {
  display: block;
  width: 100%;
}

/* POPULAR PRODUCTS — static mirror layout (all viewports; theme min-height was clipping cards) */
.template-index .product-tab-slider,
.template-index .product-tab-slider-skincare {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.product-tab-slider .tab-content-wrap,
.product-tab-slider .tab-content,
.product-tab-slider .card-categories,
.product-tab-slider-skincare .tab-content-skincare,
.product-tab-slider-skincare .card-categories {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

.product-tab-slider product-card.prd,
.product-tab-slider-skincare product-card.prd {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

.product-tab-slider .prd-image-wrap img,
.product-tab-slider-skincare .prd-image-wrap img,
.template-index .product-tab-slider .js-prd-img,
.template-index .product-tab-slider-skincare .js-prd-img {
  opacity: 1 !important;
  visibility: visible !important;
}

.product-tab-slider .tab-content:not(.active) {
  display: none !important;
}

.product-tab-slider .tab-content.active {
  display: block !important;
}

/* POPULAR PRODUCTS — mobile single-column stack */
@media (max-width: 1024px) {
  .product-tab-slider .card-categories > .col,
  .product-tab-slider-skincare .card-categories > .col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 1.25rem;
  }

  .product-tab-slider product-card.prd,
  .product-tab-slider-skincare product-card.prd {
    margin-bottom: 0 !important;
    padding-bottom: 0.75rem !important;
  }

  .product-tab-slider .prd-hover {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}
.daily-wellness ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 20px;
  max-width: max-content;
  margin: 0 auto;
  padding: 0;
}

.daily-wellness ul li {
  list-style: none;
}

.daily-wellness ul li img {
  display: block;
  width: 106px;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .daily-wellness ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .daily-wellness ul li img {
    width: 88px;
  }
}

/* Homepage — static mirror (theme scroll/swiper JS may be absent) */
#pageContent .show-on-scroll,
#pageContent .show-on-scroll.is-visible {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.template-index smart-row,
.template-index swiper-carousel {
  display: block;
  width: 100%;
  max-width: 100%;
}

.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g .holder,
.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .holder {
  display: block !important;
  visibility: visible !important;
  overflow: visible !important;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa swiper-carousel,
.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prws-grid,
.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .swiper-container {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  height: auto !important;
  overflow: visible !important;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw--full .row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw-img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--global-radius, 8px);
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw-img img {
  display: block !important;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  opacity: 1 !important;
  visibility: visible !important;
}

.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g smart-row.vtx-trending-bundles,
.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g .vtx-trending-bundles .prd-grid {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g .vtx-trending-bundles product-card,
.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g .vtx-trending-bundles .col {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.template-index #shopify-section-template--20664271012090__index_product_grid_VJAE4g .vtx-trending-bundles .prd-hover {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prws-grid,
.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .home-blog-grid {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  translate: none !important;
  height: auto !important;
  overflow: visible !important;
}

@media (min-width: 576px) {
  .template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .home-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (min-width: 992px) {
  .template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .home-blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
  }
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw-img {
  overflow: hidden;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw-img img {
  transition: transform 0.35s ease;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .post-prw-img:hover img {
  transform: scale(1.05);
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .swiper-slide {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  flex-shrink: 0;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .swiper-pagination,
.template-index #shopify-section-template--20664271012090__index_blog_posts_38DUAa .swiper-arrows-carousel {
  display: none !important;
}

/* Horizontal showcase: inner carousel scrolls; parent must not widen the page */
@media (max-width: 767px) {
  #shopify-section-horizontal_showcase_cRNzNf .xrelative.xw-screen {
    width: 100%;
    max-width: 100%;
  }
}

/* Mobile drawer menu — VitaTherx static mirror */
#dropdnMenuTabPopup .vt-mobile-menu {
  height: 100%;
  overflow-y: auto;
  padding: 8px 26px 32px;
  color: var(--text-color, #24302f);
  background: #fff;
}

#dropdnMenuTabPopup .vt-mobile-menu a {
  color: var(--text-color, #24302f);
  text-decoration: none;
}

#dropdnMenuTabPopup .vt-mobile-menu__view-all {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin-bottom: 6px;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.04em;
}

#dropdnMenuTabPopup .vt-mobile-menu details {
  border-top: 1px solid var(--decor-border-middle-color, #cdd8e1);
}

#dropdnMenuTabPopup .vt-mobile-menu details:last-child {
  border-bottom: 1px solid var(--decor-border-middle-color, #cdd8e1);
}

#dropdnMenuTabPopup .vt-mobile-menu summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  cursor: pointer;
  color: var(--text-color, #24302f);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  list-style: none;
  text-transform: uppercase;
}

#dropdnMenuTabPopup .vt-mobile-menu summary::-webkit-details-marker {
  display: none;
}

#dropdnMenuTabPopup .vt-mobile-menu summary::after {
  content: "+" !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

#dropdnMenuTabPopup .vt-mobile-menu details[open] > summary::after {
  content: "-" !important;
}

#dropdnMenuTabPopup .vt-mobile-menu__group {
  padding: 0 0 18px;
}

#dropdnMenuTabPopup .vt-mobile-menu__heading {
  margin: 14px 0 8px;
  color: var(--text-color-secondary, #666);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#dropdnMenuTabPopup .vt-mobile-menu__links {
  display: grid;
  grid-template-columns: 1fr;
}

#dropdnMenuTabPopup .vt-mobile-menu__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  border-top: 1px solid rgba(205, 216, 225, 0.62);
  font-size: 14px;
  font-weight: 600;
}

#dropdnMenuTabPopup .vt-mobile-menu__links a::after {
  content: "›" !important;
  color: var(--custom-color, #42cf8b);
  font-size: 18px;
  line-height: 1;
}

#dropdnMenuTabPopup .vt-mobile-menu__cta {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

#dropdnMenuTabPopup .vt-mobile-menu__cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: 100%;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Desktop mega menu — static mirror fallback */
@media (min-width: 1025px) {
  faq-section {
    display: block;
  }

  #vt-section-header .hdr-wrap {
    position: relative;
    z-index: 10040;
  }

  /* Anchor dropdown panels to the header bar, not the full wrap */
  #vt-section-header .hdr-content {
    position: relative !important;
    z-index: 1;
    padding-bottom: 0 !important;
  }

  /* Kill the grey rule under the menu bar.
     The theme already intends this to be invisible (.hdr-wrap .hdr sets
     border-bottom-color: transparent), but an index-page override
     (--header-index-border-color) repaints it #cdd8e1. That 1px line sat 5px
     above the header's true bottom -- JS pins min-height to 86px while the bar
     itself is 81px -- so it read as a line with a thin strip beneath it.
     Colour only, not `border: none`: keeping the 1px preserves the height JS
     measured, so nothing shifts. With the line gone the 5px is the same cream
     as the bar and disappears into it. */
  #vt-section-header .hdr,
  #vt-section-header .hdr-content-sticky.border-divided {
    border-bottom-color: transparent !important;
  }

  #vt-section-header .hdr-nav {
    position: static;
  }

  .hdr-nav .menu-list > li.drp-btn {
    position: static !important;
  }

  /* Remove row cell bottom padding (inline theme style adds 8px buffer) */
  #vt-section-header .hdr-content > .container > .row > * {
    padding-bottom: 0 !important;
  }

  .hdr-nav .menu-list > li.drp-btn > faq-section,
  .hdr-nav .menu-list > li.drp-btn > .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.dropdown-click > .product-tab-menu {
    display: none;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 10050;
    background: #fff;
    /* Green accent rule removed -- the panel now meets the header cleanly.
       The !important is kept so the theme's orange 2px border on
       .product-tab-menu (custom-style.css) cannot reintroduce a line here. */
    border-top: none !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    transform: none !important;
  }

  /* Theme custom-style.css pins .product-tab-menu at top:79px with orange border */
  .hdr-nav .menu-list > li.drp-btn > faq-section .product-tab-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    border-top: none !important;
    /* The theme leaves 35px of empty panel below the last link row, which
       reads as a dead strip at the bottom of the mega menu. Closed up so the
       panel ends at the content. Top padding is kept -- that gap separates the
       links from the header and is doing real work. */
    padding-bottom: 0 !important;
    /* The theme also puts its own tight, dark drop shadow here
       (rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px).
       Stacked under the soft shadow on the faq-section wrapper it rendered as
       a hard line at the panel edge with a second faint band beneath it. One
       shadow only -- the wrapper's. */
    box-shadow: none !important;
  }

  .hdr-nav .menu-list > li.drp-btn:hover .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.vtx-menu-open .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.is-opened .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.opened .product-tab-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hdr-nav .menu-list > li.drp-btn:hover > faq-section,
  .hdr-nav .menu-list > li.drp-btn:hover > .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.vtx-menu-open > faq-section,
  .hdr-nav .menu-list > li.drp-btn.vtx-menu-open > .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.vtx-menu-open.dropdown-click > .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.is-opened > faq-section,
  .hdr-nav .menu-list > li.drp-btn.is-opened > .product-tab-menu,
  .hdr-nav .menu-list > li.drp-btn.opened > faq-section,
  .hdr-nav .menu-list > li.drp-btn.opened > .product-tab-menu {
    display: block;
    border-top-color: var(--vt-brand-green, var(--custom-color, #42cf8b)) !important;
  }

  .hdr-nav .menu-list > li.drp-btn > a:hover,
  .hdr-nav .menu-list > li.drp-btn.vtx-menu-open > a {
    background: var(--vt-nav-hover, rgba(46, 207, 119, 0.08));
  }

  .hdr-nav .product-tab-menu {
    padding: 1.25rem 0 1.75rem;
    margin-top: 0 !important;
    border-top-color: var(--vt-brand-green, var(--custom-color, #42cf8b)) !important;
  }

  .hdr-nav .product-tab-link-block.d-grid {
    display: grid;
    grid-template-columns: 18% 82%;
    gap: 0;
    align-items: start;
  }

  .hdr-nav .faq-tab-content {
    display: none !important;
  }

  .hdr-nav .faq-tab-content.opened {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    width: 100% !important;
  }

  .hdr-nav .js-tab-faq li.is-current > a {
    background: var(--submenu-list-link-hover-bg, #f4f0da);
    border-radius: 10px;
  }

  /* Selected tab was showing TWO highlights stacked: the soft cream pill on the
     <a> above, plus a hard black block the theme paints on the inner span
     (.menu-list .product-tab-link-block .tabs-click li.is-current span:first-child
     sets color:#fff; background:#000). Drop the black one and let the text
     inherit, so only the light pill remains. */
  .hdr-nav .menu-list .product-tab-link-block .tabs-click li.is-current span:first-child,
  .hdr-nav .js-tab-faq li.is-current > a > span:first-child {
    background: transparent !important;
    color: inherit !important;
  }

  /* The link columns hung 22px below the tab column, so the panel had a dip
     along its top edge instead of a clean line. The theme pushes them down with
     margin-top: 40px, while the tab column only drops 18px (10px on the grid
     cell + 8px on the list). Matching that 18px puts the first link row level
     with the first tab. */
  .hdr-nav .menu-list .product-tab-box .product-grid-col,
  .hdr-nav .menu-list .product-tab-box .grid-col-four {
    margin-top: 18px !important;
  }

  /* WOWMD-style nav chevrons + mega-menu tab layout (appearance only) */
  .hdr-nav .menu-list > li.drp-btn > a {
    display: inline-flex;
    align-items: center;
  }

  .hdr-nav .menu-list > li.drp-btn > a .main-nav-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
  }

  /* WOWMD theme draws an expanding underline on hover — disable to prevent nav shift */
  .hdr-nav .menu-list > li.drp-btn > a .main-nav-item::after,
  .hdr-nav .menu-list > li.drp-btn > a:hover .main-nav-item::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
  }

  .hdr-nav .menu-list > li.drp-btn > a .main-nav-item .arrow,
  .hdr-nav .product-tab-link-block .tabs-click a[data-tab] .arrow {
    display: inline-block;
    flex: 0 0 auto;
    width: 12px;
    height: 7px;
    margin: 0;
    border: 0;
    background: url(/assets/theme/wowmd/header-arrow.d66721136d.webp) no-repeat 0 0;
    background-size: 12px 7px;
    vertical-align: middle;
    position: static;
    transform: rotate(-90deg);
  }

  .hdr-nav .product-tab-link-block > div:first-child {
    padding: 10px 14px 10px 8px;
  }

  .hdr-nav .product-tab-link-block .tabs-click {
    margin: 0;
    padding: 8px 0;
  }

  .hdr-nav .product-tab-link-block .tabs-click li {
    margin: 0 0 6px;
  }

  .hdr-nav .product-tab-link-block .tabs-click a[data-tab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 13px 16px;
    border-radius: 10px;
  }

  .hdr-nav .product-tab-link-block .tabs-click a[data-tab] > span:first-child {
    display: inline-flex;
    align-items: center;
    line-height: 1.25;
  }

  .hdr-nav .product-tab-link-block .tabs-click a[data-tab] .arrow {
    margin: 0 0 0 8px;
    transform: rotate(-90deg);
  }

  .hdr-nav .vt-ingredient-menu {
    --vt-green: #0f5f3e;
    --vt-green-dark: #08442c;
    --vt-green-soft: #e8f4ee;
    --vt-border: #cfe4d8;
    width: 100%;
    padding: 8px 4px 16px;
  }

  .hdr-nav .vt-ingredient-alpha {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 24px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--vt-border);
  }

  .hdr-nav .vt-ingredient-alpha a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    border: 1px solid var(--vt-green);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--vt-green);
    background: var(--vt-green-soft);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
  }

  .hdr-nav .vt-ingredient-alpha a:hover,
  .hdr-nav .vt-ingredient-alpha a:focus-visible {
    background: var(--vt-green);
    border-color: var(--vt-green-dark);
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
    outline: none;
  }

  .hdr-nav .vt-ingredient-groups {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 48px;
    row-gap: 30px;
    max-height: 455px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 18px 6px 0;
    scrollbar-width: thin;
    scrollbar-color: var(--vt-green) var(--vt-green-soft);
  }

  .hdr-nav .vt-ingredient-groups::-webkit-scrollbar {
    width: 9px;
  }

  .hdr-nav .vt-ingredient-groups::-webkit-scrollbar-track {
    background: var(--vt-green-soft);
    border-radius: 999px;
  }

  .hdr-nav .vt-ingredient-groups::-webkit-scrollbar-thumb {
    background: var(--vt-green);
    border: 2px solid var(--vt-green-soft);
    border-radius: 999px;
  }

  .hdr-nav .vt-ingredient-groups::-webkit-scrollbar-thumb:hover {
    background: var(--vt-green-dark);
  }

  .hdr-nav .vt-ingredient-group {
    padding-right: 6px;
  }

  .hdr-nav .vt-ingredient-group h3 {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 800;
    color: var(--vt-green);
    letter-spacing: 0.02em;
  }

  .hdr-nav .vt-ingredient-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hdr-nav .vt-ingredient-group li {
    margin: 0 0 11px;
    padding: 0;
  }

  .hdr-nav .vt-ingredient-group a {
    color: #171717;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
  }

  .hdr-nav .vt-ingredient-group a:hover {
    color: var(--vt-green);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* Mega menu product grids — match reference homepage (By Benefits / New Products / Best Sellers) */
  .hdr-nav .product-tab-box {
    height: 540px;
  }

  .hdr-nav .product-grid-col {
    display: grid;
    grid-template-columns: 32% 32% 31%;
    margin: 40px auto 0;
    gap: 0 15px;
  }

  .hdr-nav .product-grid-col.grid-col-four {
    grid-template-columns: 24% 24% 24% 24%;
    overflow: hidden;
    overflow-y: auto;
    height: 438px;
  }

  .hdr-nav .product-tab-3 .product-grid-col.grid-col-four {
    gap: 20px 10px;
  }

  .hdr-nav .menu-list .product-tab-link-block .product-tab-2 .product-grid-col li {
    margin: 0;
    padding: 0 0 10px;
    border-right: 1px solid #c7c7c7;
  }

  .hdr-nav .product-grid-col li img {
    margin: 0 10px 0 0;
  }

  .hdr-nav .product-tab-menu .product-grid-col ul li a {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
  }

  .hdr-nav .list-product .menu-product-grid {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.1) 0 0 1px;
    padding: 10px 20px 20px;
  }

  .hdr-nav .menu-product-grid h3 {
    font-weight: 500;
    margin: 20px 0 5px;
    font-size: 16px;
  }
}

/* Footer social bar — match homepage on desktop article/listing pages */
footer .footer-top.vt-footer-social-only {
  background-color: var(--footer-global-bg, #000);
  color: var(--footer-global-color, #fff);
}

footer .footer-top.vt-footer-social-only .footer-social {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin: 0;
  padding: 0;
}

footer .footer-top.vt-footer-social-only .footer-social-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

footer .footer-top.vt-footer-social-only .footer-social .icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Article pages: footer social row beside newsletter — match homepage icon sizing */
footer .subscribe-footer .newsletterwrap .footer-social-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.25rem 0;
}

@media (min-width: 992px) {
  footer .subscribe-footer .newsletterwrap .footer-social-wrap {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-top: 0;
    justify-content: flex-end;
  }

  footer .subscribe-footer .newsletterwrap {
    row-gap: 0.5rem;
  }
}