/** Shopify CDN: Minification failed

Line 113:0 Unexpected "}"

**/
/* Force all top-level categories into a single row */
.nav-standard .menu {
  display: flex !important;
  flex-wrap: nowrap !important;
}
/* Make container wide enough */
.nav-standard {
  width: 100% !important;
}
/* Make each menu item take only needed width */
.nav-standard .menu-item {
  width: auto !important;
  flex-shrink: 1;
}
/* Reduce padding to fit more items */
.nav-standard .menu-item > a {
  padding: 8px !important;
  font-size: 14px !important;
}
/* Hide image background in mega menu */
.meganav-promo {
  display: none !important;
}
/* Remove medals */
.jdgm-medals-wrapper {
  display: none !important;
} /* End Remove Medals */ /* Bigger Announcement */
.announcement__bar {
  padding-top: 10px;
  padding-bottom: 10px;
} /* End Bigger Announcement */ /* Move content down across site to account for big bar */
body:not(.template-index) .main-content,
body:not(.template-index) .page-container {
  margin-top: 50px !important;
  padding-top: 50px !important;
} /* End move content down */ /* Remove white bar below header */
.main-content {
  margin-top: -3 !important;
  padding-top: 0 !important;
} /* End Remove white bar */ /* Improved Sticky product images */
/* sticky product images*/
.product__images {
  position: sticky;
  top: 80px;
  align-self: flex-start;
  height: fit-content;
  max-height: calc(100vh - 100px);
  z-index: 1;
  width: 90%;
  max-width: 650px; /* Remove float: left and add these properties instead */
  margin: 0 auto; /* This centers the element */
  display: inline-block; /* Better than float for this case */
} /* Control the main product image size */
.product__images img,
.product-single__photo,
.product-featured-img {
  max-height: 650px !important;
  object-fit: contain !important;
} /* Make thumbnail gallery more compact */
.product-single__thumbnails,
.product__thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.product-single__thumbnails-item,
.product__thumbnail-item {
  width: 80px !important;
  height: 80px !important;
  margin: 0 !important;
} /* Responsive adjustments */
@media (max-width: 768px) {
  .product__images {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 100%;
  }
  .product-single__thumbnails-item,
  .product__thumbnail-item {
    width: 80px !important;
    height: 80px !important;
  }
} /* End Sticky product images */

/* MEGA MENU STYLING - START */
/* Make the submenu display in a single row */
.submenu--items-8 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* <-- CHANGE TO NOWRAP */
  width: 100% !important;
  overflow-x: auto !important; /* Optional: adds horizontal scroll if needed */
}



/* Style the items within the submenu */
.submenu--items-8 > ul > li { /* Or just .submenu--items-8 > li if the ul is not always there */
  width: auto !important; /* Let them take natural width */
  min-width: 100px !important; /* Example minimum width */
  box-sizing: border-box !important; /* Include padding in width */
  padding-right: 10px !important; /* Horizontal spacing */
  padding-bottom: 10px !important; /* Vertical spacing */
}

}

/* Ensure submenus appear below their parent */
.submenu--items-8 .submenu {
  position: relative !important;
  width: 100% !important;
  padding-top: 10px !important;
}

/* Adjust the submenu container */
.megamenu-inner .container {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* Enhance the megamenu image size while keeping the menu functioning */
.megamenu__image {
  width: 30% !important; /* Increased from 18% */
  max-width: 400px !important; /* Increased from 220px */
  padding-right: 20px !important;
}

/* Make the image fill its container */
.megamenu__image-inner, 
.megamenu__image-bg {
  width: 100% !important;
  height: auto !important;
}

/* Make the actual image larger */
.megamenu__image img {
  width: 100% !important;
  height: auto !important;
  max-width: 400px !important; /* Match the container max-width */
  max-height: 400px !important;
  object-fit: cover !important;
}

/* Adjust the content area */
.submenu--items-8 {
  width: 70% !important; /* Adjusted to complement the 30% image */
  max-width: calc(100% - 400px) !important;
}

/* Make menu titles bold and properly aligned */
.submenu-item__title {
  font-weight: bold !important;
  display: block !important;
  margin-bottom: 12px !important;
  text-align: left !important;
}

/* Style regular submenu items */
.submenu-item .submenu-item__link:not(.submenu-item__title) {
  font-weight: normal !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-align: left !important;
}

/* Fix submenu columns alignment */
.submenu--items-8 .submenu-item.has-submenu {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Ensure submenu lists display correctly */
.submenu--items-8 .submenu ul {
  padding-left: 0 !important;
  width: 100% !important;
}

/* Make the megamenu wider to accommodate the larger image */
.megamenu-wrapper {
  min-width: 1000px !important;
  padding: 20px !important;
}

/* Force specific image aspect ratio */
.megamenu__image-bg {
  aspect-ratio: 1 / 1 !important;




  .submenu--items-8 > ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;      /* Prevent wrapping */
  overflow-x: auto !important;       /* Allow horizontal scroll if needed */
  width: 100% !important;
}

}
/* MEGA MENU STYLING - END */

/* Hide the "Purchase options" label */
.sls-purchase-options-label,
#seal-purchase-options-label {
  display: none;
}

/* Add top padding to the subscription container */
.sealsubs-container {
  padding-top: 40px;
}

/* Center the size selector */
.selector-wrapper[data-option="option1"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

/* Center the label */
.selector-wrapper[data-option="option1"] label {
  margin-bottom: 8px;
}

/* Style the select container to look centered */
.selector-wrapper[data-option="option1"] select {
  margin: 0 auto;
}

/* Make sure the arrow stays properly positioned */
.selector-wrapper[data-option="option1"] .icon-arrow {
  position: absolute;
  right: calc(50% - 65px);
  pointer-events: none;
}

/* Make select not too wide but centered */
.selector-wrapper[data-option="option1"] select {
  width: 150px;
  text-align: center;
  text-align-last: center;
}

/* Center the entire product form block */
.product__form-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

/* Center the quantity selector */
.qty__adjust {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

/* Center the Add to Cart button */
.product__form-buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Make the button have a consistent width and remain centered */
.product__form-submit {
  min-width: 200px;
  text-align: center;
  margin: 0 auto;
}

/* Remove the "Size" label above the dropdown */
.selector-wrapper label,
label[for="Product-SingleOptionSelector-0-8137464873180"],
.size-label {
  display: none !important;
}

/* Add spacing around the quantity selector */
.qty__adjust {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Make sure that the size selector has proper spacing */
.selector-wrapper[data-option="option1"] {
  margin-bottom: 10px;
}

/* Main product container */
.product__container {
  display: flex;
  justify-content: center;
  gap: 60px; /* Appropriate spacing between columns */
  max-width: 1300px;
  margin: 0 auto;
}

/* Image gallery */
.product__images {
  width: 49%; /* Keep substantial width */
  min-width: 400px; /* Ensure minimum width */
  max-width: 600px; /* Maximum width */
}

/* Product info section */
.product__info {
  width: 49%; /* Keep substantial width */
  min-width: 400px; /* Ensure minimum width */
  max-width: 600px; /* Maximum width */
}

/* For smaller screens */
@media screen and (max-width: 992px) {
  .product__container {
    flex-direction: column;
    align-items: center;
  }
  
  .product__images,
  .product__info {
    width: 100%;
    min-width: unset;
  }
}



/* Hide gift app in video hero section */
.video-hero-section .gfgPageWrapper,
.video-hero-section .gftFreeGiftWrapper,
.video-hero-section .gfgFreeGiftMsgParentContainerForDropDown,
.video-hero-section [class*="gfg"],
.split-video-hero-section .gfgPageWrapper,
.split-video-hero-section .gftFreeGiftWrapper,
.split-video-hero-section .gfgFreeGiftMsgParentContainerForDropDown,
.split-video-hero-section [class*="gfg"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  z-index: -9999 !important;
}
/* For Desktop screens */
@media screen and (min-width: 1220px) {
  .site-header .megamenu-inner .container{
    padding-left: 70px;
  }
  .site-header .megamenu-wrapper
 {
    padding: 0 20px !important;
}
  .site-header .megamenu-inner{
  padding-top: 0;
    max-height: calc(100vh - var(--header-initial-height));
    padding-bottom: 20px;
}
.site-header.header--has-scrolled .megamenu-inner{
    padding-top: 20px;
}
.site-header .megamenu__image{
  margin-right: 15px !important;
  padding-right: 0px !important;
  display: none;
}
.site-header .menu-item--meganav .submenu > ul {
    display: flex;
    flex-wrap: nowrap;
}
.site-header .menu-item--meganav .submenu ul .submenu ul{
   display: block;
   flex-wrap: wrap;
}
.site-header .menu-item--meganav .submenu-item {
    width: min-content;
    min-width: fit-content;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
    float: left;
    padding-bottom: 5px;
    width: auto;
    min-width: auto;
}
.site-header .nav-standard .submenu-item.has-submenu {
    position: relative;
}
.site-header .menu-item--meganav .submenu-item:nth-child(4n+1)
 {
    clear: none;
    float: left;
}
.site-header .menu-item--meganav .submenu-item .submenu .submenu-item{
  margin-bottom: 0 !important;
  padding-left: 0;
}
.site-header .menu-item--meganav .submenu-item a.submenu-item__title{
  margin-bottom: 5px !important;
}
.site-header .submenu-item .submenu-item__link:not(.submenu-item__title){
  margin-bottom: 0 !important;
}
.site-header .menu-item--meganav .submenu-item .submenu .submenu-item:nth-child(4n+1){
  clear: left;
  float: none;
}
.site-header .menu-item--meganav ul li.submenu-item[data-levels="0"]:first-child{
     padding-right: 0;
    padding-left: 0;
    margin-left: -20px;
    width: 120px;
}
.site-header .menu-item--meganav ul li.submenu-item[data-levels="0"]:last-child{
    position: absolute;
    top: 35px;
    left: 50px;
    padding: 0;
}
}