/** Shopify CDN: Minification failed

Line 46:19 Unexpected "{"
Line 46:26 Expected ":"
Line 46:33 Unexpected "{"
Line 100:19 Unexpected "{"
Line 100:26 Expected ":"
Line 117:21 Unexpected "{"
Line 117:28 Expected ":"
Line 120:19 Unexpected "{"
Line 120:26 Expected ":"
Line 124:19 Unexpected "{"
... and 6 more hidden warnings

**/
/* Use this file to add custom css to the theme. */
/* Product Page Icons */   
.metarial_list_items {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.metarial_list_items li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.metarial_list_items li .metarial_icons {
  max-width: 25px;
  overflow: hidden;
  height: 25px;
  width: 25px;
}
.metarial_list_items li .metarial_icons img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
  height: 100%;
}

/* Combine Product Css */
.related-products-heading {
	display: none !important;
}
#related-products-{{ block.id }} {
  text-align: left;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
 
 .product-item #related-products- {
	text-align: left;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	max-width: fit-content;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
}
    @media only screen and (max-width:767px){
  .product-item #related-products- {
	visibility: visible;
	opacity: 1;
}
    }
  
  .related-product {
	display: inline-block !important;
}
.current_swatch {
  border: 1px solid black !important;
}

/* .current_swatch {
  pointer-events: none;
} */

.related-products-heading {
	color: var(--color-text);
}

.selected_product {
	font-weight: normal;
	font-size: 16px;
}
.c_color_swatch {
	width: 20px;
	height: 20px;
	display: block;
	background: content-box var(--swatch-background) no-repeat center;
	background-color: var(--swatch-bg-color);
	border: none !important;
	border-radius: 50%;
}

  
#related-products-{{ block.id }} .related-product {
  display: inline-block;
  width: inherit;
  margin: unset;
  position: relative;
  border: none !important;
  text-align: center;
  outline-width: 1px;
  outline-color: transparent;
  outline-style: solid;
  padding: 2px;
  border-radius: 50%;
  transition: all .2s ease-in-out;
}
.current_swatch {
	outline-color: black !important;
}
  #related-products-{{ block.id }} .related-product:hover {
	outline-color: black !important;
  }
#related-products-{{ block.id }} .related-product:last-child {
  margin-right: 0;
}

#related-products-{{ block.id }} .related-product__image {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

#related-products-{{ block.id }} .related-product:hover {
  border-color: {{ block.settings.hover_border_color }};
}
.sr-only {
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
  .linking {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 100% !important;
	height: 100%;
}
  .product-item:hover #related-products- {
	visibility: visible;
	opacity: 1;
}

  .product-item .related-products-heading {
	display: none !important;
}
/* Mega menu custom css */ 

.mega-navigation__list-container {
	display: flex;
	grid-row: 1;
	gap: 22px;
}
      .mega-navigation__list-parent {
	width: 50%;
}
      .mega_nav_image_two {
	width: 50%;
}
      
.mega-navigation__list-heading {
  white-space: nowrap;
}
.nav .nav__submenu a {
  white-space: nowrap;
}


  /* Tooltip container */
    .related-product {
      position: relative;
      display: inline-block;
    }

    /* Tooltip text */
    .related-product::after {
      content: attr(data-tooltip);
      visibility: hidden;
      background-color: #1E1A35;
      color: white;
      text-align: center;
      border-radius: 6px;
      padding: 3px 10px;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -25px;
      opacity: 0;
      transition: opacity 0.3s;
    }

    /* Tooltip text visibility on hover */
    .related-product:hover::after {
      visibility: visible;
      opacity: 1;
    }