/** Shopify CDN: Minification failed

Line 4713:0 Expected "}" to go with "{"

**/
/* =========================================================
   CC — PRODUCT PAGE VENDOR / BRAND NAME
   ========================================================= */

body.template-product .product_details_wrapper .product_type {
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}


/* MOBILE */
@media screen and (max-width: 767px) {

  body.template-product .product_details_wrapper .product_type {
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

}


/* =========================================================
   CC — CERTIFIED AUTHENTIC
   BORDER ONLY AROUND CONTENT
   ========================================================= */

.cc-certified-authentic {
  display: inline-block !important;

  width: max-content !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 3px 7px !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 2px !important;

  background: transparent !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.cc-certified-content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  flex-wrap: nowrap !important;

  width: max-content !important;
  max-width: 100% !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
  white-space: nowrap !important;
}


/* =========================================================
   ICON
   ========================================================= */

.cc-certified-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 16px !important;
  height: 16px !important;

  color: #16834a !important;

  filter:
    drop-shadow(0 0 1px rgba(22,131,74,.35))
    drop-shadow(0 0 3px rgba(22,131,74,.18)) !important;

  animation: ccGreenGlow 2.8s ease-in-out infinite !important;
}

.cc-certified-icon svg {
  display: block !important;

  width: 16px !important;
  height: 16px !important;
}


/* =========================================================
   GREEN GLOW
   ========================================================= */

@keyframes ccGreenGlow {

  0%,
  100% {
    color: #16834a;

    filter:
      drop-shadow(0 0 1px rgba(22,131,74,.30))
      drop-shadow(0 0 2px rgba(22,131,74,.15));

    transform: scale(1);
  }

  50% {
    color: #20a85f;

    filter:
      drop-shadow(0 0 2px rgba(32,168,95,.50))
      drop-shadow(0 0 5px rgba(32,168,95,.25));

    transform: scale(1.03);
  }

}


/* =========================================================
   CERTIFIED AUTHENTIC
   ========================================================= */

.cc-certified-text {
  display: inline-block !important;

  flex: 0 0 auto !important;

  font-family: "DM Sans", sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  letter-spacing: 0.65px !important;

  line-height: 1 !important;

  white-space: nowrap !important;

  color: #b18a45 !important;

  background: linear-gradient(
    110deg,
    #9b783c 0%,
    #b18a45 30%,
    #e2c47d 48%,
    #fff1bd 52%,
    #c9a85d 68%,
    #9b783c 100%
  ) !important;

  background-size: 220% 100% !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  -webkit-text-fill-color: transparent !important;

  animation: ccGoldShimmer 4s ease-in-out infinite !important;
}


@keyframes ccGoldShimmer {

  0% {
    background-position: 120% center;
  }

  50% {
    background-position: -20% center;
  }

  100% {
    background-position: 120% center;
  }

}


/* =========================================================
   KNOW MORE
   ========================================================= */

.cc-certified-link {
  display: inline-block !important;

  flex: 0 0 auto !important;

  margin: 0 0 0 1px !important;
  padding: 0 !important;

  font-family: "DM Sans", sans-serif !important;

  font-size: 9px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  color: #7f4f34 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;

  white-space: nowrap !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .cc-certified-authentic {
    display: inline-block !important;

    width: max-content !important;
    max-width: calc(100vw - 30px) !important;

    padding: 2px 6px !important;
  }

  .cc-certified-content {
    width: max-content !important;
    max-width: 100% !important;

    gap: 5px !important;
  }

  .cc-certified-icon {
    width: 14px !important;
    height: 14px !important;
  }

  .cc-certified-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .cc-certified-text {
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
  }

  .cc-certified-link {
    font-size: 8.5px !important;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cc-certified-icon,
  .cc-certified-text {
    animation: none !important;
  }

}
/* =========================================================
   CC CUSTOM
   SAME-DAY DELIVERY + MON-SAT
   ONE COMPACT GROUP
   ========================================================= */


/* =========================================================
   OUTER GROUP
   ========================================================= */

.product_details_wrapper .cc-same-day-group {
  display: block !important;

  width: fit-content !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  box-sizing: border-box !important;

  line-height: 1 !important;

  text-align: left !important;
}


/* =========================================================
   SAME-DAY DELIVERY
   ========================================================= */

.product_details_wrapper .cc-same-day-group .Location-banner {
  display: inline-block !important;

  width: fit-content !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: none !important;

  box-sizing: border-box !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  font-family: "DM Sans", sans-serif !important;

  line-height: 1.05 !important;
  text-align: left !important;

  white-space: nowrap !important;
}


/* =========================================================
   REMOVE ANY FULL-WIDTH BACKGROUND FROM THE BANNER
   ========================================================= */

.product_details_wrapper
.cc-same-day-group
.Location-banner,
.product_details_wrapper
.cc-same-day-group
.Location-banner::before,
.product_details_wrapper
.cc-same-day-group
.Location-banner::after {

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;

}


/* =========================================================
   BANNER CONTENT
   ========================================================= */

.product_details_wrapper
.cc-same-day-group
.Location-banner * {

  font-family: "DM Sans", sans-serif !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.05 !important;

  text-align: left !important;

}


/* =========================================================
   MON-SAT
   DIRECTLY UNDER SAME-DAY
   ========================================================= */

.product_details_wrapper
.cc-same-day-group
.cc-same-day-delivery-note {

  display: none !important;

  width: fit-content !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: -2px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
  background-color: transparent !important;

  font-family: "DM Sans", sans-serif !important;

  font-size: 8px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  text-align: left !important;

  white-space: nowrap !important;

  box-sizing: border-box !important;
}


/* =========================================================
   SHOW MON-SAT ONLY WHEN SAME-DAY IS ACTIVE
   ========================================================= */

.product_details_wrapper
.cc-same-day-group:has(
  .Location-banner:not([hidden])
)
.cc-same-day-delivery-note {

  display: block !important;

}


/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

  .product_details_wrapper
  .cc-same-day-group {

    margin: 0 !important;
    padding: 0 !important;

  }


  .product_details_wrapper
  .cc-same-day-group
  .Location-banner {

    font-family: "DM Sans", sans-serif !important;

    line-height: 1.05 !important;

  }


  .product_details_wrapper
  .cc-same-day-group
  .cc-same-day-delivery-note {

    margin-top: -2px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  .product_details_wrapper
  .cc-same-day-group {

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

  }


  .product_details_wrapper
  .cc-same-day-group
  .Location-banner {

    display: inline-block !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "DM Sans", sans-serif !important;

    line-height: 1.05 !important;

    white-space: nowrap !important;

  }


  .product_details_wrapper
  .cc-same-day-group
  .cc-same-day-delivery-note {

    margin-top: -3px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 7.5px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    white-space: nowrap !important;

  }

}
/* Tiny breathing space between Same-Day and Mon–Sat */
.product_details_wrapper
.cc-same-day-group
.cc-same-day-delivery-note {
  margin-top: 2px !important;
}

@media screen and (max-width: 767px) {
  .product_details_wrapper
  .cc-same-day-group
  .cc-same-day-delivery-note {
    margin-top: 2px !important;
  }
}

/* =========================================================
   CERTIFIED AUTHENTIC — PILL / OVAL BORDER
   ========================================================= */

.cc-certified-authentic {
  border-radius: 999px !important;
  overflow: hidden !important;
}
/* =========================================================
   SAME-DAY DELIVERY — SLIM, CLEAN GREEN TEXT
   ========================================================= */

.product_details_wrapper .Location-banner {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;

  color: #16a34a !important;

  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  text-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  animation: none !important;
  transition: none !important;
}

/* Remove any glow / fade / pseudo-element */
.product_details_wrapper .Location-banner::before,
.product_details_wrapper .Location-banner::after {
  content: none !important;
  display: none !important;

  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* Keep all text inside the line clean green */
.product_details_wrapper .Location-banner,
.product_details_wrapper .Location-banner * {
  color: #16a34a !important;

  background: transparent !important;
  background-image: none !important;

  text-shadow: none !important;
  box-shadow: none !important;
}

/* =========================================================
   MOBILE — SLIGHTLY SMALLER + SLIMMER
   ========================================================= */

@media screen and (max-width: 767px) {

  .product_details_wrapper .Location-banner {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;

    padding: 0 !important;
    margin: 0 !important;
  }
}
/* =========================================================
   CONFIDENTIAL COUTURE — SELL CTA
   FULL WIDTH / BORDERLESS / LUXURY LIGHT SWEEP
   ========================================================= */

/* ---------------------------------------------------------
   OUTER WRAPPER
   --------------------------------------------------------- */

.sell-now-sec {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 4px 0 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  line-height: 0 !important;
  text-align: left !important;

  overflow: visible !important;
}

.sell-now-sec::before,
.sell-now-sec::after {
  content: none !important;
  display: none !important;
}


/* ---------------------------------------------------------
   SELL BUTTON
   --------------------------------------------------------- */

.sell-now-sec .sellblink {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  height: 34px !important;
  min-height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 2px !important;

  background: #800000 !important;
  background-color: #800000 !important;
  background-image: none !important;

  color: #fff !important;

  text-align: center !important;
  line-height: 34px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.16) !important;

  overflow: hidden !important;

  isolation: isolate !important;
}


/* ---------------------------------------------------------
   LUXURY MOVING LIGHT — MAIN SWEEP
   Champagne / warm ivory reflection
   --------------------------------------------------------- */

.sell-now-sec .sellblink::before {
  content: "" !important;

  position: absolute !important;

  top: -25% !important;
  left: -42% !important;

  width: 30% !important;
  height: 150% !important;

  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,235,210,.10) 28%,
    rgba(255,248,238,.42) 50%,
    rgba(255,225,190,.14) 72%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;

  filter: blur(.7px) !important;

  opacity: 1 !important;

  z-index: 0 !important;

  animation: ccSellLightSweep 4.2s ease-in-out infinite !important;
}


/* ---------------------------------------------------------
   SECOND SOFT REFLECTION
   Creates the "chain of light" feel
   --------------------------------------------------------- */

.sell-now-sec .sellblink::after {
  content: "" !important;

  position: absolute !important;

  top: -20% !important;
  left: -80% !important;

  width: 18% !important;
  height: 140% !important;

  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,242,220,.08) 35%,
    rgba(255,238,210,.23) 50%,
    rgba(255,255,255,.06) 65%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;

  filter: blur(1.2px) !important;

  opacity: .9 !important;

  z-index: 0 !important;

  animation: ccSellLightTrail 5.8s ease-in-out infinite !important;
}


/* ---------------------------------------------------------
   MAIN LIGHT: LEFT → RIGHT → LEFT
   --------------------------------------------------------- */

@keyframes ccSellLightSweep {

  0% {
    left: -42%;
    opacity: 0;
  }

  10% {
    opacity: .95;
  }

  50% {
    left: 112%;
    opacity: 1;
  }

  60% {
    opacity: .75;
  }

  100% {
    left: -42%;
    opacity: 0;
  }
}


/* ---------------------------------------------------------
   SECOND LIGHT TRAIL
   --------------------------------------------------------- */

@keyframes ccSellLightTrail {

  0% {
    left: -80%;
    opacity: 0;
  }

  16% {
    opacity: .4;
  }

  50% {
    left: 118%;
    opacity: .65;
  }

  64% {
    opacity: .25;
  }

  100% {
    left: -80%;
    opacity: 0;
  }
}


/* ---------------------------------------------------------
   KEEP TEXT ABOVE LIGHT
   --------------------------------------------------------- */

.sell-now-sec .sellblink {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.22) !important;
}

.sell-now-sec .sellblink > * {
  position: relative !important;
  z-index: 2 !important;
}


/* ---------------------------------------------------------
   HOVER — DON'T CHANGE MAROON
   --------------------------------------------------------- */

.sell-now-sec .sellblink:hover {
  background: #800000 !important;
  background-color: #800000 !important;
  background-image: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 2px 7px rgba(70,0,0,.12) !important;
}

.sell-now-sec .sellblink:focus,
.sell-now-sec .sellblink:active {
  background: #800000 !important;
  background-color: #800000 !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
}


/* =========================================================
   TRUST BADGE BELOW — REMOVE ALL UNWANTED GAP
   ========================================================= */

.trust-badge-wrapper {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  line-height: 0 !important;
  font-size: 0 !important;
}

.trust-badge-wrapper .trust-badge-img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  vertical-align: top !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

  .sell-now-sec {
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
  }

  .sell-now-sec .sellblink {
    width: 100% !important;
    max-width: none !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .trust-badge-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  .trust-badge-wrapper .trust-badge-img {
    margin: 0 !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  .sell-now-sec {
    width: 100% !important;
    margin: 4px 0 3px 0 !important;
    padding: 0 !important;
  }

  .sell-now-sec .sellblink {
    width: 100% !important;
    max-width: none !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 2px !important;
  }

  .trust-badge-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  .trust-badge-wrapper .trust-badge-img {
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* =========================================================
   BRAND INTRO + FAQ — INSET WITHOUT RIGHT-SIDE CROPPING
   ========================================================= */

#cc-brand-intro,
#cc-brand-faq {
  display: block !important;

  width: auto !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}

/* Inner brand block must also use the available width */
#cc-brand-intro .cc-brand-intro__brand,
#cc-brand-faq .cc-brand-faq__brand {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

  #cc-brand-intro,
  #cc-brand-faq {
    position: relative !important;

    left: 50px !important;

    /*
      Reduce width by exactly the amount we move right.
      This prevents the right edge from being cropped.
    */
    width: calc(100% - 50px) !important;
    max-width: calc(100% - 50px) !important;
  }

  #cc-brand-intro .cc-brand-intro__text,
  #cc-brand-faq .cc-brand-faq__question,
  #cc-brand-faq .cc-brand-faq__full {
    width: 100% !important;
    max-width: 100% !important;

    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
  }
}

/* =========================================================
   MOBILE
   KEEP YOUR CURRENT GOOD ALIGNMENT
   ========================================================= */

@media screen and (max-width: 767px) {

  #cc-brand-intro,
  #cc-brand-faq {
    position: relative !important;

    left: 35px !important;

    width: calc(100% - 35px) !important;
    max-width: calc(100% - 35px) !important;
  }

  #cc-brand-intro .cc-brand-intro__text,
  #cc-brand-faq .cc-brand-faq__question,
  #cc-brand-faq .cc-brand-faq__full {
    width: 100% !important;
    max-width: 100% !important;

    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
  }
}
/* =========================================================
   CONFIDENTIAL COUTURE
   SEARCH RESULT GRID — CLEAN PRODUCT CARD LAYOUT
   Desktop + Mobile
   ========================================================= */

/* =========================================================
   SEARCH GRID CONTAINER
   ========================================================= */

.search-main .search-grid-view {
  width: 100% !important;
  max-width: 100% !important;
}

.search-main .search-grid-view .products-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;

  width: auto !important;
  max-width: none !important;

  margin-right: -10px !important;
  margin-left: -10px !important;

  box-sizing: border-box !important;
}

/* =========================================================
   PRODUCT COLUMN
   ========================================================= */

.search-main .search-grid-view .product-con {
  position: relative !important;

  box-sizing: border-box !important;

  padding-right: 10px !important;
  padding-left: 10px !important;

  margin-top: 30px !important;

  vertical-align: top !important;
}

/* =========================================================
   PRODUCT CARD
   ========================================================= */

.search-main .search-grid-view .product-con > .nv-product-card {
  display: block !important;

  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  float: none !important;

  overflow: visible !important;
}

/* =========================================================
   IMAGE AREA
   ========================================================= */

.search-main .search-grid-view .product-con .pro-im {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  box-sizing: border-box !important;

  overflow: hidden !important;
}

.search-main .search-grid-view .product-con .product-image-link {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  box-sizing: border-box !important;

  overflow: hidden !important;
}

.search-main .search-grid-view .product-con .main-product {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  box-sizing: border-box !important;
}

/* =========================================================
   PRODUCT INFORMATION
   IMPORTANT:
   FORCE EVERYTHING INTO A VERTICAL FLOW
   ========================================================= */

.search-main .search-grid-view .product-con .list-views {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  clear: both !important;

  box-sizing: border-box !important;

  overflow: visible !important;
}

.search-main .search-grid-view .product-con .product-title-price {
  display: flex !important;

  flex-direction: column !important;
  align-items: flex-start !important;

  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  clear: both !important;

  box-sizing: border-box !important;

  text-align: left !important;

  overflow: visible !important;
}

/* =========================================================
   TITLE / VENDOR
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
> h2 {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 7px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  position: relative !important;

  box-sizing: border-box !important;

  overflow: visible !important;

  line-height: 1.2 !important;
}

.search-main .search-grid-view
.product-con
.product-title-price
> h2
> a.paira-product-title {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  position: relative !important;

  box-sizing: border-box !important;

  text-align: left !important;

  overflow: visible !important;

  white-space: normal !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Vendor */
.search-main .search-grid-view
.product-con
.paira-product-vendor {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;

  line-height: 1.15 !important;

  text-align: left !important;
}

/* Product name */
.search-main .search-grid-view
.product-con
.paira-product-name {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 1px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;

  line-height: 1.2 !important;

  white-space: normal !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* =========================================================
   CONDITION
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
.ctm-tag {
  display: block !important;

  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 7px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  box-sizing: border-box !important;

  text-align: left !important;

  line-height: 1.2 !important;

  overflow: visible !important;
}

/* =========================================================
   PRICE
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
> div.text-left {
  display: block !important;

  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 5px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  box-sizing: border-box !important;

  text-align: left !important;

  overflow: visible !important;
}

.search-main .search-grid-view
.product-con
.product-title-price
> div.text-left
.money {
  display: inline !important;

  float: none !important;

  white-space: nowrap !important;
}

/* =========================================================
   LOCATION
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
.location-badge {
  display: block !important;

  position: relative !important;

  width: fit-content !important;
  max-width: 100% !important;

  height: auto !important;

  margin: 2px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  box-sizing: border-box !important;

  text-align: left !important;

  line-height: 1.2 !important;

  white-space: normal !important;

  overflow: visible !important;
}

/* =========================================================
   ERP
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
.erp-tag {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 3px 0 0 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: both !important;

  position: relative !important;

  box-sizing: border-box !important;

  text-align: left !important;

  line-height: 1.2 !important;

  overflow: visible !important;
}

.search-main .search-grid-view
.product-con
.product-title-price
.erp-tag .money,
.search-main .search-grid-view
.product-con
.product-title-price
.erp-tag span {
  float: none !important;

  white-space: nowrap !important;
}

/* =========================================================
   PREVENT ANY OLD FLOAT / ABSOLUTE POSITIONING
   ========================================================= */

.search-main .search-grid-view
.product-con
.product-title-price
h2,
.search-main .search-grid-view
.product-con
.product-title-price
p,
.search-main .search-grid-view
.product-con
.product-title-price
a,
.search-main .search-grid-view
.product-con
.product-title-price
> div {
  position: relative !important;

  float: none !important;

  clear: both !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

  .search-main .search-grid-view .product-con {
    padding-left: 10px !important;
    padding-right: 10px !important;

    margin-top: 30px !important;
  }

  .search-main .search-grid-view .product-con .list-views {
    margin-top: 0 !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  > h2 {
    margin-top: 8px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .ctm-tag {
    margin-top: 7px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  > div.text-left {
    margin-top: 5px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .location-badge {
    margin-top: 2px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .erp-tag {
    margin-top: 3px !important;
  }
}

/* =========================================================
   MOBILE — TWO CLEAN COLUMNS
   ========================================================= */

@media screen and (max-width: 767px) {

  .search-main .search-grid-view .products-wrapper {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  .search-main .search-grid-view .product-con {
    padding-left: 7px !important;
    padding-right: 7px !important;

    margin-top: 22px !important;
  }

  .search-main .search-grid-view .product-con .list-views {
    margin-top: 0 !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  > h2 {
    margin-top: 6px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .ctm-tag {
    margin-top: 5px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  > div.text-left {
    margin-top: 4px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .location-badge {
    margin-top: 2px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .erp-tag {
    margin-top: 2px !important;
  }
}

/* =========================================================
   SMALL MOBILE — A LITTLE MORE BREATHING ROOM
   ========================================================= */

@media screen and (max-width: 480px) {

  .search-main .search-grid-view .product-con {
    padding-left: 7px !important;
    padding-right: 7px !important;

    margin-top: 20px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  > h2 {
    margin-top: 5px !important;
  }

  .search-main .search-grid-view
  .product-con
  .product-title-price
  .ctm-tag {
    margin-top: 5px !important;
  }
}
/* =========================================================
   CONFIDENTIAL COUTURE
   ERP SPACE RESERVATION ONLY
   =========================================================

   ERP PRESENT:
   PRICE
   ERP
   LOCATION

   ERP MISSING:
   PRICE
   [RESERVED ERP SPACE]
   LOCATION

   MOBILE = CURRENTLY WORKING
   DESKTOP = EXTRA ERP SPACE

   NOTHING ELSE IS MODIFIED.
   ========================================================= */


/* =========================================================
   EXISTING ERP
   ========================================================= */

.product-con .product-title-price .erp-tag {
  margin-top: 2px !important;
  margin-bottom: 0 !important;

  float: none !important;
}


/* =========================================================
   LOCATION BADGE — KEEP ITS NORMAL APPEARANCE
   ========================================================= */

.product-con .product-title-price .location-badge {
  display: block !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding: 0 !important;

  box-sizing: border-box !important;

  white-space: nowrap !important;

  float: none !important;
}


/* =========================================================
   DESKTOP — ERP EXISTS
   ========================================================= */

@media screen and (min-width: 768px) {

  .product-con
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }


  /* -------------------------------------------------------
     DESKTOP — ERP MISSING
     Reserve approximately one full ERP row
     ------------------------------------------------------- */

  .product-con
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 41px !important;
  }


  /* -------------------------------------------------------
     DESKTOP SLIDER CARDS
     ------------------------------------------------------- */

  .swiper-slide
  .product-con
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }

  .swiper-slide
  .product-con
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 41px !important;
  }


  /* -------------------------------------------------------
     SLIDERS WHERE .product-con IS NOT THE DIRECT WRAPPER
     ------------------------------------------------------- */

  .swiper-slide
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }

  .swiper-slide
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 41px !important;
  }

}


/* =========================================================
   MOBILE — DO NOT DISTURB CURRENTLY GOOD LAYOUT
   ========================================================= */

@media screen and (max-width: 767px) {

  .product-con
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }

  .product-con
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 14px !important;
  }


  .swiper-slide
  .product-con
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }

  .swiper-slide
  .product-con
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 14px !important;
  }


  .swiper-slide
  .product-title-price:has(.erp-tag)
  .location-badge {
    margin-top: 2px !important;
  }

  .swiper-slide
  .product-title-price:not(:has(.erp-tag))
  .location-badge {
    margin-top: 14px !important;
  }

}
@media screen and (max-width: 767px) {
  .justin-dropdown .justin-arrow {
    margin-right: 18px !important;
    transform: translateX(-25px) !important;
  }
}

@media screen and (min-width: 992px) {
/* ==========================================================
   CONFIDENTIAL COUTURE
   MEGA MENU — FINAL RESPONSIVE LAYOUT
   ========================================================== */


/* ==========================================================
   BASE MEGA MENU CONTAINER
   ========================================================== */

.paira-dropdown-menu {
  position: absolute !important;

  left: 50% !important;
  right: auto !important;

  transform: translateX(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  width: 100vw !important;
  max-width: 100vw !important;

  height: 55vh !important;
  max-height: 600px !important;

  min-height: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 0 !important;

  box-sizing: border-box !important;

  box-shadow: 0 8px 24px rgba(0,0,0,.07);

  z-index: 9999;
}


/* ==========================================================
   BASE GRID
   ========================================================== */

.mega-menu-grid {
  width: 100% !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   DESKTOP MAIN GRID
   ========================================================== */

@media screen and (min-width: 992px) {

  .mega-menu-grid > .col-md-12 {

    position: relative !important;

    display: grid !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    float: none !important;

    align-items: start !important;
  }


  /*
     Reset Bootstrap widths for the mega-menu
  */

  .mega-menu-grid > .col-md-12 > .col-md-3,
  .mega-menu-grid > .col-md-12 > .col-md-6 {

    width: auto !important;

    max-width: none !important;

    float: none !important;

    margin: 0 !important;

    box-sizing: border-box !important;
  }


  .mega-menu-grid > .col-md-12 > .col-md-3 {

    align-self: start !important;

    min-width: 0 !important;

    width: 100% !important;

    box-sizing: border-box !important;
  }


  /*
     FIRST THREE MENU COLUMNS
  */

  .mega-menu-grid > .col-md-12 > .col-md-3:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
  }

  .mega-menu-grid > .col-md-12 > .col-md-3:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
  }

  .mega-menu-grid > .col-md-12 > .col-md-3:nth-of-type(3) {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
  }


  /* ========================================================
     MENU COLUMN INTERNAL PADDING
     ======================================================== */

  .mega-menu-grid > .col-md-12 > .col-md-3 {

    padding: 0 10px !important;
  }


  /* ========================================================
     HEADINGS
     ======================================================== */

  .mega-menu-grid .popover-title {

    margin: 0 0 8px !important;

    padding: 0 !important;

    font-family: "Playfair Display", Georgia, serif !important;

    font-size: 18px !important;

    line-height: 1.15 !important;

    font-weight: 500 !important;

    color: #000 !important;

    white-space: nowrap;

    display: inline-block;

    transform-origin: left center;

    transition:
      transform .25s ease,
      color .25s ease,
      letter-spacing .25s ease;
  }


  .mega-menu-grid .col-md-3:hover .popover-title,
  .mega-menu-grid .popover-title:hover {

    transform: scale(1.12) translateX(2px);

    color: #800000 !important;

    letter-spacing: .2px;
  }


  /* ========================================================
     MENU LIST
     ======================================================== */

  .mega-menu-grid .col-md-3 ul {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
  }


  .mega-menu-grid .col-md-3 li {

    margin: 0 0 3px !important;

    padding: 0 !important;

    line-height: 1.1 !important;

    width: 100%;
  }


  .mega-menu-grid .col-md-3 li:last-child {

    margin-bottom: 0 !important;
  }


  /* ========================================================
     MENU LINKS
     ======================================================== */

  .mega-menu-grid .col-md-3 li a {

    display: inline-block;

    margin: 0 !important;

    padding: 0 !important;

    font-family: "DM Sans", Arial, sans-serif !important;

    font-size: 16.2px !important;

    line-height: 1.2 !important;

    font-weight: 400 !important;

    color: #000 !important;

    white-space: nowrap;

    transform-origin: left center;

    transition:
      transform .22s ease,
      color .22s ease,
      letter-spacing .22s ease;
  }


  .mega-menu-grid .col-md-3 li a:hover {

    transform: scale(1.14) translateX(3px);

    color: #800000 !important;

    font-weight: 500 !important;

    letter-spacing: .25px;
  }


  /* ========================================================
     GENERIC IMAGE RESET
     ======================================================== */

  .mega-menu-grid > .col-md-12 > .ctsmimagesnav,
  .mega-menu-grid > .col-md-12 > .cc-mega-single-image {

    box-sizing: border-box !important;

    float: none !important;

    clear: none !important;

    margin: 0 !important;

    overflow: hidden !important;
  }


  .mega-menu-grid .ctsmimagesnav > a,
  .mega-menu-grid .cc-mega-single-image > a {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    margin: 0 !important;

    line-height: 0 !important;

    text-decoration: none !important;

    overflow: hidden !important;
  }


  .mega-menu-grid .ctsmimagesnav img,
  .mega-menu-grid .cc-mega-single-image img {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    float: none !important;

    border: 0 !important;

    object-fit: contain !important;

    object-position: center center !important;

    transform: none !important;
  }


  /* ========================================================
     REMOVE SECOND / OLD IMAGE
     ======================================================== */

  /*
     Only one promotional image should be rendered.

     This hides any leftover second image from the
     original two-image structure.
  */

  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav
  ~ .ctsmimagesnav {

    display: none !important;
  }


  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image
  ~ .ctsmimagesnav {

    display: none !important;
  }


  /* ========================================================
     ① WOMEN
     --------------------------------------------------------
     KEEP WOMEN AS-IS
     ======================================================== */

  li.paira-dropdown:has(> a[href*="shop-by-women"])
  .paira-dropdown-menu {

    height: 55vh !important;

    max-height: 605px !important;

    width: 85vw !important;

    max-width: 85vw !important;
  }


  li.paira-dropdown:has(> a[href*="shop-by-women"])
  .mega-menu-grid > .col-md-12 {

    grid-template-columns:
      18.3%
      18.3%
      18.4%
      45% !important;

    padding: 14px 40px !important;
  }


  /*
     Preserve the women image appearance.
  */

  li.paira-dropdown:has(> a[href*="shop-by-women"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,
  li.paira-dropdown:has(> a[href*="shop-by-women"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 4 !important;

    grid-row: 1 / 3 !important;

    align-self: start !important;

    width: 100% !important;

    max-width: 100% !important;

    padding: 18px !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     ② MEN
     --------------------------------------------------------
     KEEP MEN LAYOUT — IT IS ALREADY GOOD
     ======================================================== */

  li.paira-dropdown:has(> a[href*="/collections/men"])
  .paira-dropdown-menu {

    height: 44vh !important;

    max-height: 495px !important;

    width: 80vw !important;

    max-width: 80vw !important;
  }


  li.paira-dropdown:has(> a[href*="/collections/men"])
  .mega-menu-grid > .col-md-12 {

    grid-template-columns:
      15%
      15%
      15%
      55% !important;

    padding: 14px 40px !important;
  }


  li.paira-dropdown:has(> a[href*="/collections/men"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,
  li.paira-dropdown:has(> a[href*="/collections/men"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 4 !important;

    grid-row: 1 / 3 !important;

    align-self: stretch !important;

    width: 100% !important;

    max-width: 100% !important;

    padding: 18px !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     ③ BAGS
     --------------------------------------------------------
     MENU COLUMNS = WHAT THEY NEED
     IMAGE = ALL REMAINING SPACE
     ======================================================== */

  li.paira-dropdown:has(> a[href*="bags"])
  .paira-dropdown-menu {

    height: 64vh !important;

    max-height: 715px !important;

    width: 100vw !important;

    max-width: 100vw !important;
  }


  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid > .col-md-12 {

    /*
       The three menu columns size themselves
       according to their content.
       
       Everything remaining goes to image.
    */

    grid-template-columns:
      max-content
      max-content
      max-content
      minmax(0, 1fr) !important;

    padding: 22px 35px !important;

    column-gap: 18px !important;
  }


  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,
  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 4 !important;

    grid-row: 1 / 3 !important;

    align-self: stretch !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav a,
  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image a {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav img,
  li.paira-dropdown:has(> a[href*="bags"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

    object-position: center center !important;

    background: #fff !important;
  }


  /* ========================================================
     ④ WATCHES
     --------------------------------------------------------
     ONE MENU COLUMN + LARGE IMAGE
     ======================================================== */

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .paira-dropdown-menu {

    height: 49.6vh !important;

    max-height: 550px !important;

    width: 50vw !important;

    max-width: 50vw !important;
  }


  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid > .col-md-12 {

    grid-template-columns:
      max-content
      minmax(0, 1fr) !important;

    padding: 22px 28px !important;

    column-gap: 18px !important;
  }


  /*
     Hide unused menu columns.
  */

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(2),

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(3),

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(4) {

    display: none !important;
  }


  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(1) {

    grid-column: 1 !important;

    grid-row: 1 / 3 !important;

    width: auto !important;

    min-width: max-content !important;

    padding: 0 5px !important;
  }


  /*
     WATCH IMAGE
     Large area — remaining width.
  */

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 2 !important;

    grid-row: 1 / 3 !important;

    align-self: stretch !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav a,

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image a {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav img,

  li.paira-dropdown:has(> a[href*="watches-for-men-women"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

    object-position: center center !important;

    background: #fff !important;
  }


  /* ========================================================
     ⑤ ACCESSORIES
     --------------------------------------------------------
     TWO MENU COLUMNS + REMAINING IMAGE SPACE
     ======================================================== */

  li.paira-dropdown:has(> a[href*="accessories"])
  .paira-dropdown-menu {

    height: 49.6vh !important;

    max-height: 550px !important;

    width: 65vw !important;

    max-width: 65vw !important;
  }


  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid > .col-md-12 {

    grid-template-columns:
      max-content
      max-content
      minmax(0, 1fr) !important;

    padding: 22px 30px !important;

    column-gap: 18px !important;
  }


  /*
     Hide third menu column.
  */

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(3),

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(4) {

    display: none !important;
  }


  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(1) {

    grid-column: 1 !important;

    grid-row: 1 / 3 !important;

    width: auto !important;

    min-width: max-content !important;

    padding: 0 5px !important;
  }


  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .col-md-3:nth-of-type(2) {

    grid-column: 2 !important;

    grid-row: 1 / 3 !important;

    width: auto !important;

    min-width: max-content !important;

    padding: 0 5px !important;
  }


  /*
     ACCESSORIES IMAGE
  */

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 3 !important;

    grid-row: 1 / 3 !important;

    align-self: stretch !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav a,

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image a {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav img,

  li.paira-dropdown:has(> a[href*="accessories"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

    object-position: center center !important;

    background: #fff !important;
  }


  /* ========================================================
     ⑥ DESIGNER
     --------------------------------------------------------
     THREE MENU COLUMNS + REMAINING IMAGE SPACE
     ======================================================== */

  li.paira-dropdown:has(> a[href*="designer"])
  .paira-dropdown-menu {

    height: 66vh !important;

    max-height: 725px !important;

    width: 90vw !important;

    max-width: 90vw !important;
  }


  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid > .col-md-12 {

    grid-template-columns:
      max-content
      max-content
      max-content
      minmax(0, 1fr) !important;

    padding: 22px 40px !important;

    column-gap: 18px !important;
  }


  /*
     DESIGNER IMAGE
  */

  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,

  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    grid-column: 4 !important;

    grid-row: 1 / 3 !important;

    align-self: stretch !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav a,

  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image a {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

    overflow: hidden !important;
  }


  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav img,

  li.paira-dropdown:has(> a[href*="designer"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

    object-position: center center !important;

    background: #fff !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 991px) {

  /*
     Let the mobile navigation use natural height.
  */

  .paira-dropdown-menu {

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;
  }


  .mega-menu-grid {

    width: 100% !important;

    height: auto !important;

    display: block !important;
  }


  .mega-menu-grid > .col-md-12 {

    width: 100% !important;

    height: auto !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
  }


  /*
     MENU COLUMNS
  */

  .mega-menu-grid > .col-md-12 > .col-md-3 {

    width: 100% !important;

    max-width: 100% !important;

    float: none !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 8px !important;

    box-sizing: border-box !important;
  }


  /*
     SINGLE IMAGE
  */

  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,

  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    display: block !important;

    float: none !important;

    margin: 0 0 12px 0 !important;

    padding: 8px !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav > a,

  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image > a {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    overflow: visible !important;
  }


  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav img,

  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    max-height: none !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    object-fit: contain !important;

    object-position: center center !important;
  }


  /*
     GUARANTEE ONLY ONE IMAGE
  */

  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav
  ~ .ctsmimagesnav {

    display: none !important;
  }


  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image
  ~ .ctsmimagesnav {

    display: none !important;
  }


  /*
     Mobile headings
  */

  .mega-menu-grid .popover-title {

    font-size: 13px !important;

    margin: 3px 0 1px !important;

    padding-bottom: 1px !important;
  }


  .mega-menu-grid .col-md-3 li {

    margin-bottom: 1px !important;
  }


  .mega-menu-grid .col-md-3 li a {

    font-size: 11px !important;

    line-height: 1.2 !important;
  }

}


/* ==========================================================
   ULTRA COMPACT MOBILE NAVIGATION
   ========================================================== */

@media screen and (max-width: 767px) {

  .side-collapse {

    width: 240px !important;

    background: #fff;

    box-shadow:
      -2px 0 12px rgba(0, 0, 0, 0.03);

    border-left:
      1px solid rgba(0,0,0,0.02);
  }


  .side-collapse .mobile-logo {

    position: relative;

    width: 100%;

    margin: 0;

    padding: 0;

    background: transparent !important;

    border: none !important;
  }


  .side-collapse .mobile-logo .padding-left-15 {

    position: relative;

    min-height: 48px;

    padding: 0 !important;
  }


  .side-collapse .mobile-logo .close-menu {

    position: absolute !important;

    top: 14px;

    left: 14px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 0;

    margin: 0;

    font-family: 'Cormorant Garamond', serif;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: .3px;

    color: #b28b5c !important;

    text-transform: capitalize;

    cursor: pointer;

    line-height: 1;

    transition:
      opacity .2s ease,
      transform .2s ease;
  }


  .side-collapse .mobile-logo .close-menu i {

    font-size: 14px;

    color: #b28b5c;

    transition:
      transform .25s ease,
      opacity .25s ease;
  }


  .side-collapse .mobile-logo .close-menu:hover {

    opacity: .7;
  }


  .side-collapse .mobile-logo .close-menu:hover i {

    transform:
      rotate(90deg)
      scale(.9);
  }


  .side-collapse .mobile-logo .close-menu:active {

    transform: scale(.92);
  }


  .side-collapse.closing .close-menu {

    opacity: 0;

    transform: translateX(-6px);
  }


  /* DROPDOWN */

  .side-collapse .dropdown-menu {

    background: #fcfaf8;

    padding: 2px 0 2px 10px;

    margin: 0;

    border: none;

    box-shadow:
      inset 0 1px 2px rgba(0,0,0,.01);
  }


  .side-collapse .dropdown-menu li {

    border-bottom:
      1px dashed rgba(180,140,100,.06);
  }


  .side-collapse .dropdown-menu a {

    font-family: 'Open Sans', sans-serif;

    font-size: 12px;

    padding: 3px 0;

    color: #4a4a4a;

    font-weight: 300;

    text-transform: capitalize;
  }


  .side-collapse .dropdown-menu a:hover {

    color: #b28b5c;
  }


  /* SUBMENU */

  .side-collapse .dropdown-submenu .dropdown-menu {

    padding-left: 10px;

    background: #fff;
  }


  .side-collapse .dropdown-submenu > a i {

    color: #b28b5c;

    font-size: 11px;
  }


  /* MEGA MENU */

  .side-collapse .mega-menu-fw .dropdown-menu {

    padding: 2px 0;
  }


  /* SALE / OFFER */

  .side-collapse .sale-offer {

    padding: 4px 8px;
  }


  .side-collapse .sale-offer h4 {

    font-size: 13px;

    margin-bottom: 1px;

    text-transform: capitalize;
  }


  .side-collapse .sale-offer p {

    font-size: 10px;

    line-height: 1.2;
  }


  .side-collapse .sale-offer .btn {

    padding: 2px 10px;

    font-size: 10px;

    margin-top: 2px;

    text-transform: capitalize;
  }


  /* IMAGES */

  .side-collapse .glass-image {

    padding: 2px 8px;
  }


  /* BOTTOM LINKS */

  .side-collapse .courenccy,
  .side-collapse li.hidden-lg.hidden-md.hidden-sm {

    margin: 2px 8px 0;

    padding-top: 3px;

    border-top:
      1px solid rgba(180,140,100,.12);
  }


  .side-collapse .courenccy .btn {

    font-size: 10px;

    padding: 2px 6px;

    text-transform: capitalize;
  }

}
/* ==========================================================
   MOBILE — ONLY ONE COLLECTION IMAGE
   ========================================================== */

@media screen and (max-width: 991px) {

  /*
     Hide ALL old image blocks on mobile.
     This removes the duplicate images from all
     six collection mega menus.
  */
  .mega-menu-fw
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav {

    display: none !important;
  }


  /*
     Show ONLY the new single-image block.
  */
  .mega-menu-fw
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 12px 0 !important;

    padding: 8px !important;

    float: none !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  .mega-menu-fw
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image > a {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  .mega-menu-fw
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image img {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: initial !important;

    object-position: initial !important;
  }

}


/* ==========================================================
   MEN DESKTOP — EXTRA BOTTOM BREATHING SPACE
   ========================================================== */

@media screen and (min-width: 992px) {

  li.paira-dropdown:has(> a[href*="/collections/men"])
  .mega-menu-grid
  > .col-md-12
  > .ctsmimagesnav,

  li.paira-dropdown:has(> a[href*="/collections/men"])
  .mega-menu-grid
  > .col-md-12
  > .cc-mega-single-image {

    padding-top: 18px !important;

    padding-right: 18px !important;

    /*
       Increased only the bottom breathing space.
    */
    padding-bottom: 30px !important;

    padding-left: 18px !important;

    box-sizing: border-box !important;
  }

}
@media screen and (min-width: 992px) {

  li.paira-dropdown:has(> a[href*="/collections/men"])
  .cc-mega-single-image__img {

    transform: translateY(-30px) !important;

  }

}
/* =========================================================
   PRODUCT PAGE FLOATING BUTTONS
   FINAL VERSION

   - Hide "For You" / star button completely
   - Keep only WhatsApp / Zoko widget
   - WhatsApp slightly lower
   - Keep the smaller size from previous version
   - Mobile + desktop
========================================================= */


/* =========================================================
   HIDE STAR / FOR YOU BUTTON COMPLETELY
========================================================= */

#ccFloatingBtn {
  display: none !important;
}


/* =========================================================
   GENERAL WHATSAPP / ZOKO WIDGET
========================================================= */

img[src*="zo-ko-wp_widget_icon"] {
  box-sizing: border-box !important;

  position: fixed !important;

  left: auto !important;

  margin: 0 !important;

  z-index: 99989 !important;

  pointer-events: auto !important;

  object-fit: cover !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width: 750px) {

  img[src*="zo-ko-wp_widget_icon"] {
    right: 24px !important;

    /* Slightly lower than previous version */
    bottom: 14px !important;

    width: 46px !important;
    height: 46px !important;

    max-width: 46px !important;
    max-height: 46px !important;

    border-radius: 13px !important;

    box-shadow:
      rgba(20, 20, 20, 0.10) 0 10px 24px -5px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  img[src*="zo-ko-wp_widget_icon"] {
    right: 14px !important;

    /* Lower than previous 82px position */
    bottom: 62px !important;

    width: 42px !important;
    height: 42px !important;

    max-width: 42px !important;
    max-height: 42px !important;

    border-radius: 12px !important;

    box-shadow:
      rgba(20, 20, 20, 0.10) 0 8px 20px -5px !important;
  }

}
/* =========================================================
   BACK TO TOP — MINIMAL PREMIUM
   Positioned ABOVE WhatsApp
========================================================= */

#back-to-up {
  display: flex !important;

  position: fixed !important;

  right: 18px !important;

  bottom: 70px !important;

  width: 38px !important;
  height: 38px !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  background: rgba(255, 255, 255, 0.94) !important;

  border: 1px solid rgba(20, 20, 20, 0.13) !important;

  border-radius: 50% !important;

  color: #171717 !important;

  text-decoration: none !important;

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.08) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  z-index: 99980 !important;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease !important;
}


/* =========================================================
   ARROW ICON
========================================================= */

#back-to-up i {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 15px !important;

  line-height: 1 !important;

  color: #222222 !important;

  transform: translateY(-1px);
}


/* =========================================================
   HOVER
========================================================= */

#back-to-up:hover {

  background: #ffffff !important;

  transform: translateY(-2px);

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.11) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  #back-to-up {

    right: 14px !important;

    bottom: 112px !important;

    width: 36px !important;
    height: 36px !important;

    border-radius: 50% !important;

    box-shadow:
      0 3px 12px rgba(0, 0, 0, 0.08) !important;
  }


  #back-to-up i {

    font-size: 14px !important;

    transform: translateY(-1px);

  }

}


/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width: 750px) {

  #back-to-up {

    right: 18px !important;

    bottom: 70px !important;

    width: 38px !important;
    height: 38px !important;

  }

}
@media screen and (min-width: 768px) {
  .logo-text {
    position: relative !important;
    right: 150px !important;
  }
}
@media screen and (min-width: 768px) {
  #instant-search {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}
@media screen and (min-width: 768px) {
  #instant-search {
    border: 1px solid #e5e5e5 !important;
    border-radius: 30px !important;
    box-shadow: none !important;
  }
}
/* =========================================
   OPTIMIZED STICKY DESKTOP FILTER SIDEBAR
   + SHORT SCREEN FIX
   + COMPACT LUXURY BUTTONS
   DESKTOP ONLY
========================================= */

@media (min-width: 992px) {

  /* =========================================
     MAIN SIDEBAR
  ========================================= */

  #sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;

    top: 20px !important;

    /*
      Keep the complete filter area inside
      the visible desktop viewport.
    */
    height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important;

    align-self: flex-start !important;

    /*
      Only ONE scroll area.
      This prevents the nested-scroll lag.
    */
    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 20 !important;

    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;

    /*
      Smooth native scrolling.
    */
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: auto !important;
  }


  /* =========================================
     DESKTOP FILTER CONTENT
  ========================================= */

  #sidebar #desktop-filters {
    position: relative !important;

    width: 100% !important;

    /*
      IMPORTANT:
      Remove the inner scrollbar.
    */
    max-height: none !important;
    height: auto !important;

    overflow: visible !important;
  }


  /* =========================================
     FILTER ACTIONS
     CLEAR ALL + APPLY FILTERS
  ========================================= */

  #sidebar #desktop-filters .filter-actions {

    position: -webkit-sticky !important;
    position: sticky !important;

    /*
      Keep action buttons visible at the
      bottom of the sidebar viewport.
    */
    bottom: 0 !important;

    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    /*
      White background prevents filter text
      from showing behind the buttons.
    */
    background: #ffffff !important;

    padding: 10px 0 14px !important;

    margin-top: 10px !important;

    border-top: 1px solid #ececec !important;

    box-shadow: 0 -6px 14px rgba(0, 0, 0, 0.04) !important;
  }


  /* =========================================
     COMPACT LUXURY BUTTON STYLE
  ========================================= */

  #sidebar #desktop-filters .filter-actions button {

    /* Font */
    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    letter-spacing: 0.10em !important;

    text-transform: uppercase !important;

    /* Slim dimensions */
    height: 34px !important;
    min-height: 34px !important;

    padding: 0 13px !important;

    /*
      Prevent theme from forcing oversized buttons.
    */
    width: auto !important;
    min-width: 0 !important;

    flex: 1 1 0 !important;

    line-height: 1 !important;

    /* Luxury styling */
    border-radius: 2px !important;
    border-width: 1px !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      border-color 0.2s ease !important;
  }


  /* =========================================
     CLEAR ALL
  ========================================= */

  #sidebar #desktop-filters .filter-actions .btn-clear-all {

    background: #ffffff !important;

    color: #555555 !important;

    border: 1px solid #dedede !important;
  }

  #sidebar #desktop-filters .filter-actions .btn-clear-all:hover {

    background: #f7f7f7 !important;

    color: #222222 !important;

    border-color: #bdbdbd !important;
  }


  /* =========================================
     APPLY FILTERS
  ========================================= */

  #sidebar #desktop-filters .filter-actions .btn-apply {

    background: #b8952f !important;

    color: #ffffff !important;

    border: 1px solid #b8952f !important;
  }

  #sidebar #desktop-filters .filter-actions .btn-apply:hover {

    background: #9f7f25 !important;

    border-color: #9f7f25 !important;
  }


  /* =========================================
     SIDEBAR SCROLLBAR
  ========================================= */

  #sidebar::-webkit-scrollbar {
    width: 4px;
  }

  #sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  #sidebar::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 10px;
  }

  #sidebar::-webkit-scrollbar-thumb:hover {
    background: #bdbdbd;
  }

  /* Firefox */
  #sidebar {
    scrollbar-width: thin;
    scrollbar-color: #d8d8d8 transparent;
  }


  /* =========================================
     HIDE FILTER STATE
  ========================================= */

  .filter-hidden #sidebar {

    display: none !important;

    position: static !important;

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;
  }

  .filter-hidden #desktop-filters .filter-actions {
    position: static !important;
  }

}


/* =========================================
   EXTRA FIX FOR SHORT DESKTOP SCREENS
   Example: laptop 1366×768
========================================= */

@media (min-width: 992px) and (max-height: 700px) {

  #sidebar {

    top: 15px !important;

    height: calc(100vh - 35px) !important;

    max-height: calc(100vh - 35px) !important;
  }

  #sidebar #desktop-filters .filter-actions {

    padding-top: 8px !important;

    padding-bottom: 12px !important;

    margin-top: 8px !important;
  }

  #sidebar #desktop-filters .filter-actions button {

    height: 32px !important;

    min-height: 32px !important;

    font-size: 10px !important;

    padding-left: 11px !important;

    padding-right: 11px !important;

    letter-spacing: 0.09em !important;
  }

}
/* ================================
   BUY NOW
================================ */

#gokwik-buy-now,
#gokwik-buy-now * {
  text-transform: none !important;
}

#gokwik-buy-now:hover {
  background-color: #800000 !important;
  border-color: #800000 !important;
  color: #ffffff !important;
}


/* ================================
   ADD TO BAG
================================ */

button.paira-add-to-cart.comn_btn.btn.btn-primary.btn-lg.add-to-cart,
button.paira-add-to-cart.comn_btn.btn.btn-primary.btn-lg.add-to-cart * {
  text-transform: none !important;
}

button.paira-add-to-cart.comn_btn.btn.btn-primary.btn-lg.add-to-cart:hover {
  background-color: #800000 !important;
  border-color: #800000 !important;
  color: #ffffff !important;
}

/* =========================================
   PREMIUM LUXURY PAGINATION
   CENTERED + COMPACT + SMOOTH
========================================= */

.paginates.pagination-slider {
  /* Break the old Bootstrap/grid alignment */
  width: 100% !important;
  max-width: 100% !important;

  margin: 34px auto 24px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  float: none !important;
  clear: both !important;

  text-align: center !important;

  font-family: Arial, Helvetica, sans-serif !important;

  position: relative !important;
  left: auto !important;
  right: auto !important;
}


/* =========================================
   COMPACT PAGINATION GROUP
========================================= */

.pagination-slider {
  gap: 12px !important;
}


/* =========================================
   PREV / NEXT BUTTON
========================================= */

.pagination-slider .pagination-arrow {
  position: relative !important;

  width: 32px !important;
  height: 32px !important;

  min-width: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 32px !important;

  background: #ffffff !important;

  color: #2a2a2a !important;

  border: 1px solid #ded8d2 !important;
  border-radius: 50% !important;

  font-size: 13px !important;
  line-height: 1 !important;

  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.04) !important;

  cursor: pointer !important;

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease !important;
}

.pagination-slider .pagination-arrow:hover:not(:disabled) {
  background: #800000 !important;
  border-color: #800000 !important;
  color: #ffffff !important;

  box-shadow:
    0 4px 12px rgba(128, 0, 0, 0.16) !important;

  transform: translateY(-1px) !important;
}

.pagination-slider .pagination-arrow:active:not(:disabled) {
  transform: translateY(0) scale(0.97) !important;
}

.pagination-slider .pagination-arrow:disabled {
  opacity: 0.28 !important;
  cursor: default !important;
  box-shadow: none !important;
}


/* =========================================
   TRACK WRAPPER
========================================= */

.pagination-slider-track {
  position: relative !important;

  width: 210px !important;
  height: 30px !important;

  flex: 0 0 210px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================
   THIN LUXURY LINE
========================================= */

.pagination-slider-track::before {
  content: "";

  position: absolute !important;

  left: 5px !important;
  right: 5px !important;
  top: 50% !important;

  height: 1px !important;

  transform: translateY(-50%) !important;

  background: linear-gradient(
    to right,
    #ece8e4 0%,
    #d9d2cb 50%,
    #ece8e4 100%
  ) !important;

  z-index: 0 !important;

  pointer-events: none !important;
}


/* =========================================
   DOTS
========================================= */

.pagination-dots {
  position: absolute !important;

  left: 5px !important;
  right: 5px !important;
  top: 50% !important;

  transform: translateY(-50%) !important;

  width: calc(100% - 10px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  z-index: 2 !important;

  pointer-events: none !important;
}

.pagination-dot {
  position: relative !important;

  width: 5px !important;
  height: 5px !important;

  min-width: 5px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: #cfc8c1 !important;

  box-shadow: none !important;

  cursor: pointer !important;

  pointer-events: auto !important;

  transition:
    width 0.35s ease,
    height 0.35s ease,
    background-color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease !important;
}

.pagination-dot:hover {
  background: #8f8882 !important;
  transform: scale(1.25) !important;
}

.pagination-dot.active {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;

  background: #800000 !important;

  box-shadow:
    0 0 0 3px rgba(128, 0, 0, 0.08) !important;

  transform: scale(1) !important;
}


/* =========================================
   ACTUAL RANGE SLIDER
========================================= */

.pagination-range {
  position: absolute !important;

  left: 0 !important;
  top: 50% !important;

  width: 100% !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  background: transparent !important;

  border: 0 !important;

  outline: none !important;

  cursor: grab !important;

  z-index: 4 !important;
}

.pagination-range:active {
  cursor: grabbing !important;
}


/* -----------------------------------------
   WEBKIT TRACK
----------------------------------------- */

.pagination-range::-webkit-slider-runnable-track {
  height: 1px !important;

  background: transparent !important;

  border: 0 !important;
}


/* -----------------------------------------
   WEBKIT THUMB
----------------------------------------- */

.pagination-range::-webkit-slider-thumb {
  appearance: none !important;
  -webkit-appearance: none !important;

  width: 14px !important;
  height: 14px !important;

  margin-top: -6.5px !important;

  border: 2px solid #800000 !important;

  border-radius: 50% !important;

  background: #ffffff !important;

  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.12) !important;

  cursor: grab !important;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.pagination-range:hover::-webkit-slider-thumb {
  transform: scale(1.08) !important;

  box-shadow:
    0 3px 10px rgba(128, 0, 0, 0.16) !important;
}

.pagination-range:active::-webkit-slider-thumb {
  cursor: grabbing !important;
  transform: scale(1.12) !important;
}


/* -----------------------------------------
   FIREFOX TRACK
----------------------------------------- */

.pagination-range::-moz-range-track {
  height: 1px !important;

  background: transparent !important;

  border: 0 !important;
}


/* -----------------------------------------
   FIREFOX THUMB
----------------------------------------- */

.pagination-range::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;

  border: 2px solid #800000 !important;

  border-radius: 50% !important;

  background: #ffffff !important;

  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.12) !important;

  cursor: grab !important;
}


/* =========================================
   REMOVE OLD BOOTSTRAP PAGINATION EFFECTS
========================================= */

.pagination-slider .pagination-arrow:hover,
.pagination-slider .pagination-arrow:focus,
.pagination-slider .pagination-arrow:active {
  text-decoration: none !important;
  outline: none !important;
}

.pagination-slider button:focus-visible {
  outline: 1px solid #800000 !important;
  outline-offset: 3px !important;
}


/* =========================================
   SHORT / LARGE DESKTOP
========================================= */

@media (min-width: 992px) {

  .paginates.pagination-slider {
    min-height: 44px !important;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .paginates.pagination-slider {
    margin: 26px auto 18px !important;

    gap: 8px !important;
  }

  .pagination-slider .pagination-arrow {
    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;
    min-height: 28px !important;

    flex-basis: 28px !important;

    font-size: 12px !important;
  }

  .pagination-slider-track {
    width: 150px !important;
    flex-basis: 150px !important;
  }

}
@media (max-width: 767px) {
  .collection-content.paira-gap-2 {
    padding-bottom: 0 !important;
    margin-bottom: -80px !important;
  }

  .collection-content.paira-gap-2 .collection-clear {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* ==========================================================
   HOMEPAGE INSTAGRAM HEADER
   ========================================================== */

.instagram-section-title {
  display: block !important;
  width: 100% !important;

  margin: 18px 0 24px 0 !important;
  padding: 0 !important;
}

.instagram-section-title .section-title {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;

  color: #111 !important;
  text-align: left !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .instagram-section-title {
    display: block !important;

    margin-top: 14px !important;
    margin-bottom: 16px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .instagram-section-title .section-title {
    font-size: 23px !important;
    line-height: 1.15 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

}
.image_title_section .title_col a {
  color: inherit !important;
}

.image_title_section .title_col a:hover {
  color: #800000 !important;
}
/* =========================================================
   REMOVE PRODUCT CARD BORDER / FRAME
   ========================================================= */

.product-widget .paira-product,
.search-grid-view .paira-product,
.product-con .paira-product {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.similar-products-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2147483647 !important;
  background: #fff;
  isolation: isolate;
}

.similar-products-modal.active {
  display: block;
}

.similar-products-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.55);
}

.similar-products-content {
  position: relative;
  width: min(1100px, 92%);
  max-height: 85vh;
  overflow-y: auto;
  margin: 5vh auto;
  background: #fff;
  padding: 35px;
  z-index: 1;
}

.similar-products-content h3 {
  margin: 0 0 25px;
  text-align: center;
  font-size: 24px;
}

.similar-products-close {
  position: absolute;
  top: 12px;
  right: 15px;
  border: 0;
  background: transparent;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.similar-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.similar-product-card {
  text-decoration: none;
  color: #000;
}

.similar-product-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.similar-product-info {
  padding-top: 10px;
}

.similar-product-title {
  font-size: 14px;
  margin-bottom: 5px;
}

.similar-product-price {
  font-size: 14px;
}

@media (max-width: 767px) {
  .similar-products-content {
    width: 94%;
    padding: 25px 15px;
    margin: 3vh auto;
    max-height: 90vh;
  }

  .similar-products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .cu-similar-products-wrapper {
    margin-top: 15px;
  }
}
.similar-product-card,
.similar-product-title,
.similar-product-brand,
.similar-products-loading,
.similar-products-empty {
  font-family: "DM Sans", sans-serif !important;
}

.similar-product-price {
  font-family: "Inter", sans-serif !important;
}

.view-similar-btn {
  font-family: Arial, sans-serif !important;
}

@media (max-width: 767px) {
  .cu-similar-products-wrapper {
    margin-bottom: 15px !important;
  }
}