/** Shopify CDN: Minification failed

Line 1147:342 Unexpected ";"

**/
/* custom css */

/* Stop images from overflowing their containers */
.hdt-relative img {
  max-width: 100%;
  max-height: 100%;
}

/* Perfect circles for all category images */
.hdt-category-img {
  position: relative;
  width: var(--category-image-size, 40px);
  height: var(--category-image-size, 40px);
  border-radius: 50%;
  overflow: hidden;
  margin-inline-end: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}

.hdt-category-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

/* Responsive sizing for category images */
@media screen and (max-width: 749px) {
  .hdt-category-img {
    --category-image-size: 40px;
  }
}

@media screen and (min-width: 750px) {
  .hdt-category-img {
    --category-image-size: 45px;
  }
}

/* Mobile toolbar specific fixes */
#hdt-shop-toolbar-mb .hdt-category-img,
#sub-hdt-nav-mb .hdt-category-img {
  width: 40px;
  height: 40px;
}

/* Override any existing styles in hdt-list-categories.css */
.hdt-categories-list > li > a .hdt-category-img::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--color-line-border));
  border-radius: 50%;
}

/* Override any styling that might make images elliptical */
.hdt-category-img {
  aspect-ratio: 1 !important;
}

/* Square image styling for collection items */
.hdt-collection-inner .hdt-collection-img img,
.hdt-collection-inner .sqimage-main {
  border-radius: var(--rounded-sm, 4px);
  aspect-ratio: 1;
  object-fit: cover;
}

/* Force menu item images to be circular */
.hdt-category-link .hdt-category-img,
a.hdt-category-link .hdt-category-img {
  width: var(--category-image-size, 40px) !important;
  height: var(--category-image-size, 40px) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  aspect-ratio: 1 !important;
}

.hdt-category-link .hdt-category-img img,
a.hdt-category-link .hdt-category-img img {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Submenu sizing fixes */
div[part="content"] {
  max-width: 85vw;
  width: auto !important;
}

/* Consistent padding for mobile elements */
.hdt-notice-mobile,
.hdt-mobile_group_icons.hdt-flex.hdt-align-start,
.hdt-contents,
.hdt-mobile-menu .hdt-menu-link {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* Form field width adjustments */
.hdt-form__wrapp,
.hdt-field__input,
.hdt-quantity__input,
.hdt-product-form__input .hdt-popover {
  max-width: 100%;
  width: auto !important;
}

/* Text overflow handling */
.hdt-menu-link,
.hdt-block.hdt-line-clamp {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 749px) {
.container,
.hdt-container {
padding-left: 8px;
padding-right: 8px;
}
}
.avada-after-collection {
display: block !important;
}
.avada-after-collection,
.shopify-block.shopify-app-block:has(.Avada-FAQs__block) {
padding-inline-start: 15px;
padding-inline-end: 15px;
}
.shopify-block.shopify-app-block:has(.Avada-FAQs__block) {
margin-top: 8rem !important;
}
#localization_form_language hdt-richlist button,
.hdt-languages > button {
text-transform: capitalize;
}
.hdt-relative img {
object-fit: contain;
}
img.hdt-full-width-link.hdt-object-cover.hdt-object-center.hdt-w-full.hdt-h-full {
padding: 4px 0px;
}

/* Slider button positioning */
.hdt-slider__button--prev {
  left: -20px !important;
}

.hdt-slider__button--next {
  right: -20px !important;
}



/* Responsive Banner Images
============================================================================= */
.responsive-banner-image {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}

.responsive-banner-image picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Responsive styling for banner images */
@media (max-width: 480px) {
  .responsive-banner-image {
    min-height: 300px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .responsive-banner-image {
    min-height: 350px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .responsive-banner-image {
    min-height: 400px;
  }
}

@media (min-width: 1025px) and (max-width: 1149px) {
  .responsive-banner-image {
    min-height: 450px;
  }
}

@media (min-width: 1150px) and (max-width: 1999px) {
  .responsive-banner-image {
    min-height: 500px;
  }
}

@media (min-width: 2000px) {
  .responsive-banner-image {
    min-height: 600px;
  }
}

/* Albert Sans font integration */
body, button, input, select, textarea {
  font-family: 'Albert Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Albert Sans', sans-serif;
  font-weight: 600;
}

/* Apply Albert Sans font throughout the site */
body, 
button, 
input, 
select, 
textarea,
.hdt-typography,
.hdt-typography *,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Albert Sans', sans-serif !important;
}

/* Set specific font weights */
h1, h2, h3 {
  font-weight: 700;
}

h4, h5, h6 {
  font-weight: 600;
}

body, p {
  font-weight: 400;
}

/* Information Grid - Consolidated Responsive Layout */
.info-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

/* Individual info panels */
.info-panel {
  flex: 1 1 100%;
  padding: 10px;
}

/* Panel headings */
.info-panel h3 {
  white-space: nowrap; /* Prevent heading from wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}

/* Content styling with no line breaks */
.info-panel p {
  white-space: nowrap; /* Prevent line breaks */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.info-panel p:last-child {
  margin-bottom: 0;
}

/* Responsive breakpoints */
/* Small tablets (2 columns) */
@media screen and (min-width: 600px) {
  .info-grid {
    gap: 12px;
  }
  
  .info-panel {
    flex: 1 1 calc(50% - 12px);
  }
}

/* Tablets (3 columns) */
@media screen and (min-width: 768px) {
  .info-panel {
    flex: 1 1 calc(33.333% - 12px);
  }
}

/* Desktop (all in one row) */
@media screen and (min-width: 1024px) {
  .info-grid {
    gap: 15px;
    align-items: stretch;
  }
  
  .info-panel {
    flex: 1;
  }
  
  .info-panel h3 {
    font-size: 18px;
  }
}

/* Large screens */
@media screen and (min-width: 1280px) {
  .info-panel h3 {
    font-size: 20px;
  }
  
  .info-panel p {
    font-size: 15px;
  }
}

/* Super specific selectors to overcome any conflicts */
/* Round image specific styling (rimage) - ONLY FOR MOBILE MENU */
.hdt-category-img.hdt-relative {
  position: relative !important;
  width: var(--category-image-size, 45px) !important;
  height: var(--category-image-size, 45px) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-inline-end: 16px !important;
}

/* Target the rimage specifically - ONLY FOR MOBILE MENU */
#hdt-menu-spices-1 .hdt-category-img img,
#sub-hdt-nav-mb .hdt-category-img img,
#hdt-shop-toolbar-mb .hdt-category-img img,
.hdt-category-link .hdt-category-img img,
a.hdt-category-link .hdt-category-img img,
.hdt-category-link .hdt-category-img .hdt-rounded-f,
.hdt-category-link .hdt-category-img .hdt-rounded-full {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prevent round images in collection lists */
.hdt-collection-item .rimage-round,
.hdt-collection-item .hdt-collection-img .rimage-round {
  display: none !important;
}

/* Square image styling (sqimage) - FOR COLLECTION LISTS */
.hdt-collection-inner .hdt-collection-img .sqimage-main,
.hdt-collection-inner .hdt-collection-img img {
  border-radius: var(--rounded-sm, 4px) !important;
  aspect-ratio: 1 !important;
  object-fit: cover !important;
}

/* Ensure element visibility */
.hdt-category-img.hdt-relative {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force clear any caching issues in browsers */
.hdt-collection-item {
  transform: translateZ(0);
}

/* Super targeted fix for menu item images */
.hdt-category-link .hdt-category-img img,
a.hdt-category-link .hdt-category-img img,
#hdt-menu-spices-1 .hdt-category-img img,
.hdt-category-link .hdt-category-img .hdt-rounded-f,
.hdt-category-link .hdt-category-img .hdt-rounded-full {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force circular shape on all menu item images */
.hdt-category-link .hdt-category-img,
a.hdt-category-link .hdt-category-img {
  width: var(--category-image-size, 40px) !important;
  height: var(--category-image-size, 40px) !important;
  min-width: var(--category-image-size, 40px) !important;
  min-height: var(--category-image-size, 40px) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-right: 10px !important;
  margin-inline-end: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix for mobile toolbar items */
#hdt-shop-toolbar-mb .hdt-category-img,
#sub-hdt-nav-mb .hdt-category-img {
  width: 40px !important; 
  height: 40px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

#hdt-shop-toolbar-mb .hdt-category-img img,
#sub-hdt-nav-mb .hdt-category-img img {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Make sure all SVGs are properly sized and colored */
.hdt-product-btns .hdt-pr_btn svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

/* Hover effect for all buttons */
.hdt-product-btns .hdt-pr_btn:hover {
  background-color: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
  transform: translateY(-2px);
}
/* Ensure all buttons have the same margins/spacing */
.hdt-product-btns > * {
  margin: 4px !important;
}

/* Force consistent spacing between buttons */
.hdt-product-btns {
  gap: 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Strict rule for spro-col spro-column-image */
.spro-col.spro-column-image {
  max-width: 300px !important;
  max-height: 300px !important;
  width: auto !important;
  height: auto !important;
  overflow: hidden !important;
}

/* Make sure images inside this container respect the limits */
.spro-col.spro-column-image img {
  max-width: 100% !important;
  max-height: 300px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* For responsive behavior */
@media screen and (max-width: 767px) {
  .spro-col.spro-column-image {
    max-width: 100% !important;
    max-height: 250px !important;
  }
  
  .spro-col.spro-column-image img {
    max-height: 250px !important;
  }
}

/* Language switcher styling - override inline styles */
.lsn-switcher {
  position: fixed !important;
  display: flex !important;
  gap: 12px !important;
  z-index: 20 !important;
  user-select: none !important;
  font-size: 14px !important;
  padding: 2px 4px !important;
  top: 44px !important;
  right: 45px !important;
  border-radius: 6px !important;
  transition: none !important;
  transform: none !important;
}

/* Override for lsn-switcher dropdown styling */
.lsn-switcher.lsn-down {
  background-color: rgba(255, 255, 255, 0.4) !important;
  font-size: 14px !important;
  padding: 2px 4px !important;
}

/* Target the inner elements to ensure consistent sizing */
.lsn-switcher .lsn-select__item-icon {
  width: 18px !important;
  height: 12px !important;
}

.lsn-switcher .lsn-select__item-name {
  font-size: 14px !important;
}

.lsn-switcher .lsn-select__list {
  font-size: 14px !important;
}

/* Size override for language selector flag icons */
.lsn-select__item-icon {
  width: 18px !important;
  height: 12px !important;
}

/* Hide old header icon groups */
.header-icons-group,
.header-localization-group {
  display: none !important;
}

/* Hide the circular category images on home and collection pages for larger screens 
@media screen and (min-width: 768px) {
  body.template-index .hdt-category-img.hdt-relative,
  body.template-collection .hdt-category-img.hdt-relative {
    display: none !important;
  }*/
  
  /* Use full-width images instead of circular ones */
  body.template-index .hdt-full-width-link,
  body.template-collection .hdt-full-width-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px !important; /* Use rounded corners instead of circles */
  }
  
  /* Ensure container isn't restricting the image dimensions */
  body.template-index .hdt-collection-img,
  body.template-collection .hdt-collection-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }


/* Keep circular category images for mobile view only */
@media screen and (max-width: 767px) {
  .hdt-category-img.hdt-relative {
    display: flex !important;
  }
}

/* Fix for category/collection images to properly cover their containers */
.hdt-full-width-link {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Use square images with rounded corners for collection listings */
.hdt-collection-inner .hdt-collection-img img {
  border-radius: var(--rounded-sm, 10px) !important;
  aspect-ratio: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Only apply circular styles for menu navigation */
#hdt-nav-ul .hdt-category-img.hdt-relative,
#hdt-nav-ul-mb .hdt-category-img.hdt-relative,
#sub-hdt-nav-mb .hdt-category-img.hdt-relative,
#hdt-shop-toolbar-mb .hdt-category-img.hdt-relative,
.hdt-list-categories-inner .hdt-category-img.hdt-relative {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--category-image-size, 40px) !important;
  height: var(--category-image-size, 40px) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin-inline-end: 16px !important;
}

/* Hide circular category images on collection and home pages - ALL SCREEN SIZES */
body.template-index .hdt-collection-inner .hdt-category-img.hdt-relative,
body.template-collection .hdt-collection-inner .hdt-category-img.hdt-relative,
.hdt-collections-list .hdt-collection-inner .hdt-category-img.hdt-relative,
.hdt-collections-list-tabs .hdt-collection-inner .hdt-category-img.hdt-relative {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Ensure square images display properly on collection pages - ALL SCREEN SIZES */
body.template-index .hdt-collection-inner .hdt-collection-img,
body.template-collection .hdt-collection-inner .hdt-collection-img,
.hdt-collections-list .hdt-collection-inner .hdt-collection-img,
.hdt-collections-list-tabs .hdt-collection-inner .hdt-collection-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* Make sure square images are properly displayed - ALL SCREEN SIZES */
.hdt-collection-inner .hdt-collection-img img.sqimage-main,
.hdt-collection-inner .hdt-collection-img .hdt-ratio img {
  border-radius: 4px !important; 
  aspect-ratio: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force hide any circular fallback images */
.hdt-collection-inner .fallback-round.hdt-full-width-link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Add padding to collections grid on mobile devices */
@media screen and (max-width: 749px) {
  #collections-template--19181055410411__main {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  
  /* Also ensure child elements maintain proper spacing */
  #collections-template--19181055410411__main .hdt-collection-item {
    padding: 12px !important;
  }
  
  /* Add spacing between grid items */
  #collections-template--19181055410411__main .hdt-collection-grid {
    gap: 12px !important;
    margin: 0 !important;
  }
}

/* Add padding to any collection grid by targeting common classes */
@media screen and (max-width: 749px) {
  .hdt-collection-grid,
  .hdt-grid-collections,
  .hdt-collections-list {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* Mobile padding for easytabs container tab items */
@media screen and (max-width: 749px) {
  .easytabs-container .easytabs-tab-item {
    padding: 7px 10px 7px 10px !important;
  }
}

/* Make accordion titles bigger */
.hdt-text-lg.hdt-font-medium {
  font-size: 1.8rem !important; /* Increase from default text-lg size */
  font-weight: 500 !important; /* Slightly bolder than medium */
}

/* ============================================
   SEO OPTIMIZATION - EXTRACTED INLINE STYLES
   Added on 2025-03-20
   ============================================ */

/* CSS Variables for the html element */
:root {
  --scrollbar-w: 0px;
  --header-height: 81px;
}

/* Button and link styles */
.btn--link[onclick="avadaJoyTrigger()"],
a.btn--link[onclick="avadaJoyTrigger()"] {
  line-height: 40px;
  cursor: pointer;
}

/* Inline flex text styles with border bottom */
.hdt-inline-flex.hdt-text-base.hdt-font-medium[style*="border-bottom"] {
  color: rgb(var(--color-foreground));
  border-bottom: solid 1px rgb(var(--color-foreground));
  margin-bottom: 11px;
}

/* Slider container styles */
.hdt-slider__container {
  transform: translate3d(0px, 0px, 0px);
}
.hdt-slider__container[style*="height: 660px"] {
  height: 660px;
}
.hdt-slider__container[style*="height: 369px"] {
  height: 369px;
}

/* Slide heading and content animations */
.hdt-slide_heading[reval],
.hdt-slide_subheading[reval],
.hdt-btn[reval] {
  opacity: 1;
  transform: translateY(0px);
}

/* Section spacing */
.hdt-section-spacing.hdt-s-gradient[color-scheme="scheme-3"] {
  --section-pt: 0px;
  --section-pb: 0px;
  --section-prate: 30;
}

/* Product link aspect ratios */
.hdt-block.hdt-pr.hdt-oh.hdt-ratio[data-f-product-id],
a.hdt-block.hdt-pr.hdt-oh.hdt-ratio[data-f-product-id] {
  --aspect-ratioapt: 1.0;
  --aspect-ratioapt-md: 1.0;
}

/* Collection styling from original theme */
.hdt-collection-inner {
  border-radius: var(--rounded-collection-card);
}

.hdt-collection-item .hdt-collection-img {
  border-radius: var(--rounded-collection-card);
  overflow: hidden;
}

.hdt-collection-item .hdt-collection-img img {
  transition: transform 2s cubic-bezier(0,0,.44,1.18);
}

.hdt-collection-title {
  color: rgb(var(--color-foreground));
  line-height: var(--font-heading-line-height);
  font-family: var(--font-heading-family);
}

.hdt-text-uppercase-true .hdt-collection-title {
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.hdt-collection-item .hdt-collection-content .hdt-collection-description {
  color: rgb(var(--color-foreground2));
}

.hdt-collection-count {
  color: rgb(var(--color-foreground2));
  line-height: var(--font-body-line-height);
}

/* Glass effect styling - consistent across all elements */
.hdt-custom-glass-header,
.hdt-header-sticky--glass,
.hdt-section-header:not(.scrolled-past-header) .hdt-custom-glass-header,
.scrolled-past-header .hdt-custom-glass-header,
.scrolled-past-header .hdt-header-sticky--glass,
.scrolled-past-header:not(.shopify-section-header-hidden) .hdt-header-sticky--glass,
.hdt-toolbar.hdt-s-gradient {
  background-color: rgb(var(--color-background) / .5) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) !important;
}

/* Override the hdt-s-gradient on footer to ensure it's dark */
.hdt-section-footer,
.hdt-footer-section,
div.hdt-section-group.hdt-footer-section,
.hdt-section-inner.hdt-footer,
div.hdt-section-inner.hdt-footer.hdt-s-gradient,
.hdt-footer.hdt-s-gradient,
.hdt-footer,
.hdt-footer-main,
.hdt-footer-bottom,
.hdt-footer * {
  background-color: rgb(18, 18, 18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hdt-footer,
.hdt-footer *,
.hdt-footer a, 
.hdt-footer .hdt-s-text, 
.hdt-footer .hdt-s-text2,
.hdt-footer-copyright,
.hdt-footer-menu-list li a {
  color: rgb(255, 255, 255) !important;
}

/* Custom submenu sizing */
.hdt-custom-submenu {
  min-width: 150px !important;
}

/* Collection grid responsive columns */
@media (min-width: 768px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(20% - 16px);
    margin: 8px;
  }
}

/* Quick-View Modal Size Fix */
/* Desktop styles (default) */
/* Typography adjustments for quick-view modal */
.hdt-quick-view-modal .hdt-s-text2.hdt-rte,
.hdt-quick-view-modal h2.hdt-s-text2,
.hdt-main-product-quick-view h2,
.hdt-main-product-quick-view .hdt-s-text2,
.hdt-main-product-quick-view h2.hdt-s-text2.hdt-rte,
#hdt-quick-view-modal h2 {
  font-size: 0.85rem !important; /* Drastically smaller than h1 */
  line-height: 1.2 !important;
  margin-bottom: 0.5rem !important;
  font-weight: var(--font-weight-semibold, 500) !important;
  max-width: 100% !important;
  transform: scale(0.95) !important;
  transform-origin: left !important;
}

/* Mobile styles for h2 in quick-view */
@media (max-width: 767px) {
  .hdt-quick-view-modal .hdt-s-text2.hdt-rte,
  .hdt-quick-view-modal h2.hdt-s-text2,
  .hdt-main-product-quick-view h2,
  .hdt-main-product-quick-view .hdt-s-text2,
  .hdt-main-product-quick-view h2.hdt-s-text2.hdt-rte,
  #hdt-quick-view-modal h2 {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    transform: scale(0.9) !important;
  }
}

.hdt-quick-view-modal::part(dialog) {
  max-width: 80vw !important;
  width: auto !important;
  height: auto !important;
  max-height: 85vh !important;
  background-color: rgb(var(--color-background));
  margin: 0 auto;
  border-radius: 0;
  border: none;
  opacity: 1 !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.hdt-quick-view-modal::part(content) {
  max-width: min(95rem, 80vw) !important;
  width: 100% !important;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: rgb(var(--color-background));
  opacity: 1 !important;
}

.hdt-quick-view-modal::part(wrapper) {
  align-items: center;
  justify-content: center;
  padding: 0;
}

.hdt-quick-view-modal::part(overlay) {
  opacity: 0.6 !important;
}

/* Fix modal close button */
.hdt-quick-view-modal::part(close-button) {
  z-index: 10 !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  top: 1rem !important;
  right: 1rem !important;
}

/* Force media width to respect container size */
.hdt-main-product-quick-view .hdt-product-media-wrapp {
  width: min(calc(var(--pr-media-width) - (var(--spacing-x, 0px) / 2)), 68vh) !important;
  max-height: 85vh !important;
}

.hdt-main-product-quick-view .hdt-product-info-wrapp {
  width: max(calc(100% - var(--pr-media-width) - (var(--spacing-x, 0px) / 2)), calc(min(95rem,80vw) - 68vh)) !important;
  padding: 2rem;
}

/* Typography fixes for quick-view modal */
.hdt-main-product-quick-view .hdt-product__title h1 {
  font-size: var(--size-h1);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.hdt-main-product-quick-view .hdt-product__title h2 {
  font-size: calc(var(--size-h2) * 0.9); /* Slightly smaller than h1 */
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.hdt-main-product-quick-view .hdt-product-info__list {
  font-size: var(--text-base);
}

/* Tablet styles */
@media (max-width: 1149px) {
  .hdt-quick-view-modal::part(dialog) {
    max-width: 90vw !important;
    max-height: 90vh !important;
  }
  
  .hdt-quick-view-modal::part(content) {
    max-width: min(90rem, 90vw) !important;
  }
  
  .hdt-main-product-quick-view .hdt-product__title h1 {
    font-size: calc(var(--size-h1) * 0.9);
  }
  
  .hdt-main-product-quick-view .hdt-product__title h2 {
    font-size: calc(var(--size-h2) * 0.9);
  }
  
  .hdt-main-product-quick-view .hdt-product-info-wrapp {
    padding: 1.5rem;
  }
}

/* Mobile styles */
@media (max-width: 767px) {
  .hdt-quick-view-modal::part(dialog) {
    max-width: 95vw !important;
    max-height: 80vh !important;
    margin: 0.5rem auto !important;
  }
  
  .hdt-quick-view-modal::part(content) {
    max-width: 95vw !important;
    margin: 0 !important;
  }
  
  .hdt-main-product-quick-view .hdt-product-media-wrapp,
  .hdt-main-product-quick-view .hdt-product-info-wrapp {
    width: 100% !important;
  }
  
  .hdt-main-product-quick-view .hdt-product-info-wrapp {
    padding: 1rem;
  }
  
  .hdt-main-product-quick-view .hdt-product__title h1 {
    font-size: calc(var(--size-h1) * 0.8);
  }
  
  .hdt-main-product-quick-view .hdt-product__title h2 {
    font-size: calc(var(--size-h2) * 0.8);
  }
  
  .hdt-main-product-quick-view .hdt-product-info__list {
    font-size: calc(var(--text-base) * 0.9);
  }
  
  /* Better scrolling on mobile */
  .hdt-main-product-quick-view .hdt-product-info__list {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(33.333% - 16px);
    margin: 8px;
  }
}

@media (max-width: 480px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(50% - 12px);
    margin: 6px;
  }
}

@media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1150px) {
  .hdt-collection-item:hover .hdt-collection-img img {
    transform: scale(1.09);
  }
}

/* Fix collection grid layout */
.hdt-flex-cols-5 > .hdt-collection-item {
  width: calc(20% - 16px);
  margin: 8px;
}

@media (max-width: 767px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(33.333% - 16px);
    margin: 8px;
  }
}

@media (max-width: 480px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(50% - 12px);
    margin: 6px;
  }
}

/* Fix collection title positioning */
.hdt-collection-inner {
  display: grid !important;
  position: relative;
}

.hdt-collection-content.hdt-place-self-end-center {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin-bottom: var(--content-pd, 15px);
}

.hdt-collection-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* COLLECTION PAGE HEADER TRANSPARENCY AND BANNER FIX */

/* Fix collection template banner positioning */
.template-collection .hdt-heading-template {
  position: relative;
  background: transparent !important;
  margin-top: -100px !important; /* Must match the value in heading-collection.liquid */
  padding-top: 100px !important;
}

/* Make collection banner full-width and underneath everything */
.template-collection .hdt-heading-banner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
}

/* Make banner image fill the space */
.template-collection .hdt-heading-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Keep heading content (title, description) above the banner */
.template-collection .hdt-heading-content {
  position: relative !important;
  z-index: 3 !important;
  padding-top: 120px !important; /* Ensure content is below the header */
}

/* Set proper z-index for main collection wrapper */
.shopify-section-group-header {
  z-index: 999 !important;
}

/* Fix any other potential background issues */
.template-collection #shopify-section-heading {
  background: transparent !important;
}

/* Hide Shopify admin bar */
iframe#admin-bar-iframe,
#admin-bar-iframe,
iframe[id^=admin-bar],
iframe[src*="shopify.com/admin"],
iframe[src*="myshopify.com/admin"],
iframe[src*="weglot"],
.weglot-container,
.weglot-container *,
div[id*="weglot"],
iframe[id*="weglot"],
canvas[id*="weglot"] {display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;height:0!important;position:absolute!important;z-index:-9999!important;width:0!important;overflow:hidden!important;max-height:0!important;max-width:0!important;margin:0!important;padding:0!important;border:0!important;};

/* Submenu background white - multiple selectors for higher specificity */
div.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient,
.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu,
.hdt-sub-menu.hdt-dropdown-menu,
.hdt-sub-menu,
[class*="hdt-sub-menu"],
.hdt-dropdown-menu {
  background: white !important;
  background-color: rgba(255, 255, 255, 1) !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
}

/* Additional specific targeting for submenu items */
.hdt-sub-menu * {
  background: inherit !important;
}

/* Maximum specificity for submenu background - override any theme styles */
body .hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient,
body .hdt-sub-menu.hdt-absolute.hdt-dropdown-menu,
body .hdt-sub-menu.hdt-dropdown-menu,
body .hdt-sub-menu,
body [class*="hdt-sub-menu"],
body .hdt-dropdown-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  border: none !important;
}

/* Specific override for gradient class border - remove backdrop filter and set solid white */
div.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient {
  border: none !important;
  border-image: none !important;
  background-image: none !important;
  background: rgba(255, 255, 255, 1) !important;
  background-color: rgba(255, 255, 255, 1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Ultra-specific targeting with highest specificity to override any theme styles */
html body div.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient,
html body div.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient::before,
html body div.hdt-sub-menu.hdt-absolute.hdt-dropdown-menu.hdt-s-gradient::after {
  background: white !important;
  background-color: white !important;
  background-image: none !important;
  border: 0 !important;
  border-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Hide currency flags, only show the currency code */
.hdt-currencies img.hdt-flag {
  display: none !important;
}

/* Product vendor-brand styling */
.vendor-brand {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 10px !important;
  font-size: 14px !important;
}

.vendor-brand .brand-item {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.vendor-brand .brand-item img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

.vendor-brand .brand-item a {
  color: #4CAF50 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

.vendor-brand .brand-item a:hover {
  text-decoration: underline !important;
}


/* Menu styles have been restored from the working version */



/* Logo and header adjustments */
.hdt-logo {
  width: 60px !important;
  min-width: unset !important;
  max-width: unset !important;
}

/* Header min-height adjustments */
.hdt-header-content,
.hdt-header-main,
.hdt-header-bottom {
  min-height: 50px !important;
}

/* Tablet and mobile adjustments */
@media screen and (max-width: 1149px) {
  /* Smaller header height for tablet and mobile */
  .hdt-header-content,
  .hdt-header-main,
  .hdt-header-bottom {
    min-height: 45px !important;
  }
  
  /* Smaller logo size for tablet and mobile */
  .hdt-logo {
    width: 40px !important;
  }
  
  /* Center the logo on tablet and mobile */
  .hdt-logo,
  .hdt-header-logo,
  .hdt-header-logo_left .hdt-logo {
    text-align: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Apply column settings as requested */
  .lg\:hdt-custom-col-3.md\:hdt-custom-col-4.hdt-custom-col-6,
  .hdt-header-logo {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Extra small device text centering */
  .xs\:hdt-text-center,
  .hdt-header-logo {
    text-align: center !important;
  }
}

/* Fix submenu positioning */
.hdt-menu-item:not(:has(.hdt-mega-menu)) .hdt-sub-menu:not(.hdt-dropdown-menu),
.hdt-sub-menu.hdt-dropdown-menu,
.hdt-custom-submenu {
  top: 45px !important; /* Fixed top position as requested */
  left: -10px !important; /* Fixed left position as requested */
  transform: none !important; /* Remove centering transform */
  z-index: 999 !important; /* Ensure proper stacking */
}

@media screen and (max-width: 767px) {
  .hdt-flex-cols-5 > .hdt-collection-item {
    width: calc(33.333% - 16px);
    margin: 8px;
  }
}

/* Toolbar height and element adjustments */
.hdt-toolbar {
  height: 45px !important; /* Reduce toolbar height from 57px to 45px */
  padding: 4px 10px !important; /* Reduce padding to fit elements */
}

.hdt-toolbar-item-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 5px !important; /* Move icons down by 5px */
  height: 100% !important;
}

/* Adjust toolbar icons and text for consistency */
.hdt-toolbar-icon {
  height: 18px !important;
  width: 18px !important;
  margin-bottom: -4px !important; /* Reduced space between icon and text by 6px */
}

.hdt-toolbar-label {
  font-size: 12px !important; /* Smaller text to avoid cutoff */
  line-height: 1 !important;
  white-space: nowrap !important; /* Prevent text wrapping */
  overflow: visible !important; /* Ensure text isn't cut off */
  text-overflow: clip !important;
}

/* Make Shop button and text same size as other icons */
.hdt-toolbart-shop .hdt-toolbar-icon svg,
.hdt-toolbart-shop .hdt-toolbar-label {
  height: 18px !important;
  width: 18px !important;
  font-size: 10px !important; /* Match other labels */
}

/* Make notification circles smaller */
.hdt-toolbar__count-box {
  width: 12px !important;
  height: 12px !important;
  font-size: 8px !important;
  line-height: 12px !important;
  top: -4px !important;
  right: -4px !important;
}

/* Fix for preorder products with restock-rocket - Show discounted price in quantity price area */
.hdt-qty-price {
  position: relative !important;
}

/* If a product is on preorder (has restock-rocket-discounted-price), hide the regular price in quantity selector */
button[data-text-pre-order] ~ .hdt-qty-price .hdt-money,
/* Hide regular price when Restock Rocket is active */
form:has(.restock-rocket-button-container) .hdt-qty-price .hdt-money {
  display: none !important;
}

/* Show restock-rocket-discounted-price inside the hdt-qty-price for preorder products */
.restock-rocket-discounted-price {
  position: relative !important;
  margin-left: 0 !important;
  font-weight: 600 !important;
}

button[data-text-pre-order] ~ .hdt-qty-price::after,
form:has(.restock-rocket-button-container) .hdt-qty-price::after {
  content: attr(data-preorder-price);
  font-weight: 600 !important;
}

/* Make sure the restock-rocket price is positioned correctly inside price containers */
.hdt-price__container:has(.restock-rocket-discounted-price) {
  display: flex !important;
  align-items: center !important;
}

/* Direct targeting for Restock Rocket pre-order button price */
.restock-rocket-button-container button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* Override button text and price with the discounted price */
.restock-rocket-button-container .restock-rocket-button-price {
  color: inherit !important;
  font-weight: 600 !important;
}

/* Hide any original price that might be showing on the button */
.restock-rocket-button-container span:not(.restock-rocket-discounted-price, .restock-rocket-button-price) {
  display: none !important;
}

/* Complete fix for the Restock Rocket pre-order price display */
/* 1. Hide original price elements */
form:has(.restock-rocket-button-container) .hdt-price .hdt-money,
form:has(.restock-rocket-button-container) .hdt-product-form__submit .original-price,
form:has(.restock-rocket-button-container) button[type="submit"] .original-price,
form:has(.restock-rocket-button-container) button[name="add"] .original-price {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 2. Style and force visibility of the discounted price */
form:has(.restock-rocket-button-container) .restock-rocket-discounted-price,
form:has(.restock-rocket-button-container) .discounted-price,
form:has(.restock-rocket-button-container) .discount-price,
form:has(.restock-rocket-button-container) .pre-order-price {
  font-weight: 600 !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
}

/* 3. Target the pre-order button text directly */
form:has(.restock-rocket-button-container) .hdt-product-form__submit,
form:has(.restock-rocket-button-container) button[type="submit"],
form:has(.restock-rocket-button-container) button[name="add"] {
  position: relative !important;
}

/* 4. Ensure the pre-order text shows with correct price */
.restock-rocket-preorder-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  visibility: visible !important;
}

/* 5. Add JavaScript hook to ensure price gets updated */
form:has(.restock-rocket-button-container) script + button[type="submit"],
form:has(.restock-rocket-button-container) script + button[name="add"] {
  position: relative !important;
  z-index: 1 !important;
}

/* Restock rocket styling improvements */
.restock-rocket-price-strike {
  margin-right: 8px !important;
  text-decoration: line-through !important;
  color: #767676 !important;
}

/* Create a proper badge for Preorder */
.restock-rocket-preorder-badge {
  background-color: #f7e7d6 !important;
  color: #8b5a2b !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
}

/* Product guarantee text - prevent wrapping */
.hdt-product__trust-mess .hdt-font-semibold,
.hdt-product__trust-mess p.hdt-font-semibold {
  white-space: nowrap !important; 
  overflow: hidden !important; 
  text-overflow: ellipsis !important;
  display: block !important;
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  min-width: min-content;
}


/* Make sure the product trust section is properly aligned - horizontal layout */
.hdt-product-info__item.hdt-product__trust-seal {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  gap: 15px !important;
}

/* Trust icon and text wrapper */
.hdt-product__trust-mess.hdt-inline-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-bottom: 0 !important;
  width: auto !important;
  flex-shrink: 0 !important;
  max-width: fit-content !important;
}

/* Payment icons container alignment */
.hdt-product_trust-svgs {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  flex-grow: 1 !important;
}

/* Force each payment icon to display properly */
.hdt-product_trust-svgs .hdt-payment-item {
  display: inline-flex !important;
  margin: 0 3px !important;
}

/* Collection page layout with 5 columns per row - moved from theme.liquid */
.product-list.lg\:hdt-flex-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin: 0 auto;
  width: 100%;
  max-width: var(--content-max-width, 1440px);
  padding: 0 var(--content-padding, 20px);
}

/* Responsive layout adjustments */
@media screen and (max-width: 1199px) {
  .product-list.lg\:hdt-flex-cols-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .product-list.lg\:hdt-flex-cols-5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* Fix collection item layouts */
.collection-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Remove duplicate images on collection items */
.collection-item .hdt-category-img {
  display: none !important;
}

/* Footer payment icons */
.hdt-footer-payments {
  margin-top: 15px;
}

.hdt-payment-footer-svg {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.hdt-payment-footer-svg img,
.hdt-payment-footer-svg .payment-icon {
  height: var(--height-img, 30px);
  width: auto;
  opacity: 1;
  transition: opacity 0.3s;
  max-width: none;
}

.hdt-payment-footer-svg .lazyloadhdt {
  opacity: 0;
}

.hdt-payment-footer-svg .lazyloadhdt.lazyloaded,
.hdt-payment-footer-svg .payment-icon {
  opacity: 1;
  height: var(--height-img, 36px);
  width: auto;
  margin-right: 6px;
  margin-bottom: 6px;
}

.hdt-payment-footer-svg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .hdt-payment-footer-svg {
    justify-content: flex-end;
  }
}

/* Hide Joy Loyalty widgets on non-loyalty pages - moved from theme.liquid */
.joy-loyalty-widget, 
.joy-loyalty-floating-widget, 
.joy-loyalty-popup-widget {
  display: none !important;
}
/* Fix submenu positioning and add animation */
.hdt-menu-item:not(:has(.hdt-mega-menu)) .hdt-sub-menu:not(.hdt-dropdown-menu),
.hdt-sub-menu.hdt-dropdown-menu,
.hdt-custom-submenu {
  top: 45px !important; /* Fixed top position as requested */
  left: -10px !important; /* Fixed left position as requested */
  z-index: 999 !important; /* Ensure proper stacking */
  /* Animation properties */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px); /* Start slightly below final position */
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
}

/* Hover state for submenu animation */
#hdt-nav-ul > .hdt-has-children:hover > .hdt-sub-menu,
#hdt-nav-ul > .hdt-has-children.is__action-hover > .hdt-sub-menu,
.hdt-menu-item:hover > .hdt-sub-menu,
.hdt-menu-item.is__action-hover > .hdt-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Custom submenu sizing */
.hdt-custom-submenu {
  min-width: 150px !important;
}

/* Footer styles - nice hover effect and light gray text */
.hdt-footer-menu-list a, 
.hdt-footer-section :where(a),
.hdt-footer-menu_item {
  color: rgb(227, 227, 227) !important;
  transition: all 0.25s ease !important;
  position: relative;
  display: inline-block;
}

.hdt-footer-menu-list a:hover, 
.hdt-footer-section :where(a):hover,
.hdt-footer-menu_item:hover {
  color: #529d55 !important; /* The specific green color from the original theme */
  transform: translateX(4px);
}

/* Adjust toolbar icons and text for consistency */
.hdt-toolbar-item-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 5px !important; /* Move icons down by 5px */
  height: 100% !important;
}

.hdt-toolbar-icon {
  height: 18px !important;
  width: 18px !important;
  margin-bottom: -4px !important; /* Reduced space between icon and text by 6px */
}

.hdt-toolbar-label {
  font-size: 12px !important; /* Smaller text to avoid cutoff */
  line-height: 1 !important;
  white-space: nowrap !important; /* Prevent text wrapping */
  overflow: visible !important; /* Ensure text isn't cut off */
  text-overflow: clip !important;
}

/* Make notification circles smaller */
.hdt-toolbar__count-box {
  width: 12px !important;
  height: 12px !important;
  font-size: 8px !important;
  line-height: 12px !important;
  top: -4px !important;
  right: -4px !important;
}