/** Shopify CDN: Minification failed

Line 378:10 Unexpected "{"
Line 378:19 Expected ":"
Line 382:10 Unexpected "{"
Line 382:19 Expected ":"
Line 388:10 Unexpected "{"
Line 388:19 Expected ":"

**/
/*------------------------------------
PRODUCT PAGE TABS
------------------------------------*/

.tabs-btn-template--17433277464642__ss_product_tabs_2_hq69Jg span {
  font-family: "Atelier" !important;
  font-size: 20pt !important;
}

/* Mobile only (Shopify standard breakpoint) */
@media screen and (max-width: 749px) {
  .tabs-btn-template--17433277464642__ss_product_tabs_2_hq69Jg span {
    font-size: 17pt !important;
  }
}

/* Base tab layout */
.tab-flex-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 2rem;               /* space between image and text */
  flex-wrap: nowrap;       /* prevent stacking */
  box-sizing: border-box;  /* keep padding inside width */
}

.tab-image-wrapper {
  flex: 0 0 35%;           /* image takes 35% of the width */
  max-width: 35%;
}

.tab-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.tab-content-wrapper {
  flex: 1;                 /* text takes remaining width */
  min-width: 0;            /* prevents overflow on small screens */
}

/* --- MOBILE TWEAKS --- */
@media screen and (max-width: 749px) {
  .tab-flex-wrapper {
    gap: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .tab-image-wrapper {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .tab-image {
    border-radius: 6px;
  }
}

/* --- DESKTOP TWEAKS --- */
@media screen and (min-width: 750px) {
  .tab-image-wrapper {
    flex: 0 0 25%;   /* smaller image width on desktop */
    max-width: 25%;
  }

  .tab-flex-wrapper {
    gap: 1.5rem;     /* slightly tighter spacing */
  }
}

/*------------------------------------
 *   CUSTOM FONTS
 *------------------------------------*/

@font-face {
  font-family: 'Atelier';
  src: url('https://cdn.shopify.com/s/files/1/0623/1729/7730/files/Atelier_Femme_Serif.woff?v=1757675537') format('woff');
  font-weight: normal;
  font-style: thin;
  font-display: swap;
}


:root {
  --font-heading-family: "Atelier", sans-serif;
}


h2 {
  font-family: Atelier!important;
}


/* Scope to password page only */
body.template-password h1,
body.template-password .password__title,
body.template-password .section-password h1,
body.template-password .text-block h1,
body.template-password .text-block .h1,
body.template-password h2 { /* include h2 in case your block is an h2 */
  font-family: 'Atelier', var(--font-heading-family), sans-serif !important;
}


/*------------------------------------
    HEADER
*------------------------------------*/


body.scrolled.template-index .header-wrapper {
transition:.5s;
background-color:#5E1518 !important;

}

body.template-index .header-wrapper {
position:absolute;
  width:100%;
  background-color:transparent !important;
}


@font-face {
  font-family: 'Lile';
  src: url('/cdn/shop/files/LileDahliyaScript.woff?v=1767147815') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


em {
  font-family: Lile !important;
}



/*------------------------------------
POWER
*------------------------------------*/



@media screen and (max-width:749px) {
section.fullheight-bg .section-background {
 position:absolute !important;
}
}



/*------------------------------------
BORDERS
*------------------------------------*/

#shopify-section-template--21786184843320__marquee_slider_MpTx7M {
  border-bottom: 1px solid black;
    border-top: 1px solid black
}

#shopify-section-template--21786184843320__custom_liquid_qePVgA  {
  border-bottom: 1px solid black;
    border-top: 1px solid black
}


/*------------------------------------
    BUTTON HOVER
*------------------------------------*/


.header__heading-logo-wrapper img { height: auto; }
@media (max-width: 990px) { .header__heading-logo-wrapper .logo--mobile { width: 140px; } }
.button:hover,
.button:hover {
  background-color: #5E1518; /* change background */
  color: #ffffff; /* change text */
  border-color: #ffffff; /* optional border */
  transform: scale(1.05); /* subtle grow effect */
  transition: all 0.3s ease; /* smooth animation */
}




/*------------------------------------
  PRODUCT PAGE THUMBNAILS
*------------------------------------*/

@media screen and (min-width:750px) {
.product--thumbnail_slider .thumbnail-slider{
display:flex !important;
position:absolute;
bottom:5%;
width:70%;
z-index:99;
left:50%;
translate:-50%;

}

.thumbnail-slider .thumbnail-list.slider--tablet-up {
display:flex !important;
align-items:center;
justify-content:center;
}

.product--thumbnail_slider .slider.slider--tablet-up .product__media-item {
max-height:none !important;
}

}


/*★★★★★★★★ Make sure the Image Slider fills up the entire screen ★★★★*/
@media screen and (min-width:750px) {

.product__media-item.slider__slide {
height:calc(100vh - 70px);
}

.product__media-item.slider__slide .product__modal-opener {
height:100%;
}

.product__media-item.slider__slide .product__media {
height:100%;
padding-top:0 !important;
position:absolute;
width:100%;

}

/*★★★★★★★★ Thumbnail Styles ★★★★*/
.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
width:12% !important;
max-width:50px;
column-gap:2vw;


}

.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide .thumbnail {
border-radius:50%;
overflow:hidden;
}
.thumbnail-list.slider--tablet-up img {
width:100% !important;
object-fit:cover;
height:100% !important;
}


.slider.slider--tablet-up + .slider-buttons {
bottom:5% !important;
transform:unset !important;
top:unset !important;
pointer-events:none;

}

.slider.slider--tablet-up + .slider-buttons button {
 pointer-events:auto;
  
}

.thumbnail {
border:2px solid white;
}

}




/*★★★★★★★★ Mobile Product Slider  ★★★★*/

@media screen and (max-width:749px) {
.slider--mobile .grid__item .product__media {
  height:0;
  padding-bottom:100% !important;
  padding-top:0 !important;
  
}
 .product__media-wrapper .product__modal-opener {
    height:100%;
  }

 .product__media-wrapper .product__media {
    overflow:hidden;
    height:100%;
  }

 .product__media-wrapper .thumbnail-list img {
  width:100% !important;
  object-fit:cover;
  height:100% !important;
}


}



@media screen and (min-width:750px) {
.product__info-wrapper {
display:flex;
flex-direction:column;
justify-content:center;
}
}





/*------------------------------------
   VERTICAL TABS
*------------------------------------*/


@media screen and (min-width: 990px) {
  .c-vertical-tabs__tab {
    border: 1px solid #5E1518 !important; /* or: 1px solid currentColor */
  }
}
.c-vertical-tabs__tab {
  font-family: "Atelier", serif !important;
  font-size: 15pt; /* tip: ~20px on web */
  text-transform: none!!important;
  text-decoration: none!important;
}
.c-vertical-tabs {
  border-bottom: #5E1518 1px solid !important;
  border-top: #5E1518 1px solid !important;
}
@media screen and (max-width: 749px) {
  .c-vertical-tabs__tab {
    border-top: 1px solid #5E1518;
  }
}



/*------------------------------------
   NEWSLETTER SIGN UP
*------------------------------------*/

#shopify-section-template--26065106141483__newsletter_aJ4Vnx {
  position: relative!important;
  background-image: url("/cdn/shop/files/lace-underwear-beige-silk-top-view-fashion-concept.jpg?v=1767135520")!important;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  padding: 60px 0!important;
}




/*------------------------------------
 *   ITEM LIST START
 *------------------------------------*/

/* Horizontal Layout: Tabs on Top */
#section-{{ section.id }}.horizontal .c-image-list {
  flex-direction: column;
}

#section-{{ section.id }}.horizontal .c-image-list__nav-wrapper {
  width: 100%;
  order: -1; /* Puts it above the content */
  padding-bottom: 0rem;
}

#section-{{ section.id }}.horizontal .c-image-list__media-wrapper {
  width: 100%;
}





/** Core CSS **/
.horizontal .c-image-list {
  flex-direction: column;
}

.horizontal ul.c-image-list__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

/** Content Styles **/
.horizontal .c-image-list__media-item {
  border: 1px solid;
  padding: 3% !important;
}

.horizontal .c-image-list__nav {
  margin-top: 10px !important;
}

/** Content Widths **/

.horizontal .c-image-list__media {
  min-width:50% !important;
  flex-basis:50% !important;
}


/** Aspect Ration of Image **/
.horizontal .c-image-list__media {
  position: relative;
  height: 0 !important;
  padding-bottom: 50% !important; 
}

.horizontal .c-image-list__media img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  inset: 0;
}

/** Padding of Nav Items **/
.horizontal .c-image-list__nav li a {
  padding: 0.5rem 2rem;
  box-sizing: border-box;
}

.horizontal .c-image-list__nav li {
  position: relative;
  z-index: 2;
}

/** Active Item Bottom Border **/
.horizontal .c-image-list__nav li a::before {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: yellow;
  background-color: rgb(var(--color-background));
  
  bottom: -1px;
  z-index: -1;
  opacity: 0;
  border-left: 1px solid;
  border-right: 1px solid;
}

.horizontal .c-image-list__nav li a.is-active::before {
  opacity: 1;
}

/** Nav Item Borders and Hover Transition **/
.horizontal .c-image-list__nav li a:hover::after {
  top: -5px;
}
.horizontal .c-image-list__nav li a::after {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: transparent;
  bottom: -1px;
  z-index: -1;
  opacity: 1;
  border: 1px solid;
  border-bottom: 0px solid;
  transition: 0.2s;
}


/** Font Size **/
.horizontal .c-image-list__nav a span {
    font-size: 1.5rem !important;
}




/*------------------------------------
 *   ITEM LIST END
 *------------------------------------*/


