/** Shopify CDN: Minification failed

Line 312:20 Unexpected "{"
Line 312:29 Expected ":"

**/
/*#region   tab css  base css Oginal  */

.pi-featured-collection-tabs {
  position: relative;
}
pi-tab-panel {
  display: block;
}

.tab-labels_title {
  text-align: center;
}

.pi-tab-labels-wrapper {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-direction: row;
  text-align: center;
  overflow: auto;
  padding: 0;
}

.pi-tab-label {
  position: relative;
  cursor: pointer;
  display: block;

}



.pi-tab-panel[aria-hidden="true"] {
  display: none;
}

.pi-tab-panel[open] {
  display: block;
}


@media screen and (min-width:700px) {
  .pi-tab-labels-wrapper {
    justify-content: center;
    text-align: center;
    padding: 0;
    overflow: unset;
  }

  .pi-tab-label {
    display: flex;

  }

}

pi-tab-panel {
  display: block;
}

.pi-tab-labels-wrapper:first-child {
  padding-right: 18px;
  display: block;
  text-align: left;
}

.pi-tab-labels-wrapper:first-child {
  padding-right: 18px;
}


.pi-tab-labels-wrapper:first-child .pi-tab-label {
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  margin-bottom: 1rem;
}


.pi-tab-labels-wrapper .section-header {
  display: block;
  grid-template-columns: 700px;
  justify-content: space-between;
  align-items: end;
}
.product-list .product-card__figure {
  border: 0;
  border-radius: 15px;
  overflow: hidden;
}
.product-card__title {
  text-align: center;
}
.pi-tab-label span {
  border: 1px solid #695A52;
  padding: 10px 33px;
  justify-content: center;
  color: #695A52;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 30px;
  text-transform: none;
  white-space: nowrap;
}

.pi-tab-label:hover span,
.pi-tab-label[aria-hidden="false"] span {
  opacity: 1;
  background: rgba(193, 182, 176, 0.70);
}

.pi-tab-label[aria-hidden="true"] .featured-collection-url {
  display: none;

}

.pi-tab-label[aria-hidden="false"] .featured-collection-url {
  display: block;

}

/* #endregion tab css  base css Oginal END */


/* tab  css  override */




/* ==Talha==  ==Start== */
/* ============================= */
/* #region Overrides #1pi */

/*   #region  base section override */

.pi-top-tab-section-featured-collection  .section-header {
  grid-template-columns: unset;
}


/*   #endregion base section override */

.pi-top-tab-featured-collection section-header {
  justify-content: center;
}


.pi-top-tab-featured-collection section-header {
  justify-content: center;
}

.pi-top-tab-section-featured-collection section-header h2 {
  font-size: 55px;
  font-style: normal;
  font-weight: 600;
  line-height: 55px; 
}

.pi-product-with-video--text-warpper-subheading {
  font-size: 14px;
  word-spacing: 5px;
}

@media screen and (min-width: 750px) {
  .pi-top-tab-section-featured-collection section-header h2 {
    font-size: 60px;
  }
  .pi-product-with-video--text-warpper-subheading {
    font-size: 14px;
  }
}


 
/* #region Custom Overrides #2pi*/
.pi-vertical-featured-collection button.circle-button {
  display: none;
}
/* #endregion Custom Overrides END*/
/* #region Custom #3pi */

.pi-top-tab-section-featured-collection .pi-tab-label-wrapper {
  display: flex;
  justify-content: center;
}

@media screen and (min-width:700px) {
  .pi-top-tab-featured-collection > .section-header {
    margin-bottom: 30px;
  }
  .pi-top-tab-section-featured-collection .pi-tab-label-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
}

.pi-top-tab-label-container {
  display: flex;
  gap: 1rem;
  overflow: auto;
  margin-bottom: 1.25rem;
}


.pi-top-tab-label-container .pi-tab-label {
  display: block;
}


@media screen and (min-width:700px) {
  .pi-top-tab-label-container{
    display: flex;
    gap: 1rem;
    overflow: unset;
    margin: 0;
  }
  
}




.pi-top-tab-featured-collection a.text-with-icon { 
  display: flex;
  border: 1px solid;
  padding: 13px;
  width: 150px;
  max-width: 200px;
  justify-content: center;
  background-color: #FEC627;
  text-transform: uppercase;
}

.pi-top-tab-featured-collection span.circle-chevron {
  display: none;
}


.pi-collection-url.pi-for-mobile.pi-destop-hide {
  display: flex;
  justify-content: center;
  padding: 0 20px;
  padding-top: 1.25rem;
}

@media screen and (max-width:1200px) {
  .pi-top-tab-label-container {
    gap: 7.5px;
  }
}

@media screen and (max-width:989px) {
  .pi-top-tab-section-featured-collection .pi-tab-label-wrapper {
    overflow: auto;
    justify-content: flex-start;
  }
  .pi-top-tab-label-container {
    justify-content: flex-start;
  }
}

@media screen and (max-width:699px) {
  .pi-top-tab-section-featured-collection .section.section-full {
    padding-inline: 0;
  }
  .pi-top-tab-label-container {
    padding: 0 15%;
  }
  .pi-top-tab-section-featured-collection .product-list {
    padding: 20px!important;
    gap: 20px !important;
  }  
  .pi-collection-url.pi-for-mobile.pi-destop-hide  .section-header {
    grid-template-columns: 100%;
    width: 100%;
  }
  .pi-collection-url.pi-for-mobile.pi-destop-hide a.text-with-icon {
    width: 100%;
    max-width: 100%;
  }
  .pi-top-tab-label-container {
    padding: 0 20px;
  }
  .pi-tab-label span {
    font-size: 14px;
  }
  .pi-top-tab-featured-collection section-header.section-header {
    max-width: calc(100% - 40px);
    text-align: center;
  }
  .pi-top-tab-section-featured-collection section-header h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
  }
  .pi-top-tab-label-container {
    margin-bottom: 0;
  }
  #shopify-section-{{ section.id }} .section-stack {
    gap: 25px;
  }
  .pi-top-tab-featured-collection section-header.section-header {
    padding-bottom: 1.5rem;
  }
}


/* #endregion Custom END*/

/* ==Talha==  ==END== */
/* ============================ */








.pi-top-tab-featured-collection a.text-with-icon:hover {
  text-decoration: none;
}

@media screen and (pointer: fine) {
 
.pi-top-tab-featured-collection  .group:hover .reversed-link, .reversed-link.hover\:show:hover {
      background-size: 0;
  } 
}

