/* Global Styles
-----------------*/
/* Gradient border from secondary to primary */
.secondary-to-primary-gradient {
  border-image: linear-gradient(to right, var(--secondary), var(--tertiary)) 1;
  border-style: solid;
  border-width: 2px;
}
/* The end */
/* Controling the gallery display conditions using below classes */
.gallery-1 {
  display: block;
}
.gallery-2, .gallery-3 {
  display: none;
}
.hide-gallery {
  display: none !important;
}
.display-gallery {
  display: block !important;
}
/* The end */
/* Single Product Swatch Control 
---------------------------------*/
.product-section__color-swatch {
  background-color: var(--swatch-color);
  cursor: pointer;
}
/* To indicate active swatch */
.product-section__color-swatch.active {
  border: 2px solid var(--white);
  width: 8rem;
}
.product-section__product-image-wrapper img {
  display: none;
  /* Hide all images by default */
}
.product-section__product-image-wrapper img.show {
  display: block;
  /* Show the selected image */
}
/* The end */
/*Adjust sidebar and content width*/
:root {
  --sidebar-width: 45ch;
}