/** Shopify CDN: Minification failed

Line 120:18 Unexpected "{"
Line 120:27 Expected ":"
Line 120:34 Unexpected "{"
Line 125:18 Unexpected "{"
Line 125:27 Expected ":"
Line 139:18 Unexpected "{"
Line 139:27 Expected ":"
Line 144:18 Unexpected "{"
Line 144:27 Expected ":"
Line 150:18 Unexpected "{"
... and 5 more hidden warnings

**/
/* Place any CSS overrides in this file. */

/* NOTE: previously had a blanket `html, body { overflow-x: hidden; }` "safety
   net" here for a page-wide horizontal-scroll bug -- removed because
   overflow (any value other than visible) on an ancestor of a position:sticky
   element disables sticky positioning entirely on mobile Safari, which broke
   the sticky header. The actual overflow bug it was band-aiding is fixed
   directly at the source (.osn-ctabs__card { position: relative }). If a new
   horizontal-overflow culprit turns up, fix it at that element, not here. */
.os-image-box .image-with-text-overlay__grid .responsive-image-wrapper .theme-img{width:50%;margin-left:auto;}
.os-collection-slider .swiper-button-prev,.os-collection-slider .swiper-button-next{width: 44px;height: 44px;padding: 12px;background-color: #242424;color: #fff;transition: transform .2s ease-out;opacity:0;}
.os-collection-slider .swiper-button-prev::after,.os-collection-slider .swiper-button-next::after{font-size: 12px;font-weight: 600;}
.os-collection-slider:hover .swiper-button-prev{left:0;transform: translateX(100%);opacity:1;}
.os-collection-slider:hover .swiper-button-next{right:0;transform: translateX(-100%);opacity:1;}
.os-collection-slider .swiper-button-next.swiper-button-disabled,.os-collection-slider .swiper-button-prev.swiper-button-disabled{transition: transform .2s ease-out;}
.os-collection-slider:hover .swiper-button-next.swiper-button-disabled,.os-collection-slider:hover .swiper-button-prev.swiper-button-disabled{opacity: .35;}
.os-collection-slider{padding-bottom:0px;}
.os-collection-slider .swiper-scrollbar{display:none;}
.product-single .product-details-wrapper .swatch-items-wrapper .swatch-element label::after{display:none;}
.section-contact-form .section-contact-form--form .input-wrapper select.form-control{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNEwwIDEuNEwxLjQgMEw2IDQuNkwxMC42IDBMMTIgMS40TDYgNy40WiIgZmlsbD0iIzFDMUIxRiIvPgo8L3N2Zz4K");background-repeat: no-repeat;background-position: right 10px center;}
.os-collection-slider .grid-item__content a .grid-item__title{font-size:16px;font-weight:500;font-family: var(--body-font-stack);margin-bottom:5px;}

#free-t-shirt-with-psycho-pump .product-details-wrapper [data-update-id="item-quantity"],#free-t-shirt-plastic-shaker-with-premium-whey-5lbs .product-details-wrapper [data-update-id="item-quantity"],#free-sando-plastic-shaker-with-nitra-whey-5lbs .product-details-wrapper [data-update-id="item-quantity"],#free-steel-shaker-with-iso-gold-5lbs .product-details-wrapper [data-update-id="item-quantity"] {display:none;}
.rapi-gift-product-inline .gift-content-wraper .rapi-gift-image{height:120px !important;width: 120px !important;object-fit: contain;background-color:#fff;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container{overflow:hidden;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer + div{display:flex;position:relative;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer + div::before{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);font-size:30px;font-weight:400;color:#fff;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer + div .rapi-gift-product-inline{width:100%;border-radius: 0;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer + div .rapi-gift-product-inline + .rapi-gift-product-inline .gift-content-wraper{border-top:none;border-left:none;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer .rapi-bundles__bar-main{display:flex;align-items:center;padding: 12px 10px;}
.rapi-bundles .rapi-bundles__bar .rapi-bundles__bar-container .rapi-bundles__bar-main-outer .rapi-bundles__bar-main .rapi-offer-radio{margin-bottom:0;position: absolute;top: 12px;right: 12px;}
.rapi-bundles.rapi-prestige-bundles .rapi-bundles__bars{flex-direction: row;gap: 14px;}
#free-t-shirt-with-psycho-pump .rapi-bundles .rapi-bundles__bar-content{position: absolute;right: 10px;}
/* Defult page CSS */
.rte.grid__item--page h1, .rte.grid__item--page h2, .rte.grid__item--page h3, .rte.grid__item--page h4, .rte.grid__item--page h5, .rte.grid__item--page h6 {margin-top: 20px !important;}
.rte.grid__item--page h1, .rte.grid__item--page h2, .rte.grid__item--page h3, .rte.grid__item--page h4, .rte.grid__item--page h5, .rte.grid__item--page h6, .rte.grid__item--page p, .rte.grid__item--page ol, .rte.grid__item--page ul{margin-bottom: 15px !important;}
.rte.grid__item--page ol, .rte.grid__item--page ul {    padding-left: 20px !important;}
/* Defult page CSS End */

header.site-header .dropdown-submenu .h4.mega-menu-link--title{pointer-events: none;}
/*
.rapi-bundles__bars .rapi-bundles__bar-content .rapi-bundles__bar-pricing{display:none;}

#one-science-nutrition-osn-psycho-pump-extreme-pre-workout-formula .rapi-bundles.rapi-original-bundles{display:none;}
#one-science-nutrition-osn-psycho-pump-extreme-pre-workout-formula .product-details-wrapper  [data-update-id="item-quantity"]{margin-bottom:0 !important;}
*/

.site-header .site-header__wrapper .site-header__wrapper__left .site-nav li:first-child .site-nav__link:hover{cursor: default;}
/* .site-header .site-header__wrapper .site-header__wrapper__left .site-nav li:first-child .site-nav__link .site-nav--link-wrapper .site-nav--link-text{background-image:none;}
.site-header .site-header__wrapper .site-header__wrapper__left .site-nav li:first-child .site-nav__link:hover .site-nav--link-wrapper .site-nav--link-text{background-image:none;} */

#one-science-nutrition-osn-psycho-pump-extreme-pre-workout-formula .rapi-bundles .rapi-bundles__bar-main{display:none;}
.paymentButtonsWrapper > div{width:100%;}
.paymentButtonsWrapper  span{color:#fff;}
.paymentButtonsWrapper select{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNEwwIDEuNEwxLjQgMEw2IDQuNkwxMC42IDBMMTIgMS40TDYgNy40WiIgZmlsbD0iIzFDMUIxRiIvPgo8L3N2Zz4K");background-repeat:no-repeat;background-position:right 12px center;padding:10px !important;height: 36px;}
.paymentButtonsWrapper .pb-0ada{display:none}

.osn-banner-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.cart-drawer__taxes-shipping.text-link-animated{display:none;}
.cart-drawer__footer--buttons .cart-drawer__footer--button{display:none;}
.osn-inclusive-text{font-size:13px;}

.product-media-slider-main  .swiper-slide.animated{animation-duration: 0s;}


@media (max-width:991px){
    .os-image-box .image-with-text-overlay__grid .responsive-image-wrapper .theme-img {width: 100%;}
    .os-image-box .image-with-text-overlay__grid--background,.os-image-box .image-with-text-overlay__grid--foreground{grid-row: unset;}
    .os-image-box .image-with-text-overlay__mobile-image--cropped{min-height: 360px;}
    .os-image-box .image-with-text-overlay__mobile-image--cropped .image-with-text-overlay__cropped-image .parallax-child{height: 100%;}
    .os-image-box .image-with-text-overlay__grid--foreground{padding:30px 0;}
}

@media (max-width:767px){
    /* Hide main product ATC/Buy Now on mobile only when sticky bar is visible (section enabled) */
    body.product-sticky-bar-visible.template-product [data-wetheme-section-type="template--product"] .product-details-wrapper .paymentButtonsWrapper {
        display: none !important;
    }

    .os-collection-slider .swiper-slide{width:calc(100%/1.5) !important;}
    .os-collection-slider{margin:0px;}
    .os-collection-slider{padding-bottom:24px;}
    .os-collection-slider .swiper-scrollbar{bottom:0;display:block;}
    .os-collection-slider .swiper-scrollbar-drag{background-color:#000;}
    #slide-up .popup--body{padding:30px 20px 20px !important;}
    .popup--body .popup--description{margin-bottom:0 !important;}
    .contact-form p{margin-bottom:0 !important;}
    .popup--body form.contact-form .btn {margin: 0px 0 !important;font-size: 12px;line-height: 18px !important;}
    .popup--body-outer .popup--body .custom-font{font-size:16px !important;}
    .popup--body-outer .popup--body .popup--description p{font-size:14px !important;}
    .popup--body-outer .popup--body .contact-form .input-group .input-group-field {font-size: 14px;line-height: 16px;}
    .popup--body-outer .popup--body .contact-form .input-group{display:flex;align-items:center;margin-bottom:15px !important;}   
     #slide-up .popup--close-btn{top: 6px !important;right: 4px !important;}

     .paymentButtonsWrapper .pb-4e82{top:auto !important;}
}


/* ================================
   FLOW THEME – SLIDESHOW ARROWS
   Left & Right Center Position
================================ */

.slider-section--{{ section.id }} {
  position: relative;
}

/* Arrow wrapper */
.slider-section--{{ section.id }} .image--slideshow__navigation.arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 40;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Enable clicking on arrows */
.slider-section--{{ section.id }} .image--slideshow__navigation.arrows a {
  pointer-events: auto;
}

/* Left arrow */
.slider-section--{{ section.id }} .image--slideshow__navigation.arrows .flex-prev {
  position: absolute;
  left: 30px;
}

/* Right arrow */
.slider-section--{{ section.id }} .image--slideshow__navigation.arrows .flex-next {
  position: absolute;
  right: 30px;
}

/* Hide pagination for arrow layout */
.slider-section--{{ section.id }} .image--slideshow__navigation.arrows .swiper-pagination {
  display: none;
}


.slider-section--{{ section.id }} 
.swiper-pagination.swiper-pagination-fraction {
  display: none !important;
}

/* custom trust badges */

.custom-trust-badge img{
    width: var(--desktop-width);
    max-width:100%;
    height:auto;
    display:block;
}

@media(max-width:767px){
    .custom-trust-badge img{
        width:var(--mobile-width);
    }
}

/* ================================
   HEADER OVERRIDE — white bg, black nav text,
   logo left / menu centered / search+account+cart right,
   sticky on scroll (uses the theme's existing sticky-header JS;
   logo-placement was switched to "left" and the homepage overlay
   was turned off in header-group.json so this applies at rest too)
================================ */
/* logo_padding setting is 0, but the theme hardcodes 15px on mobile
   regardless of that setting — force 0 everywhere */
.site-title {
  padding: 0 !important;
}

.site-header {
  position: relative;
  background-color: #ffffff !important;
}

.site-header .site-header__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
}

.site-header .site-header__wrapper__left {
  display: flex;
  align-items: center;
}

.site-header .site-header__wrapper__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  flex: 1;
}

/* Menu: pull it out of the right column's flow and center it in the header */
.site-header .site-header__wrapper__right #top_links_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.site-header .site-nav__link,
.site-header .site-nav--link-text {
  color: #000000;
  font-size: 14.5px;
  font-weight: 500;
  text-transform: uppercase;
}

/* Search / account / cart: consistent gap, right-aligned.
   These icons render with stroke/fill="currentColor" and were inheriting
   the theme's color_primary_navigation (#ffffff) — invisible on a white
   header — so force a visible color here explicitly.
   The theme also gives each icon link its own internal padding (tap-target
   sizing), which adds visible whitespace on top of the flex gap — so both
   the gap AND that padding need shrinking, not just one or the other. */
.site-header .top-links--icon-links {
  display: flex;
  align-items: center;
  gap: 4px;
}
.site-header .top-links--icon-links li {
  margin: 0;
}
.site-header .standalone-icon--wrapper,
.site-header .standalone-icon--wrapper svg {
  color: #000000 !important;
}
.site-header .top-links--icon-links .standalone-icon--wrapper {
  padding: 8px !important;
}

/* Keep the same look once the theme's own scroll listener adds .sticked */
.site-header.sticky-header.sticked,
.header-section.sticky-header .site-header {
  background-color: #ffffff !important;
}
.header-section.sticky-header .site-header .site-nav__link,
.header-section.sticky-header .site-header .site-nav--link-text {
  color: #000000 !important;
  font-size: 14.5px;
  font-weight: 500;
  text-transform: uppercase;
}
.header-section.sticky-header .site-header .standalone-icon--wrapper,
.header-section.sticky-header .site-header .standalone-icon--wrapper svg {
  color: #000000 !important;
}
.header-section.sticky-header .site-header .top-links--icon-links .standalone-icon--wrapper {
  padding: 8px !important;
}

/* Mobile header bar (< 990px) is a separate element from .site-header
   (.nav-bar.mobile-nav-bar-wrapper) — the white-bg/black-icon fixes above
   only covered the desktop header, so the mobile bar was still showing the
   theme's original dark background with white (invisible-on-white) icons. */
.nav-bar.mobile-nav-bar-wrapper {
  background-color: #ffffff !important;
}
.nav-bar.mobile-nav-bar-wrapper .standalone-icon--wrapper,
.nav-bar.mobile-nav-bar-wrapper .standalone-icon--wrapper svg,
.nav-bar.mobile-nav-bar-wrapper .hamburger-nav-button,
.nav-bar.mobile-nav-bar-wrapper .hamburger-nav-button svg {
  color: #000000 !important;
}
/* ==========================================================================
   Rakshabandhan campaign — festive nav highlight
   --------------------------------------------------------------------------
   The SHOP mega-menu and the mobile drawer are both rendered from the Shopify
   Navigation menu, so there is no Liquid class to hook on to. These rules match
   on the collection URL instead: anything linking to a handle containing
   "rakshabandhan" or "rakhi" gets the festive gold treatment.

   To retire the campaign, delete this whole block (nothing else depends on it).
   To change the pill text, edit the two `content:` values below.
   ========================================================================== */

/* --- Desktop mega-menu: the "Rakshabandhan Stack" category title ---------- */
.mega-menu-block .mega-menu-link--title a[href*="rakshabandhan"],
.mega-menu-block .mega-menu-link--title a[href*="rakhi"] {
  color: #C89B3C !important;
}
.mega-menu-block .mega-menu-link--title a[href*="rakshabandhan"]::after,
.mega-menu-block .mega-menu-link--title a[href*="rakhi"]::after {
  content: "NEW";
  display: inline-block;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #8C1C2B;
  color: #F2D27A;
  font-family: 'Figtree', sans-serif;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.5;
  vertical-align: middle;
  text-transform: uppercase;
}

/* --- Desktop mega-menu: the "Hampers" sub-link --------------------------- */
.mega-menu-block .menu-link a[href*="rakshabandhan"],
.mega-menu-block .menu-link a[href*="rakhi"] {
  color: #E8C97A !important;
  font-weight: 600;
}

/* --- Mobile drawer: same two items --------------------------------------- */
.mobile-nav .mobile-nav__link[href*="rakshabandhan"],
.mobile-nav .mobile-nav__link[href*="rakhi"] {
  color: #8C1C2B !important;
  font-weight: 700;
}
.mobile-nav .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > .mobile-nav__link[href*="rakshabandhan"]::after,
.mobile-nav .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > .mobile-nav__link[href*="rakhi"]::after {
  content: "NEW";
  display: inline-block;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #8C1C2B;
  color: #F2D27A;
  font-family: 'Figtree', sans-serif;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.5;
  vertical-align: middle;
  text-transform: uppercase;
}

/* --- Homepage "Shop by Category" circle ---------------------------------- */
.osn-cats__pill[href*="rakshabandhan"] .osn-cats__pill-img,
.osn-cats__pill[href*="rakhi"] .osn-cats__pill-img {
  border-color: #C89B3C;
  box-shadow: 0 0 0 3px rgba(200, 155, 60, .16);
}
.osn-cats__pill[href*="rakshabandhan"] .osn-cats__pill-label,
.osn-cats__pill[href*="rakhi"] .osn-cats__pill-label {
  color: #8C1C2B;
}
