/** Shopify CDN: Minification failed

Line 1253:17 Unexpected "("
Line 1454:0 Unexpected "}"
Line 1540:2 Expected identifier but found "."
Line 1662:4 Expected identifier but found "linear-gradient("

**/
.site-header {
  background: var(--color-background-header);
  color: var(--color-text-header);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 999;
  padding-top: calc(var(--header-vertical-space) / 2);
}
@media screen and (max-width: 1023px) {
  .site-header {
    padding-top: 0;
  }
}
.site-header--border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  max-width: calc(var(--theme-max-width) - var(--gutter-container) * 2);
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-borders-header);
  transition: all 175ms linear;
}
.html-password .site-header--border:after {
  background: var(--color-borders-main);
}
.site-header.site-header--absolute {
  position: absolute;
  width: 100%;
  background: transparent;
  transition: background 175ms linear;
}
.site-header.site-header--absolute .header-container {
  background: transparent;
}
.site-header.site-header--absolute:not(.site-header--absolute-show-border):after, .site-header.site-header--absolute:not(.site-header--absolute-show-border) .header__bottom--border:before {
  visibility: hidden;
  opacity: 0;
}
.site-header.site-header--absolute .logo-txt {
  transition: all 175ms linear;
}
.site-header.site-header--absolute .absolute-header-icon {
  position: absolute;
  opacity: 0;
  transition: opacity 175ms linear;
}
.site-header.site-header--absolute .absolute-header-icon + img {
  transition: opacity 175ms linear;
}
@media screen and (min-width: 1024px) {
  .site-header.site-header--absolute:hover {
    background: var(--color-background-header);
  }
  .site-header.site-header--absolute:hover .logo-txt {
    color: var(--color-text-header) !important;
  }
  .site-header.site-header--absolute:hover:after, .site-header.site-header--absolute:hover .header__bottom--border:before {
    visibility: visible;
    opacity: 1;
    background: var(--color-borders-header) !important;
  }
  .site-header.site-header--absolute:hover .absolute-header-icon {
    opacity: 1;
  }
  .site-header.site-header--absolute:hover .absolute-header-icon + img {
    opacity: 0;
  }
}
.site-header .button__icon:not(.button__icon--special) svg path,
.site-header .button__icon:not(.button__icon--special) svg circle {
  fill: var(--color-text-header);
  stroke: var(--color-text-header);
}
.site-header .button__icon--special {
  transition: none !important;
}
.site-header .button__icon--special svg * {
  stroke: var(--color-text-header);
  stroke-width: 0.25rem;
}
.site-header .mobile-menu-button svg path {
  fill: var(--color-text-header);
}
.site-header .logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.site-header .logo-img {
  display: inline-flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .site-header .logo-img--desk-only {
    display: none;
  }
}
.site-header .logo-img--mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .site-header .logo-img--mobile {
    display: block;
  }
}
.site-header .logo-txt {
  font-family: var(--font-stack-body-primary);
  font-weight: var(--font-weight-body-primary);
  font-style: var(--font-style-body-primary);
  margin: 0;
  word-break: break-word;
  color: var(--color-text-header);
  line-height: 1;
}
@media screen and (max-width: 474px) {
  .site-header .logo-txt {
    font-size: calc(20px / 16 * var(--base-body-primary-size) + 0px);
  }
}
@media screen and (min-width: 475px) and (max-width: 1023px) {
  .site-header .logo-txt {
    font-size: calc(22px / 16 * var(--base-body-primary-size) + 0px);
  }
}
@media screen and (min-width: 1024px) {
  .site-header .logo-txt {
    font-size: calc(24px / 16 * var(--base-body-primary-size) + 0px);
  }
}
@media screen and (min-width: 768px) {
  .site-header .logo-txt {
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .site-header .logo-txt--desk-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .site-header .logo-txt--mobile-only {
    display: none;
  }
}
.site-header .logo-txt--hidden {
  display: none;
}
.site-header h1 {
  margin-bottom: 0;
  line-height: 0;
  font-size: 0;
}
.site-header a {
  color: var(--color-text-header);
}

.site-header {
  font-size: calc(16px / 16px * 16px + 0px);
  font-weight: var(--font-weight-menu);
}
.site-header .button {
  border-width: 1px;
  border-color: var(--color-text-header);
  color: var(--color-text-header);
}
.site-header .button--solid {
  background-color: var(--color-text-header);
  border-color: var(--color-text-header);
  color: var(--color-foreground-header);
}
.no-touchevents .site-header .button:not(.button--outline-hover):hover {
  background-color: var(--color-text-header);
  border-color: var(--color-text-header);
  color: var(--color-foreground-header);
}
.no-touchevents .site-header .button:not(.button--outline-hover):hover svg * {
  stroke: var(--color-foreground-header);
}
.no-touchevents .site-header .button--outline-hover:not(.button--no-hover):hover {
  border-color: var(--color-text-header);
}
.no-touchevents .site-header .button--outline-hover:not(.button--no-hover):hover span {
  color: var(--color-text-header);
}
.no-touchevents .site-header .button--outline-hover:not(.button--no-hover):hover svg * {
  stroke: var(--color-text-header);
}

.header-container {
  position: relative;
}
.site-header-container .header-container .button--icon.button--outline svg * {
  fill: var(--color-text-header);
  stroke: none !important;
}
.site-header-container .header-container .button--icon.button--solid svg * {
  fill: var(--color-foreground-header);
}
.header-container--top {
  z-index: 11;
  border-bottom: 0;
}
.header-container--bottom {
  z-index: 10;
}

.search-active .sticky-header {
  display: none;
}

.header__top {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  display: grid;
  align-items: center;
  margin: 0 -0.625rem;
}
.header__top.header__top--logo-left {
  margin-inline-start: 0;
}
@media screen and (max-width: 767px) {
  .header__top {
    margin-inline-end: 0;
  }
  .header__top.header__top--logo-center {
    margin-inline-start: -0.3125rem;
  }
}
@media screen and (min-width: 1921px) {
  .site-header--style-one-row .header__top.header__top--logo-center.site-header--menu-classic {
    margin-inline-start: 0;
  }
}
.header__top .icon-button {
  margin: 0 0.625rem;
}
@media screen and (max-width: 1023px) {
  .header__top .icon-button {
    margin: 0 0.375rem;
  }
}
@media screen and (max-width: 767px) {
  .header__top.active .area--cart,
  .header__top.active .area--custom-icon,
  .header__top.active .area--logo,
  .header__top.active .area--menu {
    opacity: 0;
  }
}
.header__top--logo-center {
  grid-template-columns: repeat(2, minmax(max-content, 0)) auto repeat(2, minmax(max-content, 0));
  grid-template-areas: "search custom-icon logo account cart";
}
@media screen and (max-width: 1023px) {
  .header__top--logo-center {
    grid-template-columns: repeat(2, minmax(max-content, 0)) auto repeat(2, minmax(max-content, 0));
    grid-template-areas: "search custom-icon logo cart menu";
  }
}
.header__top--logo-center.no-custom-link {
  grid-template-columns: minmax(max-content, 0) auto repeat(2, minmax(max-content, 0));
  grid-template-areas: "search logo account cart";
}
@media screen and (max-width: 1023px) {
  .header__top--logo-center.no-custom-link {
    grid-template-columns: minmax(max-content, 0) auto repeat(2, minmax(max-content, 0));
    grid-template-areas: "search logo cart menu";
  }
}
.header__top--logo-center .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__top--logo-center .area--logo {
  grid-area: none !important;
  justify-self: center !important;
}
.header__top .area--logo {
  grid-area: logo;
  justify-self: start;
  display: flex;
}
.header__top .area--search {
  grid-area: search;
}
.header__top .area--account {
  grid-area: account;
  justify-self: end;
}
@media screen and (max-width: 1023px) {
  .header__top .area--account {
    display: none;
  }
}
.header__top .area--custom-icon {
  grid-area: custom-icon;
  justify-self: end;
}
.header__top .area--cart {
  grid-area: cart;
  justify-self: end;
}
.header__top .area--cart .button__icon {
  margin-inline-end: 0.3125rem;
}
.header__top .area--menu {
  grid-area: menu;
  justify-self: end;
}

.icon-button {
  position: relative;
  display: inline-block;
  z-index: 11;
  height: 25px;
  z-index: 99;
  cursor: pointer;
}
.icon-button.hide {
  display: none;
}
.icon-button--text-inline {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}
.icon-button--text-inline .icon-button__text {
  font-weight: var(--font-weight-body-primary);
}
html[lang=ko] .icon-button--text-inline .icon-button__text, html[lang=ja] .icon-button--text-inline .icon-button__text {
  writing-mode: vertical-lr;
}
@media screen and (max-width: 1023px) {
  .icon-button--text-inline .icon-button__text {
    display: none;
  }
}
.icon-button--text-inline .icon-button__text.text-animation--underline-in-header {
  background-image: linear-gradient(to right, var(--color-text-header), var(--color-text-header));
  margin-top: 0.1875rem;
}
.no-touchevents .icon-button--text-inline:hover .text-animation--underline-in-header {
  background-size: 100% 1px;
}
.icon-button--text-tooltip {
  position: relative;
  z-index: 11;
}
.icon-button--text-tooltip .icon-button__text {
  font-size: calc(11px / 16 * var(--base-body-primary-size) + 0px);
  opacity: 0;
  white-space: nowrap;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translate(-50%, -10px);
  background: var(--color-text-header);
  color: var(--color-foreground-header);
  padding: 0 0.25rem;
  margin-top: -0.125rem;
  border-radius: clamp(0px, var(--border-radius-buttons), 3px);
  font-weight: var(--font-weight-body-primary);
  transition: all 250ms ease;
}
.search-active .icon-button--text-tooltip .icon-button__text {
  visibility: hidden;
  transition: all 0ms;
}
@media screen and (max-width: 1023px) {
  .icon-button--text-tooltip .icon-button__text {
    display: none;
  }
}
.icon-button--text-tooltip .icon-button__text:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: var(--color-text-header);
  border-width: 0.3125rem;
  margin-inline-start: -0.3125rem;
}
.no-touchevents .icon-button--text-tooltip:hover .icon-button__text {
  transform: translate(-50%, 0px);
  opacity: 1;
}
.icon-button__label {
  font-size: 0.625rem;
  font-weight: var(--font-weight-body-primary);
  position: absolute;
  top: 0;
  left: 12.5px;
  background-color: var(--color-text-header);
  z-index: 9;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-foreground-header);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0, -35%);
  transition: all 175ms linear;
}
html[dir=rtl] .icon-button__label {
  right: -12.5px;
}
.icon-button .button__icon {
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  position: relative;
  z-index: 100;
  font-size: 0;
  transition: all ease 550ms;
  cursor: pointer;
}
html[dir=rtl] .icon-button .button__icon {
  right: 0;
}
html[dir=ltr] .icon-button .button__icon {
  left: 0;
}
.icon-button .button__icon:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .icon-button .button__icon:after {
    width: calc(100% + 15px);
    height: calc(100% + 15px);
  }
}
.icon-button .button__icon svg {
  width: 25px;
  height: 25px;
}
.icon-button .button__icon svg * {
  transition: all 175ms linear;
}
.icon-button .button__icon img {
  max-width: 100%;
  max-height: 100%;
}

.header__bottom {
  padding-bottom: calc(var(--header-vertical-space) / 2);
}
.header__bottom--border {
  padding-top: calc(var(--header-vertical-space) / 2);
}
.header__bottom--border:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  max-width: calc(var(--theme-max-width) - var(--gutter-container) * 2);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-borders-header);
  transition: all 175ms linear;
}
.html-password .header__bottom--border:before {
  background: var(--color-borders-main);
}
.show .header__bottom {
  padding-top: calc(var(--header-vertical-space) / 2);
}
.header__bottom .site-menu-handle {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.header__bottom.show-mobile-menu .site-menu-handle {
  visibility: visible;
  pointer-events: all;
}
.header__bottom.show-mobile-menu .site-nav.style--classic {
  visibility: hidden;
  pointer-events: none;
}

.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

search-form {
  display: block;
  position: relative;
}

.site-nav:focus {
  outline: none;
}
.site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav a {
  display: inline-block;
}
.site-nav .icon {
  margin-inline-start: 0.625rem;
}
.site-nav.style--classic .icon {
  display: flex;
}
.site-nav.style--classic {
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--color-text-header);
}
.site-header--alignment-left .site-nav.style--classic {
  justify-content: start;
}
.site-nav.style--classic .icon svg * {
  fill: var(--color-text-header);
  transition: all 175ms linear;
}
.site-nav.style--classic a {
  color: var(--color-text-header);
}
.no-touchevents .site-nav.style--classic a:hover span:not(.pps) {
  color: var(--color-text-header);
}
.no-touchevents .site-nav.style--classic a:hover span:not(.pps) + .icon svg * {
  fill: var(--color-text-header);
}
.site-nav.style--classic nav > ul {
  display: flex;
  flex-wrap: wrap;
  margin-inline-start: -1.25rem;
}
@media screen and (max-width: 1920px) {
  .site-nav.style--classic nav > ul {
    margin-inline-start: -0.625rem;
  }
}
@media screen and (min-width: 1281px) {
  .site-header--alignment-left .site-nav.style--classic nav > ul {
    margin-inline-start: -1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .site-header--alignment-left .site-nav.style--classic nav > ul {
    margin-inline-start: -0.9375rem;
  }
}
.site-nav.style--classic nav > ul > li {
  flex-shrink: 0;
}
.site-nav.style--classic nav > ul > li > .menu-link {
  outline-offset: -0.3125rem;
}
.site-nav.style--classic li {
  display: inline-block;
  margin: 0;
}
.site-nav.style--classic .menu-link {
  line-height: 1;
  color: var(--color-text-header);
  position: relative;
  padding: 0.9375rem 1.25rem;
  cursor: pointer;
  z-index: 9;
  display: inline-flex;
}
.site-nav.style--classic .menu-link--is-icon {
  position: relative;
  padding: 0.8125rem 1.25rem !important;
  width: 3.4375rem;
}
.site-nav.style--classic .menu-link--is-icon svg {
  width: 1.125rem;
  height: 1.125rem;
}
@media screen and (max-width: 1280px) {
  .site-nav.style--classic .menu-link {
    padding: 0.9375rem 0.9375rem;
  }
}
.site-nav.style--classic .menu-link:not(.menu-link--is-icon) {
  align-items: center;
}
.site-nav.style--classic .submenu {
  background: transparent;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 100ms linear 40ms, visibility 100ms linear 40ms;
  padding-top: calc(var(--header-vertical-space) / 2);
  margin-top: -0.0625rem;
  z-index: 10;
}
.site-header--style-one-row .site-nav.style--classic .submenu {
  top: calc(var(--header-logo) + var(--header-vertical-space) / 2 + 0.1875rem);
}
.site-nav.style--classic .submenu:after {
  content: "";
  position: absolute;
  top: calc(var(--header-vertical-space) / 2 + 1px);
  width: 100%;
  height: 0;
  background: var(--color-background-header);
  z-index: 0;
  transition: height 100ms ease-in-out 40ms;
}
html[dir=rtl] .site-nav.style--classic .submenu:after {
  right: 0;
}
html[dir=ltr] .site-nav.style--classic .submenu:after {
  left: 0;
}
.site-header--style-one-row .site-nav.style--classic .submenu:after {
  top: calc(var(--header-vertical-space) / 2 - 2px);
}
.site-nav.style--classic .submenu .submenu-holder {
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: 80ms linear;
  z-index: 1;
  position: relative;
}
.site-nav.style--classic .submenu.normal-menu:after, .site-nav.style--classic .submenu.normal-menu .babymenu {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px -1px, rgba(0, 0, 0, 0.15) 0px 2px 6px -2px, rgba(0, 0, 0, 0.1) 0px 11px 28px -4px;
}
.site-nav.style--classic .submenu.mega-menu:after {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px -1px, rgba(0, 0, 0, 0.15) 0px 2px 6px -2px, rgba(0, 0, 0, 0.1) 0px 11px 28px -4px;
  clip-path: polygon(0 0%, 100% 0%, 100% calc(100% + 40px), 0% calc(100% + 40px));
}
.no-touchevents .site-nav.style--classic .has-submenu:hover .submenu,
.site-nav.style--classic .has-submenu.focus .submenu,
.site-nav.style--classic .submenu-is-mega-menu.focus .submenu {
  z-index: 99;
  opacity: 1;
  visibility: visible;
  transition: opacity 10ms linear, visibility 10ms linear;
}
.no-touchevents .site-nav.style--classic .has-submenu:hover .submenu:after,
.site-nav.style--classic .has-submenu.focus .submenu:after,
.site-nav.style--classic .submenu-is-mega-menu.focus .submenu:after {
  height: calc(100% - var(--header-vertical-space) / 2);
  transition: height 140ms ease-in-out;
}
.no-touchevents .site-nav.style--classic .has-submenu:hover .submenu .submenu-holder,
.site-nav.style--classic .has-submenu.focus .submenu .submenu-holder,
.site-nav.style--classic .submenu-is-mega-menu.focus .submenu .submenu-holder {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: 120ms linear 80ms;
}
.site-nav.style--classic .submenu.normal-menu {
  margin-inline-start: -0.625rem;
  width: max-content;
  min-width: 9.375rem;
  max-width: 22.5rem;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder {
  padding: 1.25rem 0;
  min-width: 9.375rem;
  margin-top: -1px;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder > li {
  display: block;
  position: relative;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder .menu-link {
  padding: 0.625rem 1.875rem;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder .icon {
  position: relative;
  transform: rotate(-90deg);
  display: inline-block;
}
.site-nav.style--classic .submenu.normal-menu .submenu-holder .icon svg {
  transform: scale(0.95);
}
.site-nav.style--classic .submenu.normal-menu .babymenu {
  position: absolute;
  display: block;
  top: -1.25rem;
  background: var(--color-background-header);
  width: max-content;
  min-width: 9.375rem;
  max-width: 22.5rem;
  padding: 1.1875rem 0;
  opacity: 0;
  margin-inline-start: -1px;
  margin-top: 0;
  visibility: hidden;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 101%);
  transition: opacity 100ms linear 40ms, visibility 100ms linear 40ms, clip-path 100ms ease-in-out 40ms;
}
html[dir=rtl] .site-nav.style--classic .submenu.normal-menu .babymenu {
  right: 100%;
}
html[dir=ltr] .site-nav.style--classic .submenu.normal-menu .babymenu {
  left: 100%;
}
html[dir=rtl] .site-nav.style--classic .submenu.normal-menu .babymenu {
  border-right: 1px solid var(--color-borders-header);
}
html[dir=ltr] .site-nav.style--classic .submenu.normal-menu .babymenu {
  border-left: 1px solid var(--color-borders-header);
}
.site-nav.style--classic .submenu.normal-menu .babymenu li {
  opacity: 0;
  transform: translateY(5px);
  transition: 80ms linear;
}
.site-nav.style--classic .submenu.normal-menu .babymenu span {
  position: relative;
  top: -1px;
}
.no-touchevents .site-nav.style--classic .submenu.normal-menu .has-babymenu:hover .babymenu,
.site-nav.style--classic .submenu.normal-menu .has-babymenu.focus .babymenu {
  z-index: 99;
  opacity: 1;
  visibility: visible;
  clip-path: polygon(-20px 0, calc(100% + 20px) 0px, calc(100% + 20px) calc(100% + 20px), -20px calc(100% + 20px));
  transition: opacity 10ms linear, visibility 10ms linear, clip-path 140ms ease-in-out;
}
.no-touchevents .site-nav.style--classic .submenu.normal-menu .has-babymenu:hover .babymenu li,
.site-nav.style--classic .submenu.normal-menu .has-babymenu.focus .babymenu li {
  opacity: 1;
  transform: translateY(0);
  transition: 120ms linear 80ms;
}
.site-nav.style--classic .submenu.normal-menu .babymenu-faux {
  display: none;
}
.site-nav.style--classic .submenu.normal-menu .has-babymenu a {
  display: flex;
}
.site-nav.style--classic .submenu.mega-menu {
  width: 100%;
  padding: 3.75rem 0 5.625rem;
  display: none;
}
html[dir=rtl] .site-nav.style--classic .submenu.mega-menu {
  right: 0;
}
html[dir=ltr] .site-nav.style--classic .submenu.mega-menu {
  left: 0;
}
body.header-loaded .site-nav.style--classic .submenu.mega-menu {
  display: flex;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry {
  display: grid;
  grid-gap: 1.875rem;
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.column-size--fourth {
  grid-template-columns: repeat(3, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.column-size--fourth.column-size--both {
  grid-template-columns: repeat(2, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.column-size--third {
  grid-template-columns: repeat(2, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.column-size--third.column-size--both {
  grid-template-columns: repeat(1, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.without-promotion.column-size--fourth {
  grid-template-columns: repeat(4, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry.without-promotion.column-size--third {
  grid-template-columns: repeat(3, 1fr);
}
.site-nav.style--classic .submenu.mega-menu .submenu-masonry > .mega-link > .menu-link,
.site-nav.style--classic .submenu.mega-menu .mega-link.has-promotion > .menu-link {
  margin-bottom: 0.9375rem;
  display: block;
}
.site-nav.style--classic .submenu.mega-menu .mega-link.has-promotion {
  padding: 0 !important;
  width: 100%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder {
  display: grid;
  grid-gap: 1.875rem;
  width: 100%;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder--promotion-width-fourth {
  grid-template-columns: 3fr 1fr;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder--promotion-width-fourth.submenu-holder--promotion-both {
  grid-template-columns: 2fr 1fr 1fr;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder--promotion-width-third {
  grid-template-columns: 2fr 1fr;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder--promotion-width-third.submenu-holder--promotion-both {
  grid-template-columns: 1fr 1fr 1fr;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder:not(.container--large) {
  margin-bottom: -1.875rem;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .mega-link {
  padding: 0;
  position: relative;
}
.site-nav.style--classic .submenu.mega-menu .submenu-holder .mega-link > .menu-link {
  padding: 0;
  margin: 0;
}
.site-nav.style--classic .submenu.mega-menu .icon {
  display: none;
}
.site-nav.style--classic .submenu.mega-menu .menu-link {
  line-height: 1;
  font-weight: var(--font-weight-body-primary-bold);
  text-transform: none;
  padding: 0;
}
.site-nav.style--classic .submenu.mega-menu .babymenu {
  margin-top: 0.5rem;
}
.site-nav.style--classic .submenu.mega-menu .babymenu li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.site-nav.style--classic .submenu.mega-menu .babymenu .menu-link {
  font-weight: var(--font-weight-body-primary);
  padding: 6px 10px;
  margin-inline-start: -10px;
  line-height: 1.2;
}
.site-nav.style--classic .submenu.mega-menu .has-babymenu > .menu-link {
  color: var(--color-text-header) !important;
}
.site-nav.style--classic .babymenu li {
  display: block;
  margin: 0;
  line-height: 1;
}
.site-nav.style--classic .babymenu .menu-link {
  padding: 0;
}

.menu-promotion {
  width: 100%;
  position: relative;
  font-weight: var(--font-weight-body-primary);
}
html[dir=rtl] .menu-promotion {
  text-align: right;
}
html[dir=ltr] .menu-promotion {
  text-align: left;
}
.menu-promotion-background-image {
  width: 100%;
  height: auto;
}
.menu-promotion-background-image svg {
  padding-top: 100%;
}
.menu-promotion a.menu-promotion-background-image {
  overflow: hidden;
}
.menu-promotion a.menu-promotion-background-image img {
  transition: opacity 350ms, transform 175ms linear !important;
}
.no-touchevents .menu-promotion a.menu-promotion-background-image:hover img {
  transform: scale(1.05);
}
.no-touchevents .menu-promotion .rte a:hover {
  color: var(--color-text-header);
}

.header-container.fix {
  position: fixed;
  padding: 0;
  top: 0 !important;
  transform: translateY(-100%);
  transition: none !important;
  width: 100%;
  background: var(--color-background-header);
}
.header-container.fix.ready {
  transition: left 500ms ease-in-out, transform 100ms linear !important;
}
@media screen and (max-width: 767px) {
  .header-container.fix.ready {
    transition: left 300ms ease-in-out, transform 100ms linear !important;
  }
}
.header-container.fix.animate {
  transform: translateY(0);
}
.header-container.fix .logo-img {
  max-height: 40px !important;
}
.header-container.fix .header__top {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --header-logo: 20px;
}

@media screen and (max-width: 1023px) {
  .site-header .mobile-menu-button {
    order: 0;
  }
  .site-header .mobile-menu-button svg path {
    fill: var(--color-text-header);
  }
  .site-header .logo {
    order: 1;
    flex: auto;
    text-align: center;
    justify-content: center;
  }
  .site-header.site-header--alignment-left .logo,
  .site-header .header__top--logo-left .logo {
    text-align: left;
  }
  .site-header .mobile-menu-button {
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .hide-border-on-portable {
    border-bottom: 0;
  }
  .no-header-blocks {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .site-header .mobile-menu-button {
    order: 0;
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .site-header .mobile-menu-button svg path {
    fill: var(--color-text-header);
  }
  .site-header .logo {
    order: 1;
    flex: auto;
    text-align: center;
    justify-content: center;
  }
  .hide-border-on-lap {
    border-bottom: 0;
  }
  .no-header-blocks {
    display: none;
  }
  .header__top--logo-center .mobile-menu-button {
    margin-inline-end: 0.1875rem !important;
    margin-inline-start: 0;
  }
}
.button--solid .circle {
  fill: var(--color-foreground-header);
}

.no-touchevents .button--solid:hover .circle {
  fill: var(--color-foreground-header);
}

@media screen and (max-width: 1023px) {
  .header-container--top {
    order: 0;
  }
}
.sticky-header {
  padding-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  background: var(--color-background-header);
  color: var(--color-text-header);
  z-index: 999;
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
html[dir=rtl] .sticky-header {
  right: 0;
}
html[dir=ltr] .sticky-header {
  left: 0;
}
@media screen and (max-width: 1023px) {
  .sticky-header {
    padding-top: 0;
  }
}
.sticky-header.site-header--style-one-row {
  --header-vertical-space: 45px;
}
@media screen and (max-width: 1023px) {
  .sticky-header.site-header--style-one-row {
    --header-vertical-space: 30px;
  }
}
.sticky-header .submenu.mega-menu {
  padding-top: 2.5rem !important;
}
.sticky-header:after {
  display: none;
}
.sticky-header .site-nav.style--classic {
  justify-content: flex-start;
}
.sticky-header:not(.site-header--style-one-row) .mega-menu {
  margin-inline-start: 0 !important;
}
.sticky-header:not(.site-header--style-one-row) .mega-menu .submenu-masonry {
  transform: 0;
}
.sticky-header.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: transform 200ms linear;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.06);
  border-bottom: none;
}
.sticky-header .header__bottom {
  border-bottom: 0;
  position: initial;
  min-height: 5.3125rem;
}
@media screen and (max-width: 1023px) {
  .sticky-header .header__top {
    display: grid;
  }
}
.sticky-header .header__top img + img {
  display: none;
}
.sticky-header .icon-button__text {
  display: none;
}
.sticky-header:not(.site-header--alignment-left):not(.site-header--style-one-row).submenu {
  margin-top: 0 !important;
}
.sticky-header:not(.site-header--alignment-left):not(.site-header--style-one-row).submenu.mega-menu {
  margin-inline-start: 0 !important;
}

.mega-menu__footer {
  width: 100%;
  padding-top: var(--gutter-regular);
}
.mega-menu .product-price {
  font-weight: var(--font-weight-body-primary);
}

.site-header--password {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: row;
}
.site-header--password .logo-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .site-header--password {
    flex-direction: column;
    align-items: center;
  }
}

.modal-login-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 1;
  justify-self: end;
}
@media screen and (max-width: 767px) {
  .modal-login-cta {
    margin-top: var(--gutter-regular);
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }
}

.site-header--style-one-row {
  padding-top: 0;
}
.site-header--style-one-row .header-container--bottom {
  display: none;
}
.site-header--style-one-row .header__top .area--account {
  display: none;
}
.site-header--style-one-row .mobile-menu-button {
  display: flex;
}
.site-header--style-one-row .header__top--logo-left {
  grid-template-areas: "logo custom-icon search cart menu" !important;
  grid-template-columns: minmax(max-content, auto) repeat(4, minmax(max-content, 0)) !important;
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.site-header--menu-classic {
    grid-template-areas: "logo menu-classic custom-icon account search cart" !important;
    grid-template-columns: minmax(max-content, auto) repeat(5, minmax(max-content, 0)) !important;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.site-header--menu-classic .area--account {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.site-header--menu-classic .mobile-menu-button {
    display: none;
  }
}
.site-header--style-one-row .header__top--logo-center {
  grid-template-columns: repeat(2, minmax(max-content, 0)) auto repeat(3, minmax(max-content, 0));
  grid-template-areas: "menu custom-icon logo account cart search";
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.site-header--menu-classic {
    grid-template-columns: repeat(2, minmax(max-content, 0)) auto repeat(3, minmax(max-content, 0));
    grid-template-areas: "menu-classic custom-icon logo account cart search";
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.site-header--menu-classic .area--account {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.site-header--menu-classic .mobile-menu-button {
    display: none;
  }
}
.site-header--style-one-row .header__top--logo-center.no-custom-link {
  grid-template-columns: minmax(max-content, 0) auto repeat(2, minmax(max-content, 0));
  grid-template-areas: "menu logo cart search";
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.no-custom-link.site-header--menu-classic {
    grid-template-columns: minmax(max-content, 0) auto repeat(3, minmax(max-content, 0));
    grid-template-areas: "menu-classic logo account cart search";
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.no-custom-link.site-header--menu-classic .area--account {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-center.no-custom-link.site-header--menu-classic .mobile-menu-button {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.no-custom-link.site-header--menu-classic {
    grid-template-columns: minmax(max-content, auto) repeat(4, minmax(max-content, 0)) !important;
    grid-template-areas: "logo menu-classic account cart search" !important;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.no-custom-link.site-header--menu-classic .area--account {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .site-header--style-one-row .header__top--logo-left.no-custom-link.site-header--menu-classic .mobile-menu-button {
    display: none;
  }
}

.area--menu-classic {
  grid-area: menu-classic;
}
@media screen and (max-width: 767px) {
  .area--menu-classic {
    display: none;
  }
}


/* farhan css start here */

@media screen and (min-width: 768px) {
.header-container--top {
    position: absolute;
    width: 100%;
    background: transparent;
    transition: background 175ms 
linear;
    margin-top: -100px;
}

div#element-template--24347236204708__rich_text_ifeyjr {
    height: 750px;
}
.container--has-background {
    padding-top: 9px;
    padding-bottom: var(--container-vertical-space);
}

media screen and (min-width: 768px) {
 
  
  .header-container--top {
        position: absolute;
        width: 100%;
        background: rgba(26, 26, 26, 1);
        transition: background 175ms 
linear;
       
    }
    body:not(.template-blog,.template-product)

 {
    background: #ffffff !important;
    color: #fff !important;
}
}
}


div#shopify-section-template--24347236204708__08fe8a9a-81d1-4985-a645-91618a9727c3 {
    margin-bottom: -199px;
    
}

   scrolling-text#element-sections--24347236925604__marquee_3mHyzk

 {
    margin-bottom: -47px;
}

.section-heading__text.remove-empty-space {
    margin-top: 55px !important;
}




@media screen and (min-width: 768px) {
    #shopify-section-sections--24347236925604__header .header-container--top {
        position: absolute;
        width: 100%;
        background: #000000 !important;
        transition: background 175ms 
linear;
        margin-top: -100px;
    }
}



#product-template--24347236728996__main .product-gallery-item img, #product-template--24347236728996__main .product-gallery-item iframe, #product-template--24347236728996__main .product-gallery-item video {
    border: 1px solid #eef1f200 !important;
}

nav.breadcrumb {
    display: none !important;
}

.rich-text__container.rich-text__container--image-top.rich-text__container--fullwidth {
    display: none;
    /* margin-top: 36px; */
    /* padding-top: 10px; */
}

@media screen and (min-width: 1024px) {
    .collection-heading-container {
        margin-bottom: -1.25rem;
        margin-top: 17px;
    }
}

.facets__form--vertical .collection-filters__item.sorting {
    margin-bottom: 2.5rem;
    margin-top: 26px;
}

.testimonial__avatar-image+.testimonial__avatar-info span {
    text-align: left !important;
    font-size: 19px !important;
    font-weight: 500;
    margin-bottom: -19px !important;
}
.jdgm-histogram__bar-content {
    background-color: #AEAEAE !important;
}

.jdgm-write-rev-link {
    color: white;
    background-color: #090a0a !important;
    background-color: #080808 !important;
    border: none;
}

.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow {
    color:rgb(13, 14, 14);
    color: #000000 !important;
}

.jdgm-rev__author {
    color: #108474;
    color: #020202 !important;
}

.jdgm-rev__icon:before {
    color:rgb(13, 14, 13);
    color: #000000 !important;
}

span.jdgm-prev-badge__text {
    color: black !important;
}
.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after, .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge {
    color: white;
    background-color: #1a1a19;
}

.jdgm-paginate__page {
    display: inline-block;
    padding: 4px 8px;
    width: 32px;
    vertical-align: middle;
    line-height: 1;
    cursor: pointer;
    color: #108474;
    color: #000000 !important;
}

input#qty-template--24355921559716__main {
    border: 1px solid;
}


sidebar-drawer#site-cart-sidebar {
    background: black !important;
}

.sidebar__header {
    background: black !important;
}

input#updates_50765466927268 {
    color: black !important;
}

.sidebar__footer.hide-if-empty-cart {
    background: black !important;
}

#CheckOut

 {
    color: #000000 !important;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    color: var(--jdgm-write-review-text-color, #fff);
    background-color: #108474;
    background-color: var(--jdgm-write-review-bg-color, var(--jdgm-primary-color));
    border: 2px solid #000000;
    border-color: #060606 !important;
}

.loop-subscription-group-discount-badge {
    color: #fff9f9 !important;
    background-color: #000000 !important;
    border-radius: 1.2em !important;
    line-height: 1.2em !important;
    font-size: 0.9em !important;
    font-weight: 400 !important;
}

p.p1 {
    font-family: Aeronaut !important;
}

.loop-one-time-purchase-option-radio {
    accent-color: #020201 !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.loop-subscription-group-radio {
    accent-color: #0d0c0c !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
}





    #shopify-section-sections--20512995672312__header .header-container--top {
        position: absolute;
        width: 100%;
        background: #000000 !important;
        transition: background 175ms 
linear;
        margin-top: -100px;
    }
}

span.product__subtitle.rte a {
    color: black !important;
}

p.text-size--large.text-weight--bold {
    color: #000000 !important;
}

.text-with-icon {
    position: relative;
    color: #000000 !important;
    display: inline-flex
;
    align-items: center;
    margin-inline-end: 1.25rem;
}

span.text-with-icon__icon svg {
    
    background: black !important;
}


@media only screen and (max-width: 600px) {
 div#header-top {
    margin-top: 20px !important;
}

/* marquee text */

#element-sections--20512995672312__marquee_3mHyzk {
    --animation-speed: 30s;
    background: #ffffff;
    padding-top: 6px !important;
}


}
@media screen and(max-width:999px){
  #shopify-section-sections--20512995672312__header .header-container--top {
    position: absolute;
    width: 100%;
    background: #000000 !important;
    transition: background 175ms 
linear;
    margin-top: -96px !important;
}
}



div#shopify-section-sections--20512995672312__marquee_3mHyzk {
    height: 93px !important;
}

@media screen and (min-width: 768px) {
    #shopify-section-sections--20512995672312__header .header-container--top {
        position: absolute;
        width: 100%;
        background: #121111;
        transition: background 175ms 
linear;
        margin-top: -59px !important;
    }
}

.jdgm-rev__title, .jdgm-rev__body>p, .jdgm-rev__reply-content>p {
    margin-bottom: 8px;
    color: black !important;
}

@media only screen and (max-width: 600px) {
  div#shopify-section-sections--20512995672312__marquee_3mHyzk

 {
    margin-bottom: 7px !important;
}



}
@media only screen and (min-width: 600px) {
  .div#shopify-section-sections--20512995672312__marquee_3mHyzk {
    margin-bottom: -6px !important;
}..}

/* marquee end */


/* blogs - */
@media screen and (min-width: 1023px) {
.container--compact {
    margin: 0 auto;
    width: 100% !important;
    max-width: 100%;
    padding-top: 30px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
div#blog-posts-template--20512994558200__main .grid-2

 {
    --visible-cols: 3 !important;
}
}


h2.heading-size--small.text-font--heading.gutter-bottom--small

 {
    font-size: 27px;
}


/* contact us page */


div#shopify-section-template--20512995082488__contact_form_3TRCBY {
    background: url(/cdn/shop/files/Untitled_design_29.png?v=1759781819);
    /* background: #00000033; */
    padding-top: 139px !important;
    padding-bottom: 122px !important;
    background-size: cover;
    width: 100%;
}

.contact-form__info

 {
    background: black;
    font-size: 21px;
    
    width: 332px;
}
@media only screen and (min-width: 600px) {
  .contact-form__info

 {
    background: black;
    font-size: 21px;
    margin-left: 177px;
    width: 332px;
}
}
form#contact-template--20512995082488__contact_form_3TRCBY {
    margin-left: 52px;
}


@media screen and (max-width: 474px) {
    .contact-form__info {
        margin-left: 36px;
    }

    form#contact-template--20512995082488__contact_form_3TRCBY

 {
    margin-left: 6px;
}
}

button.add-to-cart.button.button--solid.button--product.button--loader.button--move {
    width: 100%;
    border-radius: 1px;
}

button#modalBtn {
    width: 100%;
    border-radius: 1px;
}

span.button__text {
    color: white ;
}
#CheckOut span.button__text {
    color: black  !important;
}

.cart-form__items .gutter-top--regular span.button__text {
    color: black !important;
}

input#CartPage-Discount , #CartPage-Note

 {
    color: black;
}

input#updates_46844008038648 {
    color: black;
}
@media only screen and (min-width: 600px){
.essential_countdown_annoucement_bar_wrapper.countdown_annoucement_bar_wrapper_cmgiih1cc003zpcj9ge77ll6g {
    position: relative;
    font-family: Aeronaut;
    z-index: 1;
    display: flex !important
;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px;
    column-gap: 26px;
    row-gap: 10px;
    border-bottom: #c5c8d1 solid 0px;
    linear-gradient(rgb(19 16 16 / 64%), rgba(255, 255, 255, 0.2))
}
.essential_countdown_annoucement_bar_wrapper div img {
  background:linear-gradient(rgb(21 19 19 / 20%), rgba(255, 255, 255, 0.2));
  width: 100%;
  height:100%;
}


p.countdown_annoucement_bar_title_cmgiih1cc003zpcj9ge77ll6g.h2 {
    font-family: Aeronaut ;
    font-weight: 500;
    font-size: 27px;
    color: #ffffff;
    margin: 0;
    padding-top: 71px;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    padding-bottom: 8px;
}
button.countdown_annoucement_bar_close_button_cmgi5shsh00fic4temsi4mc3h {
    display: none;
}
.countdown_annoucement_bar_subheading_cmgi5shsh00fic4temsi4mc3h {
    font-family: Aeronaut ;
    font-size: 30px;
    color: #ffffff;
    line-height: 1.2;
    letter-spacing: normal;
   padding-bottom:20px;
    margin: 0;
}
p.countdown_annoucement_bar_subheading_cmgi5shsh00fic4temsi4mc3h {
    text-align: center;
}
.countdown_wrapper_cmgi5shsh00fic4temsi4mc3h.essential_countdown_timer.notranslate {
    display: none;
}

}

p.countdown_annoucement_bar_subheading_cmgi5shsh00fic4temsi4mc3h {
    font-size: 26px;
}

.usp-icon-text img {
    width: 29px;
    height: 29px;
}


/* banner mobile view */

@media (max-width: 430px) {
    .countdown_annoucement_bar_wrapper_cmgi5shsh00fic4temsi4mc3h {
        justify-items: center;
        text-align: center;
        padding: -7px -45px;
    }
    .essential_countdown_annoucement_bar_wrapper.countdown_annoucement_bar_wrapper_cmgi5shsh00fic4temsi4mc3h div {
    height: 126% !important;
}
}






/* payment icon  */

p.vtl-pl-main-widget__title {
    display: none;
}
#bundle-payment_logos {
    clear: both;
    margin-bottom: -4px;
    margin-top: -21px;
    
}


div#vitals-stock-urgency {
    margin-top: 5px;
}

 @media screen and (min-width:600px){
  #bundle-payment_logos {
    
    padding-left: 47px;
}
 }
/* usp */
.usp-section {
    display: flex
;
    flex-direction: row-gap !important;
    gap: 20px;
    margin-top: -38px !important;
    align-items: flex-start;
}

/* vital */
.vtl-rv-main-widget {
    display: none;
}

/* banner sales */
p.countdown_annoucement_bar_title_cmgi5shsh00fic4temsi4mc3h.h2 {
    font-weight: 700;
}

p.countdown_annoucement_bar_subheading_cmgi5shsh00fic4temsi4mc3h {
    font-size: 26px;
    font-weight: 700 !important;
}

/* collapsible css */
span.toggle__title {
    background:#ffffff !important;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 21px;
    border: 1px solid;
    border-color: #0000001f;
    font-weight: 400;
    text-transform: capitalize;
}

.toggle__title .toggle__icon svg *

 {
    transition: all .1s 
linear;
    fill: #000000;
}

span.button__text

 {
    color: white !important;
}

/* collapsible */

.toggle__content {
    color: black;
    padding-top:10px;
    padding-left: 14px;
}
span.toggle__title {
    color: black;
}
span.toggle__title {
    background: #ffffff;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 14px;
    border: 1px solid;
    border-color: #0000001f;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 4px;
    text-align: center;
}

container--vertical-space-small {
    margin-top: 150px !important;
}


.toggle__title span.toggle__icon--plus svg

 {
    filter: invert(1);
}

.toggle__title .toggle__icon--minus svg{
  filter: invert(1);
}
div#toggle--collapsible_tab_HJrCyC {
    padding-left: 13px;
}
input#qty-template--20544670859512__main {
    background: white;
    color: black !important;
}



/* bannner */
@media (min-width: 600px){
p.countdown_annoucement_bar_title_cmgi5shsh00fic4temsi4mc3h.h2

 {
    padding-top: 20px;
    padding-top: 45px;
}

p.countdown_annoucement_bar_subheading_cmgi5shsh00fic4temsi4mc3h {
    padding-bottom: 45px !important;
}
}


.usp-section

 {
    display: flex
;
    flex-direction: column !important;
    gap: 20px;
    margin-top: 20px;
    align-items: flex-start;
}

/* ungecy counter css */
div#stock-kt3 img {
    display: none !important;
}
/* end */
/* banner */
/* Default (tablet & desktop) */
p.countdown_annoucement_bar_title_cmgi5shsh00fic4temsi4mc3h.h2 {
  font-weight: 800;
  line-height: 1.2;
  padding-bottom: 10px;
  font-size: 36px !important;
  text-align: center;
  word-break: break-word;
  margin: 0 auto;
  max-width: 90%;
}

/* Mobile only (below 600px) */
@media (max-width: 600px) {
  p.countdown_annoucement_bar_title_cmgi5shsh00fic4temsi4mc3h.h2 {
    font-size: 22px !important; /* smaller text for mobile */
    line-height: 1.15;
    padding-bottom: 6px;
    max-width: 95%; /* keeps text centered nicely */
  }
}


/* banner end */




/* counter stock */
div#timer-kt3 img

 {
    display: none;
}

div#shopify-section-template--20544670826744__175778216948b5eafe {
    margin-top: -128px;
}
/* farhan css end here */

#shopify-section-template--20544670826744__fb_hero_text_hfEaMr h1.fb-hero__title {
    font-size: 27px;
    font-family: Aeronaut;
    font-weight: 500;
}

div#toggle--collapsible_tab_xTQXKE {
    padding-left: 16px;
}

.text-purple-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255) !important;
}

.text-purple-primary {
    --tw-text-opacity: 1;
    color: rgb(84 51 235 / var(--tw-text-opacity));
    display: none !important;
}

.metafield-rich_text_field {
    color: black;
}
.jdgm-rev-widg__summary

 {
    color: black !important;
}
h2.jdgm-rev-widg__title {
    color: black;
}

text#element-sections--20512995672312__marquee_3mHyzk {
    height: 41px !important;
    margin-bottom: -97px !important;
}

div#shopify-section-template--20544670826744__main .container.container--large.container--vertical-space-small{
  padding-top:80px !important;
}

product-image-zoom.product-gallery-item__zoom svg {
    filter: invert(1);
}
span.zoom__exit svg {
    filter: invert(1);
}

product-page#product-template--20544670859512__main .product-custom-liquid{
  margin-top: -10px;
}

product-template--20544670826744__main .product-text .product-custom-liquid{
  
    margin-top: 10px;
}

.sls-savings-badge{
  background: black !important;
}


/* quntity + product page css */
.product-quantity .qty-button.qty-plus svg {
    transform: translate(-.125rem);
   
    filter: invert(1) !important;
}
.product-quantity .qty-button.qty-minus svg

 {
    transform: translate(.125rem);
    filter: invert(1);
}
product-quantity.product-quantity.quantity-selector-holder.hide {
    max-width: 100px !important;
    border: 1px solid black !important;
}
@media screen and (max-width: 600px){
div#shopify-section-sections--20512995672312__marquee_3mHyzk {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}


div#shopify-section-sections--20512995672312__marquee_3mHyzk {
    height: 141px !important;
}


}
/* end */

@media screen and (min-width: 600px) {
    button[name="scout_callback_button"] {
        width: 609px !important;
        padding-bottom: 18px !important;
        padding-top: 18px !important;
        font-weight: 700;
                margin-top: -51px !important;
                        margin-bottom: 17px;
    }
    
}

@media screen and (max-width: 1023px) {
    button[name="scout_callback_button"] {
        width: 404px !important;
        padding-bottom: 18px !important;
        padding-top: 18px !important;
        font-weight: 700;
    }
}

input#raven_callback_phone_number
 {
    color: black;
}

/* Default — Desktop/Tablet (horizontal layout) */
.header-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap; /* allows wrapping when needed */
  text-align: center;
}

/* Image styling */
.stylist-photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

/* Info styling */
.stylist-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 1.3;
  text-align: left;
}

/* Text styles */
.stylist-title {
  font-family: 'Aeronaut', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.stylist-phone {
  font-family: 'Aeronaut', sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  font-size: 18px;
}

/* Hover */
.stylist-phone:hover {
  text-decoration: underline;
}

/* --- MOBILE FIX --- */
@media (max-width: 600px) {
  .header-inline {
    flex-direction: column; /* stack image and text */
    align-items: center;
    text-align: center;
  }

  .stylist-info {
    align-items: center; /* center the text under the image */
    text-align: center;
  }

  .stylist-photo {
    width: 70px; /* slightly larger on phones for clarity */
    height: 70px;
    margin-bottom: 8px;
  }

  .stylist-title {
    font-size: 15px;
  }

  .stylist-phone {
    font-size: 17px;
  }
}