/** Shopify CDN: Minification failed

Line 78:0 Unexpected "{"

**/
.card{  
    
    margin-bottom: 0px !important; 
}

.mega-menu__inner { 
    display: -webkit-inline-box !important;
}

/* ── 2-Column Independent Flex Mega Menu Fix ── */
/* Container ko multi-column masonry me change karne ke liye */
/* Warehouse Theme Native Mega Menu Enhancement */
/* 1. Make the full-width overlay transparent to mouse hover events */
.mega-menu {
  pointer-events: none !important;
}

/* 2. Re-enable pointer events ONLY on the visible content box */
.mega-menu__inner {
  pointer-events: auto !important;
}

.mega-menu__inner {
  display: block !important;
  column-count: 3 !important; /* 3 Columns layout */
  column-gap: 35px !important;
  width: 100% !important;
  overflow-x: visible !important;
  background: #ffffff !important;
  
  /* Enhanced Border & Soft Shadow */
  border: 1px solid #e1e5eb !important;
  border-top: 2px solid #1a2b6d !important; /* Theme blue accent */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
  padding: 24px 28px !important;
  
  /* Safety to prevent image overlap */
  position: relative !important;
  z-index: 10 !important;
}

/* Base columns tightness & clear break avoidance */
.mega-menu__column {
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  display: inline-block !important;
  width: 100% !important;
  margin-bottom: 22px !important;
  vertical-align: top !important;
}

/* Theme default height overrides */
.mega-menu__list {
  height: auto !important;
}

/* Solar panel single item column fix */
.mega-menu__column:has(> a.mega-menu__title:only-child) {
  min-height: auto !important;
  display: inline-block !important;
  margin-bottom: 22px !important;
}

/* Headings subtle spacing */
.mega-menu__column > a.mega-menu__title {
  display: block !important;
  margin-bottom: 10px !important;
}


/* Text-with-icons */
{
  background: linear-gradient(135deg, #f0f3ff 0%, #e8ecf8 100%);
  padding: 20px 0;
}
.text-with-icons__item {
  align-items: center;
  background: #fff;
  border-radius: 14px;
  padding: 20px 18px;
  border: 1px solid rgba(30, 45, 125, 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}
.text-with-icons__item {
  box-shadow: 0 4px 0 #c5cce8, 0 6px 16px rgba(30, 45, 125, 0.1);
}
.text-with-icons__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 0 #c5cce8, 0 12px 24px rgba(30, 45, 125, 0.15);
}
.text-with-icons__title {
  font-size: 14px;
  color: #1e2d7d;
}


/* judgeme */
/* 1. Carousel Container Width Adjustment */
.jdgm-carousel-wrapper,
.jdgm-rev-widg,
.jdgm-carousel {
  max-width: 100% !important; 
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.jdgm-carousel__arrow,
.jdgm-carousel-arrow {
  width: 42px !important;
  height: 42px !important;
  background-color: #ffffff !important; /* White circular background */
  border-radius: 50% !important; /* Perfect Circle */
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; /* Subtle shadow */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1a2b6d !important; /* Arrow color matching header */
  transition: all 0.25s ease !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* Arrow Hover Effect */
.jdgm-carousel__arrow:hover,
.jdgm-carousel-arrow:hover {
  background-color: #1a2b6d !important; 
  color: #ffffff !important; 
  border-color: #1a2b6d !important;
  transform: scale(1.08) !important;
}

/* Arrow Positions Adjustments */
.jdgm-carousel__arrow--left,
.jdgm-carousel-arrow-prev {
  left: 0px !important;
}

.jdgm-carousel__arrow--right,
.jdgm-carousel-arrow-next {
  right: 0px !important;
}

.jdgm-cards-carousel .jdgm-media-card
{
  border: 1px solid #ccc;
}


.jdgm-write-review-modal .jdgm-write-review-modal__nav-btn-next {
    padding: 12px 40px;
    background: #1e2d7e;
}

.collection__description {
    padding: 20px 20px 0;
}


body a {
    text-decoration: none !important;
}

.rte .cstm_spec {
    padding: 0px !important;
    font-size: 16px;
}

button.footer__title.heading.h6 {
    font-weight: 600;
}

.footer .social-media__item svg {
    opacity: unset !important;
}

/* Metafield Italic font color */
.metafield-rich_text_field em {
    color: #5534eb !important;
}

/* .card__section, .card__collapsible-button {
    padding: 20px;
    border: 1px solid #c6c8d3;
    margin: 10px auto;
} */



/* ==========================================================================
   PRODUCT PAGE SCOPED STYLES
   ========================================================================== */

/* 1. Main Grid & Layout Alignment */
.template-product .product-block-list__wrapper {
  gap: 24px;
  margin: auto 20px;
}

.template-product .card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 4px 12px #00000008;
    overflow: hidden;
    transition: border-color .2s ease,box-shadow .2s ease;
}

/* 2. Gallery & Image Presentation */
.template-product .product-gallery__carousel-item img,
.template-product .product-gallery__thumbnail img {
  border-radius: 8px;
  object-fit: contain;
}

.template-product .product-gallery__thumbnail {
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}

.template-product .product-gallery__thumbnail.is-nav-selected {
  border-color: #1a2b6d;
}

/* 3. Variant Swatches & Form Controls */
.template-product .block-swatch__item {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  font-weight: 600;
  color: #1a2b6d;
  transition: all 0.2s ease;
}

.template-product .block-swatch__radio:checked + .block-swatch__item {
  border-color: #1a2b6d;
  background-color: #1a2b6d;
  color: #ffffff;
}

.template-product .quantity-selector {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
}

/* 4. Action & Payment Buttons */
.template-product .product-form__add-button {
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: transform 0.15s ease, background-color 0.2s ease;
}

.template-product .product-form__add-button:hover {
  transform: translateY(-1px);
}

/* 5. Collapsible Accordion Cards (Description / Shipping / Specs) */
.template-product .card__collapsible-button {
  background-color: #f8fafc;
  padding: 30px 20px;
  border-bottom: 1px solid #e2e8f0;
  width: 100%;
  transition: background-color 0.2s ease;
}

.template-product .card__collapsible-button:hover {
  background-color: #f1f5f9;
}

.template-product .card__title {
  color: #1a2b6d;
  font-size: 16px;
  font-weight: 700;
}

.template-product .card__collapsible-content {
  padding: 20px;
  color: #475569;
  font-size: 14px;
  line-height: 1.6;
}

/* 6. Accordion List Items & Disclaimers */
.template-product .card__collapsible-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 16px 0;
}

.template-product .card__collapsible-content ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
}

.template-product .card__collapsible-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1a2b6d;
}

/* Restocking fee / Note highlight */
.template-product .card__collapsible-content em {
  display: block;
  margin-top: 12px;
  padding: 10px 12px;
  background-color: #fef2f2;
  border-left: 3px solid #ef4444;
  border-radius: 4px;
  color: #b91c1c;
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
}


/* Product cards */



/* Card Elevation & Border Container */
.product-list--collection .product-item, .product-item--vertical {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  margin-top: 10px;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
 
}

/* Card Hover Effect (No Image Effect) */
.product-list--collection .product-item:hover, 
.product-item--vertical:hover {
  transform: translateY(-5px) !important;
  border-color: #ccc !important; /* Brand Blue Border */
  box-shadow: 0 12px 24px rgba(26, 43, 109, 0.12) !important;
}

/* Image Container Alignment */
 .product-item__image-wrapper {
  border-radius: 8px;
  overflow: hidden;
  background-color: #f8fafc;
  margin-bottom: 12px;
   column-gap: 20px !important; /* Left-Right Gap */
}


/* On-Sale Badge Redesign */
 .product-label--on-sale {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Product Title Styling */
 .product-item__title {
  color: #1a2b6d !important; /* Theme Brand Blue */
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Truncates long titles to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 .product-item__title:hover {
  color: #2563eb !important;
}

/* Price List Layout */
 .product-item__price-list {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 6px;
}

 .price--highlight {
  color: #dc2626 !important; /* Highlight Red Price */
  font-size: 16px !important;
  font-weight: 700 !important;
}

 .price--compare {
  color: #94a3b8 !important;
  font-size: 13px !important;
  text-decoration: line-through;
}

/* Inventory Badge Polish */
 .inventory {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #16a34a !important; /* Vibrant Green */
  display: flex;
  align-items: center;
  gap: 4px;
}

 .inventory::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #16a34a;
}


/* Row aur Column gaps ko alag-along adjust karne ke liye */
.product-list--collection {
  column-gap: 10px !important; /* Left-Right Gap */
  row-gap: 10px !important;    /* Top-Bottom Gap */
}



/* Slider / Carousel Gap Fix Without Infinite Height Expansion */


.product-list--scrollable .product-item,
.flickity-slider .product-item {
  height: auto !important;
  min-height: 0 !important;
  
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  
  margin-left: 5px !important;
  margin-right: 5px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

.product-list--scrollable .flickity-viewport {
  transition: height 0.2s ease !important;
  overflow: hidden !important;
}

.emu-pricing-button {
margin: 10px auto;
}

/* Nav bar */
.nav-bar .nav-bar__inner {
    background: #1e2d7e;
}
/* Main Nav Links White Text */
.nav-bar__link {
  color: #ffffff !important;
}

/* Nav Icons / Arrows Color Match */
.nav-bar__link svg,
.nav-bar__link .icon {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Optional: Subtle hover state for links */
.nav-bar__link:hover {
  font-weight: 600;
}
.nav-bar__link a:active, .nav-bar__link:hover {
    font-weight: 700;
}

.nav-bar:after {
    background: none !important;
}


@media screen and (max-width: 640px) {
  .product-list--collection .product-item--vertical {
    width: 48% !important;
  }
  .template-product .card {
    margin: 10px auto!important;
}
.header {
    border-bottom: 1px solid #ccc;
}
.text-with-icons--stacked {
    margin: 0 20px;
}
.text-with-icons--stacked .text-with-icons__item:not(:last-child) {
    margin-bottom: 20px !important;
}

}

/* Mobile Grid Optimizations */
@media screen and (max-width: 699px) {
  .product-list--collection .product-item {
    padding: 10px;
    border-radius: 8px;
  }

  .product-list--collection .product-item__title {
    font-size: 13px !important;
  }

  .product-list--collection .price--highlight {
    font-size: 14px !important;
  }
}



/* ==========================================
   MOBILE VIEW FIXES (For Screens Under 768px)
   ========================================== */  

@media screen and (max-width: 768px) {
  
  /* 1. Mobile Container & Padding Adjustments */
  .jdgm-carousel-wrapper,
  .jdgm-rev-widg,
  .jdgm-carousel {
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden !important; /* Mobile pe horizontal scrollbar hide karne ke liye */
  }

  /* 2. Single Card per view on Mobile (Spacious Look) */
  .jdgm-carousel-item,
  .jdgm-carousel-slide,
  .jdgm-rev-widg__reviews .jdgm-rev {
    min-width: 85% !important; /* Ek bar me 1 bada card dikhega */
    margin: 0 8px !important;
    min-height: 380px !important;
  }

  /* 3. Image Height Fix for Mobile */
  .jdgm-carousel-item__picture-wrapper,
  .jdgm-rev__prod-info,
  .jdgm-rev-widg__picture {
    height: 140px !important;
  }

  /* 4. Arrows Fix for Mobile (Slightly Smaller & Better Position) */
  .jdgm-carousel__arrow,
  .jdgm-carousel-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
  }

  /* Arrows ko screen ke edge se chipka ke adjust karna */
  .jdgm-carousel__arrow--left,
  .jdgm-carousel-arrow-prev {
    left: 2px !important;
  }

  .jdgm-carousel__arrow--right,
  .jdgm-carousel-arrow-next {
    right: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .product-list--scrollable .product-item, 
  .flickity-slider .product-item {
    height: auto !important;
  }
  
}

@media screen and (max-width: 999px) {
.card--collapsed .card__header, .card--collapsed .card__section {
    padding-top: 20px !important;
  } 
}


@media screen and (min-width: 768px) {
  .product-list--scrollable .product-item,
  .flickity-slider .product-item {
    height: auto !important;
    min-height: 420px !important;  /* apne sabse lambe card ke hisaab se adjust karo */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .product-block-list__item.product-block-list__item--description, .product-block-list__item--content {
    margin: 10px auto;
  }
}

/* Desktop spacing tweaks */
@media screen and (min-width: 1280px) {
.product-block-list__item.product-block-list__item--description, .product-block-list__item--content {
    margin: 10px auto;
}

  .mega-menu__column {
    margin: 0 !important;
  }
   
   .\31 \/1--desk {
    width: 100%;
  }

  .\39 \/12--desk {
    width: 75%;
  }

  .\32 \/3--desk {
    width: 66.6667%;
  }

  .\31 \/2--desk {
    width: 50%;
  }

  .\31 \/3--desk {
    width: 32.3333% !important;
  }

  .\31 \/4--desk {
    width: 24% !important;
  }

  .\31 \/5--desk {
    width: 20%;
  }

  .\31 \/6--desk {
    width: 16.6667%;
  } 

}

/* ==========================================================================
   FIXES FOR EQUAL CARD HEIGHTS & BADGE OVERFLOW
   ========================================================================== */

/* 1. Equalize Title Space across all cards (Prevents height mismatch) */
.product-item__title {
  min-height: 2.7em !important;
}

/* 2. Align Price & Inventory to Bottom */
.product-item__info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
}

.product-item__price-list,
.product-item__action-list {
  margin-top: auto !important;
}

/* 3. Pre-order Badge Clean Alignment & Containment */
.timesact-badge-ribbon,
.timesact-badge-ribbon-preorder {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  top: auto !important;
  left: auto !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Ensure Pre-Order Badge stays inside desktop cards */
@media screen and (min-width: 768px) {
  .product-item {
    min-height: 100% !important;
  }
}