/** Shopify CDN: Minification failed

Line 434:20 Unexpected "{"
Line 434:29 Expected ":"
Line 435:20 Unexpected "{"
Line 435:29 Expected ":"
Line 436:20 Unexpected "{"
Line 436:29 Expected ":"
Line 437:20 Unexpected "{"
Line 437:29 Expected ":"
Line 442:20 Unexpected "{"
Line 442:29 Expected ":"
... and 2 more hidden warnings

**/
/* ==========================================
   GLOBAL FONT SYSTEM - NEW DESIGN
   ========================================== */

/* Headings use Playfair Display */
h1, h2, h3, h4, h5, h6,
.title,
.section-title,
.hero__section-title,
.product-title,
.card-title,
.footer-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500;
}

/* Body text uses Montserrat */
body,
p,
a,
.btn,
button,
.nav-link,
.footer-link,
input,
select,
textarea {
  font-family: 'Montserrat', sans-serif !important;
}

/* Serif accents use Cormorant Garamond */
.serif,
.hero-kicker,
.hero-subtitle,
.subheading,
blockquote,
.testimonial-text,
.quote {
  font-family: 'Cormorant Garamond', serif !important;
}

/* Footer specific fonts */
.footer h6,
.footer .help-block-custom h6,
.footer_menu h6 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500;
}

.footer p,
.footer a,
.footer address,
.footer .phone,
.footer li {
  font-family: 'Montserrat', sans-serif !important;
}

/* ========================================== */

#collection-products {
  max-width: unset !important;
  background: var(--light) !important;
}

#collection-banner {
  --banner-height: clamp(240px, 60vh, 656px);
  min-height: var(--banner-height);
  padding: 0;
}

#collection-banner .one-whole,
#collection-banner .page-banner {
  height: 100%;
}

#collection-banner .banner.page-banner {
  position: relative;
  display: grid;
  place-items: center;
  min-height: var(--banner-height);
  overflow: hidden;
}

#collection-banner .banner.page-banner .image-element__wrap,
#collection-banner .banner.page-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#collection-banner .is-hidden-mobile-only,
#collection-banner .is-hidden-desktop-only {
  height: 100%;
}

#collection-banner .banner.page-banner .darken-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

/* #collection-banner .banner.page-banner .caption {
  position: relative;
  z-index: 1;
  width: min(92%, 1200px);
  margin-inline: auto;
  color: #fff;
}

#collection-banner .banner.page-banner .caption-content {
  text-align: center;
} */

#collection-banner .caption-background-translucent_text_box .caption-content {
  background-color: unset !important
}

#collection-banner .placeholder-svg--banner {
  display: block;
  width: 100%;
  height: 100%;
}

#collection-banner .banner.page-banner .banner-full-link {
  position: absolute;
  inset: 0;
  z-index: 0;
  text-indent: -9999px;
}

#collection-banner img {
  max-height: unset !important;
  min-height: unset !important;
}

#collection-banner .banner.page-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

#collection-banner .banner.page-banner .caption {
  /* position: relative;
  z-index: 2; */
  /* width: min(92%, 1200px);
  margin-inline: auto;
  color: #fff;
  text-align: center; */
}


@keyframes zoomInOut {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); } 
  100% { transform: scale(1); }   
}

#collection-banner img {
  animation: zoomInOut 20s ease-in-out infinite;
  transition: transform 1s ease;
}

/*  End Collection Banner  */

#collection-products, .product-search {
  padding: 5rem 0rem !important;
}



.header-collection-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.header-collection-grid .view-products .view-toggle{
  --vt-accent: transparent;           
  --vt-border: #d1d5db;
  display: inline-flex;
  border: 1px solid var(--vt-border);
  border-radius: 8px;
  overflow: hidden;
}

.header-collection-grid .view-products .view-toggle__btn{
  appearance: none;
  border: 0;
  background: #fff;
  color: #111827;
  padding: 8px 10px;
  line-height: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

footer {
  margin-top: 10px
}

.header-collection-grid .view-products .view-toggle__btn + .view-toggle__btn{
  border-left: 1px solid var(--vt-border);
}

.header-collection-grid .view-products .view-toggle__btn:hover{
  background: #f3f4f6;
}

.header-collection-grid .view-products .view-toggle__btn.is-active{
  background: var(--vt-accent);
  color: #fff;
}

.header-collection-grid .view-products .view-toggle__btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(14,165,233,.35); 
}

.header-collection-grid .view-products .view-toggle__btn svg{
  width: 18px;
  height: 18px;
}
#product-grid.is-list{
  display: grid;
  grid-template-columns: 1fr !important;
  gap: var(--grid-gap, 1rem);
}
#product-grid.is-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr)); 
  gap: var(--grid-gap, 1rem);
}

#product-grid.is-list .card-wrapper{
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: start;
  gap: 16px;
}
#product-grid.is-list .card-wrapper .card__media{ aspect-ratio: 1 / 1; }

.sort-view {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sort-view select {
  margin: unset !important;
}

/* end collection grid */

.add-to-cart-btn {
    margin-top: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.add_to_cart.btn-luxury svg path {
  fill: var(--accent) !important;
}

.add_to_cart.btn-luxury.btn-luxury:hover svg path {
  fill: white !important;
}

.btn-luxury {
    background-color: transparent;
    color: #d4af37;
    border: 1px solid #d4af37;
    padding: 12px 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    border-radius: 4px;
}

.btn-luxury:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #d4af37;
    transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1;
}

.btn-luxury:hover {
    color: black;
}

.btn-luxury:hover:before {
    width: 100%;
}

.product-card-collection {
  margin: unset;
  background-color: white
}

.fade-in-up {
    animation: fadeInUp 0.8s ease;
}

.product-card-collection {
    background: white;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    min-height: 480px;
    margin: unset !important;
    padding: 20px;
}

@media (max-width: 750px) {
  .product-card-collection{
    padding: 20px 12px !important;
  }
}

.product-card-collection:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.image__container {
  transition: all 3s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-card-collection:hover .image__container {
    transform: scale(1.05);
    transition: all 3s cubic-bezier(0.22, 1, 0.36, 1);
}

.sp-compare-custom-collection .sp-compare-main.sp-compare-checkbox {
  display: none !important;
}

.iWishAddColl {
  /* opacity: 0; */
  top: 5px;
  bottom: unset !important;
  background-color: white !important;
  z-index:10;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-card-collection:hover .iWishAddColl {
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
} 

a.iWishAddColl svg path {
  stroke: #000 !important;
}

a.iWishAddColl.iwishAdded svg path {
  fill: #000 !important;
}

.product-card-collection .info-brand a {
  font-size: .875rem;
  line-height: 1.25rem;
  color: black !important;
  margin-bottom: .5rem;
  font-weight: 300;
}

.sidebar-wrap {
  border-right: unset !important
}

.filter-menu {
  padding: 30px !important;
}

@media (max-width: 767px) {
  .section-wrapper.section-wrapper--search {
    padding-left: unset !important;
    padding-right: unset !important;
  }

  #collection-banner {
  --banner-height: clamp(240px, 60vh, 656px);
    min-height: var(--banner-height);
    padding: 0;
  }
}

@media (max-width: 767px) {
  #shopify-section-{{ section.id }} .container,
  #shopify-section-{{ section.id }} .container.content,
  #shopify-section-{{ section.id }} .page-width,
  #shopify-section-{{ section.id }} .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #shopify-section-{{ section.id }} .container,
  #shopify-section-{{ section.id }} .content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

  .product__details--product-page {
    text-align: center;
  }

  .product__details--product-page .product_name {
    width: 100% !important;
    height: unset !important;
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    margin-bottom: 15px;
    line-height: 1.2;
  }

  .product__details--product-page .vendor .brand a {
    color: var(--accent);
    font-size: 16px;
  }

  .product__details--product-page .modal_price .price-ui .price{
    font-size: 28px !important;
    font-weight: 500 !important;
    color: var(--accent);
    margin-bottom: 25px !important;
    font-family: Cormorant Garamond, serif;
    text-align: center !important;
  }

  .product__details--product-page .modal_price  .sale.savings {
    display: none !important;
  }

  .swatch .option_title {
    display: block !important;
    text-align: center !important;
  }

  .swatch_option {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .swatch label {
    width: unset !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
  }

  .purchase-details {
    padding: unset !important
  }

  .swatch_options input:checked+.swatch-element {
    border-color: var(--accent) !important;
    background-color: rgba(212, 175, 55, 0.1);
  }

  .product__details--product-page .purchase-details .purchase-details__buttons.purchase-details__spb--true {
    display: none
  }

  .product__details--product-page .qty-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .product-details .product-info__shipping, .product-info__shipping {
    justify-content: center !important;
    gap: 8px;
  }

  .product-main .product-info__shipping-extra {
    text-align: center !important;
  }

  @media only screen and (max-width: 767px) {
    .product-gallery__thumbnails .flickity-viewport .flickity-slider, .flickity-prev-next-button.previous, .flickity-prev-next-button.next {
        display: block !important;
    }
  }

  @media only screen and (max-width: 798px) {
    .smart-payment-button--true .product-quantity-box.purchase-details__quantity {
        width: 100%;
        margin-right: 0;
        position: unset !important;
        bottom: 0;
        z-index: unset !important;
        background: unset !important;
        padding: 20px 8px;
        left: 0;
        right: 0;
    }
  }

@media only screen and (max-width: 767px) {
  .product_gallery_nav {
      height: unset !important;
  }
}

@media only screen and (max-width: 480px) {
    .is-product-main .container .is-flex-wrap .gallery-wrap .flickity-page-dots {
        display: none !important;
    }
}

.product-tabs__radio:checked+.product-tabs__label {
  border-bottom: 4px solid var(--accent) !important;
  color: black !important;
  /* font-weight: 600 !important */
}
@media only screen and (max-width: 480px) {
  .product-tabs__radio:checked+.product-tabs__label {
    border-bottom: unset !important;
  }
}

.product-tabs__label {
  flex-grow: 0 !important;
  background: unset !important
}

.product-tabs__panel {
  border-top: 1px solid #E9EAEC !important;
  background: unset !important
}

.product-tabs{
  padding: 60px 0px;
  position: relative;    
  z-index: 0;        
}

.product-tabs::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);

  background: var(--light); 
  z-index: -1;              
  pointer-events: none;   
}

.product-specifications li {
  float: unset !important;
  font-size: unset !important;
  margin: unset !important;
  background:  unset !important;
  width: 100% !important;
}

.product-tabs__radio:checked+.product-tabs__label+.product-tabs__panel {
  display: flex !important;
  flex-direction:column;
  justify-content: center;
  align-items:center
}
.custom-content-text{
 align-items:start !important 
}

.rte.tab-content, .product-specifications {
  background: white;
  padding: 30px !important;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(5px);
  max-width: 70%;
  width: 100%;
} 

@media only screen and (max-width: 767px) {
  .rte.tab-content, .product-specifications {
    background: white;
    padding: 30px !important;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    max-width: 100%;
    width: 100%;
  } 
}

.recommended-products--grid .info-brand, .recommended-products--grid .yotpo-widget-instance, .recommended-products--grid .product-details .card-price .card-price--compare, .recommended-products--grid button {
  display: none !important;
}

.recommended-products--grid .product-list--collection {
  justify-content: space-between !important;
  gap: 20px
}

.recommended-products--grid .title, .recommended-products--grid .card-price .card-price--regular {
  text-align: left !important;
  font-family: 'Playfair Display', serif;
  font-size: 18px !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.recommended-products--grid .product-card-collection {
  max-height: 300px !important;
  min-height: unset !important
}

.product__details.product__details--product-page.two-fifths {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: blur(5px) !important;
}

.product-recommendations--product .image__container {
  height: 120px !important;
}

.product-recommendations--product .product-list .thumbnail .product-wrap .product_image img {
  height: 120px !important;
  object-fit: cover !important;
}

.product-main .product__images {
  margin: unset !important
}

@media only screen and (max-width: 600px) {
    .gallery-wrap .product_gallery_nav .flickity-viewport .gallery-cell, .gallery-wrap .product_gallery_nav .flickity-viewport {
        height: 100px !important;
    }
}

@media only screen and (max-width: 798px) {
    .gallery-wrap .product_gallery {
        margin-bottom: 0;
        padding-bottom: 10px !important;
    }
}

/* .title.center {
  position: relative;
    display: inline-block;
    margin-bottom: 60px;
    font-family: Playfair Display, serif;
        font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 400 !important;
}
 */

/* end product detail */

/* header */
.menu-tier-1 ul {
  align-items: center
}

.menu-tier-1 ul li a {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: .5rem 1rem;
  color: var(--light);
  position: relative;
  text-decoration: none;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.top-bar__menu {
  flex-wrap: nowrap;
}

@media only screen and (max-width: 798px) {
    /* .combined-menu-container ,
    .top-bar,
    .nav.nav--combined {
      display: none !important;
    }  */

    #shopify-section-header #header .top-bar__menu{
      display: none !important;
    }
}

@media only screen and (max-width: 798px) {
    .section-wrapper {
        display: block;
        margin-top: 0 !important;
    }
}

@media only screen and (min-width: 799px) and (max-width: 930px) {
    #shopify-section-header .header .top-bar__menu.menu {
        flex-wrap: unset !important;
        justify-content: unset !important;
        white-space: unset !important;
        overflow: unset !important;
        width: unset !important;
        padding: unset !important;
        background: unset !important;
    }
}

@media only screen and (min-width: 799px) and (max-width: 930px) {
    #shopify-section-header .header .top-bar__menu.menu li a {
        padding: unset !important;
        background: unset !important;
        border-radius: unset !important;
    }
}

.mobile-menu-btn {
  display: none
}

@media only screen and (max-width: 798px) {
    .mobile-menu-btn {
      background: rgba(255, 255, 255, 0.1);
      border: 2px solid rgba(212, 175, 55, 0.3);
      color: white;
      padding: 12px;
      border-radius: 8px;
      transition: all 0.3s ease;
      cursor: pointer;
      min-width: 48px;
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #header .top-bar a.mobile_logo {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        font-size: 18px;
        line-height: 34px;
        z-index: 5;
        width: 50%;
        height: auto;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .header {
      display: none !important;
    }

    .mobile_nav-fixed--true {
      display: block !important
    }
    #header a.mobile_logo img {
        width: auto;
        max-width: 150px;
        max-height: 30px;
    }
    .mobile_nav-fixed--true .promo-banner .promo-banner__content span {
        width: 100%;
        margin-top: 0;
        text-align: center !important;
    }

    .top-bar {
      padding-top: 10px !important;
    }

    .top-bar .top-bar--right, .combined-menu-container , .nav--combined{
      display: none !important
    }

    /* body {
      margin-top: 100px !important
    } */
}

 .mfs.hidden { display:none; }
    .mfs { position:fixed; inset:0; z-index:10001; }

    .mfs__backdrop{
      position:absolute; inset:0; background:rgba(0,0,0,.4);
      opacity:0; transition:opacity .25s ease;
    }
    .mfs__panel{
      position:absolute; inset:0; background:#fff;
      display:flex; flex-direction:column;
      transform:translateY(-100%); opacity:0; visibility:hidden;
      transition:transform .35s ease, opacity .25s ease, visibility 0s linear .35s;
      background: black;
      padding: 65px 12px 30px;
      min-height: 100vh !important;
    }
    body:not(.index) .mfs__panel{
      padding-top:20px !important; 
    }
    .mfs.is-open .mfs__backdrop{ opacity:1; }
    .mfs.is-open .mfs__panel{
      transform:translateY(0); opacity:1; visibility:visible; transition:transform .35s ease, opacity .25s ease; overflow: auto;
    }

    .mfs__head{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
      padding: 20px 0;
      border-bottom: 1px solid rgba(212, 175, 55, 0.3);
      position: sticky;
      top: -25px;
      background: black;
      backdrop-filter: blur(10px);
      z-index: 10;
    }
    .mfs__logo img{ height:28px; width:auto; display:block; }
    .mfs__close{ appearance:none; background:none; border:0; font-size:32px; line-height:1; padding:4px 8px; cursor:pointer; }

    .mfs__body, .mobile-nav-section {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      margin-bottom: 32px
    }
    .mfs__menu{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
    
    .mfs__menu > li > a:hover{
      color: var(--accent);
      background: rgba(212, 175, 55, 0.1);
      transform: translateX(8px);
      border-color: var(--accent);
    }
@media (max-width:798px){


    .mobile-secondary-nav {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 20px;
      list-style: none;
    }

    .mobile-secondary-nav > li {
      margin: unset !important;
    }

    .mobile-secondary-nav > li > a {
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.9);
      font-size: 13px;
      font-weight: 500;
      padding: 14px 10px;
      text-align: center;
      border-radius: 8px;
      transition: all 0.3s ease;
      text-decoration: none;
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.1);
      font-family: 'Montserrat', sans-serif;
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mfs__menu > li {
      margin: unset !important;
    }


    .mfs__menu > li > a{
      display: block;
      color: white;
      font-size: 20px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      padding: 18px 16px;
      text-decoration: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
      cursor: pointer;
      background: none;
      border: none;
      width: 100%;
      text-align: left;
      border-radius: 8px;
      margin-bottom: 4px;
      min-height: 56px;
      display: flex;
      align-items: center;
    }
    .mfs__loc{ padding:12px 0 0; border-top:1px solid #f4f4f4; margin-top:12px; }

    .mfs__close {
      background: rgba(255, 255, 255, 0.1);
      border: 2px solid rgba(212, 175, 55, 0.5);
      color: var(--accent);
      font-size: 20px;
      cursor: pointer;
      padding: 12px;
      border-radius: 8px;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 48px;
      min-height: 48px;
    }

    .mfs__search {
      margin-bottom: 32px;
    }

    .mobile-nav-title {
      color: var(--accent);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif;
      padding-left: 4px;
    }

    .mobile-nav-title {
      color: var(--accent);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif;
      padding-left: 4px;
    }

    .mfs__search input {
      width: 100% !important;
      padding: 28px 20px !important;
      background: rgba(255, 255, 255, 0.1) !important;
      border: 2px solid rgba(255, 255, 255, 0.2) !important;
      border-radius: 12px;
      color: white !important;
      font-size: 16px !important;
      margin-bottom: 16px !important;
      font-family: 'Montserrat', sans-serif !important;
      transition: all 0.3s ease;
    }

    .mfs__search button:hover {
      background: linear-gradient(135deg, #B8860B, var(--accent));
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
    }

    .mfs__search button {
        width: 100%;
        background: linear-gradient(135deg, var(--accent), #B8860B);
        color: var(--dark);
        padding: 18px;
        border: none;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: 'Montserrat', sans-serif;
        min-height: 56px;
    }
    .mobile-contact {
      text-align: center;
      padding: 32px 0;
      border-top: 2px solid rgba(255, 255, 255, 0.1);
      margin-top: auto;
    }

  .mobile-phone {
    color: var(--accent);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-social {
    display: flex
;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.mobile-social > li > a {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    text-decoration: none;
}

}
@media (min-width:799px){
  /* #MobileFSMenu{ display:none !important; } */
  .mobile-menu-btn{ display:none; }
     .mobile-nav-title {
      color: var(--accent);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif;
      padding-left: 4px;
    }
       .mfs__search input {
      width: 100% !important;
      padding: 28px 20px !important;
      background: rgba(255, 255, 255, 0.1) !important;
      border: 2px solid rgba(255, 255, 255, 0.2) !important;
      border-radius: 12px;
      color: white !important;
      font-size: 16px !important;
      margin-bottom: 16px !important;
      font-family: 'Montserrat', sans-serif !important;
      transition: all 0.3s ease;
    }
     .mfs__search button {
        width: 100%;
        background: linear-gradient(135deg, var(--accent), #B8860B);
        color: var(--dark);
        padding: 18px;
        border: none;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: 'Montserrat', sans-serif;
        min-height: 56px;
    }
    .mfs__menu{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
    .mobile-secondary-nav {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 20px;
      list-style: none;
    }

    .mobile-secondary-nav > li {
      margin: unset !important;
    }

    .mobile-secondary-nav > li > a {
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.9);
      font-size: 13px;
      font-weight: 500;
      padding: 14px 10px;
      text-align: center;
      border-radius: 8px;
      transition: all 0.3s ease;
      text-decoration: none;
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.1);
      font-family: 'Montserrat', sans-serif;
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
}

.main-nav {
  padding: 12px 16px !important;
}

.top-bar__menu.menu > li > a {
  text-transform: uppercase;
}

.top-bar {
  border-top: 1px solid rgba(255, 255, 255, .1) !important;
  border-bottom: unset !important;
  margin: 0 !important;
  padding: 0 10px !important;
  background: var(--dark) !important;
}

/* Remove white gap below header */
#shopify-section-header,
.shopify-section--header,
.shopify-section-group-header-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: var(--dark) !important;
}

#header,
#header .header,
#header .top-bar {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: var(--dark) !important;
}

/* Ensure no gap between header and content */
.shopify-section-group-header-group + .shopify-section,
#MainContent,
main#MainContent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.top-bar__menu {
  text-align: center !important;
  flex-wrap: nowrap !important;
}

.combined-menu-container {
  column-gap: unset !important
}

/* Fix: Hide hamburger icon on desktop (799px and above) */
@media (min-width: 799px) {
  .mobile-menu-toggle,
  button.mobile-menu-toggle,
  .combined-menu-container .mobile-menu-toggle {
    display: none !important;
  }

  /* Desktop header - Logo left, Menu middle, Icons right - same row when space allows */
  /* When not enough space (below 1200px), menu wraps to row 2 while logo + icons stay on row 1 */

  /* Main nav is flex with wrap */
  .main-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 20px !important;
    row-gap: 8px !important;
    column-gap: 16px !important;
  }

  /* Logo - order 1, LEFT side, fixed width */
  .main-nav .header__logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    max-width: 140px !important;
    margin: 0 !important;
  }

  .header__logo img {
    max-width: 140px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Icons container - order 2, RIGHT side, stays with logo on row 1 */
  .main-nav > .header-icons-row,
  .main-nav > .search-container {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Menu - order 3, full width forces it to row 2 (default for 799-1199px) */
  .main-nav .nav--combined,
  .main-nav .nav.custom-nav {
    order: 3 !important;
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Left-align the menu items, remove extra spacing */
  .main-nav .nav--combined .combined-menu-container {
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove extra spacing from menu items container */
  .main-nav .nav--combined .flex.items-center {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep icons in a row, including search */
  .top-bar--right-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Make sure cart is part of the icons row */
  .cart-container {
    display: inline-flex !important;
  }

  /* Hide social icons (Facebook, Instagram) on desktop */
  .social_icons,
  .social_icons-list,
  .nav--combined .social_icons,
  .main-nav .social_icons,
  .header-icons-row .social_icons,
  .header-icons-row .social_icons-list {
    display: none !important;
  }

  /* Hide the original search container inside {{ search }} - we use our custom one */
  .header-icons-row .search-container,
  .header-icons-row .search-link,
  .header-icons-row > .search-container,
  .header-icons-row > div.search-container {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Search dropdown wrapper - positioned relative for dropdown */
  .search-dropdown-wrapper {
    position: relative !important;
  }

  /* Search icon button */
  .search-dropdown-wrapper .btn-search {
    cursor: pointer;
  }

  /* Search dropdown - hidden by default, appears below the icon (DARK MODE) */
  .search-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: 12px !important;
    width: 320px !important;
    background: #1a1a1a !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #333 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
    z-index: 9999 !important;
    overflow: visible !important;
  }

  /* Arrow pointer at top of dropdown */
  .search-dropdown::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: #1a1a1a;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate(45deg);
    z-index: -1;
  }

  /* Show dropdown when active */
  .search-dropdown.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* Form inside dropdown */
  .search-dropdown__form {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  /* Input field - dark mode */
  .search-dropdown__input {
    flex: 1 !important;
    padding: 12px 16px !important;
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #fff !important;
    background: #2a2a2a !important;
    outline: none !important;
    transition: border-color 0.2s, background 0.2s !important;
    margin: 0 !important;
  }

  .search-dropdown__input:focus {
    border-color: #d4af37 !important;
    background: #333 !important;
  }

  .search-dropdown__input::placeholder {
    color: #888 !important;
  }

  /* Submit button - gold accent */
  .search-dropdown__btn {
    flex-shrink: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #d4af37 !important;
    border: none !important;
    border-radius: 6px !important;
    color: #000 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
  }

  .search-dropdown__btn:hover {
    background: #b8960c !important;
  }

  .search-dropdown__btn svg {
    stroke: currentColor !important;
  }
}

/* Wide screens (1200px+): Menu stays on same row as logo and icons */
@media (min-width: 1200px) {
  /* Menu - order 2, stays on same row between logo and icons */
  .main-nav .nav--combined,
  .main-nav .nav.custom-nav {
    order: 2 !important;
    flex: 0 1 auto !important;
    width: auto !important;
  }

  /* Icons - order 3, pushed to the right */
  .main-nav > .header-icons-row,
  .main-nav > .search-container {
    order: 3 !important;
  }
}
/* endheader */

/* GLOBAL: Hide search-container in header-icons-row (backup outside media query) */
.header-icons-row .search-container,
.header-icons-row > .search-container {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Fix #14: Consistent icon spacing in header-icons-row */
.header-icons-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header-icons-row .mfs__search,
.header-icons-row .btn-search {
  margin-right: 0 !important;
  padding: 0 !important;
}

/* Ensure consistent gap between all icons in top-bar--right-menu */
.header-icons-row .top-bar--right-menu,
.top-bar--right-menu .top-bar__menu,
.top-bar--right-menu .list-icons {
  gap: 8px !important;
}

.header-icons-row .top-bar--right-menu > *,
.top-bar--right-menu .list-icons > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Fix gap between header and search hero */
.hero-banner-search {
  margin-top: 0 !important;
  padding-top: 60px !important;
}

@media (max-width: 798px) {
  .hero-banner-search {
    padding-top: 80px !important;
  }
}

/* Fix #15: Remove white gap between hero banner and search results content */
.product-search .container.content,
.section.product-search > .container.content {
  padding-top: 20px !important;
}

/* Also fix for pages with search-results-page template */
.shopify-section--search-template .product-search .container.content {
  padding-top: 20px !important;
}

/* Fix white gap on search-results-page (custom page template) */
/* Target the section after image-with-text-overlay hero */
.shopify-section--image-with-text-overlay + .shopify-section .section {
  padding-top: 0 !important;
}

.shopify-section--image-with-text-overlay + .shopify-section .container.content.page {
  padding-top: 20px !important;
}

/* Fix #16: Search results page - gap between mobile header and hero on mobile */
/* The hero needs margin-top to account for fixed mobile header */
@media (max-width: 798px) {
  body.snize-results-page .section-wrapper--page {
    margin-top: 60px !important;
  }

  body.snize-results-page .shopify-section--image-with-text-overlay {
    margin-top: 0 !important;
  }
}

/* Fix #16b: Search results page - remove gap between menu and hero on DESKTOP */
/* The .section inside the hero has padding-top: 10px causing a light strip */
body.snize-results-page .shopify-section--image-with-text-overlay .section {
  padding-top: 0 !important;
}

.shopify-section:has(.hero-banner-search) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Fallback for browsers without :has() */
#MainContent > .shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Fix white gap below header - more aggressive */
#shopify-section-header,
.shopify-section--header,
div[id^="shopify-section-header"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

#header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Fix white gap on search page - section-wrapper--search */
.section-wrapper.section-wrapper--search,
body.search .section-wrapper,
body.template-search .section-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Target the search hero section specifically */
.section-wrapper--search > .shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.section.product-search {
  max-width: unset !important;
  background: var(--light) !important;
}

/* footer */
.footer_menu ul li p a, .footer_menu ul li p {
  font-size: 16px !important;
}

.footer .footer-menu-wrap h6 {
  font-size: 18px !important;
}
/* end footer */

.product-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--accent);
    color: var(--dark);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 1;
}

.product-list .thumbnail img {
  object-fit: cover !important;
}

.promo-banner .promo-banner__content span {
    float: left;
    width: 100% !important;
    text-align: center !important;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700 !important;
}

.social_icons-list {
  padding-top: 4px !important;
}

.list-icons {
  gap: 0px !important;
}

.nav--combined {
  align-items: center;
}

.custom-contact-newsletter input, .custom-contact-newsletter select, .custom-contact-newsletter textarea {
  background: transparent !important;
}

#shopify-section-template--18625559462060__cta_section_fWaE79 .cta-section {
  margin-bottom: -10px !important
}

.shopify-section.shopify-section-group-header-group.shopify-section--header {
  position: sticky;
  top: 0;
  z-index: 99999999999;
}

.card-price, .product-details {
  text-align: center;
}

.custom-featured-collection .card-price .card-price--compare {
  display: none;
}

.card-price .card-price--regular {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--primary);
  text-align: center;
}

.swiper-slide {
  min-height: 100% !important
}


.hero__section-title {
  font-size: 72px !important;
}

@media (max-width: 768px) {
  .hero__section-title {
    font-size: 44.8px !important;
  }
}

.diagonal-section, .diagonal-section-alt {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

.diagonal-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--light) 50%, white 50%);
    z-index: 0;
}
.diagonal-section-alt::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, var(--light) 40%, white 40%);
    z-index: 0;
}
.newsletter_section {
  background-color: white !important
}

.stat-item {
  display: flex;
  flex-direction: column;
  gap: 20px
}

@media (max-width: 576px) {
    .btn-luxury, .btn-luxury-dark, .btn-luxury-orange {
        width: 85% !important;
        margin: 0 auto !important;
        text-align: center !important;
        padding: 12px 16px !important;
        font-size: 12px !important;
    }
}

/* ==========================================
   QA FIXES - December 2025 (Override)
   ========================================== */

/* Fix mobile gap - Override earlier margin-top rule */
@media only screen and (max-width: 798px) {
    body.index .section-wrapper {
        margin-top: 0 !important;
    }
}