/* ── Product page styles (moved from functions.php wp_head block) ── */

/* Stack quantity + button vertically so button can go full width */
.summary form.cart {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.summary form.cart .quantity {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Full-width pill button */
.summary form.cart .single_add_to_cart_button,
.summary .single_add_to_cart_button {
  width: 100% !important;
  background: var(--apw-accent, #111) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
  text-align: center;
  cursor: pointer;
  transition: opacity .15s ease;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  margin: 0 !important;
}

.summary form.cart .single_add_to_cart_button:hover {
  opacity: .82;
}

/* Delivery pill */
.csp-delivery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  padding: 13px 18px;
  border-radius: 50px;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  color: #0f172a;
  margin-top: 4px;
}

.csp-delivery .csp-icon {
  flex-shrink: 0;
  color: #0f172a;
}

/* Guarantee row */
.csp-guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  color: #656970;
  line-height: 1.5;
  margin-top: 4px;
}

.csp-guarantee p {
  margin: 0;
}

.csp-guarantee .csp-icon {
  flex-shrink: 0;
}

/* ── Variation swatches ── */
/* Hide native variations table + select + select2/chosen + clear link */
table.variations,
.variations select,
.variations .select2-container,
.variations .chosen-container,
.variations .reset_variations {
  display: none !important;
}

/* Full-width replacement block */

.product-gallery-slider img {
  border-radius: 20px;
}

.arro-var-block {
  margin-bottom: 14px;
}

.arro-sw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  width: 80px;
}

.arro-sw-img {
  width: 76px;
  height: 76px;
  border-radius: 14px;
  border: 2px solid #e5e7eb;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: border-color .15s, box-shadow .15s;
}

.arro-sw-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.arro-sw-lbl {
  font-size: 10px;
  font-weight: 600;
  color: #111;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 1.3;
}

/* Selected */
.arro-sw.arro-sw-sel .arro-sw-img {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1.5px #3b82f6;
}

.arro-sw.arro-sw-sel .arro-sw-lbl {
  color: #1d4ed8;
  font-weight: 700;
}

/* Unavailable — diagonal line overlay */
.arro-sw.arro-sw-na {
  opacity: .38;
  cursor: not-allowed;
}

.arro-sw.arro-sw-na .arro-sw-img::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140%;
  height: 2px;
  background: #888;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-radius: 1px;
}

/* ── ARRØ shared font system — used by all PDP templates ── */
@font-face {
  font-family: "title_bold";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-7700Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "title_semibold";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-5600Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "title_medium";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-5500Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "title_normal";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-4800Super.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "text_bold";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "text_medium";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "text_regular";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "text_light";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

:root {
  --font-title-bold: "title_bold";
  --font-title-semibold: "title_semibold";
  --font-title-medium: "title_medium";
  --font-title-normal: "title_normal";
  --font-text-bold: "text_bold";
  --font-text-medium: "text_medium";
  --font-text-regular: "text_regular";
  --font-text-light: "text_light";
}

/* ── Custom product price (hides WC range, shows our injected element) ── */
.summary .price,
.woocommerce-variation-price,
.summary .wcsatt-sub-options-price {
  display: none !important;
}

.arro-var-price {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0 12px;
  line-height: 1;
}

.arro-vp-amount,
.arro-vp-code {
  font-family: 'text_bold', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #111;
  line-height: 1.1;
}

@font-face {
  font-family: "title_bold";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-7700Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "title_semibold";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-5600Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "title_medium";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-5500Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "title_normal";
  src: url("/wp-content/themes/flatsome-child/fonts/TuskerGrotesk-4800Super.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "text_bold";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "text_medium";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "text_regular";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "text_light";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "text_thin";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Thin.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "text_air";
  src: url("/wp-content/themes/flatsome-child/fonts/Aeonik-Air.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

:root {
  --font-title-bold: "title_bold";
  --font-title-semibold: "title_semibold";
  --font-title-medium: "title_medium";
  --font-title-normal: "title_normal";
  --font-text-bold: "text_bold";
  --font-text-regular: "text_regular";
  --font-text-light: "text_light";
  --font-text-medium: "text_medium";
  --font-text-thin: "text_thin";
  --font-text-air: "text_air";
  --primary-bg: #00a1e9;
  --secondory-bg: #00a1e91a;
  --primary-color: #000000;
  --secondary-color: #ffffff;
  --sub-primary-color: #00a1e9;
  --sub-bg: #ffffff;
  --btn-bg: #00a1e9;
  --link-color: #ffffff;
  --black-slider: #000000;
}


.osr-section {
  margin-bottom: 50px;
}

/* announcementbar css start */

p.announcement-bar__message.h5 {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

/* announcementbar css end */

/* header css start */

.list-menu__item {
  font-size: 14px;
  line-height: 24px !important;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

svg.modal__toggle-open.icon.icon-search {
  color: #00a1e9;
}

.osr-menu-links-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.osr-menu-link {
  text-decoration: none;
  font-size: 14px;
  line-height: 24px !important;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

svg.icon.icon-account path,
svg.icon.icon-account {
  width: 2.5rem;
  height: 2.5rem;
  fill: #00a1e9;
}

.header__icon--cart path,
.header__icon--cart {
  height: 2.5rem;
  width: 2.5rem;
  fill: #00a1e9;
}

.icon.icon-hamburger path,
.icon.icon-hamburger {
  fill: #00a1e9;
}

.icon.icon-close,
.icon.icon-close path {
  fill: #00a1e9;
}

.header__icons {
  gap: 10px;
}

.header__icon .icon {
  height: 2.5rem;
  width: 2.5rem;
}

.header__icon,
.header__icon--cart .icon {
  height: 2.5rem;
  width: 2.5rem;
}

.special_Link {
  display: none;
}

@media only screen and (min-width: 989px) {

  .list-menu.list-menu--inline li #HeaderMenu-blog,
  .list-menu.list-menu--inline li #HeaderMenu-contact,
  .list-menu.list-menu--inline li #HeaderMenu-wholesale {
    display: none;
  }
}

@media only screen and (max-width: 989px) {
  .osr-menu-links-wrap {
    display: none;
  }
}

@media only screen and (max-width: 767px) {

  .header__icon.header__icon--account.small-hide,
  .header__icon.header__icon--search {
    display: flex !important;
  }
}

/* header css end */

/* footer css start */

footer.footer {
  background: var(--primary-bg);
}

.footer__blocks-wrapper.grid {
  column-gap: 0;
}

.osr-footer-newsletter-title {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  padding-bottom: 15px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field:before,
.osr-footer-newsletter-wrap .field:after {
  display: none;
}

.osr-footer-newsletter-wrap .field__label {
  display: none;
}

.osr-footer-newsletter-wrap .field::placeholder,
.osr-footer-newsletter-wrap .field__input::placeholder {
  opacity: 1;
  font-size: 16px;
  line-height: 20px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field__input,
.osr-footer-newsletter-wrap .field__input:focus {
  box-shadow: none;
  outline: none;
  padding: 10px 20px;
  border-radius: 40px;
  border: 1px solid #ffffff;
  background: transparent;
}

.osr-footer-newsletter-wrap .field__input {
  font-size: 16px;
  line-height: 20px;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-footer-newsletter-wrap .field__button {
  position: relative;
  padding: 15px 30px;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff !important;
  border-radius: 40px;
  width: fit-content;
  font-family: var(--font-text-regular);
  color: #00a1e9;
  display: flex;
  height: unset;
}

.osr-footer-newsletter-wrap .newsletter-form {
  margin: 0 0;
  max-width: 100%;
}

.osr-footer-newsletter-wrap .field {
  gap: 20px;
}

.osr-footer-newsletter-wrap .newsletter-form__field-wrapper {
  width: 100%;
  max-width: 500px;
}

.footer-block.grid__item:nth-of-type(1) {
  width: 50%;

}

.footer-block.grid__item:nth-of-type(2),
.footer-block.grid__item:nth-of-type(3),
.footer-block.grid__item:nth-of-type(4) {
  width: 16%;
  padding-left: 0px;
  /* border: 1px solid black; */
}

.footer-block__heading.inline-richtext {
  margin: 0;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
  padding-bottom: 15px;
}

.link.link--text.list-menu__item.list-menu__item--link {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.osr-footer-social-icons-block .list-social__item .icon {
  display: none;
}

.osr-footer-social-icons-block .list-social__item .visually-hidden {
  position: relative !important;
  overflow: unset;
  width: auto;
  height: auto;
  margin: unset;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.osr-footer-social-icons-block .list-social__item .link.list-social__link {
  text-decoration: none;
  padding: 0;
  padding-bottom: 0.5rem;
}

.osr-footer-social-icons-block .list-social {
  flex-direction: column;
}

.osr-footer-large-logo {
  padding: 0 5rem;
  width: 100%;
}

.footer__content-bottom {
  border-top: none !important;
}

.copyright__content a:hover,
small.copyright__content {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--secondary-color);
}

.copyright__content a:hover {
  color: var(--secondary-color) !important;
}

.footer__content-bottom-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.footer__content-bottom-wrapper .policies li:before {
  display: none;
}

.footer__content-bottom-wrapper .policies li {
  margin: 0 5px;
}

.footer .footer__content-top .footer-block--newsletter {
  display: none;
}

.list-social__item .icon {

  height: 3rem !important;
  width: 3rem !important;
}

@media only screen and (max-width: 1200px) {
  .footer-block.grid__item:nth-of-type(1) {
    width: 40%;
    padding-right: 20px;
  }

  .footer-block.grid__item:nth-of-type(2),
  .footer-block.grid__item:nth-of-type(3),
  .footer-block.grid__item:nth-of-type(4) {
    width: 20%;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-block.grid__item:nth-of-type(1) {
    width: 100%;
    padding-right: 0px;
  }

  .footer-block.grid__item:nth-of-type(2),
  .footer-block.grid__item:nth-of-type(3) {
    width: 50%;
  }

  .footer-block.grid__item:nth-of-type(4) {
    width: 100%;
  }

  .footer-block.grid__item {
    display: flex;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }

  .footer-block.grid__item.footer-block--menu {
    display: block;
  }

  .osr-footer-newsletter-wrap .newsletter-form__field-wrapper {
    margin-right: auto;
  }

  .osr-footer-newsletter-wrap {
    width: 100%;
  }

  .footer__blocks-wrapper.grid {
    display: flex !important;
  }

  .footer-block__details-content {
    margin-bottom: 0 !important;
  }

  .osr-footer-social-icons-wrap {
    width: 100%;
    text-align: center;
  }

  .osr-footer-social-icons-block .list-social {
    flex-direction: row;
    gap: 15px;
    justify-content: center !important;
  }

  .footer__content-top {
    padding-bottom: 0 !important;
  }

  .footer__content-top .grid {
    row-gap: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .footer-block__heading.inline-richtext {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 5px !important;
  }

  .footer-block__details-content .list-menu__item--link {
    padding-bottom: 5px !important;
    padding-top: 0px !important;
  }

  .footer__blocks-wrapper.grid {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 500px) {
  .osr-footer-newsletter-title br {
    display: none;
  }

  .osr-8144410116236 .footer-block.grid__item:nth-of-type(3) {
    padding-left: 25px;
  }
}

/* footer css end */

/* image banner css start */

.banner__text p {
  margin: 0;
  font-size: 28px;
  line-height: 38px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.banner__heading {
  font-size: 80px;
  line-height: 90px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.banner__buttons .button.button--secondary {
  font-size: 16px;
  line-height: 26px;
  border-radius: 40px;
  padding: 15px 40px;
  border: 1px solid #000000;
  background: #ffffff;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.banner__buttons .button.button--secondary:hover {
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--secondary-color);
}

.button:before,
.button:after {
  display: none;
}

.banner__box {
  width: auto !important;
  max-width: unset !important;
  min-width: unset !important;
}

.banner__content {
  justify-content: end !important;
}

@media only screen and (max-width: 767px) {
  .banner__box {
    text-align: left !important;
  }

  .banner__heading {
    font-size: 48px;
    line-height: 58px;
  }
}

/* image banner css end */

/* image with text css start */

.osr-image-with-text-block-main-image-content {
  font-size: 0;
}

.osr-image-with-text-block-main-image {
  width: 100%;
  height: 100%;
}

.osr-image-with-text-block-main-image-content {
  height: 100%;
  display: block;
}

.osr-image-with-text-block-main-image-content-mobile {
  display: none;
}

.osr-image-with-text-block-row {
  background: var(--primary-bg);
}

.osr-image-with-text-block-text-content {
  padding: 50px;
}

.osr-image-with-text-block-sub-title {
  margin: 0;
  font-size: 28px;
  line-height: 38px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
  padding-bottom: 20px;
}

.osr-image-with-text-block-main-title {
  margin: 0;
  font-size: 74px;
  line-height: 100px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
}

.osr-image-with-text-block-description {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

.osr-image-with-text-block-use-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 30px;
}

.osr-image-with-text-block-use-image {
  width: 100%;
  max-width: 46px;
}

.osr-image-with-text-block-use-heading-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.osr-image-with-text-block-use-description {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
  text-align: center;
}


/* image min-height controlled by row min-height above */

@media only screen and (max-width: 1650px) {
  .osr-image-with-text-block-text-content {
    padding: 20px;
  }

  .osr-image-with-text-block-main-title {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 20px;
  }

  .osr-image-with-text-block-description {
    font-size: 16px;
    line-height: 26px;
  }

  .osr-image-with-text-block-sub-title {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
  }

  .osr-image-with-text-block-use-wrap {
    gap: 10px;
    margin-top: 10px;
  }

  .osr-image-with-text-block-use-image {
    width: 100%;
    max-width: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-image-with-text-block-main-title {
    font-size: 36px;
    line-height: 46px;
  }

  .osr-image-with-text-block-description {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-image-with-text-block-sub-title {
    margin: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .osr-image-with-text-block-main-title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-with-text-block-main-image-content-mobile {
    display: block;
  }

  .osr-image-with-text-block-main-image-content-desktop {
    display: none;
  }

  .osr-image-with-text-block-text-content {
    padding: 40px 20px;
  }

  .osr-image-with-text-block-sub-title {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
  }

  .osr-image-with-text-block-main-title {
    font-size: 46px;
    line-height: 56px;
    text-align: center;
  }

  .osr-image-with-text-block-description {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .osr-image-with-text-block-use-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .osr-8144410116236 .osr-image-with-text-block-use-heading-block {
    margin-top: 15px;
  }

  .osr-8144410116236 .osr-image-with-text-block-btn-content {
    margin-top: 40px;
  }
}

/* image with text css end */

/* marquee logo slider css start */

.osr-marquee-logo-slider-inner {
  background: var(--secondory-bg);
  margin: 30px 20px;
  border-radius: 10px;
}

.osr-marquee-logo-slider {
  overflow: hidden;
}

.osr-marquee-logo-slide {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding: 20px 10px 20px 0;
}

.osr-marquee-logo-slider .swiper-slide {
  width: fit-content;
  display: flex;
  justify-content: center;
}

.osr-marquee-logo {
  width: 100%;
  max-width: 30px;
}

.osr-marquee-logo-text.osr-regular-text {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: #000000;
}

/* marquee logo slider css end */

/* marquee text slider css start */

.osr-marquee-text-slider {
  overflow: hidden;
}

.osr-marquee-text-slider-wrapper .swiper-slide {
  min-width: 100px;
  width: fit-content;
  display: flex;
  justify-content: center;
}

.osr-marquee-text-slider-inner {
  background: var(--primary-bg);
  padding: 15px 0;
}

.osr-marquee-text.osr-medium-text {
  font-size: 18px;
  line-height: 28px;
  color: var(--secondary-color);
  font-family: var(--font-title-medium);
}

.osr-marquee-text-slide {
  display: flex;
  justify-content: center;
}

/* marquee text slider css end */

/* osr zigzag css start */

.osr-zigzag-wrapper {
  background: var(--primary-bg);
  padding: 0;
  overflow: hidden;
}

.osr-zigzag-container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.osr-zigzag-inner {
  width: 100%;
}

/* Left text column: padding acts as the content breathing room */
.osr-zigzag-text-content {
  padding: 60px 50px;
}

.osr-zigzag-image-content {
  height: 100%;
  min-height: 500px;
}

.osr-zigzag-image {
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: contain;
  display: block;
}

.osr-zigzag-title {
  margin: 0;
  font-size: 60px;
  line-height: 68px;
  padding-bottom: 20px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-zigzag-btn {
  text-decoration: none;
  padding: 14px 30px;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  background: #ffffff;
  color: #00a1e9;
  border-radius: 40px;
  display: block;
  width: fit-content;
  margin: 20px 0;
}

.osr-zigzag-btn:hover {
  background: #000000;
  color: #ffffff;
}

.osr-zigzag-subtitle {
  margin: 0;
  padding: 10px 24px;
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
  text-align: center;
}

.osr-zigzag-btn-mobile {
  display: none;
}

@media (min-width: 768px) {

  /* Make the row stretch to full height so both columns fill equally */
  .osr-zigzag-wrapper .osr-row {
    align-items: stretch;
  }

  /* Text column: vertically center content */
  .osr-zigzag-wrapper .osr-col-lg-4,
  .osr-zigzag-wrapper .osr-col-md-5 {
    display: flex;
    align-items: center;
  }

  .osr-zigzag-text-content {
    width: 100%;
  }

  /* Image column: no padding, image fills full height */
  .osr-zigzag-wrapper .osr-col-lg-8,
  .osr-zigzag-wrapper .osr-col-md-7 {
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .osr-zigzag-image-content {
    flex: 1;
    display: flex;
  }

  .osr-zigzag-image {
    flex: 1;
  }

  .osr-zigzag-subtitle-content {
    background: var(--primary-bg);
  }
}

@media only screen and (max-width: 767px) {
  .osr-zigzag-btn-mobile {
    display: block;
  }

  .osr-zigzag-btn {
    margin: 20px auto 0 auto;
  }

  .osr-zigzag-btn-desktop {
    display: none;
  }

  .osr-zigzag-text-content {
    padding: 0px 20px 20px 20px;
    text-align: center;
  }

  .osr-zigzag-title {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    padding-bottom: 16px;
  }

  .osr-zigzag-title br {
    display: block;
  }

  .osr-zigzag-image {
    min-height: 280px;
  }

  .osr-zigzag-image-content {
    min-height: 280px;
  }

  .osr-zigzag-subtitle {
    text-align: center;
    padding: 10px 20px;
  }
}

/* osr zigzag css end */

/* osr product slider css start */

.osr-product-slider-section {
  padding: 60px 0;
  overflow: hidden;
}

.osr-product-slider-main-title {
  font-family: 'Assistant', sans-serif;
  font-size: clamp(32px, 5vw, 64px);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  color: #111;
  margin: 0 0 40px;
  letter-spacing: -1px;
}

/* Swiper container */
.osr-product-slider {
  overflow: visible !important;
  position: relative;
}

/* Card */

.osr-product-slide-inner {
  display: block;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 480px;
  text-decoration: none;
  cursor: pointer;
}

.osr-product-slide-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.osr-product-slide-inner:hover .osr-product-slide-image {
  transform: scale(1.04);
}

/* Bottom overlay */
.osr-product-slide-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 22px 22px;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.osr-product-slide-title {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  line-height: 1.2;
  margin-bottom: 10px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.osr-product-slide-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 10px;
}

.osr-product-slide-btn-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Non-active slides: faded + scaled down */
.swiper-slide.osr-product-slide {
  transition: transform 300ms ease, opacity 300ms ease;
  transform: scale(0.88);
  opacity: 0.55;
}

.swiper-slide.osr-product-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}

/* Navigation arrows: circle outline */
.osr-product-slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}

.osr-product-slider-navigation-left,
.osr-product-slider-navigation-right {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid #111;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  transition: background 0.2s;
}

.osr-product-slider-navigation-left:hover,
.osr-product-slider-navigation-right:hover {
  background: #111;
}

.osr-product-slider-navigation-left:hover svg,
.osr-product-slider-navigation-right:hover svg {
  fill: #fff;
}

.osr-product-slider-navigation-left svg,
.osr-product-slider-navigation-right svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .osr-product-slide-inner {
    height: 360px;
  }

  .osr-product-slider-main-title {
    font-size: 28px;
  }

  .osr-product-slide-title {
    font-size: 18px;
  }
}

/* osr product slider css end */

/* osr image with text slider css start */

.osr-image-with-text-slider-section-wraper {
  background: var(--secondory-bg);
}

.osr-8144410116236 .osr-marquee-text-slider-inner {
  background: var(--black-slider) !important;
}

.osr-8144410116236 .osr-image-box-main-title {
  padding-top: 70px;
  padding-bottom: 92px;
}

.osr-image-with-text-slider {
  overflow: hidden;
  position: relative;
}

.osr-image-with-text-slide-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.osr-image-with-text-slide-left {
  width: calc(30% - 50px);
}

.osr-image-with-text-slide-right {
  width: calc(70% - 50px);
  padding-right: 50px;
  padding-bottom: 50px;
  padding-top: 50px;
}

.osr-image-with-text-slide-image {
  width: 100%;
}

.osr-image-with-text-slide-sub-title {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 20px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.osr-image-with-text-slide-title {
  margin: 0;
  font-size: 38px;
  line-height: 48px;
  font-weight: 500;
  padding-bottom: 20px;
  color: var(--color-text-primary, #111);
  font-family: var(--font-text-medium);
}

.osr-image-with-text-slide-btn {
  text-decoration: none;
  text-align: center;
  display: block;
  width: fit-content;
  padding: 18px 36px 18px 36px;
  border-radius: 40px;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--btn-bg);
  color: var(--link-color);
}

.osr-image-with-text-slide-btn:hover {
  background: #000000;
  color: var(--link-color);
}

.osr-image-with-text-slider-navigation-left {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-image-with-text-slider-navigation-right {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.osr-image-with-text-slider-navigation-right svg,
.osr-image-with-text-slider-navigation-left svg {
  width: 20px;
}

.osr-image-with-text-slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .osr-image-with-text-slide-title {
    font-size: 26px;
    line-height: 36px;
  }

  .osr-8144410116236 .osr-image-box-main-title {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-with-text-slide-left {
    width: 100%;
  }

  .osr-image-with-text-slide-right {
    width: 100%;
    padding: 0;
  }

  .osr-image-with-text-slide-inner {
    gap: 0;
  }

  .osr-image-with-text-slide-sub-title {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }

  .osr-image-with-text-slide-title {
    text-align: center;
  }

  .osr-image-with-text-slide-btn {
    padding: 18px 28px;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto;
  }

  .osr-image-with-text-slide-inner {
    padding: 0 20px 50px 20px;
  }

  .osr-image-with-text-slider-navigation-left,
  .osr-image-with-text-slider-navigation-right {
    width: 36px;
    height: 36px;
  }

  .osr-8144410116236 .osr-image-box-main-title {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .osr-8144410116236 .osr-image-box-main-title {
    line-height: 45px;
  }
}

/* osr image with text slider css end */

/* osr featured collection css start */

.osr-featured-collection-slide-inner .jdgm-widget.jdgm-widget {
  display: block !important;
  text-align: center;
  padding-top: 10px;
}

.osr-featured-collection-slide-inner .jdgm-prev-badge[data-average-rating="0.00"] {
  display: flex !important;
  justify-content: center;
  gap: 10px;
}

.osr-featured-collection-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  font-family: var(--font-title-bold);
  color: var(--primary-color);
  padding-bottom: 30px;
  text-transform: uppercase;
}

.osr-featured-collection-tabs-content-inner {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.osr-featured-collection-tab {
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
  border: 1px solid #000000;
  border-radius: 40px;
}

.osr-featured-collection-tab.active {
  background: var(--btn-bg);
  border: 1px solid var(--btn-bg);
  color: var(--secondary-color);
}

.osr-featured-collection-tab:hover {
  border: 1px solid var(--primary-color);
  background: #000;
  color: var(--link-color);
}

.osr-featured-collection-tab:hover .osr-featured-collection-tab-logo {
  filter: invert(1);
}

.osr-featured-collection-tab.active .osr-featured-collection-tab-logo {
  filter: invert(1);
}

.osr-featured-collection-tab-logo {
  max-width: 26px;
}

.osr-featured-collection-tabs-content {
  margin-bottom: 30px;
}

.osr-featured-collection-slider {
  clip-path: inset(-100vw -100vw -100vw -17px);
}

.osr-featured-collection-product-link {
  width: 100%;
  display: block;
  text-decoration: none;
}

.osr-featured-collection-slider-product-image {
  width: 100%;
  border-radius: 20px;
}

.osr-featured-collection-wrapper-inner-content.hide {
  display: none;
}

.osr-featured-collection-wrapper-inner-content.show {
  display: block;
  overflow: hidden;
}

.osr-featured-collection-slide-image-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.osr-featured-collection-product-title {
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  padding: 15px 0;
}

.osr-featured-collection-slider-product-price-inner {
  margin: 0;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.osr-featured-collection-slide-inner .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.osr-featured-collection-slide-inner .quantity {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.osr-featured-collection-slide-inner .quantity:before,
.osr-featured-collection-slide-inner .quantity:after {
  display: none;
}

.osr-featured-collection-slide-inner .quantity-input {
  width: 20px;
  min-width: auto;
  max-width: unset;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
}

.osr-featured-collection-slide-inner .quantity-button {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.osr-featured-collection-slide-inner .quantity-input::-webkit-outer-spin-button,
.osr-featured-collection-slide-inner .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.osr-featured-collection-slide-inner .quantity-input[type="number"] {
  -moz-appearance: textfield;
}

.osr-featured-collection-slide-inner .btn.add-to-cart-btn {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 6px 20px;
  border-radius: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--link-color);
  cursor: pointer;
}

.osr-featured-collection-slide-inner .btn.add-to-cart-btn:hover {
  border: 1px solid var(--primary-color);
  background: #000000;
  color: var(--link-color);
}

.osr-featured-collection-view-btn {
  display: block;
  width: fit-content;
  text-align: center;
  margin: 40px auto 0 auto;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 30px;
  cursor: pointer;
  border-radius: 40px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.osr-featured-collection-view-btn:hover {
  border: 1px solid var(--primary-color);
  background: #000000;
  color: var(--link-color);
}

@media only screen and (max-width: 767px) {
  .osr-featured-collection-tabs-content-inner {
    overflow: auto;
    justify-content: unset;
  }

  .osr-featured-collection-tab {
    font-size: 12px;
    line-height: 22px;
    padding: 10px 15px;
    gap: 5px;
    min-width: 120px;
  }

  .osr-featured-collection-tab-logo {
    max-width: 15px;
  }

  .osr-featured-collection-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-featured-collection-product-title {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-featured-collection-slider-product-price-inner {
    font-size: 20px;
    line-height: 30px;
  }
}

/* osr featured collection css end */

/* Osr Product Information Start  */

span.swatch.swatch--square {
  margin: auto;
}

.product-form__input--swatch {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 10px;
}

@media (max-width: 1200px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 993px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .product-form__input--swatch {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 576px) {
  .product-form__input--swatch {
    display: flex;
    flex: wrap;
  }
}

/* Osr Product Information End  */

/* product Faq Start */
svg.icon.icon-question-mark {
  height: 7rem;
  width: 7rem;
  object-fit: fill;
}

.faq-text-content {
  border-bottom: 1px solid rgba(112, 112, 112, 1);
  border-top: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.faq-text-content:nth-child(1) {
  border-bottom: 1px solid rgba(112, 112, 112, 1);
  border-top: 1px solid rgba(112, 112, 112, 1);
  cursor: pointer;
}

.faq-heading-summary {
  font-weight: 600;
  margin: -0.5em -0.5em 0;
  padding: 5rem 0;
  list-style-type: "+";
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-text-content[open] {
  padding: 0 0 5rem 0;
}

.faq-heading-summary::marker {
  color: #0000ff;
  font-size: 1.2em;
  margin-right: 20px;
}

.faq-text-content .faq-heading-summary::after {
  content: "+";
  float: right;
  font-size: 3.4rem;
  color: black;
}

.faq-text-content[open] .faq-heading-summary::after {
  content: "-";
  float: right;
  font-size: 3.4rem;
  color: black;
}

.faq-heading {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 3rem;
  color: #000;
  font-family: Inter;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

p.faq-text-detail {
  padding: 0 9.5rem;
  margin: 0;
  line-height: 1.3;
  font-size: 20px;
}

.osr-8144410116236 .osr-container {
  padding-top: 55px;

}

.osr-8144410116236 .osr-faq-main-title-content {
  padding-bottom: 64px;
}

.osr-8144410116236 .osr-faq-title {
  font-size: 16px;
}

.osr-8144410116236 .osr-faq-description {
  font-size: 14px;
}

@media (max-width: 1200px) {
  h2.faq-main-heading {
    font-size: 50px;
    margin-bottom: 4rem;
  }

  p.faq-text-detail {
    padding: 0 8rem;
  }
}

@media (max-width: 993px) {
  p.faq-text-detail {
    padding: 0 7rem;
  }
}

@media (max-width: 767px) {
  h2.faq-main-heading {
    font-size: 36px;
    margin-bottom: 2rem;
    line-height: normal;
  }

  .faq-heading {
    font-size: 20px;
    gap: 1rem;
  }

  svg.icon.icon-question-mark {
    height: 4rem;
    width: 4rem;
  }

  summary.faq-heading-summary {
    padding: 3rem 0;
  }

  p.faq-text-detail {
    padding: 0 4rem;
    font-size: 16px;
  }

  .faq-text-content[open] {
    padding: 0 0 3rem 0;
  }
}

@media (max-width: 500px) {
  svg.icon.icon-question-mark {
    height: 5rem;
    width: 5rem;
  }

  .faq-heading {
    font-size: 18px;
  }

  summary.faq-heading-summary {
    padding: 2rem 0;
  }

  p.faq-text-detail {
    padding: 0 3rem;
    font-size: 14px;
  }

  .faq-text-content[open] {
    padding: 0 0 2rem 0;
  }
}

/* osr faq css end */

/* product Faq End */

/* osr featured product css start */

.osr-featured-product {
  width: 90%;
  margin: 0 auto 40px;
}

.osr-fp-img-link {
  display: block;
  text-decoration: none;
}

.osr-featured-product-image {
  width: 100%;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* Row layout shared by all info rows */
.osr-fp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
}

/* Row 1: Stars left + View product right */
.osr-fp-meta {
  align-items: center;
}

.osr-fp-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: nowrap;
}

.osr-fp-stars .osr-star {
  font-size: 16px;
  color: #ddd;
}

.osr-fp-stars .osr-star--on,
.osr-fp-stars .osr-star--half {
  color: #00a4e4;
}

.osr-fp-review-count {
  font-size: 13px;
  color: #666;
  margin-left: 4px;
  font-family: var(--font-text-medium);
  white-space: nowrap;
}

.osr-featured-product-view {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.45);
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  font-family: var(--font-text-medium);
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 12px;
}

.osr-featured-product-view:hover {
  color: #111;
}

/* Row 2: Title left + Price right */
.osr-fp-info {
  align-items: flex-start;
  margin-top: 8px;
}

.osr-featured-product-title {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
  color: #111;
  font-family: var(--font-text-medium);
  font-weight: 700;
  flex: 1;
}

.osr-featured-product-price {
  font-size: 22px;
  line-height: 32px;
  color: #111;
  font-family: var(--font-text-medium);
  font-weight: 700;
  flex-shrink: 0;
  margin-left: 12px;
  white-space: nowrap;
}

/* Row 3: Qty pill + Add to cart */
.osr-fp-actions {
  margin-top: 16px;
  width: 100%;
}

.osr-fp-form {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

/* Qty pill */
.osr-fp-qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 116px;
  height: 48px;
  border: 1.5px solid #bbb;
  border-radius: 50px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
}

.osr-fp-qty-btn {
  width: 38px !important;
  height: 48px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #111 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-text-medium) !important;
  flex-shrink: 0 !important;
}

.osr-fp-qty-input {
  width: 38px !important;
  flex: 0 0 38px !important;
  max-width: 38px !important;
  min-width: 0 !important;
  height: 44px !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 15px !important;
  text-align: center !important;
  color: #111 !important;
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--font-text-medium) !important;
}

.osr-fp-qty-input::-webkit-outer-spin-button,
.osr-fp-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.osr-fp-qty-input[type="number"] {
  -moz-appearance: textfield;
}

/* Add to cart button */
.osr-fp-atc {
  flex: 1 !important;
  height: 48px !important;
  background: #00a4e4 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: var(--font-text-medium) !important;
  cursor: pointer !important;
  text-align: center !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  line-height: 1 !important;
  transition: background 0.2s ease !important;
  white-space: nowrap !important;
}

.osr-fp-atc:hover {
  background: #0092cc !important;
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .osr-featured-product {
    width: 100%;
    margin-bottom: 32px;
  }

  .osr-featured-product-title {
    font-size: 20px;
    line-height: 28px;
  }

  .osr-featured-product-price {
    font-size: 18px;
    line-height: 28px;
  }

  .osr-fp-form {
    gap: 10px;
  }
}

/* osr featured product css end */

/* osr image with text 2 css start */

.osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-use-description {
  font-size: 20px;
  line-height: 30px;
}

.osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-use-wrap {
  flex-direction: column;
  margin-top: 0;
}

.osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-use-heading-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.osr-image-with-text-block-btn {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--sub-bg);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  width: fit-content;
  padding: 15px 30px;
  border-radius: 40px;
  margin-top: 40px;
}

.osr-image-with-text-block-btn:hover {
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

@media only screen and (max-width: 1450px) {
  .osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-main-title {
    font-size: 40px;
    line-height: 50px;
  }
}

/* osr image with text 2 css end */

/* multicolumn css start */

.multicolumn .title.inline-richtext {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
  font-size: 48px;
  line-height: 58px;
  color: #000000;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  letter-spacing: 0;
}

.multicolumn .multicolumn-card__info .inline-richtext {
  font-size: 28px;
  line-height: 38px;
  color: #000000;
  font-family: var(--font-text-bold);
}

@media only screen and (max-width: 989px) {
  .multicolumn .title.inline-richtext {
    font-size: 28px;
    line-height: 38px;
  }

  .multicolumn .multicolumn-card__info .inline-richtext {
    font-size: 18px;
    line-height: 28px;
  }
}

/* multicolumn css end */

/* osr image css start */

.osr-image-section-image {
  width: 100%;
}

.osr-image-section-image-content-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .osr-image-section-image-content-mobile {
    display: block;
  }

  .osr-image-section-image-content-desktop {
    display: none;
  }
}

/* osr image css end */

/* osr testimonial css start */

.osr-testimonial-slider-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 30px;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  color: var(--primary-color);
}

.osr-8144410116236 .osr-testimonial-slider-main-title {
  margin-bottom: 30px !important;
}

.swiper-slide {
  height: auto !important;
}

.osr-testimonial-slider {
  overflow: hidden;
}

.osr-testimonial-slide-inner {
  text-align: center;
  background: var(--secondory-bg);
  padding: 30px;
  height: auto !important;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.osr-testimonial-slider-slide-star .fa-solid.fa-star {
  color: #00a1e9;
}

.osr-testimonial-slider-slide-title {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
  display: block;
  font-family: var(--font-title-bold);
  color: #00a1e9;
  text-transform: uppercase;
}

.osr-testimonial-slider-slide-description {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 15px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-testimonial-slider-slide-image-content {
  font-size: 0;
}

.osr-testimonial-slider-slide-image {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.osr-testimonial-slider-slide-name {
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
  display: block;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

@media only screen and (max-width: 767px) {
  .osr-testimonial-slider-main-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-8144410116236 .osr-testimonial-slide-inner {
    /* border: 1px solid black; */
    /* height: 70px !important; */
    border-radius: 15px;
  }

  .osr-8144410116236 .osr-testimonial-slider-main-title {
    margin-bottom: 0px !important;
  }
}

/* osr testimonial css end */

/* osr faq css start */

.osr-faq-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 140%;
  text-transform: uppercase;
  padding-bottom: 30px;
  color: #000000;
  font-family: var(--font-title-bold);
}

.osr-faq-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.osr-faq-icon {
  display: flex;
}

.osr-faq-icon-plus {
  width: 20px;
  display: block;
}

.osr-faq-icon-minus {
  display: none;
  width: 20px;
}

.osr-faq-content.is-open .osr-faq-icon-minus {
  display: block;
}

.osr-faq-content.is-open .osr-faq-icon-plus {
  display: none;
}

.osr-faq-icon-plus svg path,
.osr-faq-icon-minus svg path,
.osr-faq-icon-plus svg,
.osr-faq-icon-minus svg {
  color: #000000;
  fill: #000000;
  stroke: #000000;
}

.osr-faq-title {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  font-family: var(--font-text-bold);
}

.osr-faq-description {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
}

.osr-faq-description .metafield-rich_text_field>*+* {
  font-family: var(--font-text-medium);
}

.osr-faq-description-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  transition-timing-function: linear;
}

.osr-faq-content.is-open .osr-faq-description-content {
  max-height: 100vh;
}

.osr-faq-content {
  border: 1px solid #000000;
  border-radius: 30px;
  padding: 12px 30px;
}

.osr-faq-content.is-open {
  background: #00a1e9;
}

.osr-faq-content.is-open .osr-faq-icon-plus svg path,
.osr-faq-content.is-open .osr-faq-icon-minus svg path,
.osr-faq-content.is-open .osr-faq-icon-plus svg,
.osr-faq-content.is-open .osr-faq-icon-minus svg {
  color: var(--secondary-color);
  fill: var(--secondary-color);
  stroke: var(--secondary-color);
}

.osr-faq-content.is-open .osr-faq-description,
.osr-faq-content.is-open .osr-faq-title {
  color: var(--secondary-color);
}

.osr-faq-inner {
  max-width: 850px;
  margin: 0 auto;
}

.arro-max-starter-kit .osr-faq-inner {
  max-width: 620px;
  margin: 0 auto;
}

.arro-max-starter-kit .osr-faq-container {
  display: flex;
}

.arro-max-starter-kit .osr-faq-main-title {
  text-align: left;
}

@media only screen and (max-width: 1200px) {
  .arro-max-starter-kit .osr-faq-container {
    flex-wrap: wrap;
  }

  .arro-max-starter-kit .osr-faq-main-title {
    text-align: center;
  }

  .osr-faq-main-title-content {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .osr-faq-main-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-8144410116236 .osr-faq-main-title-content {
    margin-top: -50px;
    padding: 0px;
  }

  .osr-8144410116236 .osr-faq-title {
    font-size: 15px;
    line-height: 24px;
  }

  .osr-8144410116236 .osr-faq-description {
    font-size: 12px;
  }

  .osr-faq-description {
    font-size: 14px;
    line-height: 24px;
  }
}

/* osr faq css end */

/* product section css start */

.global-media-settings {
  border: none;
  background-color: transparent;
}

.osr-8144410116236 .thumbnail {
  background-color: #9E9E9E1A;
  border: 1px solid #D8D8D8;
}

.osr-8144410116236 .product__media {
  border: 1px solid #D8D8D8;
}

/* .product__media-list{
      background: rgba(166, 207, 228, 0.1);
      border-radius: 40px;
  }
  
  .thumbnail-list .thumbnail-list__item {
      background: rgba(166, 207, 228, 0.1);
      border-radius: 20px;
  } */

.product-thumbnails img {
  border-radius: 10px;
  transform: unset !important;
}

.product-thumbnails a {
  border-radius: 10px;
}

.thumbnail-list .thumbnail[aria-current] {
  border: none;
  box-shadow: none;
}

.thumbnail-list .thumbnail.global-media-settings img {
  border-radius: 20px;
}

.osr-product-tag {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  background: var(--secondory-bg);
  font-family: var(--font-text-bold);
  color: var(--sub-primary-color);
  border: 1px solid var(--sub-primary-color);
  border-radius: 20px;
  text-transform: uppercase;
}

.product__title h1 {
  font-size: 80px;
  line-height: 90px;
  text-transform: uppercase;
  color: var(--sub-primary-color);
  font-family: var(--font-title-medium);
}

.product__subtitle {
  margin: 0;
}

.product__subtitle h2 {
  margin: 0;
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
  display: block;
  font-family: var(--font-title-semibold);
  color: #00a1e9;
  text-transform: uppercase;
}

.price-item {
  font-size: 28px;
  line-height: 38px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
}

.product__tax.caption.rte {
  display: none;
}

.product__description p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  opacity: 0.5;
}

.product-form__input .form__label {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  text-transform: capitalize;
}

.swatch-input__label .swatch {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}

.swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after {
  width: 80px !important;
}

.swatch-input__input+.swatch-input__label {
  outline-offset: 0 !important;
  border-radius: 10px !important;
}

.swatch-input__label .visually-hidden {
  font-size: 14px;
  line-height: 24px;
  margin-top: 5px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  display: block;
  clip: unset !important;
  width: auto !important;
  height: auto !important;
  text-align: center;
  position: relative !important;
}

.visually-hidden.label-unavailable {
  display: none;
}

.swatch-input__input:checked+.swatch-input__label {
  outline: unset !important;
}

/* .swatch-input__input:checked + .swatch-input__label .swatch {
  border: 1px solid #000000;
} */

.product-form__input--pill label {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 20px;
}

.product-form__input--pill input[type="radio"]:checked+label {
  background: var(--btn-bg) !important;
  border: 1px solid var(--btn-bg) !important;
  color: var(--secondary-color) !important;
}

.quantity__label.form__label {
  display: none;
}

.product-form__quantity .quantity__input {
  background: transparent !important;
  border: none;
  outline: none;
  box-shadow: none;
}

.product-form__quantity quantity-input.quantity {
  border-radius: 40px;
  border: 1px solid #000000;
}

.product-form__quantity quantity-input.quantity:after,
.product-form__quantity quantity-input.quantity:before {
  display: none;
}

.product-form__quantity .quantity__input,
.product-form__quantity .quantity__button {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.product-form__buttons .product-form__submit {
  border-radius: 40px;
  font-size: 18px;
  line-height: 28px;
  background: var(--btn-bg);
  color: var(--secondary-color);
  font-family: var(--font-text-medium);
}

.product-form__buttons .product-form__submit:hover {
  background: #000000;
  color: #ffffff;
}

.product__info-container {
  display: flex !important;
  flex-wrap: wrap;
}

.product__description {
  margin: 0 !important;
}

variant-selects,
.product__description,
.osr-product-price,
.product__title {
  width: 100%;
}

.osr-product-btn-wrap .product-form {
  margin: 0 !important;
}

.product-form__quantity {
  max-width: 160px !important;
  width: 100% !important;
}

.osr-product-btn-wrap {
  width: calc(100% - 180px);
}

.osr-product-ingredients-logo-wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.osr-product-ingredients-logo-content {
  display: flex;
  flex-direction: column;
}

.osr-product-ingredients-logo {
  max-width: 30px;
  width: 100%;
  margin: 0 auto;
}

.osr-product-ingredients-logo-text {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  font-family: var(--font-text-bold);
  color: var(--sub-primary-color);
  text-align: center;
}

.product__accordion {
  width: 100%;
}

.product__accordion .summary__title:after {
  content: "+";
  width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-family: var(--font-text-bold);
  color: var(--primary-color);
}

.product__accordion details[open]>summary .summary__title:after {
  content: "-";
  width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-family: var(--font-text-bold);
  color: var(--primary-color);
}

.accordion .summary__title {
  display: flex;
  justify-content: space-between;
}

.product__info-container .product__accordion.accordion {
  margin: 0;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 10px 30px;
}

.product__info-container .product__accordion.accordion:nth-last-of-type(1) {
  border-bottom: 1px solid #000000;
}

.accordion__content-13-1 .osr-content-wrepper_3,
.accordion__content-13-1 .osr-content-wrepper_4 {
  display: none;
}

/* .product-starter-kit .accordion__content-14-1 .osr-content-wrepper_1,
.product-starter-kit .accordion__content-14-1 .osr-content-wrepper_3,
.product-starter-kit .accordion__content-14-1 .osr-content-wrepper_4 {
  display: none;
}
*/
.product-starter-kit .accordion__content-13-1 .osr-content-wrepper_3,
.product-starter-kit .accordion__content-13-1 .osr-content-wrepper_4 {
  display: flex;
}

.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_1 {
  display: none;
}

.product__info-container .accordion summary {
  padding: 0;
}

.product__info-container .accordion__title.inline-richtext {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.accordion__content.rte p {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  padding: 0 10px 0 0;
  margin: 0;
}

.accordion__content.rte p:nth-last-of-type(1) {
  padding: 0 0px 0 0;
}

.accordion__content.rte {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  padding: 0;
  margin: 0;
}

.accordion__content.rte ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.accordion__content.rte ul li {
  padding-bottom: 10px;
}

.accordion__content.rte ul li:nth-last-of-type(1) {
  padding: 0 0px 0 0;
}

.product__accordion .accordion__content {
  padding: 0 !important;
  padding-top: 15px !important;
}

.product__accordion .accordion__content {
  display: grid;
  gap: 2rem 0;
  grid-template-columns: repeat(2, 1fr);
}

.product__accordion:nth-child(3) .accordion__content {
  display: flex;
}

.osr-faq-content-wrap {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.osr-content-wrepper {
  display: flex;
  align-items: center;
}

.osr-content-wrepper .osr-content-image {
  max-width: 40px;
}

img.osr-content-img {
  max-width: 40px !important;
  border: none;
  border: none;
  margin: 0;
}

.osr-ingr-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}

.osr-htu-steps-panel .osr-faq-content-wrap {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.osr-htu-steps-panel .osr-faq-content-wrap .osr-content-wrepper {
  width: calc(50% - 15px);
}

.osr-htu-wrap {
  flex-direction: column;
  display: flex;
  gap: 20px;
}

.osr-htu-device-panel {
  display: flex;
  flex-wrap: wrap;
}

.osr-htu-device-img {
  width: calc(50% - 15px);
}

.osr-htu-device-panel .osr-htu-device-steps {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.osr-htu-device-panel .osr-content-wrepper {
  width: 100%;
}

.osr-content-wrepper {
  gap: 1rem;
}

span.osr-content-image {
  display: inherit;
}

.product--accordion13 .accordion__content {
  grid-template-columns: 1fr;
}

.product-starter-kit .product--accordion13 .accordion__content {
  grid-template-columns: repeat(2, 1fr);
}

.accordion__content-11-2,
.accordion__content-12-2,
.accordion__content-13-2,
.accordion__content-14-1 {
  display: none !important;
}

/* .product-starter-kit .accordion__content-12-2,
.product-starter-kit .accordion__content-13-2,
.product-starter-kit .accordion__content-15-1 {
  display: none !important;
} */

.osr-8144410116236 .accordion__content-15-1 {
  display: none !important;
}

/* .osr-8144410116236 .osr-content-conatiner_1{
  display: none;
} */

.osr-8144410116236 .osr-content-conatiner_2 {
  width: 100%;
  margin-top: 37px;
}

.osr-8144410116236 .osr-content-wrepper osr-content-wrepper_1 {
  height: 20px;
  border: 1px solid black;
}

.product-starter-kit .accordion__content-14-2 {
  display: grid;
  grid-template-columns: 1fr;
}

.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_2 .osr-content-wrepper:nth-child(3),
.product-starter-kit .accordion__content-14-2 .osr-content-conatiner_2 .osr-contant_container-grid {
  display: none;
}

.osr-8144410116236 .osr-content-wrepper_4 {
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-wrepper_5 {
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-wrepper_6 {
  /* border: 1px solid black; */
  width: 100% !important;
  display: flex;
  flex-direction: row !important;
}

.osr-8144410116236 .osr-content-text {
  margin-top: 8px;
}

.osr-8144410116236 .osr-content-conatiner_1 {
  padding-top: 25px;
  padding-right: 25px;
}

.osr-8144410116236 .content-detail-image {
  border: 1px solid #D8D8D8;
}

.product-starter-kit .accordion__content-15-1 {
  display: none;
}

.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_4,
.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_5,
.product-starter-kit .accordion__content-15-2 .osr-content-wrepper_6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.osr-content-conatiner_2 .osr-content-wrepper {
  margin-bottom: 1.3rem;
}

.accordion__content-14-2 .osr-content-wrepper_4,
.osr-content-wrepper_5,
.osr-content-wrepper_6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.osr-8144410116236 .accordion__content-16-1 {
  /* border: 1px solid black; */
  display: none;
}

.osr-contant_container-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
}

.osr-8144410116236 .osr-contant_container-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
}

.osr-content-wrepper_6 {
  grid-column: 1 / -1;
  /* Item 3 spans across all columns */
  /* grid-row: 2; */
}

@media (max-width: 1200px) and (min-width: 750px) {
  .product__accordion .accordion__content {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .product--accordion13 .accordion__content {
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .accordion__content-15-1 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .product__title h1 {
    font-size: 46px;
    line-height: 56px;
  }

  .price-item {
    font-size: 20px;
    line-height: 30px;
  }

  .osr-product-ingredients-logo-text {
    font-size: 12px;
    line-height: 22px;
  }

  .osr-product-ingredients-logo-wrap {
    gap: 10px;
  }

  .product__info-container .accordion__title.inline-richtext {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 500px) {
  .product__accordion .accordion__content {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .product--accordion13 .accordion__content {
    grid-template-columns: repeat(1, 1fr);
  }

  .product-starter-kit .accordion__content-15-1 {
    display: none;
  }

  .osr-8144410116236 .accordion__content-16-1 {
    /* border: 1px solid black; */
    display: none;
  }
}

/* product section css end */

/* related product css start */

.jdgm-prev-badge__text {
  visibility: visible !important;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
}

.osr-related-product-wrapper .jdgm-widget.jdgm-widget {
  display: block !important;
  text-align: center;
  padding-top: 10px;
}

.osr-related-product-wrapper .jdgm-prev-badge[data-average-rating="0.00"] {
  display: flex !important;
  justify-content: center;
  gap: 10px;
}

.osr-related-product-wrapper {
  background: var(--secondory-bg);
}

.osr-8144410116236 .osr-related-product-wrapper {
  background: white;
}

.related-products .related-products__heading.inline-richtext.h2 {
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 30px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
}

.related-products .product-card-wrapper .card__inner {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: #ffffff;
  border-radius: 20px !important;
}

.related-products .card__media {
  border-radius: 20px !important;
}

.related-products .card__heading .full-unstyled-link {
  text-decoration: none !important;
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  padding: 15px 0;
}

.related-products .card__heading .full-unstyled-link:after {
  display: none;
}

.related-products .price-item {
  text-align: center;
  font-family: var(--font-text-medium);
}

.related-products .price__container {
  width: 100%;
  text-align: center;
}

.related-products .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.related-products .quantity {
  width: 100px;
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.related-products .quantity:before,
.related-products .quantity:after {
  display: none;
}

.related-products .quantity-input {
  width: 20px;
  min-width: auto;
  max-width: unset;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent;
}

.related-products .quantity-button {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 26px;
  color: var(--primary-color);
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.related-products .quantity-input::-webkit-outer-spin-button,
.related-products .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.related-products .quantity-input[type="number"] {
  -moz-appearance: textfield;
}

.related-products .btn.add-to-cart-btn {
  height: 100%;
  min-height: auto;
  min-width: auto;
  padding: 6px 20px;
  border-radius: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid var(--btn-bg);
  background: var(--btn-bg);
  color: var(--link-color);
  cursor: pointer;
}

.related-products .btn.add-to-cart-btn:hover {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
}

.related-products .card-wrapper.product-card-wrapper {
  padding: 0 5px;
}

@media only screen and (max-width: 767px) {
  .related-products .related-products__heading.inline-richtext.h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

/* related product css end */

/* osr image box css start */

.osr-image-box-section-wrapper {
  padding-bottom: 70px;
}

.osr-image-box-main-title {
  margin: 0;
  text-align: center;
  font-size: 48px;
  line-height: 58px;
  color: #000000;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-image-box-image {
  width: 340px;
  height: 578px;
  margin-left: 40px;
  margin-right: 40px;
  object-fit: cover;
}

.osr-image-box-logo {
  width: 60%;
}

.osr-image-box-inner {
  position: relative;
}

.osr-image-box-image-content {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.osr-image-box-content {
  position: absolute;
  top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 100%;
  height: 100%;
}

.osr-image-box:nth-child(odd) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.osr-image-box:nth-child(even) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.osr-image-box.osr-image-box-1 {
  margin-left: 30px;
}

.osr-image-box.osr-image-box-5 {
  margin-left: 50px;
}

.osr-image-box.osr-image-box-4 {
  margin-left: 100px;
}

.osr-image-box.osr-image-box-6 {
  margin-left: 30px;
}



@media only screen and (max-width: 991px) {
  .osr-image-box-logo {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-box-main-title {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 20px;
  }

  .osr-image-box-content {
    position: unset;
  }

  .osr-image-box {
    margin: 0 !important;
  }

  .osr-image-box-logo {
    width: 100%;
  }

  .osr-image-box-image {
    margin-left: 0px;
  }

  .osr-image-box-section-wrapper {
    padding-bottom: 0px;
  }
}

/* osr image box css end */

/* instafeed css start */

#insta-feed h2 {
  font-size: 48px;
  line-height: 58px;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  text-align: center;
  color: var(--primary-color);
  text-align: left;
}

@media only screen and (max-width: 767px) {
  #insta-feed h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

/* instafeed css end */

/* Osr Announcement Bar Start */

.swiper-slide.osr-announcement-bar-slider.swiper-slide-next {
  width: 100%;
}

p.osr-announcement-bar-messege.primary-messege {
  margin: 0;
}

.osr-announcement-bar-messege-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  gap: 10px;
}

.myAnnouncemenBar {
  background: black;
}

p.osr-announcement-bar-messege.primary-messege {
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

span.secondary-messege {
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
}

/* Osr Announcement Bar End */

/* Wholesale section Start */
@media screen and (min-width: 990px) {
  .customhtml.rich-text__blocks {
    max-width: 90rem;
  }
}

.form-group .field__input::placeholder {
  opacity: 1;
}

.form-group .field__input {
  padding: 1.5rem;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: normal;
  height: auto;
}

@media screen and (min-width: 768px) {
  #wholesaleformSection form.aaaformbuilder_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #wholesaleformSection form.aaaformbuilder_form .div-0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .field-wholesale-first-name,
  .field-wholesale-last-name,
  .field-wholesale-email,
  .field-wholesale-phone,
  .field-wholesale-business,
  .field-wholesale-address,
  .field-wholesale-apartment,
  .field-wholesale-city,
  .field-wholesale-zipcode,
  .field-wholesale-form-builder-country,
  .field-wholesale-customer-state,
  .field-wholesale-designation {
    width: calc(33% - 8px);
  }

  .field-wholesale-howlong,
  .field-wholesale-ageverify,
  .field-wholesale-company-type,
  .field-wholesale-store-count,
  .field-wholesale-monthly-purchase,
  .field-wholesale-interested-device {
    width: calc(50% - 8px);
  }
}

#wholesaleformSection form label {
  display: none;
}

#wholesaleformSection form .pre_next {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}

#wholesaleformSection form .pre_next .button-input {
  width: 100%;
  text-align: center !important;
  font-size: 1.6rem;
}

.field-wholesale-submit {
  width: 100%;
}

.form-group.field-wholesale-ageverify {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form-group.field-wholesale-ageverify div.radio-group {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.form-group.field-wholesale-ageverify .field__input {
  padding: 10px;
  border: solid 1px #000;
  width: 20px;
  margin-right: 10px;
  margin-left: 15px;
  min-width: auto;
  position: relative;
}

.form-group.field-wholesale-ageverify .field__input:checked::after {
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
}

.show-hide.div-1 {
  width: 100%;
}

.wh-header {
  text-align: center;
}

p.paragraph {
  text-align: center;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file {
  width: 46%;
  float: left;
  border: dashed 1px;
  padding: 30px;
  margin-left: 2%;
  margin-right: 2%;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file .form-control {
  border: 0;
}

#wholesaleformSection .aaaformbuilder_form .form-group.fb-file label {
  display: block;
}

.wholesaletop img {
  max-width: 100%;
}

.wholesaletop .image-with-text__grid {
  align-items: center;
}

.wholesaletop .image-with-text__heading+.image-with-text__heading {
  margin-top: 0;
  opacity: 0.5;
}

.wholesaletop-btn-grp {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.wholesaletop-btn-grp .button {
  margin: 0 15px;
  width: 100%;
}

@media screen and (min-width: 990px) {
  .wholesaletop .image-with-text__content {
    padding: 3rem 4rem 4rem;
  }
}

.image-with-text .wh-icon_with_text-col {
  display: flex;
  align-items: center;
}

.wh-icon_with_text-col img {
  width: 50px;
  margin-right: 7px;
}

.image-with-text .wh-icon_with_text-col {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: 10px;
}

/* Wholesale section End */

/* collection page Start  */

.quick-add__submit {
  background: #00a1e9;
  color: white;
  font-family: "text_medium";
}

.collection-hero__title {
  font-family: "title_bold";
  font-size: 32px;
  text-transform: uppercase;
}

.card .card__inner .card__media {
  border-radius: 20px !important;
}

.card__inner {
  border-radius: 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.media--transparent {
  background: white;
  border-radius: 24px;
}

/* collection page End  */

/* collection filter Css start */
.search .facets__disclosure summary div {
  display: flex;
}

.search .facets__disclosure summary div .icon-filter-minus {
  display: none;
}

.search .facets__disclosure summary div .icon-plus {
  display: none;
}

.search .facets__disclosure summary div .icon-caret {
  display: block;
}

.collection .facets__disclosure summary div .icon-filter-minus {
  display: block;
}

.collection .facets__disclosure summary div .icon-plus {
  display: block;
}

.collection .facets__disclosure-vertical .facets__summary .icon-caret {
  display: none;
}






.collection svg.icon.icon-filter {
  width: 24px;
}

.collection .facets__heading--vertical {
  font-family: "text_medium";
}

.collection .facets__disclosure-vertical summary span {
  font-size: 16px;
  font-family: "text_bold";
}

.collection .facet-filters__field>* {
  font-family: "text_medium";
  font-size: 20px !important;
}

.collection .select__select {
  font-family: "text_medium";
  font-size: 16px !important;
}

.collection .mobile-facets__header-inner,
.mobile-facets__heading {
  font-family: "text_bold";
}

.collection .mobile-facets__open-label {
  font-family: text_medium;
  font-size: 18px;
}

.collection summary.mobile-facets__summary {
  font-family: "text_medium";
  font-size: 16px;
}

.collection h2.product-count__text {
  font-size: 16px;
  font-family: "text_medium";
}

.collection .mobile-facets__sort label {
  font-family: "text_medium";
}

.collection .card__information,
.card__information .price {
  text-align: center;
}

.collection .full-unstyled-link {
  font-family: "text_medium";
  font-size: 18px;
}

.collection .quantity-variant {
  text-align: center;
}

.collection .facet-checkbox>svg {
  margin-right: 1.2rem;
  flex-shrink: 0;
  border: 1px solid black;
  border-radius: 50%;
}

@media screen and (min-width: 750px) {
  .collection .facets-container {
    background: #00a1e91a;
    border-radius: 30px;
  }

  .collection .underline-links-hover:hover a {
    text-decoration: none !important;
  }

  .collection .select__select {
    font-family: "text_medium";
    font-size: 20px !important;
  }

  .collection .active-facets-vertical-filter {
    margin-bottom: 10px;
  }

  .collection h2.product-count__text {
    font-size: 20px;
    font-family: text_medium;
  }

  .collection .facets-vertical .active-facets facet-remove:last-of-type {
    margin-bottom: 0;
  }

  .collection .facets__disclosure-vertical[open] .facets__summary .icon-filter-minus {
    display: block;
    width: 28px;
  }

  .collection .facets__disclosure-vertical[open] .facets__summary .icon-plus {
    display: none;
  }

  .collection .facets__disclosure-vertical .facets__summary .icon-plus {
    display: block;
    width: 28px;
  }

  .collection .facets__disclosure-vertical .facets__summary .icon-filter-minus {
    display: none;
  }

  .collection .facets__disclosure-vertical summary div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* collection filter Css End */

/* Collection Banner Css Start  */

.osr-collection-banner-with-links-container {
  padding: 100px 15px;
}

.osr-collection-banner-heading {
  font-size: 48px;
  font-family: "title_bold";
  text-transform: uppercase;
  /* text-align: center; */
  margin: 0;
  padding-bottom: 25px;
}

.osr-collection-banner-links_container {
  display: flex;
  justify-content: center;
  width: 100%;
  /* flex-wrap: nowrap;
  overflow-x: auto; */
  row-gap: 10px;
  flex-wrap: wrap;
}

a.osr-collection-banner-text:last-of-type {
  margin: 0;
}

.osr-collection-banner-with-link-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 70rem;
  margin: 0 auto;
  text-align: center;
}

p.osr-collection-banner-text {
  font-family: "text_medium";
  font-size: 18px;
  line-height: normal;
  margin: 36px 0;
  color: black;
}

a.osr-collection-banner-text {
  text-decoration: none;
  color: #000;
  border: 1px solid black;
  padding: 5px 25px;
  border-radius: 30px;
  background: transparent;
  font-family: "text_medium";
  margin: 0 20px 0 0;
  white-space: nowrap;
}

a.osr-collection-banner-text:hover {
  background: white;
}

.osr-collection-banner-text.active {
  background: white;
}

@media(max-width:767px) {
  .osr-collection-banner-links_container {
    justify-content: space-between;
  }

}

/* Collection Banner Css End */

/* Osr Product-Page Product Information Section  Start */

@media screen and (min-width: 750px) {
  .product-starter-kit .product__info-container {
    max-width: 70rem;
  }
}

.product-starter-kit .shopify-app-block {
  width: 100%;
  margin-top: 0;
}

.product-starter-kit .product.grid {
  gap: 0;
  background: #e5f6fd;
  padding: 30px;
  border-radius: 30px;
}

.product-starter-kit .product__media-toggle:after {
  content: "";
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  z-index: 2;
  border: 1px solid #0000001a;
  border-radius: 24px;
}

.product-starter-kit product-info .jdgm-preview-badge .jdgm-star.jdgm-star {
  color: black !important;
}

.product-bundle-image img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 5px;
}

.product-bundles {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.product-bundle-text p {
  font-size: 12px;
  font-family: 'text_medium';
  color: var(--btn-bg);
}

.product-bundle-image {
  display: flex;
}

.product-starter-kit span.product-bundle-inner_products {
  font-size: 14px;
  font-family: "text_medium";
  color: var(--sub-primary-color);
}

.product-starter-kit .product__title h1 {
  font-family: "title_bold";
}

.product-starter-kit .icon-with-text--horizontal .icon {
  margin: 0;
}

.product-starter-kit .icon-with-text--horizontal .icon-with-text__item {
  flex-direction: unset;
  gap: 10px;
  width: 30%;
  align-items: flex-start;
}

.product-starter-kit ul.icon-with-text {
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
}

.product-starter-kit .product-form__buttons .product-form__submit ul {
  margin: 0;
}

.product-starter-kit .icon-with-text--horizontal .icon,
.icon-with-text--horizontal img {
  margin-bottom: 0;
}

.product-starter-kit .icon-with-text--horizontal img+.h4 {
  font-family: var(--font-text-bold);
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}


/*  */
product-info .complementary-slider li {
  border: 1px solid black;
  background-color: #fff;
  border-radius: 20px;
}


.card.card--standard.card--media.card--horizontal {
  padding: 10px;
}

.product-starter-kit .complementary-slide .card-information {
  display: none;
}

.product-starter-kit .complementary-slide .jdgm-widget.jdgm-widget {
  display: none;
}

.product-starter-kit .complementary-products {
  width: 100%;
}

.product-starter-kit .complementary-products .card__content {
  display: flex;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem;
  width: 100%;
  height: 100%;
  min-height: 100%;
  align-items: center;
  flex-grow: 1;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-starter-kit .complementary-products__container .quick-add__submit:hover {
  background: black;
}

.product-starter-kit .complementary-products__container .card.card--horizontal {
  align-items: center;
}

/* .product-starter-kit
  .complementary-products__container
  .quick-add__submit {
  padding-left: 20px;
  padding-right: 20px;
} */

.product-starter-kit .complementary-products .full-unstyled-link {
  text-align: left;
  font-size: 14px;
  font-family: 'text_bold';
}

/* .product-starter-kit .complementary-slide {
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
} */

.product-starter-kit .complementary-slide .card .icon-wrap {
  display: none;
}

.arro-max-starter-kit variant-selects#variant-selects-template--17641627844748__main {
  display: none;
}

/* .product-starter-kit .complementary-slide ul.list-unstyled {
  padding: 10px;
} */

.product-starter-kit .complementary-slide .card__heading a:after {
  display: none;
}

.product-starter-kit .complementary-products__container .card--horizontal .card__inner {
  max-width: 13%;
}

.product-starter-kit .complementary-products .card__information.card_review {
  max-width: 27rem;
}

.product-starter-kit .complementary-products__container .quick-add__submit {
  padding: 1.5rem 17px;
}

.product-starter-kit .complementary-products__container h2.h3.accordion__title {
  font-family: "text_bold";
  font-size: 16px;
}

.product-starter-kit .swatch-input__label .visually-hidden {
  font-size: 12px;
  color: var(--primary-bg);
}

.product-starter-kit .form__label {
  display: none;

}

.product-starter-kit .swatch-input__label .swatch {
  height: 86px;
  width: 86px;
}

@media (max-width: 1200px) {
  .product-starter-kit .icon-with-text--horizontal .icon-with-text__item {
    width: 45%;
  }

  .product-starter-kit .complementary-products .card__content {
    display: flex;
    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
    padding: 1rem;
    width: 100%;
    height: 100%;
    min-height: 100%;
    align-items: center;
    flex-grow: 1;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .product-starter-kit .complementary-products .card__information.card_review {
    max-width: 40rem;
  }

  .complementary-products__container .card--horizontal .quick-add {
    width: 100%;
    max-width: 100%;
  }

  .product-starter-kit .complementary-products .full-unstyled-link {
    text-align: center;
  }

  .product-starter-kit .complementary-products__container .card.card--horizontal {
    flex-wrap: wrap;
    justify-content: center;
  }

  .product-starter-kit .complementary-products__container .card--horizontal .card__inner {
    max-width: 40%;
  }
}

@media (max-width: 993px) {
  .product-starter-kit .icon-with-text--horizontal .icon-with-text__item {
    width: 100%;
  }

  .product-starter-kit .osr-product-btn-wrap {
    max-width: 100%;
    width: 100%;
  }

  .product-starter-kit .quantity {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .product-starter-kit product-info .page-width {
    padding: 0;
  }

  .product-starter-kit .product.grid {
    padding: 30px 15px;
  }
}

@media (min-width: 750px) {
  .product-starter-kit product-info .page-width {
    padding: 0 1rem;
  }
}

@media (min-width: 1200px) {
  .product-starter-kit product-info .page-width {
    padding: 0 5rem;
  }
}

/* Osr Product Page End */

/* Osr multicolumn Section Start */

.osr-multicolumn-background {
  background: var(--primary-bg);
  overflow: hidden;
  padding-bottom: 60px;
}

h2.osr-multicolumn-headng {
  font-size: 48px;
  font-family: "title_bold";
  text-transform: uppercase;
  color: white;
}

.osr-multicolmn-header {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(2, 1fr);
  /* padding: 0 7rem; */
  align-items: center;
}

p.osr-multicolumn-text {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-family: "text_medium";
}

.osr-multicolumn-card-content {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 20px;
  background: white;
  border-radius: 20px;
  max-width: 47rem;
}

img.osr-multicolumn-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

span.osr-multicolumn-image-block {
  width: 100%;
  height: 100%;
}

.osr-multicolumn-image-outer {
  display: flex;
  width: 100%;
  max-width: 115px;
  height: 115px;
  align-items: center;
}

h3.osr-multicolumn-card_heading {
  font-size: 24px;
  font-family: "title_bold";
  text-transform: uppercase;
  margin: 0;
}

p.osr-multicolumn-card_text {
  font-size: 16px;
  font-family: "text_medium";
  line-height: normal;
  margin: 10px 0;
  opacity: 60%;
}

/* .swiper-slide-active:first-child+.osr-multicolumn-swiper-wrepper{
      padding-left:7rem;
  } */

.osr-multicolumn-swiper-Slide {
  max-width: 50rem;
}

.osr-background-text.osr-big-heading {
  font-size: 160px;
  font-family: title_bold;
  color: #fff;
  opacity: 15%;
  text-wrap: nowrap;
}

a.osr-multicolumn-link {
  max-width: 100%;
  display: block;
  text-align: center;
  margin: 30px auto;
  border: 1px solid #ffffff;
  border-radius: 22px;
  color: white;
  text-decoration: none;
  padding: 10px 0;
  font-family: "text_medium";
  font-size: 18px;
}

a.osr-multicolumn-link:hover {
  background: white;
  color: black;
}

.osr-multicolumn-swiper-Slide.swiper-slide-active:first-child {
  padding-left: 5rem;
}

.osr-multicolumn-marquee-swiper-wrepper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.osrMulticolumn {
  max-width: 1600px;
}



@media (max-width: 1200px) {
  .osr-background-text.osr-big-heading {
    font-size: 130px;
  }
}

@media (max-width: 993px) {
  .osr-multicolmn-header {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .osr-background-text.osr-big-heading {
    font-size: 120px;
  }

  p.osr-multicolumn-text {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-family: text_medium;
    margin-bottom: 50px;
  }

  /* .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child{
       padding-left:0;
    } */

  .osr-multicolumn-swiper-Slide {
    max-width: 40rem;
  }

  .osr-multicolumn-image-outer {
    display: flex;
    width: 100%;
    max-width: 90px;
    height: 90px;
    align-items: center;
  }

  h3.osr-multicolumn-card_heading {
    font-size: 20px;
  }

  p.osr-multicolumn-card_text {
    font-size: 14px;
  }

  h2.osr-multicolumn-headng {
    margin: 10px 0;
  }

  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .osr-multicolumn-card-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  p.osr-multicolumn-text {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-family: text_medium;
    margin-bottom: 50px;
  }

  h2.osr-multicolumn-headng {
    font-size: 30px;
    font-family: title_bold;
    text-transform: uppercase;
    color: #fff;
  }

  .osr-background-text.osr-big-heading {
    font-size: 110px;
  }

  .osr-multicolumn-image-outer {
    min-width: 90px;
  }

  .osr-multicolumn-info {
    text-align: center;
  }
}

@media (max-width: 500px) {
  .osr-background-text.osr-big-heading {
    font-size: 100px;
  }
}

@media(min-width:1600px) {
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child {
    padding-left: 5rem;
  }
}

@media(min-width:1700px) {
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child {
    padding-left: 5rem;
  }
}

@media(min-width:1800px) {
  .osr-multicolumn-swiper-Slide.swiper-slide-active:first-Child {
    padding-left: 6rem;
  }
}

/* .osr-multicolumn-link-block {
      padding: 0 7rem;
  } */

/* Osr multicolumn Section End */

/* Osr How to Use Css Start */

.osr-how-to-usr-section {
  margin: 100px 0;
}

.collection .osr-image-with-text-slider-section-wraper {
  margin-bottom: 0;
}

.osr-how-to-use-icon-block {
  /* display: flex; */
  width: 140px;
}

.osr-how-to-use-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.osr-how-to-use-icon {
  height: auto;
  width: 100%;
  object-fit: cover;
}

.osr-how-to-use-text {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 20px;
  color: var(--primary-color);
  font-family: var(--font-text-bold);
  text-align: center;
  margin: 20px 20px;
}

.how-to-use-section-heading {
  font-family: var(--font-title-bold);
  font-size: 48px;
  text-align: center;
  margin: 0px 0 80px 0;
}

@media (max-width: 993px) {
  .osr-how-to-usr-section {
    margin: 70px 0;
  }

  .osr-how-to-use-text {
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0;
  }

  .osr-how-to-use-icon-block {
    width: 100px;
  }
}

@media (max-width: 767px) {

  .osr-how-to-usr-section {
    margin: 50px 0;
  }

  .how-to-use-section-heading {
    font-size: 35px;
    margin: 0 0 50px;
  }

  .osr-how-to-usr-section .osr-container {
    max-width: 100%;
  }

  .osr-how-to-use-icon-block {
    width: 85px;
  }

  .osr-how-to-use-text {
    font-size: 20px;
    margin: 15px 5px;
  }
}

@media (max-width: 576px) {
  .how-to-use-section-heading {
    font-size: 26px;
    margin: 0 0 50px;
  }
}


.hidden {
  display: none;
}

/* Osr How to Use Css End */

/* tab Content section Start */

.osr-wrepper {
  max-width: 840px;
  border: 1px solid #ffffff1f;
  margin: 0 auto;
  padding: 30px;
  border-radius: 30px;
}

.tab-content-header>* {
  color: white;
}

.tab_content-button {
  border: 1px solid white;
  background: transparent;
  border-radius: 20px;
  width: auto;
  padding: 10px 20px;
  min-width: 130px;
  font-family: var(--font-text-medium);
  font-size: 14px;
  color: #ffffff;
  margin: 0 5px;
}

.tab_content-button:hover {
  background: white;
  color: black;
}

.tab_content-button.active {
  background: white;
  color: black;
}

.tab-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #ffffff1f;
  position: sticky;
  top: 0;
  background-color: black;
  z-index: 1;
  transition: top 0.3s ease;
}

.tab-content-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tab-content-col {
  flex: 0 0 auto;
  width: 50%;
}

.tab-media .tab_main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.tab-icon .tab_icon {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
}

.tab-icon {
  width: 55px;
  height: 55px;
  display: block;
  border-radius: 15px;
  grid-row: span 2;
}

.tab-block {
  display: grid;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-template-columns: .5fr 2fr;
  text-align: start;
  align-items: center;
  row-gap: 20px;
  margin-bottom: 30px;
}

.icon_title {
  display: block;
  font-size: 24px;
  color: white;
  margin: 0;
  font-family: var(--font-title-bold);
}

.icon_text {
  display: block;
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-text-medium);
  opacity: .6;
  grid-column: 2;
  margin: 0;
}

.tab-content {
  padding-left: 30px;
}

.tab-content-heading {
  font-family: var(--font-title-bold);
  font-size: 36px;
  margin: 20px 0 30px;
}

.tab-content-body {
  margin: 40px 0 0;
}


.tab-media {
  display: flex;
  height: 100%;
}


@media(max-width:993px) {
  .tab-media {
    display: flex;
    height: auto;
  }

  .tab-media .tab_main-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
  }

  .tab-content-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff1f;
    padding: 0 0 30px 0;
  }

  .tab_button-container {
    display: flex;
    row-gap: 10px;
    overflow-y: hidden;
    overflow-x: auto;
  }

}

@media(max-width:767px) {
  .tab-content-col {
    flex: 0 0 auto;
    width: 100%;
  }

  .tab-content-heading br {
    display: none;
  }

  .tab-content-row {
    gap: 40px;
    justify-content: center;
  }

  .tab-content {
    padding-left: 0;
  }
}

@media(max-width:576px) {
  .tab-content-heading {
    text-align: center;
  }

  .tab-content-heading {
    font-family: var(--font-title-bold);
    font-size: 26px;
    margin: 20px 0 30px;
  }

  .tab-block {
    column-gap: 10px;
    row-gap: 10px;
  }

  .icon_text {
    font-size: 14px;
  }

  .icon_title {
    font-size: 18px;
  }

  .image-with-text-card-section-heading {
    font-size: 28px;
    color: #00a1e9;
    font-family: var(--font-title-bold);
  }
}

/* tab Content section End */

/* Image With text Card Section Start */


svg.image-with-text__card-svg {
  fill: white;
  border: 1px solid white;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card__image {
  width: 100%;
  object-fit: cover;
  height: auto;
}

.iamge__card-text {
  font-size: 14px;
  opacity: .6;
  font-family: var(--font-text-regular);
}

.iamge__card-title {
  font-size: 24px;
  margin: 10px 0;
  color: white;
  font-family: var(--font-title-bold);
}

.image-with-text-card-section-heading {
  font-size: 36px;
  color: #00A1E9;
  font-family: var(--font-title-bold);
}

section#template--17894203129996__how_to_use_2_44xaYA {
  margin: 50px 0 0;
}

@media(max-width:576px) {

  .image-with-text-card-section-heading {
    font-size: 28px;
    color: #00a1e9;
    font-family: var(--font-title-bold);
  }
}

/* Image With text Card  Section end */

/* Why Choose Image With Text Section Start */
.osr-why-choose-image-with-text-section {
  padding: 36px 0;
  overflow: hidden;
}

.osr-image-with-text-main-title {
  font-family: var(--font-title-bold);
  font-size: 48px;
  text-align: center;
}

.osr-image-with-text-sub-title {
  font-family: "text_medium";
  font-size: 25px;
  line-height: normal;
  text-align: center;
  color: var(--primary-color);
}

.osr-image-with-text-content {
  width: 100%;
  height: auto;
  margin: 5% 0 0 0;
}

.osr-iwt-content-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.osr-iwt-content-row:nth-child(odd) {
  flex-direction: row;
  margin: 4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(odd) .osr-text-content-data {
  margin: 0 12% 0 0;
}

.osr-iwt-content-row:nth-child(even) {
  flex-direction: row-reverse;
  margin: 4% 0 4% 0;
}

.osr-iwt-content-row:nth-child(even) .osr-text-content-data {
  margin: 0 0 0 12%;
}

.osr-text-content-title {
  font-size: 28px;
  font-family: "text_regular";
  line-height: normal;
  text-align: left;
  color: #000000;
  margin: 0 0 10px 0;
}

.osr-text-content-description {
  font-size: 20px;
  font-family: "text_light";
  line-height: 30px;
  text-align: left;
  color: #000000;
}

.osr-image-content-data {
  width: 100%;
  height: auto;
}

.osr-why-choose-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .osr-why-choose-image-with-text-section {
    padding: 30px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 38px;
  }

  .osr-image-with-text-sub-title {
    font-size: 20px;
  }

  .osr-iwt-content-row:nth-child(odd) {
    flex-direction: row;
    margin: 4% 0 4% 0;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data {
    margin: 0 12% 0 0;
  }

  .osr-iwt-content-row:nth-child(even) {
    flex-direction: row-reverse;
    margin: 4% 0 4% 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data {
    margin: 0 0 0 12%;
  }

  .osr-text-content-title {
    font-size: 28px;
    text-align: left;
    margin: 0 0 10px 0;
  }

  .osr-text-content-description {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }
}

@media (max-width: 992px) {
  .osr-why-choose-image-with-text-section {
    padding: 30px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 30px;
  }

  .osr-image-with-text-sub-title {
    font-size: 18px;
  }

  .osr-iwt-content-row:nth-child(odd) {
    margin: 3% 0 3% 0;
  }

  .osr-iwt-content-row:nth-child(even) {
    flex-direction: row-reverse;
    margin: 3% 0 3% 0;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data {
    margin: 0 8% 0 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data {
    margin: 0 0 0 8%;
  }

  .osr-text-content-title {
    font-size: 20px;
    text-align: left;
    margin: 0 0 10px 0;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .osr-why-choose-image-with-text-section {
    padding: 20px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 29px;
  }

  .osr-image-with-text-sub-title {
    font-size: 16px;
    margin-bottom: 3%;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data {
    margin: 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data {
    margin: 0;
  }

  .osr-iwt-content-row {
    flex-direction: column;
    margin: 4% 0;
    align-items: center;
  }

  .osr-iwt-content-row .osr-image-column {
    order: 1;
    margin-bottom: 15px;
  }

  .osr-iwt-content-row .osr-text-column {
    order: 2;
    text-align: center;
    margin: 0;
  }

  .osr-text-content-title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 576px) {
  .osr-why-choose-image-with-text-section {
    padding: 20px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 27px;
  }

  .osr-image-with-text-sub-title {
    font-size: 17px;
    margin-bottom: 3%;
  }

  .osr-iwt-content-row:nth-child(odd) .osr-text-content-data {
    margin: 0;
  }

  .osr-iwt-content-row:nth-child(even) .osr-text-content-data {
    margin: 0;
  }

  .osr-text-content-title {
    font-size: 18px;
    margin-bottom: 8px;
    text-align: center;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 400px) {
  .osr-why-choose-image-with-text-section {
    padding: 22px 0;
  }

  .osr-image-with-text-main-title {
    font-size: 27px;
  }

  .osr-image-with-text-sub-title {
    font-size: 16px;
    margin-bottom: 5%;
  }

  .osr-text-content-title {
    font-size: 18px;
  }

  .osr-text-content-description {
    font-size: 14px;
    line-height: 22px;
  }

  .osr-why-choose-image {
    width: 100%;
    height: auto;
  }
}

/* Why Choose Image With Text Section End */

#preview_header_text,
#preview_sub_header_text,
.normal_btns span {
  font-family: "text_medium" !important;
}

/* about us page css start */

/* banner css start */

.osr-font-0 {
  font-size: 0;
}

.osr-banner-section-wrapper {
  height: 600px;
}

.osr-banner-section-inner {
  height: 100%;
}

.page-width {
  width: 100%;
}

.osr-banner-image {
  width: 100%;
  height: 100%;
}

.osr-banner-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.osr-banner-inner-image {
  width: 100%;
  font-size: 0;
  max-height: 450px;
  height: auto;
  object-fit: contain;
}

.osr-banner-image-content {
  position: relative;
  height: 600px;
}

.osr-banner-inner {
  position: relative;
  height: 100%;
}

.osr-banner-heading {
  margin: 0;
  font-size: 80px;
  line-height: 100px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
}

.osr-banner-text {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
}

@media only screen and (max-width: 1650px) {
  .osr-banner-heading {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 20px;
  }

  .osr-banner-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-banner-heading {
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 10px;
  }

  .osr-banner-text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-banner-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-banner-text {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-banner-heading br {
    display: none;
  }

  .osr-banner-text br {
    display: none;
  }
}

/* banner css end */

/* text slider css start */

.osr-text-slider-text {
  opacity: 0.2;
  color: #00A1E9;
  margin: 0;
  font-size: 120px;
  line-height: 140px;
  font-family: var(--font-title-bold);
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.osr-text-slider-text:after {
  content: "-";
}

@media only screen and (max-width: 1600px) {
  .osr-text-slider-text {
    font-size: 100px;
    line-height: 110px;
  }
}

@media only screen and (max-width: 1400px) {
  .osr-text-slider-text {
    font-size: 80px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 1200px) {
  .osr-text-slider-text {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-text-slider-text {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-text-slider-text {
    font-size: 36px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 400px) {
  .osr-text-slider-text {
    font-size: 28px;
    line-height: 38px;
  }
}

/* text slider css end */

/* timeline css start */

.osr-timeline-header-image {
  width: 180px;
  height: 180px;
  border: 2px solid #00A1E9;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  margin: 0 auto;
  background: var(--sub-bg);
  z-index: 1;
  position: relative;
}

.osr-timeline-title-image {
  width: 100%;
  height: auto;
}

.osr-timeline-text-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 20px;
  color: #000000;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-timeline-text-description {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: #000000;
  font-family: var(--font-text-regular);
}

.osr-timeline-image {
  width: 100%;
  height: auto;
}

.osr-timeline-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 50px 0;
}

.osr-timeline-flex:nth-child(odd) {
  flex-direction: row;
}

.osr-timeline-flex:nth-child(even) {
  flex-direction: row-reverse;
}

.osr-timeline-text-content {
  width: calc(50% - 50px);
}

.osr-timeline-image-content {
  width: calc(50% - 50px);
}

.osr-timeline-flex:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  border-left-width: 2px;
  border-left-style: dashed;
  border-left-color: #00A1E9;
}

.osr-timeline-dot {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  background: #00A1E9;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
  .osr-timeline-text-title {
    font-size: 40px;
    line-height: 50px;
  }

  .osr-timeline-text-description {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-timeline-text-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-timeline-text-title {
    font-size: 24px;
    line-height: 34px;
  }

  .osr-timeline-text-content {
    width: calc(100% - 100px);
    margin-left: auto;
  }

  .osr-timeline-image-content {
    width: calc(100% - 100px);
    margin-left: auto;
  }

  .osr-timeline-header-image {
    margin: 0 0;
  }

  .osr-timeline-flex:before {
    right: unset;
    left: 58px;
  }

  .osr-timeline-dot {
    left: 50px;
    right: unset;
  }

  .osr-timeline-flex {
    gap: 50px;
  }

  .osr-timeline-header-image {
    width: 120px;
    height: 120px;
  }

  .osr-timeline-flex {
    padding: 20px 0;
  }
}

/* timeline css end */

/* vision css start */

.osr-vision-section-wrapper {
  background: var(--secondory-bg);
  padding: 50px 0;
}

.osr-vision-card-heading {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 30px;
  color: #000000;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  text-align: center;
}

.osr-vision-card-text {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: #00a1e9;
  font-family: var(--font-text-regular);
  text-align: center;
  padding-bottom: 50px;
}

.osr-vision-slider {
  overflow: hidden;
}

.swiper-slide.osr-vision {
  max-width: 300px;
  width: 100%;
}

.osr-vision-image {
  width: 100%;
  height: auto;
}

.osr-vision-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media only screen and (max-width: 1200px) {
  .osr-vision-card-text br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .osr-vision-card-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-vision-card-text {
    font-size: 16px;
    line-height: 26px;
  }

  .swiper-slide.osr-vision {
    max-width: 100px;
    width: 100%;
  }
}

/* vision css end */

/* about us section css start */

.osr-aboutus-inner {
  background: var(--primary-bg);
  padding: 50px;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
}

.osr-aboutus-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
  text-align: center;
}

.osr-aboutus-text {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: var(--secondary-color);
  font-family: var(--font-text-regular);
  text-align: center;
}

.osr-aboutus-btn {
  text-decoration: none;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  background: var(--sub-bg);
  border-radius: 50px;
  padding: 12px 30px;
  width: fit-content;
  color: var(--sub-primary-color);
}

.osr-aboutus-btn:hover {
  background: #000;
  color: var(--link-color);
}

.osr-aboutus-btn-content {
  margin-top: 40px;
}

.osr-aboutus-text-content {
  max-width: 800px;
  margin: 0 auto;
}

.osr-aboutus-wrapper {
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .osr-aboutus-text-content {
    max-width: 600px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-aboutus-text-content {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .osr-aboutus-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-aboutus-text {
    font-size: 14px;
    line-height: 24px;
  }

  .osr-aboutus-inner {
    padding: 20px;
    border-radius: 20px;
  }

  .osr-aboutus-text-content {
    max-width: calc(100% - 80px);
  }
}

/* about us section css end */

/* marquee slider css start */

/* about-us marquee uses the same brand-blue background as on Shopify (black override removed) */

/* marquee slider css end */

/* zigzag textbox css start */

.osr-textbox-zigzag-box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.osr-textbox-zigzag-image-content {
  width: 80px;
  height: 80px;
}

.osr-textbox-zigzag-image {
  width: 100%;
}

.osr-textbox-zigzag-box-text {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  width: calc(100% - 100px);
}

.osr-textbox-zigzag-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  color: #000000;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
}

.osr-textbox-zigzag-text {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: #000000;
  font-family: var(--font-text-regular);
}

.osr-textbox-zigzag-text-content {
  padding-right: 40px;
}

.osr-textbox-zigzag-btn {
  text-decoration: none;
  text-align: center;
  display: block;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 40px;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--btn-bg);
  color: var(--link-color);
}

.osr-textbox-zigzag-btn:hover {
  background: #000;
  color: var(--link-color);
}

.osr-textbox-zigzag-btn-content {
  margin-top: 30px;
}

.osr-textbox-zigzag-wrapper {
  padding: 50px 0;
}

@media only screen and (max-width: 1200px) {
  .osr-textbox-zigzag-title {
    font-size: 32px;
    line-height: 42px;
  }

  .osr-textbox-zigzag-box-text {
    font-size: 16px;
    line-height: 26px;
    width: calc(100% - 80px);
  }

  .osr-textbox-zigzag-image-content {
    width: 60px;
    height: 60px;
  }

  .osr-textbox-zigzag-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-textbox-zigzag-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-textbox-zigzag-text-content {
    padding-right: 0px;
    margin-bottom: 50px;
  }

  .osr-textbox-zigzag-text {
    font-size: 14px;
    line-height: 24px;
  }
}

/* zigzag textbox css end */

/* horizontal timeline css start */

.osr-horizontal-timeline-inner {
  background: var(--primary-bg);
  padding: 50px;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
}

.osr-horizontal-timeline-main-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  color: var(--secondary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
  text-align: center;
}

.osr-horizontal-timeline-desktop-image {
  width: 100%;
}

.osr-horizontal-timeline-mobile-image {
  width: 100%;
  display: none;
}

@media only screen and (max-width: 991px) {
  .osr-horizontal-timeline-desktop-image {
    display: none;
  }

  .osr-horizontal-timeline-mobile-image {
    display: block;
  }

  .osr-horizontal-timeline-main-title {
    font-size: 38px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-horizontal-timeline-main-title {
    font-size: 28px;
    line-height: 38px;
  }
}

/* horizontal timeline css end */

/* store locator css start */

.osr-store-locator-section-wrapper {
  background: var(--secondory-bg);
}

.osr-store-locator-inner-image {
  width: 100%;
}

.osr-store-locator-heading {
  font-size: 48px;
  line-height: 58px;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
  color: #000000;
}

.osr-store-locator-flex {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.osr-store-locator-flex:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.osr-store-locator-text {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  color: #000000;
  font-family: var(--font-text-regular);
}

.osr-store-locator-icon {
  display: flex;
}

.osr-store-locator {
  border-bottom: 1px solid rgba(0, 161, 233, 0.2);
  padding: 30px 0;
}

.osr-store-locator:nth-last-child(1) {
  border-bottom: none;
}

.osr-store-locator-content {
  padding: 50px 0;
}

.osr-store-locator-text-content {
  padding-left: 50px;
}

.osr-store-locator-heading-mobile {
  display: none;
}

@media only screen and (max-width: 991px) {
  .osr-store-locator-text-content {
    padding-left: 30px;
  }

  .osr-store-locator-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-store-locator {
    padding: 15px 0;
  }

  .osr-store-locator-text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-store-locator-heading-desktop {
    display: none;
  }

  .osr-store-locator-heading-mobile {
    display: block;
    padding-bottom: 30px;
  }

  .osr-store-locator-content {
    padding: 30px 0;
  }

  .osr-store-locator-text-content {
    padding-left: 0px;
  }
}

/* store locator css end */

/* about us page css end */

/* max product page css start */

/* osr product max css start */

.osr-product-max-section .breadcrumbs__list {
  margin: 0;
  list-style: none;
  display: flex;
  gap: 15px;
  padding: 20px 0;
}

.osr-product-max-section .breadcrumbs__item {
  font-size: 14px;
  line-height: 24px;
  color: #00A1E9;
}

.osr-product-max-section .breadcrumbs__link {
  font-size: 14px;
  line-height: 24px;
  color: #00A1E9;
  text-decoration: none;
}

.osr-max-pdp {
  background: var(--primary-bg);
  border-radius: 40px;
  padding: 20px !important;
}

.osr-product-max-section .product__media-item {
  background: #FFFFFF;
  border-radius: 36px;
}

.osr-product-max-section .thumbnail-list__item {
  background: #ffffff;
  border-radius: 20px;
}

.osr-product-max-section .thumbnail img {
  object-fit: contain;
}

.osr-product-max-section .osr-product-tag {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 15px;
  background: transparent;
  font-family: var(--font-text-bold);
  color: Var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.osr-product-max-section .product__title h2 {
  /* font-size: 80px;
    line-height: 90px;
    font-family: var(--font-title-medium);
    text-transform: uppercase; */
  color: var(--secondary-color);
}

.osr-product-max-section .product__description p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--secondary-color);
  opacity: 1;
}

.osr-product-max-section .price-item {
  font-size: 28px;
  line-height: 38px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
}

.osr-product-max-section .product .price .badge,
.osr-product-max-section .product .price__container {
  margin-bottom: 0;
  vertical-align: middle;
}

.osr-product-max-section .product__info-container>*+* {
  margin: 0 0 1.5rem 0 !important;
}

.osr-product-max-section .product-form__input .form__label {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--secondary-color);
}

.osr-product-max-section .swatch-input__label .visually-hidden {
  font-size: 12px;
  line-height: 18px;
  /* color: var(--secondary-color); */
  opacity: 0.8;
}

.osr-product-max-section .swatch-input__input:checked+.swatch-input__label .visually-hidden {
  opacity: 1;
}

.osr-product-max-section .product-form__input--swatch {
  display: flex;
  row-gap: 10px;
  flex-wrap: wrap;
}

/* .osr-product-max-section .swatch-input__label{
    width: 70px;
} */

.osr-product-max-section .product-form__input--pill input[type=radio]:checked+label {
  border: 1px solid var(--secondary-color) !important;
}

.osr-product-max-section .product-form__quantity quantity-input.quantity {
  border: 1px solid var(--secondary-color);
}

.osr-product-max-section .product-form__quantity .quantity__input,
.osr-product-max-section .product-form__quantity .quantity__button {
  color: var(--secondary-color);
}

.osr-product-max-section .product-form__buttons .product-form__submit {
  border-radius: 40px;
  font-size: 18px;
  line-height: 28px;
  background: var(--sub-bg);
  color: var(--sub-primary-color);
  font-family: var(--font-text-medium);
}

.osr-product-max-section .product__info-container .product__accordion.accordion {
  margin: 0;
  border: none;
  border-radius: none;
  padding: 0px;
  border-bottom: none;
}

.osr-product-max-section .product__info-container .product__accordion.accordion:nth-last-of-type(1) {
  border-bottom: none;
}

.osr-product-max-section .product__info-container .accordion__title.inline-richtext {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--secondary-color);
}

.osr-product-max-section .product__accordion .summary__title:after,
.osr-product-max-section .product__accordion details[open]>summary .summary__title:after {
  color: var(--secondary-color);
}

.osr-product-max-section .product__info-container .accordion summary {
  border: 1px solid var(--secondary-color);
  border-radius: 40px;
  padding: 12px 30px;
}

.osr-product-max-section .product__accordion .accordion__content {
  display: grid;
  gap: 2rem 0;
  grid-template-columns: repeat(1, 1fr);
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--primary-color);
  padding: 12px 30px !important;
  margin: 0;
  background: var(--sub-bg);
  border-radius: 24px;
}

.osr-product-max-section .osr-content-wrepper-flex {
  display: grid;
  gap: 2rem 0;
  grid-template-columns: repeat(2, 1fr);
}

.osr-product-max-section .osr-accordion-content-heading {
  font-size: 16px;
  line-height: 26px;
  color: var(--sub-primary-color);
  font-family: var(--font-text-medium);
  margin: 0;
}

.osr-product-max-section .accordion__content.rte p {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-text-regular);
  color: var(--sub-primary-color);
  padding: 0;
  margin: 0;
}

.osr-product-max-section .slider-button[disabled] .icon,
.osr-product-max-section .slider-button {
  color: var(--secondary-color);
}

.osr-product-max-section .slider-button .icon {
  height: 1.2rem;
}

.osr-product-max-section .csp-guarantee {
  color: var(--secondary-color);
}

.osr-product-max-section .csp-guarantee .csp-icon {
  color: var(--secondary-color);
}

.osr-product-max-section .jdgm-prev-badge__text,
.osr-product-max-section .jdgm-preview-badge .jdgm-star.jdgm-star {
  color: var(--secondary-color);
}

.osr-product-max-section .product__info-wrapper .osr-product-tag {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}

.osr-product-max-section .product__info-wrapper .swatch-input__label {
  background: var(--secondary-color);
  color: var(--primary-color);
}

@media only screen and (max-width: 1200px) {
  .osr-product-max-section .product__title h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .osr-product-max-section .accordion__content.rte p {
    font-size: 12px;
    line-height: 22px;
  }

  .osr-product-max-section .product-form__input .form__label {
    font-size: 12px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .osr-product-max-section .product__title h1 {
    font-size: 34px;
    line-height: 44px;
  }

  .osr-product-max-section .product-form__buttons {
    max-width: 100%;
    width: 100%;
  }

  .osr-product-max-section .osr-product-btn-wrap {
    width: 100%;
  }
}

@media (min-width: 750px) and (max-width: 991px) {
  .osr-product-max-section .product__info-container .accordion__title.inline-richtext {
    font-size: 12px;
    line-height: 22px;
  }

  .osr-product-max-section .osr-content-wrepper-flex {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 750px) {
  .osr-product-max-section .product__info-container {
    padding-top: 30px;
  }

  .osr-product-max-section .product__info-container .accordion__title.inline-richtext {
    font-size: 12px;
    line-height: 22px;
  }

  .osr-product-max-section .osr-content-wrepper-flex {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .osr-product-max-section .product__info-container .accordion summary {
    padding: 12px 14px;
  }

  .osr-product-max-section .product__accordion .accordion__content {
    padding: 12px 15px !important;
  }
}

/* Custom Subscription Plan ATC button & variant selected value fixes (strictly for osr-product-max-section when Hawaiian Ice is selected) */
.osr-product-max-section.is-hawaiian-ice [data-selected-value],
.osr-product-max-section[data-selected-flavor="hawaiian-ice"] [data-selected-value],
.osr-product-max-section .is-hawaiian-ice [data-selected-value],
.osr-product-max-section .osr-max-pdp.is-hawaiian-ice [data-selected-value],
.is-hawaiian-ice [data-selected-value],
[data-selected-flavor="hawaiian-ice"] [data-selected-value] {
  color: #ffffff !important;
}

.osr-product-max-section.is-hawaiian-ice .csp-atc,
.osr-product-max-section[data-selected-flavor="hawaiian-ice"] .csp-atc,
.osr-product-max-section .is-hawaiian-ice .csp-atc,
.osr-product-max-section .osr-max-pdp.is-hawaiian-ice .csp-atc,
.csp.is-hawaiian-ice .csp-atc,
.csp[data-selected-flavor="hawaiian-ice"] .csp-atc,
.is-hawaiian-ice .csp-atc,
[data-selected-flavor="hawaiian-ice"] .csp-atc {
  background: #00b84c !important;
  background-color: #00b84c !important;
  color: #ffffff !important;
  border-color: #00b84c !important;
  box-shadow: 0 8px 20px -4px rgba(0, 184, 76, 0.4) !important;
}

.osr-product-max-section.is-hawaiian-ice .csp-atc:hover:not([disabled]),
.osr-product-max-section[data-selected-flavor="hawaiian-ice"] .csp-atc:hover:not([disabled]),
.osr-product-max-section .is-hawaiian-ice .csp-atc:hover:not([disabled]),
.osr-product-max-section .osr-max-pdp.is-hawaiian-ice .csp-atc:hover:not([disabled]),
.csp.is-hawaiian-ice .csp-atc:hover:not([disabled]),
.csp[data-selected-flavor="hawaiian-ice"] .csp-atc:hover:not([disabled]),
.is-hawaiian-ice .csp-atc:hover:not([disabled]),
[data-selected-flavor="hawaiian-ice"] .csp-atc:hover:not([disabled]) {
  background: #009e41 !important;
  background-color: #009e41 !important;
  color: #ffffff !important;
  border-color: #009e41 !important;
}

/* osr product max css end */

/* image box zigzag css start */

.osr-image-box-zigzag-title {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  color: var(--primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  padding-bottom: 30px;
}

.osr-image-box-zigzag-image {
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 0 auto;
}

.osr-image-box-zigzag-box-content {
  background: var(--secondory-bg);
  border-radius: 40px;
  padding: 30px;
}

.osr-image-box-zigzag-box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px
}

.osr-image-box-zigzag-image-content {
  width: 80px;
  height: 80px
}

.osr-image-box-zigzag-box-image {
  width: 100%
}

.osr-image-box-zigzag-box-text {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: var(--sub-primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  width: calc(100% - 100px)
}

@media only screen and (max-width: 1200px) {
  .osr-image-box-zigzag-title {
    font-size: 32px;
    line-height: 42px
  }

  .osr-image-box-zigzag-box-text {
    font-size: 16px;
    line-height: 26px;
    width: calc(100% - 80px)
  }

  .osr-image-box-zigzag-image-content {
    width: 60px;
    height: 60px
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-box-zigzag-title {
    font-size: 28px;
    line-height: 38px;
  }

  .osr-image-box-zigzag-text-content {
    margin-bottom: 50px;
  }
}

/* image box zigzag css end */

.product-arro-max-pdp .osr-marquee-text-slider-inner {
  background: #000000;
}

.product-arro-max-pdp .osr-image-section-wrapper.osr-section {
  margin-bottom: 0;
}

/*max product page review section css start */

.product-arro-max-pdp .osr-testimonial-slider-wrapper {
  background: var(--secondory-bg);
  padding: 50px 0;
}

.product-arro-max-pdp .osr-testimonial-slide-inner {
  background: var(--primary-bg);
}

.product-arro-max-pdp .osr-testimonial-slider-slide-star .fa-solid.fa-star {
  color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-title {
  color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-description {
  color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-slide-name {
  color: #ffffff;
}

.product-arro-max-pdp .osr-testimonial-slider-main-title {
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .product-arro-max-pdp .osr-testimonial-slider-slide-title {
    font-size: 14px;
    line-height: 24px;
  }

  .product-arro-max-pdp .osr-testimonial-slider-slide-description {
    font-size: 10px;
    line-height: 20px;
  }

  .product-arro-max-pdp .osr-testimonial-slide-inner {
    min-height: 30rem;
  }
}

/* max product page review section css end */

/* max product page related product section css start */

.product-arro-max-pdp .related-products .card__heading .full-unstyled-link {
  padding: 5px 0 0 0;
}

.product-arro-max-pdp .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 5px;
}

.product-arro-max-pdp .related-products .price-item {
  font-size: 22px;
  line-height: 32px;
}

.product-arro-max-pdp .related-products .product-form {
  margin-top: 0;
}

.product-arro-max-pdp .card__information {
  padding: 10px 0 0 0;
}

/* max product page related product section css end */

/* image with text 3 css start */

.osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-row {
  background: var(--primary-bg);
  border-radius: 40px;
  padding: 30px;
}

.osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-text-content {
  padding: 0 30px 0 0;
}

.osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-use-description {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-image {
    width: 100%;

    height: auto;
    min-height: unset;
    object-fit: unset;
  }
}

@media only screen and (max-width: 991px) {
  .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-title {
    font-size: 20px;
    line-height: 30px;
  }

  .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-use-description {
    font-size: 14px;
    line-height: 26px;
  }

  .osr-image-with-text-block-btn {
    margin-top: 20px;
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-with-text-block-wrapper-3 .osr-text-column {
    order: 2;
    margin-top: 30px;
  }

  .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-sub-title {
    text-align: left;
  }

  .osr-image-with-text-block-wrapper-3 .osr-image-with-text-block-main-title {
    padding-bottom: 20px;
    font-size: 38px;
    line-height: 50px;
    text-align: left;
  }
}

/* image with text 3 css end */

/* max product page css end */

/* header megamenu css start */

details[open]>.header__menu-item {
  color: var(--sub-primary-color);
}

.mega-menu__list .list-unstyled .mega-menu__link {
  margin: 0;
  font-size: 12px;
  line-height: 22px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  text-transform: uppercase;
}

.mega-menu__link.mega-menu__link--level-2.link {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-title-bold);
  color: var(--sub-primary-color);
  text-transform: uppercase;
}

.mega-menu__content .page-width {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.menu_with_product {

  width: calc(45% - 15px);
}

.menu_with_product .osr-header-megamenu-product-block-left {
  height: 100%;
  width: 120px;
}

.menu_with_product .osr-header-megamenu-product-block {
  background: #CF346A1A;
}

.menu_with_product .osr-product-tag {
  color: #F34984;
  border: 1px solid #F33778;
  padding: 7px 20px;
}

.menu_with_product .osr-header-megamenu-product-block-btn {
  background: #F34984;
  width: 280px;
  padding: 12px 10px;
}

.menu_with_product .osr-header-megamenu-product-block-right {
  width: calc(100% - 150px);
}

.menu_with_product .tag_width_titlle {
  display: flex;
  flex-direction: column;
}

.menu_with_product .osr-header-megamenu-product-block-right {
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items: center;
}

.mega-menu__list.osr-mega-menu-width {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
  /* height: 200px; */
}

.osr-header-megamenu-block {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-wrap: wrap;
}

.osr-header-megamenu-product-block {
  width: 100%;
  background: var(--secondory-bg);
  border-radius: 20px;
  padding: 20px;
}

.osr-header-megamenu-product-block-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.osr-header-megamenu-product-block-left {
  width: 200px;
  /* height:300px; */
}

.product-blue-razz .osr-product-ingredients-logo-text {
  text-transform: capitalize
}

.osr-header-megamenu-product-block-right {
  width: calc(100% - 220px);
  display: flex;
  flex-direction: column;
}

.osr-header-megamenu-product-block-image-content {
  display: block;
  text-decoration: none;
  height: 100%;
}

.product__info-wrapper .osr-product-tag {
  border-color: #00a1e8;
  color: #00a1e8;
}

.osr-header-megamenu-product-block-image {
  width: 100%;
  border-radius: 10px;
  height: auto;
  height: 100%;
  object-fit: cover;
}

.osr-header-megamenu-product-block-right .osr-product-tag {
  background: transparent;
  width: fit-content;
  margin-bottom: 10px;
}

.osr-header-megamenu-product-block-title {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 5px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
  text-decoration: none;
}

.osr-header-megamenu-product-block-price {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
  color: var(--primary-color);
  font-family: var(--font-text-medium);
}

.osr-header-megamenu-product-block-btn {
  text-decoration: none;
  text-align: center;
  display: block;
  width: fit-content;
  padding: 15px 30px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--font-text-medium);
  background: var(--btn-bg);
  color: var(--link-color)
}

.osr-header-megamenu-product-block-btn:hover {
  background: var(--sub-primary-color);
  color: var(--link-color)
}

.osr-header-megamenu-block-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.osr-header-megamenu-block-flex-1 {
  width: calc(50% - 10px);
  background: var(--primary-bg);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.osr-header-megamenu-block-flex-2 {
  width: calc(50% - 10px);
}

.osr-header-megamenu-block-1 {
  display: flex;
  align-items: center;
  color: var(--secondary-color);
  gap: 10px;
  text-decoration: none;
}

.osr-header-megamenu-block-1-title {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary-color);
  font-family: var(--font-text-bold);
  text-transform: uppercase;
  display: block;
  width: calc(100% - 80px);
}

.osr-header-megamenu-block-1-img {
  max-width: 70px;
  width: 100%;
  height: auto;
}

.osr-header-megamenu-block-flex-2 {
  background: #000000;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.osr-header-megamenu-block-flex-2-img {
  max-width: 120px;
  width: 100%;
  margin: 0 auto;
}

.osr-header-megamenu-block-flex-2-title {
  margin: 0;
  font-size: 24px;
  line-height: 34px;
  color: var(--sub-primary-color);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-header-megamenu-block-flex-2-btn {
  text-decoration: none;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  background: var(--sub-bg);
  border-radius: 50px;
  padding: 12px 30px;
  width: fit-content;
  color: var(--sub-primary-color)
}

.osr-header-megamenu-block-flex-2-btn:hover {
  background: var(--btn-bg);
  color: var(--link-color)
}

.header__active-menu-item {
  color: var(--sub-primary-color);
}

@media only screen and (max-width: 1400px) {
  .osr-header-megamenu-product-block-btn {
    padding: 10px 20px;
  }

  .osr-header-megamenu-block-1-title {
    font-size: 10px;
    line-height: 20px;
  }

  .osr-header-megamenu-block-flex-2-title {
    font-size: 18px;
    line-height: 28px;
  }
}

header-drawer .menu-drawer__inner-submenu .menu-drawer__menu-item.link.link--text {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-title-bold);
  color: var(--primary-color);
  text-transform: uppercase;
}

header-drawer .osr-header-megamenu-block {
  width: 100%;
  padding: 3.2rem;
}

header-drawer .osr-header-megamenu-product-block-left {
  width: 90px;
}

header-drawer .osr-header-megamenu-product-block-right {
  width: calc(100% - 110px);
  display: flex;
  flex-direction: column;
}

header-drawer .osr-header-megamenu-product-block-btn {
  font-size: 12px;
  line-height: 16px;
}

header-drawer .osr-header-megamenu-block-1-img {
  max-width: 35px;
  width: 100%;
  height: auto;
}

header-drawer .osr-header-megamenu-block-1-title {
  width: calc(100% - 45px);
}

header-drawer .osr-header-megamenu-block-flex-2-img {
  max-width: 40px;
  width: 100%;
  margin: 0 auto;
}

header-drawer .osr-header-megamenu-block-flex-2-title {
  font-size: 12px;
  line-height: 22px;
}

header-drawer .osr-header-megamenu-block-flex-2-btn {
  font-size: 12px;
  line-height: 16px;
  padding: 10px 20px;
  margin: 10px auto 0 auto;
}

header-drawer .menu-drawer__close-button.link.link--text {
  color: var(--sub-primary-color);
}

@media only screen and (max-width: 400px) {

  .osr-header-megamenu-block-flex-1,
  .osr-header-megamenu-block-flex-2 {
    width: calc(100% - 0px);
  }

  header-drawer .osr-header-megamenu-product-block-left {
    width: 100%;
  }

  header-drawer .osr-header-megamenu-product-block-right {
    width: calc(100% - 0px);
  }
}

/* ── ARRØ mega menu: full-width using Flatsome's nav-dropdown-full ─────────── */
/*                                                                              */
/* Flatsome's .nav-dropdown-full already sets:                                  */
/*   position:fixed; display:flex; left:50%; transform:translateX(-50%);       */
/*   width:100%; max-width:1150px !important                                    */
/*                                                                              */
/* We just override the three values that prevent true full-width:              */

#header li.arro-mega-active>.sub-menu.nav-dropdown-full {
  top: var(--arro-menu-top, 100px) !important;
  /* JS sets this on load+hover */
  left: 0 !important;
  /* override left:50%                     */
  transform: none !important;
  /* override translateX(-50%)             */
  max-width: 100vw !important;
  /* override max-width:1150px             */
  width: 100vw !important;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 90vh;
  z-index: 99999 !important;
}

/* Content wrapper fills the full dropdown width */
#header li.arro-mega-active>.sub-menu.nav-dropdown-full>.mega-menu__content {
  flex: 1;
  width: 100%;
  padding: 24px 30px;
  box-sizing: border-box;
}

/* ── Mega menu text color: override blue theme vars with black ──────────── */
.arro-mega-active .mega-menu__link.mega-menu__link--level-2.link {
  color: #111 !important;
}

.arro-mega-active .mega-menu__list .list-unstyled .mega-menu__link {
  color: #333 !important;
}

.arro-mega-active .mega-menu__list .list-unstyled .mega-menu__link:hover {
  color: #000 !important;
  text-decoration: underline;
}

.arro-mega-active .osr-header-megamenu-product-block-title {
  color: #111 !important;
}

.arro-mega-active .osr-header-megamenu-product-block-price {
  color: #444 !important;
}

.arro-mega-active .osr-header-megamenu-block-1-title {
  color: #111 !important;
}

/* header megamenu css end */



.age {
  font-size: 14px;
  font-family: var(--font-text-bold);
}

.age-description {
  font-size: 14px;
  font-family: var(--font-text-regular);
}



/* extra */
.blue-razz .product--accordion13 .osr-content-wrepper {
  width: 50% !important;
}

.blue-razz .accordion__content.accordion__content-13-1 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.blue-razz .price-item {
  color: rgba(0, 161, 233, 1);
}

.blue-razz .accordion__content-13-1 .osr-content-wrepper_3,
.blue-razz .accordion__content-13-1 .osr-content-wrepper_4 {
  display: flex !important;
}

.blue-razz .accordion__content .osr-content-wrepper_5,
.accordion__content .osr-content-wrepper_6 {
  flex-direction: row;
  display: flex;
  align-items: center;
}

.blue-razz .osr-8225784168588 .accordion__content-16-2 {
  display: none !important;
}

.blue-razz .product--accordion16 .osr-content-wrepper {
  width: 100% !important;
}

.blue-razz .product--accordion16 .accordion__content {
  display: flex;
  flex-direction: column;
}

.blue-razz .product--accordion15 .accordion__content-15-2 {
  display: none;
}

.blue-razz .product--accordion16 .accordion__content-16-2 {
  display: none;
}

.blue-razz .collapsible-tab-tagline {
  width: 100%;
  margin-top: 10px;
  padding: 8px 0;
  font-size: 0.9em;
  color: black;
}

.blue-razz button.thumbnail.global-media-settings.global-media-settings--no-shadow {
  border: 1px solid rgba(216, 216, 216, 1);
}

/*.blue-razz .product__media-item {
  border: 1px solid rgba(216, 216, 216, 1);
  border-radius:34px;
} */
.blue-razz .product__media.media.media--transparent {
  border: 1px solid rgba(216, 216, 216, 1);
}

.blue-razz-section .osr-image-box-card-subheading {
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
  margin: 0;
  padding-bottom: 10px;
  color: rgba(0, 161, 233, 1);
  font-family: var(--font-title-bold);
}

/* image with text */
.blue-razz-image-text .osr-image-with-text-block-row {
  border-radius: 30px 40px 40px 30px;
  padding: 10px;
}

.blue-razz-image-text img.osr-image-with-text-block-main-image {
  border-radius: 20px;
}

.blue-razz-image-text .osr-image-with-text-block-row {
  border-radius: 30px 40px 40px 30px;
  padding: 10px;
}

/* faq */
.blue-razz .osr-faq-main-title {
  color: #000000;

}

.blue-razz .related-products .related-products__heading.inline-richtext.h2 {
  color: rgba(0, 161, 233, 1);
}

.blue-razz-image-text .osr-image-with-text-block-btn {
  display: flex;
  text-decoration: none;
  justify-content: center;
  font-size: 19px;
  line-height: 20px;
  font-family: var(--font-text-medium);
  background: var(--sub-bg);
  /* color: var(--primary-color); */
  color: rgba(0, 161, 233, 1);
  border: 1px solid var(--primary-color);
  width: 219px;
  padding: 18px 36px;
  border-radius: 40px;
  margin-top: 40px;
}

.blue-razz .product__description p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--font-text-medium);
  color: var(--primary-color);
  /* changes */
  opacity: 30%;
}

.blue-razz-image-text .osr-image-with-text-block-use-description {
  text-align: start;
  font-size: 17px;
}

.blue-razz .osr-product-ingredients-logo-wrap {
  justify-content: space-around;
  flex-wrap: wrap;
}

@media only screen and (max-width:1200px) {
  .blue-razz-section .osr-image-box-card-subheading {
    font-size: 16px;
  }
}

@media only screen and (max-width:767px) {
  .blue-razz-section .osr-image-box-card-subheading {
    font-size: 14px;
    text-align: start;
    line-height: 25px;
  }

  /* image with text */
  .blue-razz-image-text .osr-image-with-text-block-container.osr-container {
    min-width: 100%;
    padding: 0;
  }


  .blue-razz-image-text .osr-image-with-text-block-row {
    border-radius: 0;
    padding: 15px;
  }

  .blue-razz-image-text .osr-image-with-text-block-text-content {
    padding: 20px 0;
  }

  .blue-razz-image-text .osr-image-with-text-block-row {
    border-radius: 0;
    padding: 15px;
  }

  .blue-razz-image-text .osr-image-box-image-content img {
    height: 100%;
  }

  .blue-razz-section .osr-image-box-image-content img {
    width: 100%;
    height: 100%;
  }

  .blue-razz-image-text .osr-image-with-text-block-main-title {
    text-align: start;
    padding-bottom: 20px;
  }

  .blue-razz-section .osr-image-box-main-title {
    margin-bottom: 0;
  }

  .blue-razz-image-text .osr-image-with-text-block-btn {
    border: none;
    height: 45px;
    align-items: center;
    font-size: 14px;
  }

  .blue-razz-image-text .osr-image-with-text-block-wrapper-2 .osr-image-with-text-block-main-title {
    text-align: start;
    margin-bottom: 20px;
  }

  /* faq */
  .blue-razz h4.osr-faq-title {
    font-size: 16px;
    line-height: 20px;
  }

  .blue-razz .osr-faq-content.is-open .osr-faq-description-content {
    padding-top: 8px;
  }

  /* grid */
  .blue-razz .product .grid {
    column-gap: 20px;
  }

}

.fs-breadcrumb {
  margin-bottom: 20px;
  font-size: 14px;
  width: 100%;
}

.fs-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

body.arro-ultra footer.footer {
  margin: 0;
}

.arro-craving-cubes footer.footer {
  margin: 0;
}


.fs-breadcrumb a:hover {
  text-decoration: underline;
}

.fs-breadcrumb span[aria-hidden="true"] {
  margin: 0 5px;
  color: #999;
}

/* .swiper-wrapper:not(.not-center) {
  justify-content:center;
} */

.product-blue-razz .osr-content-wrepper_6 {
  grid-column: unset;
}

.product-blue-razz .osr-content-wrepper_5,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_4 {
  flex-direction: row;
  align-items: center;
}

.product-blue-razz .product--accordion13 .osr-content-wrepper.osr-content-wrepper_1 img.osr-content-img {
  width: 100%;
  max-width: 50% !important;
}

.product-blue-razz .product--accordion13 .osr-content-wrepper.osr-content-wrepper_2 img.osr-content-img {
  width: 100%;
  max-width: 50% !important;
}

.product-blue-razz .accordion__content.accordion__content-15-2 {
  display: none;
}

.product-blue-razz .product--accordion15 .accordion__content,
.product-blue-razz .product--accordion14 .accordion__content,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-contant_container-grid {
  grid-template-columns: repeat(1, 1fr);
}

.product-blue-razz .product--accordion14 .collapsible-tab-tagline {
  font-size: 16px;
  color: #000;
  font-family: 'text_regular';
  padding-top: 20px;
}

.product-blue-razz .product--accordion15 .osr-content-wrepper_1 {
  display: block !important;
}

.product-blue-razz .product--accordion14 .osr-content-conatiner_1,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_5,
.product-blue-razz .product--accordion14 .accordion__content-14-2 .osr-content-wrepper_6 {
  display: none;
}

.product-blue-razz .product--accordion15 .osr-content-wrepper {
  display: none;
}

.product-blue-razz .product--accordion14 .osr-content-conatiner_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.product-blue-razz .price__container .price-item {
  font-family: 'text_medium';
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  letter-spacing: -.5px;
  color: #00A1E9;
}

.product-blue-razz .thumbnail-list__item {
  border: 1px solid #DDDDDD;
  border-radius: 25px;
}

.osr-featured-collection-tab:nth-child(4) {
  width: 250px
}


.button {
  font-family: var(--font-text-regular);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  min-width: 181px;
}

.button.button--primary {
  border: solid 1px;
}

.h0 {
  font-family: var(--font-title-bold);
  margin: 0;
  font-size: clamp(26px, 3.34vw, 48px);
  letter-spacing: -1%;
  text-transform: uppercase;
  line-height: 1.3;
  color: rgb(var(--color-foreground));
}

.hxl {
  margin: 0;
  font-weight: 400;
  font-size: clamp(30px, 5vw, 64px);
  line-height: 140%;
  letter-spacing: -1%;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-title-bold);
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

.title-wrapper {
  margin-bottom: 50px;
}

.title-wrapper p {
  font-family: var(--font-text-regular);
  color: rgb(var(--color-foreground));
  font-size: clamp(16px, 3.34vw, 20px);
  line-height: 140%;
  letter-spacing: -1%;
  margin-top: 32px;
  margin-bottom: 0;
}

@media(max-width:1199px) {
  .title-wrapper {
    margin-bottom: 30px;
  }

  .page-width {
    padding: 0 2rem;
  }

}

@media(max-width:749px) {
  .page-width {
    padding: 0 16px;
  }

}

/* osr video slider css start */


.osr-video-slider-wrap.osr-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.osr-video-slider-wrap .osr-video-slider-slide-media {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 2/3;
}

.osr-video-slider-wrap .osr-video-slider-slide-img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

.osr-video-slider-wrap .osr-video-slider-slide-video {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* opacity: 0;  */
  transition: opacity 0.3s ease;
}

.osr-video-slider-wrap .osr-video-slider-slide-video.osr-video-visible {
  opacity: 1;
}

.osr-video-slider-wrap .osr-video-slider-slide-img.osr-thumb-hidden {
  opacity: 0;
}

.osr-video-slider-wrap .osr-play-btn.osr-btn-pause svg.icon-play {
  display: none;
}

.osr-video-slider-wrap .osr-play-btn svg.icon-pause {
  display: none;
}

.osr-video-slider-wrap .osr-video-slider-slide:not(.swiper-slide-active) .osr-play-btn {
  opacity: 0;
  pointer-events: none;
}

.osr-video-slider-wrap .osr-nav-btn {
  opacity: 0.5;
  background-color: transparent;
  border: none;
  padding: 0;
}

.osr-video-slider-wrap .osr-video-slider-slide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.28) 0%, transparent 50%);
  pointer-events: none;
  z-index: 3;
}

.osr-video-slider-wrap .osr-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.8rem;
  gap: 10px;
}

.osr-video-slider-wrap .osr-placeholder-svg {
  width: 100%;
  height: 100%;
  background: #e8e8e8;
  display: block;
}

.osr-video-slider-heading-wrap {
  margin-bottom: 50px;
}

.osr-video-slider-wrap .osr-video-slider-heading {
  text-align: center;
  font-size: clamp(26px, 3.34vw, 48px);
}

.osr-video-slider-wrap .osr-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: opacity 0.25s ease, transform 0.2s ease, background 0.2s ease;
  padding: 0;
  background: transparent;
  pointer-events: none;
  margin: 0px;
  min-height: auto;
}

.osr-video-slider-wrap .osr-play-btn.osr-btn-pause svg.icon-pause {
  display: block;
  background: #00A1E9;
  border-radius: 50%;
}

.osr-video-slider-wrap .osr-video-slider-slide.swiper-slide-active {
  cursor: pointer;
}

.osr-video-slider-wrap .osr-video-slider-slide-media:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  content: "";
  opacity: 0.3;
}

.osr-video-slider-wrap .osr-video-slider-slide.swiper-slide-active .osr-video-slider-slide-media:after {
  display: none;
}

@media screen and (max-width:1199px) {
  .osr-video-slider-wrap .osr-nav-wrap {
    margin-top: 2rem;
  }

  .osr-video-slider-wrap .osr-nav-wrap svg {
    width: 49px;
    height: 31px;
  }
}

/* YouTube Embed & Audio Button CSS */
/* Pre-JS: hide swiper until Swiper JS sets correct slide widths */
.osr-video-slider-swiper-outer {
  overflow: hidden;
}

.osr-video-slider-swiper {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.osr-video-slider-wrap .osr-video-slider-youtube-wrap {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #000 center/cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

.osr-video-slider-wrap .osr-video-slider-youtube-wrap.osr-video-visible {
  opacity: 1;
}

.osr-video-slider-wrap .osr-video-slider-youtube-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
  pointer-events: auto;
}

.osr-video-slider-wrap .osr-audio-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #00A1E9;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 7;
  padding: 0;
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.25s ease;
}

.osr-video-slider-wrap .osr-audio-btn.osr-is-muted .icon-audio-on {
  display: none;
}

.osr-video-slider-wrap .osr-audio-btn.osr-is-muted .icon-audio-off {
  display: block;
}

.osr-video-slider-wrap .osr-audio-btn:not(.osr-is-muted) .icon-audio-on {
  display: block;
}

.osr-video-slider-wrap .osr-audio-btn:not(.osr-is-muted) .icon-audio-off {
  display: none;
}

.osr-video-slider-wrap .osr-video-slider-slide:not(.swiper-slide-active) .osr-audio-btn {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width:749px) {
  .osr-video-slider-wrap .osr-video-slider-slide {
    border-radius: 12px;
  }

  .osr-video-slider-wrap .osr-play-btn {
    width: 44px;
    height: 44px;
  }

  .osr-video-slider-wrap .osr-play-btn svg {
    width: 36px;
    height: 36px;
  }

  .osr-video-slider-wrap .osr-audio-btn {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
  }

  .osr-video-slider-wrap .osr-audio-btn svg {
    width: 18px;
    height: 18px;
  }
}

/* osr video slider css end */

/* osr features zigzag css start */

.osr-features-zigzag {
  position: relative;
  width: 100%;
  min-height: 500px;
  background-color: var(--osr-fz-bg-color, #b8e0f5);
  overflow: hidden;
  box-sizing: border-box;
}

.osr-features-zigzag-bg-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.osr-features-zigzag-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
}

.osr-features-zigzag-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(220, 240, 255, var(--osr-fz-overlay-opacity, 0.92)) 0%, rgba(180, 220, 248, calc(var(--osr-fz-overlay-opacity, 0.92) * 0.8)) 50%, rgba(140, 200, 240, calc(var(--osr-fz-overlay-opacity, 0.92) * 0.4)) 100%);
}

.osr-features-zigzag-subheading {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--osr-fz-body-color, #1a2a3a);
  margin: 0 0 0.75rem;
  opacity: 0.75;
}

.osr-features-zigzag-body {
  font-size: 14px;
  color: var(--osr-fz-body-color, #1a2a3a);
  line-height: 1.75;
  margin: 0 0 1rem;
  max-width: 520px;
}

.osr-features-zigzag-body p {
  margin: 0 0 0.75rem;
}

.osr-features-zigzag-body p:last-child {
  margin-bottom: 0;
}

.osr-features-zigzag-cta {
  margin-top: 1.5rem;
}

.osr-features-zigzag-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.15s ease;
  background-color: var(--osr-fz-badge-color, #22b8f0);
  color: var(--osr-fz-badge-text-color, #ffffff);
  border: 2px solid var(--osr-fz-badge-color, #22b8f0);
}

.osr-features-zigzag-btn--secondary {
  background-color: transparent;
  color: var(--osr-fz-badge-color, #22b8f0);
}

.osr-features-zigzag-btn:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

.osr-features-zigzag-badge-row {
  display: flex;
  width: 100%;
}

.osr-features-zigzag-badge-row--odd {
  justify-content: flex-start;
}

.osr-features-zigzag-badge-row--even {
  justify-content: flex-end;
}

.osr-features-zigzag-body {
  color: rgba(var(--color-foreground), 1);
  font-weight: 500;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 140%;
  margin: 40px 0 30px 0;
  font-family: var(--font-text-regular);
  max-width: 520px;
  letter-spacing: 0;
}

.osr-features-zigzag-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 2.5rem;
  padding-top: var(--osr-fz-section-padding-top, 60px);
  padding-bottom: var(--osr-fz-section-padding-bottom, 60px);
}

.osr-features-zigzag-check-icon {
  width: 28px;
  height: 28px;
}

.osr-features-zigzag-checklist-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-family: var(--font-title-bold);
  margin: 0;
  font-size: 18px;
  letter-spacing: -1%;
  text-transform: uppercase;
  line-height: 1.3;
  color: rgb(var(--color-foreground));
}

.osr-features-zigzag-checklist {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  gap: 24px 30px;
}

.osr-features-zigzag-badge {
  background-color: rgba(0, 161, 233, 1);
  border-radius: 50px;
  padding: 12px 32px 12px 12px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-family: var(--font-title-bold);
  margin: 0;
  font-size: 18px;
  letter-spacing: -1%;
  text-transform: uppercase;
  line-height: 1.3;
  color: #fff;
}

.osr-features-zigzag span.osr-features-zigzag-label {
  padding-bottom: 4px;
}

.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(1),
.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(1) {
  padding-left: 15%;
}

.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2),
.osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(3) {
  padding-right: 15%;
}

.osr-features-zigzag-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
  row-gap: 60px;
}

.osr-section.osr-features-zigzag {
  margin-bottom: 0px;
}

@media screen and (max-width:989px) {

  .osr-features-zigzag-inner,
  .osr-features-zigzag--full .osr-features-zigzag-inner {
    grid-template-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
    gap: 2rem;
  }

  .osr-features-zigzag-right {
    gap: 12px;
  }

  .osr-features-zigzag-badge-row--odd {
    padding-left: 0;
    justify-content: flex-start;
  }

  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(1),
  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(1) {
    padding-left: 0;
  }

  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2),
  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(3) {
    padding-right: 0;
  }

  .osr-features-zigzag-badge-row--even {
    justify-content: flex-end;
    padding-right: 0;
  }

  .osr-features-zigzag-left * {
    color: #fff;
  }

  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-child(2),
  .osr-features-zigzag-right .osr-features-zigzag-badge-row:nth-last-child(2) {
    padding-left: 4%;
  }
}

@media screen and (max-width: 749px) {
  .osr-features-zigzag-left * {
    color: #000 !important;
  }

  .osr-features-zigzag {
    min-height: unset;
  }

  .osr-features-zigzag-inner,
  .osr-features-zigzag--full .osr-features-zigzag-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .osr-features-zigzag-overlay {
    background: linear-gradient(to bottom, rgba(220, 240, 255, calc(var(--osr-fz-overlay-opacity, 0.92) * 1.05)) 0%, rgba(180, 220, 248, var(--osr-fz-overlay-opacity, 0.92)) 100%);
  }

  .osr-features-zigzag-checklist {
    grid-template-columns: 1fr;
  }

  .osr-features-zigzag-badge {
    min-width: 160px;
    font-size: 11.5px;
  }

  .osr-features-zigzag-badge-row--odd {
    padding-left: 0;
  }

  .osr-features-zigzag-badge-row--even {
    padding-left: 5%;
  }

  .osr-features-zigzag-bg-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    display: block;
  }
}

/* osr features zigzag css end */

/* arro-advertorials-ultra page css start */

.arro-advertorials-ultra .vs-section-wrap .vs-cell-mid {
  font-weight: 500;
}

.advertorial-arro-craving-cubes .footer,
.arro-advertorials-ultra .footer {
  margin-top: 0px;
}

.arro-advertorials-ultra .section-ts-wrap-testimonial .ts-slide-type-text {
  justify-content: space-between;
}

.arro-advertorials-ultra .section-ts-wrap-testimonial .ts-slide-type-text .ts-author {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {

  .advertorial-arro-craving-cubes .footer,
  .arro-advertorials-ultra .footer {
    margin-top: 0px;
  }
}

@media (max-width: 749px) {
  .arro-advertorials-ultra .section-featured-product .product-form__input--swatch {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 480px) {
  .arro-advertorials-ultra .metric-cards-wrap .mc-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-label {
    font-size: 16px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-value {
    font-size: 20px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-icon-wrap {
    width: 36px;
    height: 36px;
  }

  .arro-advertorials-ultra .metric-cards-wrap .mc-card {
    padding: 1.5rem 1.5rem;
    border-radius: 10px;
  }
}

@media screen and (max-width: 300px) {
  .arro-advertorials-ultra .metric-cards-wrap .mc-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
}

/* featured product variant vise color change css start */

.arro-advertorials-ultra .swatch-input__input:checked+.swatch-input__label .swatch {
  border: 1px solid var(--variant-color) !important;
}


/* featured product variant vise color change css end */

/* arro-advertorials-ultra page css end */

/* Most Popular badge for Ultra product on collection page */
.badge.badge--most-popular {
  background-color: #00A1E9 !important;
  color: #ffffff !important;
  border: none !important;
  font-family: var(--font-text-medium, sans-serif);
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 50px !important;
  padding: 6px 14px !important;
  box-shadow: 0 2px 6px rgba(0, 161, 233, 0.3) !important;
}

/* Automatically hide default Stay AI widget, quantity selector, and default buy buttons when Custom Subscription Plan block is active */
body:has(.csp) .stayai-subscriptions,
body:has(.csp) purchase-options,
body:has(.csp) [id*="stayai-subscription"],
body:has(.csp) .product-form__quantity,
body:has(.csp) [id*="Quantity-Form"],
body:has(.csp) .product-form__buttons,
body:has(.csp) .buy-buttons-block-wrapper>.product-form__buttons,
body:has(.csp) .osr-product-btn-wrap .product-form__buttons,

.has-csp-active .stayai-subscriptions,
.has-csp-active purchase-options,
.has-csp-active [id*="stayai-subscription"],
.has-csp-active .product-form__quantity,
.has-csp-active [id*="Quantity-Form"],
.has-csp-active .product-form__buttons,
.has-csp-active .buy-buttons-block-wrapper>.product-form__buttons,
.has-csp-active .osr-product-btn-wrap .product-form__buttons,

:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stayai-pdp,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stayai-subscriptions,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) purchase-options,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [id*="stayai-subscription"],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [data-stay-widget],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .stay-ai-subscription-widget,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form__quantity,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) [id*="Quantity-Form"],
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .buy-buttons-block-wrapper>.product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .product-form>form>.product-form__buttons,
:is(.product__info-container, .product-section, .osr-product-max-section, product-info, section, .shopify-section):has(.csp) .osr-product-btn-wrap .product-form__buttons {
  display: none !important;
}


/* osr lux product css start */

.osr-product-lux-section.osr-section {
  margin-bottom: 0px;
}

.osr-product-lux-section {
  background: linear-gradient(174.41deg, #1A1A1A 1.65%, #004F95 65.26%, #73BDD3 101.78%) !important;
  color: #ffffff;
}

.osr-product-lux-section .product__title h2 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: #ffffff;
}

.osr-product-lux-section .product__info-container {
  align-items: center;
  justify-content: space-between;
}

.osr-product-lux-section .shopify-block.shopify-app-block {
  width: 100%;
}

.osr-product-lux-section .product__title {
  width: fit-content;
}

.osr-product-lux-section .osr-product-price {
  width: fit-content;
}

.osr-product-lux-section .price-item {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #ffffff;
}

.osr-product-lux-section .product__description p {
  color: #ffffff;
  opacity: 1;
}

.osr-product-lux-section .swatch-input__input+.swatch-input__label {
  background: #27455E;
  border: none;
}

.osr-product-lux-section .swatch-input__label .visually-hidden {
  color: #ffffff;
}

.osr-product-lux-section .product-form__input .form__label {
  color: #ffffff;
}

.osr-product-lux-section .osr-product-ingredients-logo {
  max-width: 48px;
}

.osr-product-lux-section .osr-product-ingredients-logo-text {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  font-family: var(--font-text-regular);
}

.osr-product-lux-section .product__info-container .product__accordion.accordion {
  margin: 0;
  border: none;
  border-radius: 0px;
  padding: 10px 0px;
  border-bottom: 1px solid;
  color: #ffffff;
}

.osr-product-lux-section .product__info-container .accordion__title.inline-richtext {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--font-text-medium);
  color: #ffffff;
}

.osr-product-lux-section .product__info-container .product__accordion details[open]>summary .summary__title:after {
  display: none;
}

.osr-product-lux-section .product__info-container .product__accordion .summary__title:after {
  display: none;
}

.osr-product-lux-section .product__info-container .accordion__content.rte p {
  color: #ffffff;
}

.osr-product-lux-section .summary__title-icon {
  position: absolute;
  height: 25px;
  width: 25px;
  right: 0;
  top: 0;
  border-radius: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.osr-product-lux-section summary .icon-caret {
  position: unset;
  height: 8px;
  right: unset;
  top: unset;
  color: #004F95;
}

.osr-product-lux-section .csp-guarantee {
  color: #ffffff;
}

@media only screen and (max-width: 749px) {

  .osr-product-lux-section .product__title,
  .osr-product-lux-section .product__description,
  .osr-product-lux-section .osr-product-price {
    display: none !important;
  }
}

/* osr lux product css end */
/* =====================================================================
   WORDPRESS — WOOCOMMERCE FORM + BUTTON OVERRIDES
   ===================================================================== */

/* =====================================================================
   WORDPRESS — VARIATION SWATCHES
   ===================================================================== */
table.variations,
.variations select,
.variations .select2-container,
.variations .chosen-container,
.variations .reset_variations {
  display: none !important;
}

.product-title.product_title.entry-title {
  font-size: 24px;
  line-height: 34px;
}

.arro-var-header {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.arro-var-header strong {
  font-weight: 700;
}

.arro-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.arro-sw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  width: 80px;
}

.arro-sw-img {
  width: 76px;
  height: 76px;
  border-radius: 14px;
  border: 2px solid #e5e7eb;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: border-color .15s, box-shadow .15s;
}

.arro-sw-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.arro-sw-lbl {
  font-size: 10px;
  font-weight: 600;
  color: #111;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 1.3;
}

.arro-sw.arro-sw-sel .arro-sw-img {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1.5px #3b82f6;
}

.arro-sw.arro-sw-sel .arro-sw-lbl {
  color: #1d4ed8;
  font-weight: 700;
}

.arro-sw.arro-sw-na {
  opacity: .38;
  cursor: not-allowed;
}

.arro-sw.arro-sw-na .arro-sw-img::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140%;
  height: 2px;
  background: #888;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-radius: 1px;
}

/* =====================================================================
   WORDPRESS — CUSTOM VARIABLE PRICE DISPLAY
   ===================================================================== */
.summary .price,
.woocommerce-variation-price,
.summary .wcsatt-sub-options-price {
  display: none !important;
}

.arro-var-price {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0 12px;
  line-height: 1;
}

.arro-vp-amount,
.arro-vp-code {
  font-family: 'text_bold', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #111;
  line-height: 1.1;
}

/* =====================================================================
   ARB PURCHASE WIDGET  (subscribe & save — all ARRO products)
   ===================================================================== */
/* Hide native WC + Flatsome variation UI when widget is active */
.woocommerce-variation-price,
.woocommerce-variation-availability,
#arro-pack-block,
.wcsatt-options-container {
  display: none !important;
}

.arb-widget-wrap~.quantity {
  display: none !important;
}

html body .arb-widget-wrap * {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.arb-widget-wrap {
  margin: 16px 0 4px;
  font-family: inherit;
}

.arb-w-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

.arb-w-tab {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 13px 14px;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  box-sizing: border-box;
}

.arb-w-tab--active {
  border-color: var(--arb-w-accent);
  background: var(--arb-w-tint);
}

.arb-w-tab__title {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 5px;
}

.arb-w-tab--active .arb-w-tab__title {
  color: var(--arb-w-accent);
}

.arb-w-tab__sub {
  font-size: 12px;
  color: #777;
}

.arb-w-tab__icon {
  color: var(--arb-w-accent);
  display: inline-flex;
  align-items: center;
}

.arb-w-plans {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.arb-w-plan {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 10px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 13px 14px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  box-sizing: border-box;
}

.arb-w-plan--selected {
  border-color: var(--arb-w-accent);
  background: var(--arb-w-tint);
}

.arb-w-radio {
  width: 22px;
  height: 22px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color .15s, background .15s;
  box-sizing: border-box;
}

.arb-w-plan--selected .arb-w-radio {
  background: var(--arb-w-accent);
  border-color: var(--arb-w-accent);
}

.arb-w-check {
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  display: none;
  line-height: 1;
}

.arb-w-plan--selected .arb-w-check {
  display: block;
}

.arb-w-plan-meta {
  min-width: 0;
}

.arb-w-plan-top {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.arb-w-plan-days {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}

.arb-w-off-badge {
  background: var(--arb-w-badge);
  color: var(--arb-w-badge-text);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  display: none;
}

.arb-widget-wrap.is-subscribe .arb-w-off-badge {
  display: inline-block;
}

.arb-w-plan-sub {
  font-size: 12px;
  color: #777;
  margin-top: 2px;
}

.arb-w-plan-price {
  text-align: right;
}

.arb-w-price-unit {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  white-space: nowrap;
}

.arb-w-price-orig {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  white-space: nowrap;
  margin-top: 2px;
  display: none !important;
}

.arb-widget-wrap.is-subscribe .arb-w-price-orig {
  display: block !important;
}

.arb-w-price-sub {
  font-size: 12px;
  color: #111;
  white-space: nowrap;
  margin-top: 2px;
  display: none !important;
}

.arb-widget-wrap.is-subscribe .arb-w-price-sub {
  display: block !important;
}

.arb-w-note {
  background: var(--arb-w-tint);
  border: 1px solid var(--arb-w-accent);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 12px;
  color: #444;
  margin-top: 12px;
  display: none;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
}

.arb-widget-wrap.is-subscribe .arb-w-note {
  display: flex;
}

.arb-w-note__icon {
  color: var(--arb-w-accent);
  flex-shrink: 0;
}

/* Badge pill above plan row (MOST POPULAR / BEST VALUE) */
.arb-w-plan-badge {
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 20px;
  margin-bottom: 4px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

/* ATC button when widget is active */
.arb-widget-wrap~.single_add_to_cart_button,
.arb-w-atc-btn {
  background: var(--arb-w-accent) !important;
  border-color: var(--arb-w-accent) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 15px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-align: center !important;
}

/* =====================================================================
   ARRO STARTER KIT  — osr-* section overrides
   ===================================================================== */
/* Flavor card swiper (osr-multicolumn) */
.arro-sk-multicolumn,
.arro-max-starter-kit,
.arro-sk-marquee {
  --osr-primary-bg: #00a1e9;
  --osr-primary-color: #000000;
  --osr-secondary-color: #ffffff;
  --osr-accent-color: #00a1e9;
}

/* Marquee track animation */
.arro-sk-marquee-track {
  display: flex;
  width: max-content;
  animation: arro-sk-scroll 20s linear infinite;
}

.arro-sk-marquee-track:hover {
  animation-play-state: paused;
}

@keyframes arro-sk-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* =====================================================================
   RESPONSIVE — mobile adjustments not in Shopify source
   ===================================================================== */
@media (max-width: 767px) {

  .arro-var-price .arro-vp-amount,
  .arro-var-price .arro-vp-code {
    font-size: 20px;
  }

  .arb-w-tabs {
    grid-template-columns: 1fr;
  }

  .csp-delivery,
  .csp-guarantee {
    font-size: 12px;
  }
}

/* ==========================================================================
   ARRØ Purchase Widget — apw-* (INFINITI product, Subscribe & Save)
   ========================================================================== */

:root {
  --apw-accent: #1B6FCC;
  --apw-accent-tint: rgba(27, 111, 204, 0.08);
}

.apw-wrap {
  margin: 16px 0 4px;
  font-family: inherit;
}

.apw-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

.apw-tab {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 13px 14px;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  box-sizing: border-box;
}

.apw-tab--active {
  border-color: var(--apw-accent);
  background: var(--apw-accent-tint);
}

.apw-tab__icon {
  color: var(--apw-accent);
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 4px;
}

.apw-tab__title {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 4px;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-tab--active .apw-tab__title {
  color: var(--apw-accent);
}

.apw-tab__sub {
  font-size: 12px;
  color: #777;
  line-height: 1.3;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-packs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.apw-pack {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 10px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 13px 14px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}

.apw-pack--selected {
  border-color: var(--apw-accent);
  background: var(--apw-accent-tint);
}

.apw-pack--has-badge {
  margin-top: 14px;
}

.apw-pack__radio {
  width: 22px;
  height: 22px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color .15s, background .15s;
  box-sizing: border-box;
}

.apw-pack--selected .apw-pack__radio {
  background: var(--apw-accent);
  border-color: var(--apw-accent);
}

.apw-pack__check {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  display: none;
  line-height: 1;
}

.apw-pack--selected .apw-pack__check {
  display: block;
}

/* OOS pack row */
.apw-pack--oos {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
  position: relative;
}

.apw-pack--oos::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: repeating-linear-gradient(-45deg,
      rgba(150, 150, 150, .18) 0px, rgba(150, 150, 150, .18) 2px,
      transparent 2px, transparent 10px);
}

.apw-pack--oos .apw-pack__name::after {
  content: 'Sold Out';
  font-size: 10px;
  font-weight: 600;
  color: #999;
  background: #f0f0f0;
  padding: 2px 7px;
  border-radius: 20px;
  white-space: nowrap;
}

/* Disabled ATC button when OOS */
.single_add_to_cart_button.arro-btn-oos,
.single_add_to_cart_button[disabled].arro-btn-oos {
  background: #999 !important;
  background-color: #999 !important;
  border-color: #999 !important;
  color: #fff !important;
  cursor: not-allowed;
  opacity: .7;
}

.apw-pack__name {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #111;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-pack__sub {
  font-size: 12px;
  color: #777;
  margin-top: 2px;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase !important;
  letter-spacing: .5px;
  white-space: nowrap;
  z-index: 2;
}

.apw-off-badge {
  display: none;
  background: #fef3e2;
  color: #9a6200;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
}

.apw-pack__pricing {
  text-align: right;
}

.apw-pack__unit {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  white-space: nowrap;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-pack__totals {
  font-size: 12px;
  color: #777;
  margin-top: 2px;
  white-space: nowrap;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-orig-total {
  display: none;
  margin-right: 3px;
  text-decoration: line-through;
}

.apw-orig-unit {
  display: none;
  margin-right: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
}

.apw-sub-note {
  background: var(--apw-accent-tint);
  border: 1px solid var(--apw-accent);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 13px;
  color: #444;
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.apw-sub-note__icon {
  color: var(--apw-accent);
  flex-shrink: 0;
}

/* Subscribe active state */
.apw-wrap.is-subscribe .apw-off-badge {
  display: inline-block;
}

.apw-wrap.is-subscribe .apw-orig-total {
  display: inline;
}

.apw-wrap.is-subscribe .apw-orig-unit {
  display: inline;
}

/* Hide WC native elements */
.woocommerce-variation-price,
.woocommerce-variation-availability {
  display: none !important;
}

table.variations tr:has(select[name="attribute_pack"]),
table.variations tr:has([data-attribute_name="attribute_pack"]) {
  display: none !important;
}

.apw-wrap~.quantity {
  display: none !important;
}

/* ==========================================================================
   Marquee track scroll animation (osr-marquee-track)
   PHP triples the items, so we scroll -33.333% = one full copy width.
   ========================================================================== */
.osr-marquee-track {
  display: flex;
  width: max-content;
  animation: osr-marquee-anim 22s linear infinite;
}

.osr-marquee-track:hover {
  animation-play-state: paused;
}

.osr-marquee-text-slide {
  display: flex;
  align-items: center;
  padding: 0 24px;
  white-space: nowrap;
}

@keyframes osr-marquee-anim {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-33.3334%);
  }
}


/* ========================================================================
   ARRØ Max PDP — arx-* component styles
   CSS lives here. JS lives in custom.js. HTML in inc/arro-max-pdp.php.
   ======================================================================== */

.product-arro-max-pdp {
  --arx-blue: #00a1e9;
  --arx-black: #111;
  --arx-white: #fff;
}

.arx-section {
  margin-bottom: 50px;
}

.product-arro-max-pdp .arx-section:last-child {
  margin-bottom: 0;
}

/* ── 1. Why Choose — Zigzag ── */
.arx-zigzag {
  background: #fff;
  padding: 60px 0;
}

.arx-zigzag__inner {
  display: flex;
  align-items: center;
  gap: 40px;
}

.arx-zigzag__left {
  flex: 1;
}

.arx-zigzag__right {
  flex: 1;
}

.arx-zigzag__title {
  font-size: 48px;
  line-height: 1.15;
  color: var(--arx-black);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  margin: 0 0 28px;
}

.arx-zigzag__img {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 0 auto;
}

.arx-zigzag__box-content {
  background: #00a1e91a;
  border-radius: 40px;
  padding: 30px;
}

.arx-zigzag__box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.arx-zigzag__box:last-child {
  margin-bottom: 0;
}

.arx-zigzag__icon-wrap {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.arx-zigzag__icon {
  width: 100%;
  height: auto;
}

.arx-zigzag__box-text {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: var(--arx-blue);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  width: calc(100% - 100px);
}

/* ── 2. Marquee — black bg ── */
.arx-marquee {
  background: #000;
  overflow: hidden;
  padding: 14px 0;
  margin-bottom: 0;
}

.arx-marquee__inner {
  overflow: hidden;
}

.arx-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: arx-scroll 20s linear infinite;
}

.arx-marquee__item {
  font-size: 18px;
  color: var(--arx-white);
  font-family: var(--font-title-medium);
  white-space: nowrap;
  padding: 0 32px;
}

.arx-marquee__item::after {
  content: '•';
  margin-left: 32px;
  opacity: .6;
}

@keyframes arx-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* ── 3. Clarity Image — full width ── */
.arx-clarity {
  line-height: 0;
  margin-bottom: 0;
}

.arx-clarity__img {
  width: 100%;
  display: block;
}

.arx-clarity__img--mob {
  display: none;
}

@media (max-width: 767px) {
  .arx-clarity__img--desk {
    display: none;
  }

  .arx-clarity__img--mob {
    display: block;
  }
}

/* ── 4. How To Use ── */
.arx-htu {
  background: #fff;
  padding: 60px 0;
}

.arx-htu__heading {
  text-align: center;
  font-size: 48px;
  line-height: 1.15;
  color: var(--arx-black);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  margin: 0 0 48px;
}

.arx-htu__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin: 0 auto;
}

.arx-htu__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.arx-htu__icon-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-shrink: 0;
}

.arx-htu__icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.arx-htu__text {
  margin: 0;
  font-size: 28px;
  line-height: 1.3;
  color: var(--arx-black);
  font-family: var(--font-text-bold);
}

/* ── 5. Ingredients — blue rounded card ── */

.arx-ingr__inner {
  display: flex;
  align-items: stretch;
  background: var(--arx-blue);
  border-radius: 40px;
  overflow: hidden;
  padding: 30px;
}

.arx-ingr__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.arx-ingr__sub {
  margin: 0 0 12px;
  font-size: 22px;
  color: var(--arx-white);
  font-family: var(--font-text-bold);
}

.arx-ingr__title {
  margin: 0 0 28px;
  font-size: 64px;
  line-height: 1.1;
  color: var(--arx-white);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.arx-ingr__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
}

.arx-ingr__row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.arx-ingr__icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex-shrink: 0;
}

.arx-ingr__item-text {
  font-size: 18px;
  color: var(--arx-white);
  font-family: var(--font-text-bold);
}

.arx-ingr__btn {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  background-color: #fff;
  color: #000;
  font-family: var(--font-text-medium);
  border: 1px solid #000;
  border-radius: 40px;
  padding: 12px 32px;
  width: fit-content;
  transition: background .2s, color .2s;
}

.arx-ingr__btn:hover {
  background: var(--arx-white);
  color: #000;
}

.arx-ingr__image {
  flex: 1;
  min-height: 400px;
  overflow: hidden;
}

.arx-ingr__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── 6. Reviews — blue cards, Swiper ── */
.arx-reviews {
  background: #dce9f7;
  padding: 60px 0;
}

.arx-reviews__title {
  text-align: center;
  font-size: 48px;
  color: var(--arx-black);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  margin: 0 0 40px;
}

.arx-reviews__slider-wrap {
  overflow: hidden;
}

.arx-reviews-swiper .swiper-wrapper {
  align-items: stretch;
}

.arx-reviews-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.arx-reviews__card {
  background: var(--arx-blue);
  border-radius: 20px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 240px;
}

.arx-reviews__stars {
  color: var(--arx-white);
  font-size: 18px;
  letter-spacing: 3px;
  margin-bottom: 8px;
}

.arx-reviews__heading {
  display: block;
  font-size: 20px;
  color: var(--arx-white);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.arx-reviews__desc {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--arx-white);
  font-family: var(--font-text-medium);
}

.arx-reviews__bottom {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}

.arx-reviews__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.arx-reviews__name {
  font-size: 14px;
  color: var(--arx-white);
  font-family: var(--font-text-medium);
}

/* ── 7. FAQ — accordion, blue when open ── */
.arx-faq {
  padding: 60px 0;
}

.arx-faq__title {
  text-align: center;
  font-size: 48px;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 40px;
  color: var(--arx-black);
  font-family: var(--font-title-bold);
}

.arx-faq__list {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.arx-faq__item {
  border: 1px solid var(--arx-black);
  border-radius: 30px;
  padding: 14px 28px;
  cursor: pointer;
  transition: background .2s;
}

.arx-faq__item.is-open {
  background: var(--arx-blue);
  border-color: var(--arx-blue);
}

.arx-faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

.arx-faq__q-text {
  font-size: 18px;
  line-height: 1.5;
  color: var(--arx-black);
  font-family: var(--font-text-bold);
  flex: 1;
  padding-right: 12px;
}

.arx-faq__item.is-open .arx-faq__q-text {
  color: var(--arx-white);
}

.arx-faq__icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--arx-black);
}

.arx-faq__item.is-open .arx-faq__icon {
  color: var(--arx-white);
}

.arx-faq__minus {
  display: none;
}

.arx-faq__item.is-open .arx-faq__minus {
  display: block;
}

.arx-faq__item.is-open .arx-faq__plus {
  display: none;
}

.arx-faq__a-wrap {
  max-height: 0;
  overflow: hidden;
  transition: max-height .32s ease, padding .2s;
}

.arx-faq__item.is-open .arx-faq__a-wrap {
  max-height: 60vh;
  padding-top: 8px;
}

.arx-faq__a {
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--arx-black);
  font-family: var(--font-text-medium);
}

.arx-faq__item.is-open .arx-faq__a {
  color: var(--arx-white);
}

/* ── Responsive ── */
@media (max-width: 1200px) {
  .arx-zigzag__title {
    font-size: 32px;
    line-height: 42px;
  }

  .arx-zigzag__box-text {
    font-size: 16px;
    line-height: 26px;
    width: calc(100% - 80px);
  }

  .arx-zigzag__icon-wrap {
    width: 60px;
    height: 60px;
  }

  .arx-ingr__title {
    font-size: 48px;
  }

}

@media (max-width: 900px) {
  .arx-zigzag__inner {
    flex-direction: column;
  }

  .arx-zigzag__right {
    width: 100%;
  }

  .arx-htu__grid {
    grid-template-columns: 1fr;
  }

  .arx-ingr__inner {
    flex-direction: column;
    gap: 30px;
  }

  .arx-ingr__image {
    min-height: 300px;
  }

  .arx-htu__heading {
    font-size: 34px;
  }

  .arx-ingr__title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {

  .arx-zigzag__title,
  .arx-reviews__title,
  .arx-faq__title,
  .arx-htu__heading {
    font-size: 28px;
  }

  .arx-zigzag {
    padding: 40px 0;
  }

  .arx-ingr__inner {
    border-radius: 24px;
  }

  .arx-ingr__title {
    font-size: 36px;
  }

  .arx-ingr__text {
    padding: 20px 20px;
  }

  .arx-htu__icon-circle {
    width: 100px;
    height: 100px;
  }

  .arx-faq__q-text {
    font-size: 15px;
  }
}


/* ========================================================================
   ARRØ PDP — Missing section CSS (osr-container grid, multicolumn HTU, FAQ wrapper)
   Sections: Why Choose (osr-image-box) already styled; these fix the layout
   scaffolding that was in the Shopify oneonic-grid.min.css + base.css.
   ======================================================================== */

/* ── osr-container / osr-row / osr-col grid ── */
.osr-container {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  .osr-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .osr-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .osr-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .osr-container {
    max-width: 1140px;
  }
}

@media (min-width: 1440px) {
  .osr-container {
    max-width: 1400px;
  }
}

/* Narrow container — max 720px, for policy / contact / single-column pages */
.osr-container-narrow {
  width: 100%;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  box-sizing: border-box;
}

.osr-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.osr-row>* {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.osr-col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .osr-col-md-5 {
    flex: 0 0 auto;
    width: 41.6667%;
  }

  .osr-col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .osr-col-md-7 {
    flex: 0 0 auto;
    width: 58.3333%;
  }
}

@media (min-width: 992px) {
  .osr-col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }

  .osr-col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .osr-col-lg-8 {
    flex: 0 0 auto;
    width: 66.6667%;
  }
}

/* ── osr-image-with-text-block: column gap on large screen ── */
@media (min-width: 768px) {
  .osr-image-with-text-block-row.osr-row {
    gap: 0;
    min-height: 600px;
  }

  .osr-image-column {
    align-self: stretch;
  }

  .osr-image-with-text-block-main-image-content {
    height: 100%;
  }

  .osr-image-with-text-block-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* ── How To Use — multicolumn layout ── */
.multicolumn .page-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 24px;
}

.multicolumn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}

.multicolumn-card {
  flex: 1 1 180px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.multicolumn-card__image-wrapper {
  width: 170px;
  height: 170px;
  margin-bottom: 20px;
  flex-shrink: 0;
}

/* media--circle: Shopify's circular image component */
.media {
  display: block;
  position: relative;
  overflow: hidden;
}

.media>* {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media>img {
  object-fit: cover;
  object-position: center center;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .multicolumn-list {
    gap: 28px;
  }

  .multicolumn-card {
    flex-basis: 140px;
  }

  .multicolumn-card__image-wrapper {
    width: 120px;
    height: 120px;
  }
}

/* ── osr-faq-wrapper: section container ── */
.osr-faq-wrapper {
  padding: 60px 0;
}

/* .osr-faq-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
} */

@media (max-width: 767px) {
  .osr-faq-wrapper {
    padding: 40px 0;
  }
}

/* ── osr-image-with-text-block-wrapper-2: ingredients section background ── */
.osr-image-text-second-section {
  background: var(--sub-bg, #f8f8f8);
}

@media (max-width: 767px) {

  .osr-image-column,
  .osr-text-column {
    width: 100%;
  }

  .osr-image-with-text-block-text-content {
    padding: 30px 24px;
  }
}

/* ========================================================================
   ARRØ INFINITI PDP — Section-scoped CSS (ported from Shopify inline styles)
   ======================================================================== */

/* ── Why Choose (osr-image-box-section-2) ── */
.osr-image-box-section-2 .osr-image-box-inner_block img {
  width: 60px;
  height: 60px;
}

.osr-image-box-section-2 .osr-image-box:nth-child(2n),
.osr-image-box-section-2 .osr-image-box:nth-child(odd) {
  gap: 15px;
  align-items: flex-start;
}

.osr-image-box-section-2 .osr-image-box-card-heading {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 10px;
  color: var(--btn-bg);
  font-family: var(--font-title-bold);
  text-transform: uppercase;
}

.osr-image-box-section-2 .osr-image-box-content-wrepper {
  background: #00A1E91A;
  padding: 20px 15px;
  border-radius: 20px;
  max-width: 350px;
}

.osr-image-box-section-2 .osr-image-box-card-text {
  font-size: 12px;
  margin: 0;
  color: black;
  font-family: var(--font-text-medium);
  line-height: 18px;
}

@media only screen and (max-width: 1200px) {
  .osr-image-box-section-2 .osr-image-box-card-heading {
    font-size: 18px;
    line-height: 25px;
  }

  .osr-image-box-section-2 .osr-image-box-content-wrepper {
    max-width: 250px;
  }
}

@media only screen and (max-width: 993px) {
  .osr-image-box-section-2 .osr-image-box-content {
    position: unset;
  }

  .osr-image-box-section-2 .osr-image-box.osr-image-box-1,
  .osr-image-box-section-2 .osr-image-box.osr-image-box-4,
  .osr-image-box-section-2 .osr-image-box.osr-image-box-5,
  .osr-image-box-section-2 .osr-image-box.osr-image-box-6 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .osr-image-box-section-2 .osr-image-box-content {
    grid-template-columns: 1fr 1fr;
  }

  .osr-image-box-section-2 .osr-image-box-content-wrepper {
    max-width: 100%;
    width: 100%;
    background: transparent;
    padding: 10px;
  }

  .osr-image-box-section-2 .osr-image-box-card-heading,
  .osr-image-box-section-2 .osr-image-box-card-text {
    text-align: center;
  }

  .osr-image-box-section-2 .osr-image-box-card-heading {
    font-size: 16px;
  }

  .osr-image-box-section-2 .osr-image-box:nth-child(2n),
  .osr-image-box-section-2 .osr-image-box:nth-child(odd) {
    justify-content: center;
    flex-wrap: wrap;
    background: #00A1E91A;
    gap: 5px;
    padding: 15px 0;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .osr-image-box-section-2 .osr-image-box-content {
    grid-template-columns: 1fr;
  }
}

/* ── Testimonial slider — equal-height cards ── */
.osr-testimonial-slider .swiper-wrapper {
  align-items: stretch;
}

.osr-testimonial-slider .swiper-slide {
  height: auto;
  display: flex;
}

.osr-testimonial-slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── How To Use — 3-col grid (override flex from earlier block) ── */
.multicolumn-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.multicolumn-card {
  flex: none;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (max-width: 767px) {
  .multicolumn-list {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}


/* ========================================================================
   ARRØ Home Page — section layout CSS
   (Home-specific additions; most osr-* component CSS already above)
   ======================================================================== */

/* Home page wrapper */
#arro-home-page {
  width: 100%;
}

/* ── Marquee logo: fix slide width for Swiper auto mode ── */
/* .osr-marquee-logo-slider-inner.remove_margin {
  margin: 0;
  border-radius: 0;
} */

.osr-marquee-logo-slider-inner.remove_margin .osr-marquee-logo-slide {
  padding: 18px 24px;
}

.osr-marquee-logo-slide-wrap {
  width: auto !important;
}

/* ── Testimonial section wrapper (home page) ── */
/* .osr-testimonial-slider-wrapper {
  background: #f7fbff;
  padding: 60px 0;
} */

.osr-testimonial-slider-wrapper.osr-section {
  margin-bottom: 0px;
}

.osr-testimonial-slider-container {
  margin: 0 auto;
}

.osr-testimonial-slider-text-content {
  text-align: center;
  margin-bottom: 40px;
}

.osr-testimonial-slider-main-title {
  font-size: 48px;
  line-height: 1.2;
  color: #111;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  margin: 0;
}

.osr-testimonial-slider-slide-star {
  color: #00a1e9;
  font-size: 18px;
  letter-spacing: 3px;
}

.osr-testimonial-slider-slide-title {
  display: block;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  color: #00a1e9;
  margin-bottom: 10px;
}

.osr-testimonial-slider-slide-description {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
  font-family: var(--font-text-medium);
  margin: 0 0 16px;
}

.osr-testimonial-slider-slide-bottom-content {
  display: flex;
  align-items: center;
  margin-top: auto;
  flex-direction: column;
}

.osr-testimonial-slider-slide-image-content {
  flex-shrink: 0;
}

.osr-testimonial-slider-slide-image {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}

.osr-testimonial-slider-slide-name {
  font-size: 14px;
  color: #111;
  font-family: var(--font-text-medium);
}

.osr-testimonial-slider-content {
  overflow: hidden;
}

/* ── Home testimonial — equal-height slides (same as PDP) ── */
.osr-testimonial-slider-wrapper .osr-testimonial-slider .swiper-wrapper {
  align-items: stretch;
}

.osr-testimonial-slider-wrapper .osr-testimonial-slider .swiper-slide {
  height: auto;
  display: flex;
}

/* Featured products section wrapper */
.osr-featured-product-wrapper {
  padding: 60px 0;
}

/* Zigzag section padding */
.osr-zigzag-wrapper {
  padding: 60px 0;
}

/* Image with text section padding */
.osr-image-with-text-block-wrapper {
  padding: 0;
}

/* Product slider section padding */
.osr-product-slider-section {
  padding: 60px 0;
}

/* Responsive: home sections */
@media (max-width: 767px) {
  .osr-testimonial-slider-main-title {
    font-size: 28px;
  }

  .osr-featured-product-wrapper {
    padding: 40px 0;
  }

  .osr-zigzag-wrapper {
    padding: 40px 0px;
  }
}

/* ── Quote Slider (osr_slider / osr-image-with-text-slider) ──────────────── */
.osr-image-with-text-slider-section-wraper {
  overflow: hidden;
}

.osr-image-with-text-section-inner {
  padding: 60px 0;
}

.osr-image-with-text-slide-inner {
  display: flex;
  align-items: center;
  gap: 60px;
}

.osr-image-with-text-slide-left {
  flex: 0 0 30%;
  max-width: 30%;
}

.osr-image-with-text-slide-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

.osr-image-with-text-slide-right {
  flex: 1;
}

.osr-image-with-text-slide-sub-title {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-text-primary, #333);
  margin: 0 0 12px;
}

.osr-image-with-text-slide-btn {
  padding: 14px 32px;
  background: var(--color-primary, #00a1e9);
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s;
}

.osr-image-with-text-slide-btn:hover {
  opacity: 0.85;
  color: #fff;
}

.osr-image-with-text-slider-navigation {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

.osr-image-with-text-slider-navigation-left,
.osr-image-with-text-slider-navigation-right {
  width: 50px;
  height: 50px;
  border: 2px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s;
}

.osr-image-with-text-slider-navigation-left:hover,
.osr-image-with-text-slider-navigation-right:hover {
  border-color: #000;
}

.osr-image-with-text-slider-navigation-left svg,
.osr-image-with-text-slider-navigation-right svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 768px) {
  .osr-image-with-text-slide-inner {
    flex-direction: column;
    gap: 30px;
  }

  .osr-image-with-text-slide-left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .osr-image-with-text-slide-title {
    font-size: 18px;
  }
}

/* ── Hero Banner Slider ────────────────────────────────────────────────── */
.osr-hero-slider-wrapper {
  position: relative;
  overflow: hidden;
}

.osr-hero-slide-inner {
  position: relative;
  width: 100%;
  min-height: 85vh;
  display: flex;
  align-items: center;
}

.osr-hero-slide-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.osr-hero-slide-overlay {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 80px 0;
}

.osr-hero-slide-content {
  max-width: 600px;
  color: #fff;
}

.osr-hero-slide-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.osr-hero-slide-heading {
  font-size: clamp(32px, 5vw, 60px);
  font-weight: 800;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.1;
  text-transform: uppercase;
}

.osr-hero-slide-sub {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 28px;
}

.osr-hero-slide-btn {
  display: none;
  padding: 14px 36px;
  background: var(--color-primary, #00a1e9);
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.5px;
}

.osr-hero-slide-btn:hover {
  opacity: 0.9;
  color: #fff;
}

.osr-hero-slider-navigation {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  pointer-events: none;
}

.osr-hero-slider-nav-left,
.osr-hero-slider-nav-right {
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  transition: background 0.2s;
}

.osr-hero-slider-nav-left:hover,
.osr-hero-slider-nav-right:hover {
  background: rgba(0, 0, 0, 0.6);
}

.osr-hero-slider-nav-left svg,
.osr-hero-slider-nav-right svg {
  width: 22px;
  height: 22px;
}

.osr-hero-slider-pagination {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}

.osr-hero-slider-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  margin: 0 4px;
}

.osr-hero-slider-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

@media (max-width: 768px) {
  .osr-hero-slide-inner {
    min-height: 36vh;
  }

  .osr-hero-slide-content {
    max-width: 90%;
  }
}

/* ── Products Tabs (USE ARRO WITH ZERO GUILT) ────────────────────────── */
.osr-products-tabs-section {
  padding: 60px 0;
}

.osr-products-tabs-title {
  text-align: center;
  font-family: 'Assistant', sans-serif;
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 36px;
  color: #111;
}

/* Tab nav */
.osr-products-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 40px;
  list-style: none;
  padding: 0;
}

.osr-products-tab-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border: 2px solid #ddd;
  border-radius: 50px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  color: #111;
}

.osr-products-tab-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  flex-shrink: 0;
}

.osr-products-tab-btn.active,
.osr-products-tab-btn:hover {
  border-color: #111;
  background: #111;
  color: #fff;
}

.osr-products-tab-btn.active .osr-products-tab-icon,
.osr-products-tab-btn:hover .osr-products-tab-icon {
  filter: invert(1);
}

/* Grid */
.osr-products-tab-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Card */
.osr-pt-product {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
}

.osr-pt-product-img-link {
  display: block;
  overflow: hidden;
}

.osr-pt-product-img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.osr-pt-product-img-link:hover .osr-pt-product-img {
  transform: scale(1.04);
}

/* Stars — blue, larger */
.osr-pt-product-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 14px 4px;
}

.osr-pt-stars {
  display: flex;
  gap: 2px;
}

.osr-star {
  font-size: 15px;
  color: #ddd;
  line-height: 1;
}

.osr-star--on,
.osr-star--half {
  color: #00a4e4;
}

.osr-pt-review-count {
  font-size: 13px;
  color: #00a4e4;
  font-weight: 500;
}

/* Info */
.osr-pt-product-info {
  padding: 4px 14px 10px;
  flex: 1;
  text-align: center;
}

.osr-pt-product-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  margin-bottom: 8px;
  line-height: 1.4;
  text-align: center;
}

.osr-pt-product-title:hover {
  color: #555;
}

.osr-pt-product-price {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
}

/* Qty + ATC row */
.osr-pt-product-actions {
  padding: 6px 14px 16px;
  margin-top: auto;
}

.osr-pt-qty-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

.osr-pt-product-form {
  width: 100%;
}

.osr-pt-qty {
  display: flex;
  align-items: center;
  border: 1.5px solid #bbb;
  border-radius: 50px;
  overflow: hidden;
  flex-shrink: 0;
  width: 116px;
  height: 44px;
  box-sizing: border-box;
  background: #fff;
}

.osr-pt-qty-btn {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  cursor: pointer;
  color: #111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0;
  line-height: 1;
}

.osr-pt-qty-btn:hover {
  background: #f5f5f5 !important;
}

.osr-pt-qty-input {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 44px !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  background: transparent !important;
  color: #111 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 36px !important;
}

.osr-pt-qty-input::-webkit-outer-spin-button,
.osr-pt-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.osr-pt-add-to-cart {
  min-width: 0;
  padding: 10px 14px;
  background: #00a4e4;
  color: #fff !important;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  display: block;
  transition: background 0.2s;
  white-space: nowrap;
  line-height: 1.6;
  box-sizing: border-box;
  margin: 0px;
}

.osr-pt-add-to-cart:hover {
  background: #0091cc;
  color: #fff !important;
}

/* View all */
.osr-products-tabs-view-all-wrap {
  text-align: center;
  margin-top: 40px;
}

.osr-products-tabs-view-all {
  display: inline-block;
  padding: 14px 44px;
  border: 2px solid #111;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  transition: all 0.2s;
}

.osr-products-tabs-view-all:hover {
  background: #111;
  color: #fff;
}

@media (max-width: 1199px) {
  .osr-products-tab-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .osr-products-tab-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .osr-pt-qty-wrap {
    flex-direction: column;
  }

  .osr-pt-product-title {
    font-size: 14px;
  }

  .osr-pt-product-price {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .osr-products-tab-grid {
    grid-template-columns: 1fr;
  }
}

/* ── How To Use — top banner image ── */
.osr-htu-top-image-wrap {
  width: 100%;
  overflow: hidden;
}

.osr-htu-top-image {
  display: block;
  width: 100%;
  height: auto;
}

/* ── oneonic-grid flex utilities (from oneonic-grid.min.css) ── */
.osr-d-flex {
  display: flex !important;
}

.osr-flex-fill {
  flex: 1 1 auto !important;
}

.osr-flex-row {
  flex-direction: row !important;
}

.osr-flex-column {
  flex-direction: column !important;
}

.osr-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.osr-flex-wrap {
  flex-wrap: wrap !important;
}

.osr-flex-nowrap {
  flex-wrap: nowrap !important;
}

.osr-flex-grow-0 {
  flex-grow: 0 !important;
}

.osr-flex-grow-1 {
  flex-grow: 1 !important;
}

.osr-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.osr-justify-content-start {
  justify-content: flex-start !important;
}

.osr-justify-content-end {
  justify-content: flex-end !important;
}

.osr-justify-content-center {
  justify-content: center !important;
}

.osr-justify-content-between {
  justify-content: space-between !important;
}

.osr-justify-content-around {
  justify-content: space-around !important;
}

.osr-justify-content-evenly {
  justify-content: space-evenly !important;
}

.osr-align-items-start {
  align-items: flex-start !important;
}

.osr-align-items-end {
  align-items: flex-end !important;
}

.osr-align-items-center {
  align-items: center !important;
}

.osr-align-items-baseline {
  align-items: baseline !important;
}

.osr-align-items-stretch {
  align-items: stretch !important;
}

.osr-align-self-start {
  align-self: flex-start !important;
}

.osr-align-self-end {
  align-self: flex-end !important;
}

.osr-align-self-center {
  align-self: center !important;
}

.osr-align-self-stretch {
  align-self: stretch !important;
}

.osr-none {
  display: none !important;
}

.osr-block {
  display: block !important;
}

.osr-inline {
  display: inline !important;
}

/* Additional col classes for About Us grid */
@media (min-width: 768px) {
  .osr-col-md-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }

  .osr-col-md-8 {
    flex: 0 0 auto;
    width: 66.6667%;
  }
}

@media (min-width: 992px) {
  .osr-col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .osr-col-lg-5 {
    flex: 0 0 auto;
    width: 41.6667%;
  }

  .osr-col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333%;
  }

  .osr-col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}

/* ── ARRØ Policy Pages (Refund, Privacy, Terms) ── */
/* ── ARRØ Policy Pages (template-arro-policy.php) ── */
.arro-policy-wrap {
  padding: 60px 0 80px;
  background: var(--sub-bg);
  min-height: 60vh;
}

.arro-policy-title {
  text-align: center;
  font-size: 48px;
  line-height: 58px;
  font-family: var(--font-title-bold);
  text-transform: uppercase;
  color: #111;
  margin: 0 0 40px;
}

.arro-policy-body p {
  font-size: 16px;
  line-height: 28px;
  color: #111;
  font-family: var(--font-text-regular);
  margin: 0 0 16px;
}

.arro-policy-body h5 {
  font-size: 16px;
  line-height: 24px;
  font-family: var(--font-title-bold);
  color: #111;
  margin: 4px 0;
  text-transform: none;
}

.arro-policy-body h4,
.arro-policy-body h3,
.arro-policy-body h2 {
  font-size: 22px;
  line-height: 32px;
  font-family: var(--font-title-bold);
  color: #111;
  margin: 30px 0 12px;
  text-transform: uppercase;
}

.arro-policy-body ul,
.arro-policy-body ol {
  padding-left: 24px;
  margin: 0 0 16px;
}

.arro-policy-body li {
  font-size: 16px;
  line-height: 28px;
  color: #111;
  font-family: var(--font-text-regular);
  margin-bottom: 6px;
}

.arro-policy-body strong {
  font-family: var(--font-title-bold);
  color: #111;
}

.arro-policy-body a {
  color: #111;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .arro-policy-wrap {
    padding: 40px 0 60px;
  }

  .arro-policy-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 24px;
  }

  .arro-policy-body p,
  .arro-policy-body li {
    font-size: 14px;
    line-height: 24px;
  }
}

/* ── Policy Pages end ── */

/* ── Right nav icon buttons: search / account / cart ───────────────────────── */
.header-nav.nav-right .header-search>a.nav-top-link,
.header-nav.nav-right .account-item>a.nav-top-link,
.header-nav.nav-right .cart-item>a.nav-top-link {
  color: #01A1E8 !important;
}

.header-nav.nav-right .header-search>a.nav-top-link:hover,
.header-nav.nav-right .account-item>a.nav-top-link:hover,
.header-nav.nav-right .cart-item>a.nav-top-link:hover {
  color: #0088cc !important;
}

/* Cart count badge: black background, white number */
.header-nav.nav-right .cart-item [data-icon-label]::after {
  background-color: #000 !important;
  color: #fff !important;
}

/* ── Mobile nav icon buttons: search / account / cart ──────────────────────── */
.mobile-nav.nav-right .header-search>a,
.mobile-nav.nav-right .account-item>a,
.mobile-nav.nav-right .cart-item>a {
  color: #01A1E8 !important;
}

.mobile-nav.nav-right .header-search>a:hover,
.mobile-nav.nav-right .account-item>a:hover,
.mobile-nav.nav-right .cart-item>a:hover {
  color: #0088cc !important;
}

/* Mobile cart count badge: black background, white number */
.mobile-nav.nav-right .cart-item [data-icon-label]::after {
  background-color: #000 !important;
  color: #fff !important;
}

/* ── Mobile drawer: full-width + close button inside ───────────────────────── */
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
  --drawer-width: 100vw !important;
  width: 100vw !important;
}

/* Ensure the X close button is inside and visible at top */
.off-canvas-left .mfp-close,
.off-canvas-right .mfp-close {
  position: sticky !important;
  top: 0;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 14px 18px;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #f0f0f0;
  right: auto !important;
  left: 0 !important;
  margin: 0 !important;
  color: #111 !important;
  opacity: 1 !important;
  font-size: 0 !important;
  /* hide any default × text */
}

.off-canvas-left .mfp-close svg,
.off-canvas-right .mfp-close svg {
  width: 24px;
  height: 24px;
}

/* ── ARRØ Mobile Mega Menu panel ────────────────────────────────────────────── */
#arro-mobile-mm {
  display: none;
  /* hidden until JS adds .is-open */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 200000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#arro-mobile-mm.is-open {
  display: block;
}

/* Header bar */
.amm-header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 16px;
}

.amm-back {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111;
  padding: 16px 0;
}

.amm-back svg {
  flex-shrink: 0;
}

/* Body */
.amm-body {
  padding: 0 0 40px;
}

/* Shop All link */
.amm-shop-all {
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111;
  text-decoration: none;
  padding: 18px 20px;
  border-bottom: 1px solid #f0f0f0;
}

.amm-shop-all:hover {
  color: #01A1E8;
}

/* Section headers */
.amm-section {
  border-bottom: 1px solid #f0f0f0;
}

.amm-section__hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111;
  text-decoration: none;
  padding: 16px 20px;
}

.amm-section__hd:hover {
  color: #01A1E8;
}

.amm-section__arrow {
  flex-shrink: 0;
  opacity: 0.5;
}

.amm-section__sub {
  list-style: none;
  margin: 0;
  padding: 0 20px 12px 30px;
}

.amm-section__sub li {
  margin: 0;
  padding: 0;
}

.amm-section__sub li a {
  display: block;
  font-size: 13px;
  color: #444;
  text-decoration: none;
  padding: 7px 0;
}

.amm-section__sub li a:hover {
  color: #01A1E8;
}

/* Trending card */
.amm-trending {
  margin: 20px 16px;
  background: #f4f8ff;
  border-radius: 12px;
  padding: 14px;
}

.amm-trending__tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: #fff;
  color: #111;
  border-radius: 20px;
  padding: 4px 12px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}

.amm-trending__card {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 12px;
}

.amm-trending__img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  flex-shrink: 0;
}

.amm-trending__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.amm-trending__name {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
}

.amm-trending__price {
  font-size: 13px;
  color: #555;
}

.amm-trending__btn {
  display: inline-block;
  background: #01A1E8;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 9px 18px;
  border-radius: 24px;
  text-decoration: none;
  text-align: center;
}

.amm-trending__btn:hover {
  background: #0088cc;
  color: #fff;
}

/* Image blocks row */
.amm-blocks {
  display: flex;
  gap: 10px;
  padding: 0 16px 20px;
  margin-top: 8px;
}

.amm-blocks__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 0;
}

.amm-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  min-height: 100px;
  padding: 12px 10px;
}

.amm-block img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.amm-block--blue {
  background: #3a7fd5;
  flex: 1 1 0;
}

.amm-block--dark {
  background: #111;
  flex: 1 1 0;
  min-height: 130px;
}

.amm-block__title {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.3;
}

.amm-block__btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  padding: 5px 12px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   ARRØ Custom Footer
   ══════════════════════════════════════════════════════════════════════════════ */
.arro-footer {
  background-color: #01A1E8;
  background-image: url('https://new.tryarro.com/wp-content/uploads/2026/09/ARRO_Pattern_22_1-1-scaled.webp');
  background-size: cover;
  background-position: center center;
  color: #fff;
  position: relative;
}

.arro-footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 60px;
  padding: 60px 30px 50px;
  max-width: 1280px;
  margin: 0 auto;
}

.arro-footer__col-heading {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 20px;
}

.arro-footer__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.arro-footer__menu li {
  margin: 0 0 10px;
}

.arro-footer__menu li a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

.arro-footer__menu li a:hover {
  color: #fff;
  text-decoration: underline;
}

.arro-footer__logo-wrap {
  overflow: hidden;
  line-height: 0;
  padding: 0 60px;
}

.arro-footer__big-logo {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  max-height: 420px;
}

.arro-footer__bottom {
  padding: 32px 60px;
}

.arro-footer__bottom-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.arro-footer__copyright {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.arro-footer__social {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.arro-footer__social a {
  display: flex;
  align-items: center;
  color: #fff;
  opacity: 0.85;
}

.arro-footer__social a svg {
  width: 28px;
  height: 28px;
}

.arro-footer__social a:hover {
  opacity: 1;
}

@media (max-width: 900px) {
  .arro-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
    padding: 40px 20px 30px;
  }
}

@media (max-width: 560px) {
  .arro-footer__top {
    grid-template-columns: 1fr;
    padding: 30px 16px 20px;
  }

  .arro-footer__bottom-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .arro-footer__big-logo {
    max-height: 160px;
  }
}

/* ── Related Products — osr-pt card Swiper slider ─────────────────────────── */
.arro-related {
  margin-top: 40px;
}

.arro-related-slider-wrap {
  padding-bottom: 50px;
  position: relative;
}

.arro-related-swiper {
  overflow: hidden;
  padding-bottom: 4px;
}

.arro-related-swiper .swiper-slide {
  height: auto;
}

.arro-related-swiper .osr-pt-product {
  height: 100%;
}

.arro-related-swiper .osr-pt-product-img {
  aspect-ratio: 3/4;
}

/* Nav arrows — inherit Swiper defaults, tint to brand blue */
.arro-related-prev,
.arro-related-next {
  color: #01A1E8 !important;
  top: 38%;
}

.arro-related-prev::after,
.arro-related-next::after {
  font-size: 18px !important;
  font-weight: 900;
}

/* wholesale page css start */

.arro-wh-form-section select {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: #aaa !important;
}

/* wholesale page css end */

/* review section css start */

.arro-reviews-bottom {
  margin-top: 50px;
}

/* review section css end */
/* ---------------- video testimonial slider: real Shorts 9:16 ratio (was 2:3, causing black pillarbox bars), active slide centered ---------------- */
html body .osr-video-slider-wrap .osr-video-slider-slide-media {
  aspect-ratio: 9 / 16;
}

.osr-video-slider-wrap .osr-video-slider-swiper .swiper-wrapper {
  align-items: center;
}

/* account page css start */

.account-login-inner {
  max-width: 500px;
  margin: 0 auto;
}

.woocommerce-ResetPassword.lost_reset_password .woocommerce-Input,
.woocommerce-form-register.register .woocommerce-Input,
.account-login-inner input {
  border-radius: 6px !important;
}

.account-login-inner .woocommerce-form-login__submit {
  width: 100%;
  margin: 0 auto;
}

.woocommerce-MyAccount-content .select2-selection,
.woocommerce-MyAccount-content input {
  border-radius: 6px !important;
}

.dashboard-links .woocommerce-MyAccount-navigation-link a {
  border-radius: 50px;
}

.woocommerce-LostPassword.lost_password a {
  color: var(--fs-color-primary);
}

.my-account a,
.message-container a {
  color: var(--fs-color-primary);
}

/* account page css end */

/* pdp-arro-infiniti-nicotine-free-vapes css start */

.pdp-arro-infiniti-nicotine-free-vapes .osr-testimonial-slider-wrapper {
  background: transparent;
  padding: 0;
}

/* pdp-arro-infiniti-nicotine-free-vapes css end */

/* pdp-arro-max-nicotine-free-vape-variants css start */

.pdp-arro-max-nicotine-free-vape-variants .product-main .row.content-row {
  background: #00a1e9;
  border-radius: 40px;
  padding: 20px;
}

.pdp-arro-max-nicotine-free-vape-variants .product-main .row.content-row .product-gallery.col {
  padding-left: 0px;
}

.pdp-arro-max-nicotine-free-vape-variants .csp-guarantee,
.pdp-arro-max-nicotine-free-vape-variants .arro-var-header,
.pdp-arro-max-nicotine-free-vape-variants .arro-vp-amount,
.pdp-arro-max-nicotine-free-vape-variants .arro-vp-code,
html body.single-product.pdp-arro-max-nicotine-free-vape-variants .product_title,
html body.single-product.pdp-arro-max-nicotine-free-vape-variants h1.product-title,
html body.single-product.pdp-arro-max-nicotine-free-vape-variants .product-title.product_title.entry-title,
html body.single-product.pdp-arro-max-nicotine-free-vape-variants .woocommerce-review-link,
html body.pdp-arro-max-nicotine-free-vape-variants .summary .arro-pdp-subtitle,
html body.pdp-arro-max-nicotine-free-vape-variants .arro-breadcrumb .divider,
html body.pdp-arro-max-nicotine-free-vape-variants .arro-breadcrumb a {
  color: #fff !important;
}

.pdp-arro-max-nicotine-free-vape-variants .star-rating span:before,
.pdp-arro-max-nicotine-free-vape-variants .star-rating span:before,
.pdp-arro-max-nicotine-free-vape-variants .star-rating:before,
.pdp-arro-max-nicotine-free-vape-variants .woocommerce-page .star-rating:before {
  color: #fff;
}

.first-payment-date {
  display: none;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-marquee .arx-marquee__item::after {
  display: none;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-reviews {
  background: transparent;
  padding: 0px;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-reviews__card {
  text-align: center;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-reviews__bottom {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  flex-direction: column;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-reviews__avatar {
  width: 60px;
  height: 60px;
}

.pdp-arro-max-nicotine-free-vape-variants .arx-reviews.arx-section,
.pdp-arro-max-nicotine-free-vape-variants .arx-section.arx-htu {
  margin-bottom: 0px;
}

@media (max-width: 850px) {
  .next-prev-thumbs.is-small.show-for-medium {
    display: none;
  }
}

/* pdp-arro-max-nicotine-free-vape-variants css end */

/* pdp-craving-cubes css start */

.arb-marquee {
  padding: 20px 0px;
}

.pdp-craving-cubes .arb-marquee {
  background: #00a1e9;
}

/* pdp-craving-cubes css end */