/** Shopify CDN: Minification failed

Line 235:0 Unexpected "#"

**/
.animate-arrow{
  color:red;
  /*border: solid black 4px;*/
  border-radius: 12px;
  padding-inline: 6px;
}


/*----------------------- Circular Collections Slider -------------------------*/
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider-button {
  background-color: white;
  border: solid 3px black;
  opacity: 50%;
}

#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .full-unstyled-link {
  color: white;
  /*-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;*/
  background-color: grey;
  /*border: solid black 3px;
  border-left: solid black 7px;
  border-right: solid black 7px;*/
  opacity: 80%;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .card__media {
  border-radius: 900px;
  mask-image: radial-gradient(circle, black 65%, transparent 70%); 
  /*1st color is start of solid to fade, 2nd Color is start of fade to solid. To make sure the edges of the picture fade, 
  2nd color % (transparent) must be smaller than edges of the picture (Maybe 77% ?) but bigger than the transition of 1st color (at 65%)*/
  /*-webkit-mask-image: radial-gradient(circle, black 50%, transparent);*/
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .card {
  margin-left: 0px;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .collection-list-wrapper {
  background-color: grey;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .card__inner {
  background-color: grey;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider-component-desktop {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider-button--prev {
  position: absolute;
  left: 20px;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider-button--next {
  position: absolute;
  right: 20px;
}
/*
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .slider-button {
  background-color: white;
  border: solid 2px black;
}*/
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ path {
  color: black;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .custom-collection-slider {
  background-color: black;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_MfbpVJ .card__heading {
  position: relative;
  left: -5px;
}

/*------------------------- 1st Featured Collections Homepage Slider-------------------------*/
#Slider-template--24335228633364__featured_collection_jG9idU .card__media {
  border-radius: 14px;
}
#Slider-template--24335228633364__featured_collection_jG9idU .h5 {
  color: black;
}
#Slider-template--24335228633364__featured_collection_jG9idU .price {
  color: black;
}
#Slider-template--24335228633364__featured_collection_jG9idU .quick-add__submit {
  background-color: white;
  color: black;
}
#Slider-template--24335228633364__featured_collection_jG9idU .slider-button {
  background-color: white;
  border: solid black 1px;
  border-radius: 7px;
}
#Slider-template--24335228633364__featured_collection_jG9idU .slider-buttons {
  color: black;
}
#Slider-template--24335228633364__featured_collection_jG9idU path {
  color: black;
}
#Slider-template--24335228633364__featured_collection_jG9idU .card {
  background-color: white;
  border: solid 2px black;
}
#Slider-template--24335228633364__featured_collection_jG9idU .collection {
  border-top: solid black 0px;
  border-bottom: solid black 0px;
}
#Slider-template--24335228633364__featured_collection_jG9idU #collection-template--24335228633364__featured_collection {
  background-color: white;
}

/*------------------------- 2nd Featured Collections Homepage Slider-------------------------*/
#Slider-template--24335228633364__featured_collection .card__media {
  border-radius: 14px;
}
#Slider-template--24335228633364__featured_collection .h5 {
  color: black;
}
#Slider-template--24335228633364__featured_collection .price {
  color: black;
}
#Slider-template--24335228633364__featured_collection .quick-add__submit {
  background-color: white;
  color: black;
}
#Slider-template--24335228633364__featured_collection .slider-button {
  background-color: white;
  border: solid black 1px;
  border-radius: 7px;
}
#Slider-template--24335228633364__featured_collection .slider-buttons {
  color: black;
}
#Slider-template--24335228633364__featured_collection path {
  color: black;
}
#Slider-template--24335228633364__featured_collection .card {
  background-color: white;
  border: solid 2px black;
}
#Slider-template--24335228633364__featured_collection .collection {
  border-top: solid black 0px;
  border-bottom: solid black 0px;
}
#Slider-template--24335228633364__featured_collection #collection-template--24335228633364__featured_collection {
  background-color: white;
}




/*------------------------- Portrait Collections Slider-------------------------*/

#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .card__media {
  border: solid black 1px;
  border-radius: 10px;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .card {
  margin-inline: -20px;
  margin-left: 10px;
}
/*#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .full-unstyled-link {
  color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}*/
#Slider-template--24335228633364__br_collection_list_carousel_xbgy9p .full-unstyled-link{
  color: white;
  background-color: red;
  opacity: 80%; 
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .slider {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .slider-component-desktop {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .slider-button--prev {
  position: absolute;
  left: 20px;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .slider-button--next {
  position: absolute;
  right: 20px;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .slider-button {
  background-color: white;
  border: solid 2px black;
  opacity: 50%;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p path {
  color: black;
}
#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .collection-list-wrapper{

}

#shopify-section-template--24335228633364__br_collection_list_carousel_xbgy9p .custom-collection-slider {
      --s: 31px; /* control the size*/
  --c1: #d4d4d4;
  --c2: #e4e2e2;
  --c3: #fafafa;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);

  border-top: solid black 2px;
  border-bottom: solid black 2px; 
}
/*------------------------------Default BasedRebels Product Page------------------------------*/

/*24614789808404*/
#*MainProduct-template--24773840404756__main {
background-color: #ffffff /*#e5e5f7*/;
opacity: 1;
background-image:  linear-gradient(30deg, #f4f4f4 /*#444cf7*/ 12%, transparent 12.5%, transparent 87%, #f4f4f4 /*#444cf7*/ 87.5%, #f4f4f4 /*#444cf7*/), linear-gradient(150deg, #f4f4f4 /*#444cf7*/ 12%, transparent 12.5%, transparent 87%, #f4f4f4 /*#444cf7*/ 87.5%, #f4f4f4 /*#444cf7*/), linear-gradient(30deg, #f4f4f4 /*#444cf7*/ 12%, transparent 12.5%, transparent 87%, #f4f4f4 /*#444cf7*/ 87.5%, #f4f4f4 /*#444cf7*/), linear-gradient(150deg, #f4f4f4 /*#444cf7*/ 12%, transparent 12.5%, transparent 87%, #f4f4f4 /*#444cf7*/ 87.5%, #f4f4f4 /*#444cf7*/), linear-gradient(60deg, #d0d0d077 /*#444cf777*/ 25%, transparent 25.5%, transparent 75%, #d0d0d077 /*#444cf777*/ 75%, #d0d0d077 /*#444cf777*/), linear-gradient(60deg, #d0d0d077 /*#444cf777*/ 25%, transparent 25.5%, transparent 75%, #d0d0d077 /*#444cf777*/ 75%, #d0d0d077 /*#444cf777*/);
background-size: 20px 35px;
background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}

#MainProduct-template--24773840404756__main
{
  --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}

#MainProduct-template--24773840404756__main.slider__slide {
  border: solid black 5px;
}
#MainProduct-template--24773840404756__main.is-active {
  border: solid black 5px;
}

.collapsible-content{
    background-color:black;
    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}

#shopify-section-template--24773840404756__custom_liquid_TebxxK .color-scheme-1,
#shopify-section-template--24773840404756__related-products .color-scheme-1 {
  --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg, #0000 0;
  background:
    conic-gradient(at calc(250%/3) calc(100%/3), var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc(50%/3) calc(100%/3), var(--c2) var(--_g)),
    conic-gradient(from 120deg at calc(100%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from 120deg at calc(200%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%, var(--c2) 60deg, var(--c1) var(--_g)),
    conic-gradient(from 60deg at calc(200%/3) 50%, var(--c1) 60deg, var(--c3) var(--_g)),
    conic-gradient(from -60deg at 50% calc(100%/3), var(--c1) 120deg, var(--c2) 0 240deg, var(--c3) 0) !important;
  background-size: calc(var(--s) * sqrt(3)) var(--s) !important;
}

/*----------------------------------Collection List Page------------------------------------------*/

#shopify-section-template--24335228666132__main {
  --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}
/*------------------------------ Single Collection Page------------------------------*/
.section-template--24335228600596__product-grid-padding {
    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}

.section-template--25273124782356__product-grid-padding {
    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}

.section-template--25273124782356__collection_list_bBB6dm-padding {

  max-width: 100%;

    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
}





.collection-hero {
    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
  background-size: calc(var(--s)*sqrt(3)) var(--s);
  border-bottom: 2px solid black;
}
/*----------------------------------Cart Page-----------------------------------------*/



cart-items {
    --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg,#0000 0;
  background:
    conic-gradient(             at calc(250%/3) calc(100%/3),var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc( 50%/3) calc(100%/3),var(--c2) var(--_g)),
    conic-gradient(from  120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from  120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2)  60deg,var(--c1) var(--_g)),
    conic-gradient(from   60deg at calc(200%/3) 50%,var(--c1)  60deg,var(--c3) var(--_g)),
    conic-gradient(from  -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0) !important;
  background-size: calc(var(--s)*sqrt(3)) var(--s) !important;
}

[data-shopify-editor-section*= "main-cart-items"] {
  outline: 2px solid black; 
}
/*
[data-shopify-editor-section*='"type":"main-cart-items"'] {
  outline: 3px solid blue; 
}

[id$="__cart-items"] { 
    outline: 3px solid red;
}  These last 2 works too! */

/*-----------------------------------Horizontal video background----------------------------------------------------*/
#shopify-section-template--24773840404756__custom_liquid_TebxxK .color-scheme-1 {
  --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg, #0000 0; /* Added a space after comma for clarity, not strictly necessary */
  background:
    conic-gradient(at calc(250%/3) calc(100%/3), var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc(50%/3) calc(100%/3), var(--c2) var(--_g)),
    conic-gradient(from 120deg at calc(100%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from 120deg at calc(200%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%, var(--c2) 60deg, var(--c1) var(--_g)),
    conic-gradient(from 60deg at calc(200%/3) 50%, var(--c1) 60deg, var(--c3) var(--_g)),
    conic-gradient(from -60deg at 50% calc(100%/3), var(--c1) 120deg, var(--c2) 0 240deg, var(--c3) 0) !important;
  background-size: calc(var(--s) * sqrt(3)) var(--s) !important;

}

[data-shopify-editor-section*= "main-cart-items"] {
  outline: 2px solid black; 
}

/*--------------Homepage Black Banner Right to Left-----------------------------------------------------------------*/
.section-template--24335228633364__br_marquee_text_rtl_YkPrdd {
  border-top: solid black 5px;
  border-bottom: solid white 10px;
  font-family: Lexend Peta !important;
  margin-top: 8px;
}
/*--------------Homepage Black Banner Left to right-----------------------------------------------------------------*/
.section-template--24335228633364__br_marquee_text_ltr_AVff9t {
  border-top: solid black 5px;
  border-bottom: solid white 10px;
  font-family: Lexend Peta !important;
  margin-top: 8px;
}
/*-------------------------------------------------------*/
/*section-template--24335228633364__br_carousel_YLiY8M-settings {
  background-color: red;
}
.featured-collection-wrapper-template--24335228633364__br_carousel_YLiY8M {
  background-color: black !important;
}
.swiper-slide {
  border-radius: 20px;
  background-color: black !important;
}
.featured-collection-first-image-template--24335228633364__br_carousel_YLiY8M {
  border-radius: 20px;
}

.featured-collection-arrow-template--24335228633364__br_carousel_YLiY8M{
  background-color: black;
}
.featured-collection-top-template--24335228633364__br_carousel_YLiY8M > a {
  color: white !important;
}*/

/*=============================================================================================*/
/* --- Custom CSS for Size Chart Popup --- */

/* 1. Hide the H1 title (styled as h2) */
.product-popup-modal .modal__header, /* Hide the entire header container */
.product-popup-modal h1.h2 {         /* Specifically target an h1 with class h2 if header container is harder to hide */
  display: none !important;
}

/* 2. Styles for the main popup box and image area */
.product-popup-modal { /* Outermost modal container - centers the popup box */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 200; /* Ensure it's above other content, adjust if needed */
  /* background-color: rgba(0,0,0,0.5); /* Optional: for a background overlay */
}

.product-popup-modal__content { /* Overall box for the image area (header is now hidden) */
  padding: 0 !important; /* Remove any theme padding on this wrapper */
  display: flex !important; /* Use flex to help center content-info */
  flex-direction: column; /* Stack children (even if just content-info and close button) */
  align-items: center !important;
  justify-content: center !important;
  
  position: relative; /* Needed for absolute positioning of the close button if it's a child */

  width: auto; /* Allow to shrink to content-info's size */
  max-width: 90vw;   /* Max width: 90% of viewport width */
  max-height: 95vh;  /* Max height (the value that stopped scrolling) */
  
  background-color: white; /* Or your desired popup background */
  border-radius: 5px; /* Optional: rounded corners */
  /* box-shadow: 0 4px 15px rgba(0,0,0,0.2); */
  overflow: visible; /* Change from hidden to visible to allow close button to be outside if needed */
}

.product-popup-modal__content-info { /* Container for your injected page content (the image) */
  padding: 15px !important; /* Padding AROUND the image. Adjust as needed */
  box-sizing: border-box;
  /* width: 100%; /* Let it be sized by image + padding */
  /* height: 100%; /* Let it be sized by image + padding */
  overflow: hidden !important; /* Content within here should not scroll */
  
  display: flex !important; /* To center the <p> tag */
  justify-content: center !important;
  align-items: center !important;
}

/* 3. Close Button Styling (Cross Symbol) */
/* The exact selector for the close button might vary. Common ones: */
/* .product-popup-modal button.modal__close-button */
/* .product-popup-modal .product-popup-modal__toggle (as seen in your HTML snippet) */
/* .product-popup-modal .close-button */
.product-popup-modal .product-popup-modal__toggle[aria-label="Close"] {
  position: absolute !important;
  top: 10px !important;   /* Adjust as desired */
  right: 10px !important;  /* Adjust as desired */
  /* Reset any transform or positioning that might have pushed it left */
  left: auto !important; 
  bottom: auto !important;
  transform: none !important;
  z-index: 10; /* Ensure it's above the content-info */
  /* Add some styling if needed (size, color, background) */
  /* background: transparent; */
  /* border: none; */
  /* padding: 5px; */
  /* font-size: 24px; */ /* If it's a text X */
  /* cursor: pointer; */
}

/* --- End Custom CSS for Size Chart Popup --- */

.quick-add-modal__content-info{
  --s: 31px; /* control the size*/
  --c1: #f2f2f2;
  --c2: #fcfcfc;
  --c3: #ebebeb;
  
  --_g: 0 120deg, #0000 0; /* Added a space after comma for clarity, not strictly necessary */
  background:
    conic-gradient(at calc(250%/3) calc(100%/3), var(--c3) var(--_g)),
    conic-gradient(from -120deg at calc(50%/3) calc(100%/3), var(--c2) var(--_g)),
    conic-gradient(from 120deg at calc(100%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from 120deg at calc(200%/3) calc(250%/3), var(--c1) var(--_g)),
    conic-gradient(from -180deg at calc(100%/3) 50%, var(--c2) 60deg, var(--c1) var(--_g)),
    conic-gradient(from 60deg at calc(200%/3) 50%, var(--c1) 60deg, var(--c3) var(--_g)),
    conic-gradient(from -60deg at 50% calc(100%/3), var(--c1) 120deg, var(--c2) 0 240deg, var(--c3) 0) !important;
  background-size: calc(var(--s) * sqrt(3)) var(--s) !important;
}

/*-------------------------Wishlist Guru CSS----------------------------------*/
.wf-floating-launcher {
  background-color: black !important;
}
/* --- WISHLIST BUTTON STYLING --- */

/* Target the div that acts as the button - NORMAL STATE */
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead {
    background-color: black !important; /* Button background */
    color: white !important;           /* Button text "Remove from Wishlist" */
    border: 1px solid black !important;
}

/* Icon in NORMAL STATE */
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead .inside-button-div-icon,
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead .alreadyIconColour,
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead .heartICON2 {
    color: white !important;
    fill: white !important; /* Just in case it's an SVG that uses fill */
}

/* Target the div that acts as the button - HOVER STATE */
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead:hover {
    background-color: black !important; /* Ensure button background stays black on hover */
    color: white !important;           /* Ensure button text stays white on hover */
}

/* Icon in HOVER STATE - FINAL FIX v2 */
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead:hover .inside-button-div-icon,
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead:hover .alreadyIconColour,
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead:hover .heartICON2,
#wishlist-guru.wishlist-guru-bb .alreadyButtonStyleHead:hover .wg-medium-icon {
    filter: brightness(100%) saturate(100%) invert(100%) sepia(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important; /* Attempt to make it white */
    /* OR, more simply, try to reset the filter to its default (or a known 'white' state) */
    /* filter: none !important; */ /* Try this line first if the above is too complex or doesn't work perfectly */

    /* Ensure background and border of the container are not interfering (though less likely the issue now) */
    background: transparent !important;
    border: none !important;

    /* The color and fill properties are less likely to affect a background-image SVG directly, but keep for other icon types */
    color: white !important;
    fill: white !important;
    -webkit-text-fill-color: white !important;
}

