/** Shopify CDN: Minification failed

Line 2640:0 Unexpected "}"

**/
/* 
  Custom Theme Stylesheet
  Theme: Gourmet Mispl (ID: 153276055687)
  Store: dgvsis-0p.myshopify.com
*/

/* Import Google Fonts Nunito & Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* ==========================================================================
   GLOBAL SECTION CONTAINER MAX-WIDTH & PADDING (1300px STANDARD)
   ========================================================================== */


.xo-section.xo-section--template--21661380739207__blog_post_wUWQHW.color-background-1 {
  background-color: #f6f1ed !important;
  padding: 80px 0 !important;
  box-sizing: border-box !important;

}

.blog-post,
.journal-section,
.section-blog-post,
.main-blog {
  max-width: 1300px;
  margin: 0 auto;
}

/* Force 1300px Container Max-Width across all Blog & Journal Sections */
.blog-post xo-container,
.blog-post .xo-container,
.journal-wrapper,
.main-blog xo-container,
.main-blog .xo-container,
.article-custom-container,
.article-page-container {
  max-width: 1300px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* Header Styling */
.blog-post__top,
.journal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 40px !important;
  width: 100% !important;
}

.blog-post__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.journal-subtitle,
.blog-post-subtitle {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #b88686 !important;
  margin-bottom: 12px !important;
}

.blog-post__heading h1,
.blog-post__heading h2,
.blog-post__heading h3,
.journal-main-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  color: #3b3532 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

.blog-post__button,
.journal-top-link {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #b88686 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: opacity 0.2s ease !important;
  white-space: nowrap !important;
}

.blog-post__button:hover,
.journal-top-link:hover {
  opacity: 0.8 !important;
}

/* ==========================================================================
   4-COLUMN GRID LAYOUT (FOR 4 VISIBLE BLOG CARDS IN A ROW)
   ========================================================================== */
.blog-post xo-grid,
.journal-grid,
.main-blog xo-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* ==========================================================================
   UNIVERSAL ARTICLE CARD STYLING (PERFECT BALANCED PROPORTIONS)
   ========================================================================== */
.article-card,
.journal-card {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  text-decoration: none !important;
  height: 100% !important;
  border: none !important;
  margin: 0 !important;
}

.article-card:hover,
.journal-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.article-card:hover .journal-card-title,
.article-card:hover .article-card__title,
.article-card:hover .article-card__title a,
.journal-card:hover .journal-card-title {
  color: #b88686 !important;
}

/* Card Image Container */
.article-card__header,
.journal-card-image-box {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  overflow: hidden !important;
  background-color: #f2ece8 !important;
  position: relative !important;
  margin: 0 !important;
  border-radius: 20px 20px 0 0 !important;
}

.article-card__image,
.article-card__image img,
.journal-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
  border-radius: 0 !important;
}

.article-card:hover .article-card__image img,
.article-card:hover .article-card__image,
.journal-card:hover .journal-card-img {
  transform: scale(1.04) !important;
}

/* Card Content Area */
.article-card__information,
.journal-card-content {
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

/* Meta Pill & Read Time Row */
.article-card__additional-info,
.journal-meta-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
  flex-wrap: wrap !important;
}

.journal-tag,
.article-card-tag {
  background-color: #fbeded !important;
  color: #b88686 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
  display: inline-block !important;
  line-height: 1 !important;
}

.journal-read-time,
.article-card__date {
  font-size: 12px !important;
  color: #8c827b !important;
  font-weight: 400 !important;
}

/* Card Title */
.article-card__title,
.article-card__title a,
.journal-card-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #3b3532 !important;
  margin: 0 0 20px 0 !important;
  flex-grow: 1 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

/* Read More CTA Link */
.journal-card-link,
.article-card-read-more {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #b88686 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: auto !important;
  text-decoration: none !important;
}

/* ==========================================================================
   SINGLE BLOG ARTICLE PAGE STRICT TYPOGRAPHY & BANNER BG (#c49297)
   ========================================================================== */
.article-hero-banner {
  background: #c49297 !important;
}

.article-hero-title,
.article-body-text h1,
.article-body-text h2,
.article-body-text h3,
.article-body-text h4,
.article-body-text h5,
.article-body-text h6,
.sidebar-widget-title {
  font-family: 'Playfair Display', serif !important;
}

.article-page-body,
.article-hero-breadcrumb,
.article-hero-breadcrumb a,
.article-hero-breadcrumb span,
.article-body-text,
.article-body-text p,
.article-body-text span,
.article-body-text li,
.article-body-text div,
.article-bottom-meta,
.article-tag-badge,
.article-back-button,
.article-sidebar,
.sidebar-search-input,
.recent-post-title,
.recent-post-date {
  font-family: var(--font-body-family), 'Nunito', sans-serif !important;
}

/* ==========================================================================
   RESPONSIVE LAYOUT RULES
   ========================================================================== */
@media screen and (max-width: 1200px) {

  .blog-post xo-grid,
  .journal-grid,
  .main-blog xo-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

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

  .blog-post,
  .journal-section,
  .section-blog-post {
    padding: 40px 20px !important;
    overflow: hidden !important;
  }

  .blog-post xo-container,
  .blog-post.xo-container,
  .blog-post .xo-container,
  .journal-wrapper,
  .section-blog-post .wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .blog-post xo-grid,
  .journal-grid,
  .main-blog xo-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .blog-post__top,
  .journal-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .blog-post__heading h1,
  .blog-post__heading h2,
  .journal-main-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
}

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

  .blog-post xo-container,
  .blog-post.xo-container,
  .blog-post .xo-container,
  .journal-wrapper,
  .section-blog-post .wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .blog-post xo-grid,
  .journal-grid,
  .main-blog xo-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
  }

  .blog-post__heading h1,
  .blog-post__heading h2,
  .journal-main-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
}


/* ==========================================================================
   COLLECTION PAGE — BACKGROUND & CONTAINER
   ========================================================================== */
.section-collection-products {
  background-color: #fcf8f2 !important;
  padding-top: 30px !important;
  padding-bottom: 80px !important;
}

/* Widen the container to 1300px */
.section-collection-products xo-container,
.main-collection__filter xo-container,
.main-collection__filter .xo-container {
  max-width: 1300px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   FILTER / SORT BAR — CLEAN PILL ROW
   ========================================================================== */
/* .facets-horizontal__wrapper,
.facets-horizontal,
.main-collection__travel {
  background: #ffffff !important;
  border: 1px solid #ede4db !important;
  border-radius: 16px !important;
  padding: 14px 24px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
} */

/* ==========================================================================
   PRODUCT GRID GAP
   ========================================================================== */
.main-collection__content xo-grid,
.filters-content xo-grid,
.section-collection-products xo-grid {
  gap: 22px !important;
}

/* ==========================================================================
   PRODUCT CARD — SINGLE CLEAN WHITE CARD (NO DOUBLE BACKGROUND / DOUBLE BORDER)
   ========================================================================== */
/* Reset outer parent wrappers to transparent so there is no double card box */
.xo-product,
.product-card,
.card-wrapper,
.xo-card-product {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* SINGLE CARD CONTAINER ONLY — ONE CARD BOX */
.product-card__container {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 18px !important;
  padding: 12px 12px 20px 12px !important;
  overflow: hidden !important;
  border: 1px solid #ede4db !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Force inner information div to be transparent over white card container */
.product-card__information,
.product-card__content,
.card__content,
.xo-card-product__info {
  background-color: transparent !important;
}

/* HOVER EFFECT ON SINGLE CARD CONTAINER */
.product-card__container:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(196, 146, 151, 0.15) !important;
  border-color: #e2c5c0 !important;
}

/* 2. Image Header Container — TRANSPARENT BACKGROUND (NO BEIGE BAR UNDER IMAGE) */
.xo-card-product__media,
.product-card__header,
.card__media,
.product-card__image-wrapper,
.product-card__header a,
.xo-product-image,
.xo-image {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

.xo-card-product__media img,
.product-card__header img,
.card__media img,
.product-card__image-wrapper img,
.xo-image img {
  border-radius: 14px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
  display: block !important;
  background: transparent !important;
}

.xo-card-product:hover img,
.card-wrapper:hover img,
.product-card:hover img {
  transform: scale(1.04) !important;
}

/* ==========================================================================
   IMAGE OVERLAY ACTION BUTTONS — NO BLACK TOOLTIP, SHARP & CLEAN ICONS
   ========================================================================== */
/* 1. REMOVE BLACK POPUP TOOLTIPS ("Add to cart" / "Quick view") */
.product-card__actions xo-tooltip::before,
.product-card__actions xo-tooltip::after,
.product-card__actions .xo-tooltip__content,
.product-card__actions [xo-title]::before,
.product-card__actions [xo-title]::after,
.product-card__actions [class*="tooltip"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.product-card__header {
  position: relative !important;
}

.product-card__actions {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  z-index: 10 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important;
}

/* SHOW ON HOVER OVER PRODUCT CARD HEADER OR CONTAINER */
.product-card__container:hover .product-card__actions,
.xo-card-product:hover .product-card__actions,
.product-card:hover .product-card__actions,
.product-card__header:hover .product-card__actions {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) !important;
}

.product-card__actions xo-tooltip,
.product-card__quick-view-btn,
.product-card__add,
.add-button,
.add-button__inside,
.add-button__cart {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* PERFECT SOLID WARM DUSTY-ROSE CIRCULAR BUTTONS (#d8a4a7) */
.product-card__actions .xo-btn,
.product-card__actions button,
.product-card__quick-view-btn .xo-btn,
.product-card__add .xo-btn,
.product-card__actions a.xo-btn,
.product-card__actions .add-button__cart .xo-btn {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  border-radius: 50% !important;
  background: #d8a4a7 !important;
  background-color: #d8a4a7 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
  overflow: hidden !important;
}

.product-card__actions .xo-btn:hover,
.product-card__actions button:hover,
.product-card__quick-view-btn .xo-btn:hover,
.product-card__add .xo-btn:hover {
  background: #ca9295 !important;
  background-color: #ca9295 !important;
  transform: scale(1.06) !important;
}

/* SHARP UN-DISTORTED WHITE ICONS */
.product-card__actions .xo-btn svg,
.product-card__actions button svg,
.product-card__actions .xo-btn xo-icon,
.product-card__actions button xo-icon {
  width: 24px !important;
  height: 24px !important;
  color: #ffffff !important;
  display: block !important;
  margin: auto !important;
}

.product-card__actions .xo-btn svg path,
.product-card__actions button svg path,
.product-card__actions .xo-btn svg *,
.product-card__actions button svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.xo-card-product__info,
.product-card__information,
.card__content,
.product-card__content {
  padding: 10px 20px 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  width: 100% !important;
  /* flex: 1 !important; */
  box-sizing: border-box !important;
}

/* Product Title */
.xo-card-product__title,
.product-card__title,
.card__heading,
.xo-card-product__title a,
.product-card__title a,
.card__heading a {
  font-family: 'Playfair Display' !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #3b3532 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 0 auto 6px auto !important;
  display: block !important;
  width: 100% !important;
}

.xo-card-product__title a:hover,
.product-card__title a:hover,
.card__heading a:hover {
  color: #b88686 !important;
}

/* Product Price FORCE CENTERED */
.product-card__price,
.product-card__price-inner,
.xo-card-product__price,
.price,
.price-item,
.price__regular,
.price--on-sale,
.price__sale {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #c49297 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 4px auto 0 auto !important;
}

.product-card__price *,
.price *,
.xo-card-product__price * {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Variant Swatches / Color Dots */
.product-card__variant,
.product-card__options,
.xo-card-product__options,
.product-card__colors,
.product-card__variant-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 10px auto 0 auto !important;
  width: 100% !important;
}



















/* ==========================================================================
   PRODUCT DETAIL PAGE (PDP) NEAT & CLEAN PREMIUM REDESIGN
   ========================================================================== */

/* PDP Gallery Main Image & Thumbnails */
.main-product__product-info-media-type-3,
.main-product__product-info-media-type-1,
.product-info-media {
  border-radius: 20px !important;
  overflow: hidden !important;
}

.product-info-media__image,
.product-info-media__image img,
.xo-image-zoom img,
.media img {
  border-radius: 18px !important;
  object-fit: cover !important;
}

.product-info-media__thumbnails,
.product-info-media__thumbnails .xo-carousel-list {
  gap: 12px !important;
}

.product-info-media__thumbnails xo-carousel-inner,
.product-info-media__thumbnails .xo-carousel-inner {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: -4px !important;
  margin-bottom: -4px !important;
  /* overflow: visible !important; */
}

.product-info-media__thumb-slide,
.product-info-media xo-carousel-slide.product-info-media__thumb-slide {
  border-radius: 12px !important;
  box-sizing: border-box !important;
  border: 2px solid transparent !important;
  transition: border-color 0.25s ease, opacity 0.25s ease !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.product-info-media__thumb-slide img {
  border-radius: 10px !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none !important;
}

.product-info-media__thumb-slide[xo-active]:not([xo-active=false]),
.product-info-media__thumb-slide[xo-active="true"],
.product-info-media__thumb-slide.is-active,
.product-info-media__thumb-slide:hover {
  border: 2px solid #9a7164 !important;
  border-color: #9a7164 !important;
  opacity: 1 !important;
  transform: none !important;
}

/* PDP Title & Typography */
.product-info-content-type-3__title,
.product-info-content-type-1__title,
.main-product h1,
.main-product h2.product-info-content-type-3__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  color: #2e2624 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.3px !important;

}

/* Star Rating */
.pdp-star-rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

.pdp-stars {
  color: #e5a044 !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
}

.pdp-reviews-count {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #786d67 !important;
  font-weight: 400 !important;
}

/* Price */
.product-info-content-type-3__price,
.product-info-content-type-3__price .price,
.product-info-content-type-3__price .price-item {
  font-family: 'Inter', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #2e2624 !important;
  /* margin-bottom: 12px !important; */
}

/* ==========================================================================
   PRODUCT INFO RIGHT SIDE AREA REFINEMENT (NEAT, CLEAN, BALANCED)
   ========================================================================== */

.product-info-content-right-type-2 {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
}

.product-info-content-type-3,
.product-info-content-right-type-2,
.product-info-content-left-type-2 {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 0px !important;
}

/* 1. Title */
.product-info-content-type-3__title,
.product-info-content-left-type-2__title,
.product-info-content-right-type-2__title,
.main-product h1,
.main-product .h4 {
  font-family: 'Playfair Display', serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  color: #382d27 !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 2. Rating */
.pdp-star-rating {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 2px !important;
  margin-bottom: 14px !important;
}

.pdp-stars {
  color: #d4a373 !important;
  font-size: 17px !important;
  letter-spacing: 2px !important;
}

.pdp-reviews-count {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: #5c4f48 !important;
  font-weight: 600 !important;
}

/* 3. Price */
.product-info-content-type-3__price,
.product-info-content-type-3 .price,
.product-info-content-type-3 .price-item,
.product-info-content-type-3 .price__regular .price-item {
  font-family: 'Nunito', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #382d27 !important;
  margin-bottom: 0px !important;
  display: block !important;
}

/* 4. Description & Read More */
.product-info-content-type-3__description {
  margin-bottom: 20px !important;
}

.pdp-description-content {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #4a403b !important;
  transition: max-height 0.35s ease !important;
  overflow: hidden !important;
}

.pdp-description-content--collapsed {
  max-height: 110px !important;
  position: relative !important;
  -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, #000 70%, transparent 100%) !important;
}

.pdp-read-more-btn {
  background: none !important;
  border: none !important;
  color: #9a7164 !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 8px 0 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.2s ease !important;
}

.pdp-read-more-btn:hover {
  color: #382d27 !important;
  text-decoration: underline !important;
}

.product-info-content-type-3__description h1,
.product-info-content-type-3__description h2,
.product-info-content-type-3__description h3,
.product-info-content-type-3__description h4 {
  font-family: 'Playfair Display', serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #382d27 !important;
  margin-top: 14px !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

.product-info-content-type-3__description p,
.product-info-content-type-3__description li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #4a403b !important;
  margin-bottom: 8px !important;
}

/* 5. Variant Swatches & Color Heading */
.xo-product-variant {
  margin-bottom: 20px !important;
}

.xo-product-variant__inner-name {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #382d27 !important;
  margin-bottom: 10px !important;
  display: block !important;
}

em {
  font-style: normal !important;
}

.xo-product-variant__inner-value {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 6. Quantity Selector (- 1 +) */
.xo-quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  /* width: 240px !important;
  min-width: 240px !important; */
  height: 48px !important;
  border-radius: 30px !important;
  border: 1px solid #e0d4c8 !important;
  background-color: #fbf7f3 !important;
  padding: 0 10px !important;
  margin-top: 4px !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

.product-info-content-type-3 .xo-quantity{
  width:100%;
}


xo-cart-quantity-minus,
xo-cart-quantity-plus,
.xo-quantity__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  color: #382d27 !important;
  background: transparent !important;
  border: none !important;
  transition: background-color 0.2s ease !important;
  user-select: none !important;
  padding: 0px;
}

.xo-quantity__button:hover {
  background-color: #ede4da !important;
}

.xo-quantity__button svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  stroke: #382d27 !important;
}

.xo-quantity__number {
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #382d27 !important;
  width: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.xo-quantity__number::-webkit-outer-spin-button,
.xo-quantity__number::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 7. Action Buttons (Add to Cart & Buy It Now) - 100% MATCHED TO SITE DESIGN */
.add-button--unavailable,
.add-to-cart__unavailable {
  display: none !important;
}

.buy-button__container,
.buy-button__gift,
.buy-button {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 22px !important;
}

.add-button,
.add-to-cart__button,
.add-to-cart__container,
.add-button__inside,
.add-button__cart {
  width: 100% !important;
  max-width: 100% !important;
  /* display: block !important; */
  margin: 0 !important;
  height: auto !important;
}

/* Add to Cart Button (Warm Cream Background, Dark Text) */
/* .add-button__cart .xo-btn,
.add-button .xo-btn,
button.add-to-cart__button,
button[name="add"],
.product-form__submit {
  width: 100% !important;
  height: 52px !important;
  background-color: #efe7df !important;
  color: #382d27 !important;
  border-radius: 12px !important;
  border: 1px solid #e0d4c8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
} */

.add-button__cart .xo-btn:hover,
.add-button .xo-btn:hover,
button[name="add"]:hover {
  background-color: #e4d8cb !important;
  color: #ffffffff !important;
}

.add-button__cart .xo-btn__content {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #382d27 !important;
  opacity: 1 !important;
  visibility: visible !important;
  letter-spacing: 0.3px !important;
}

/* Buy It Now Button (Dark Mocha Espresso Background, White Text) */
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.buy-button button {
  width: 100% !important;
  height: 52px !important;
  background-color: #382d27 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(56, 45, 39, 0.25) !important;
}

.shopify-payment-button__button:hover,
.buy-button button:hover {
  background-color: #261e1a !important;
  box-shadow: 0 6px 18px rgba(56, 45, 39, 0.35) !important;
}

/* ==========================================================================
   PDP CONTAINER & HEADER ALIGNMENT MATCH (EXACT 1300PX PAGE WIDTH)
   ========================================================================== */
.xo-header xo-container,
.main-product xo-container,
.main-product .xo-container,
section.main-product xo-container {
  max-width: 1300px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}

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

  .xo-header xo-container,
  .main-product xo-container,
  .main-product .xo-container,
  section.main-product xo-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.main-product__product-info-media-type-3,
.main-product__product-info-content-type-3 {
  max-width: 100% !important;
}

/* Clean Media & Thumbnail Gallery (Reference Image 2) */
.product-info-media__image img,
.product-info-media__image,
.xo-gallery-item img,
.main-product__product-info-media-type-3 img,
.xo-carousel-slide img {
  border-radius: 16px !important;
  object-fit: cover !important;
}

.product-info-media__thumb-slide[xo-active]:not([xo-active=false]),
.product-info-media__thumb-slide[xo-active="true"],
.product-info-media__thumb-slide.is-active,
.product-info-media__thumb-slide:hover {
  border-color: #9a7164 !important;
  opacity: 1 !important;
}

/* 8. 2x3 Feature Highlights Grid */
.pdp-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px 14px !important;
  margin-top: 24px !important;
  padding-top: 24px !important;
  border-top: 1px solid #eee5dc !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.pdp-feature-grid__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.pdp-feature-grid__icon-box {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background-color: #f7e8e1 !important;
  border: 1px solid #eedad0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 8px !important;
  transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.pdp-feature-grid__item:hover .pdp-feature-grid__icon-box {
  transform: translateY(-2px) !important;
  background-color: #f3decb !important;
}

.pdp-feature-grid__title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #3b2f2b !important;
  margin-bottom: 3px !important;
  line-height: 1.25 !important;
}

.pdp-feature-grid__sub {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #786d67 !important;
  line-height: 1.35 !important;
}

@media screen and (max-width: 768px) {
  .pdp-feature-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px 10px !important;
  }
}

/* 50/50 Grid Column Split for PDP Media & Content */
@media screen and (min-width: 992px) {
  .main-product__product-info-media-type-3 {
    grid-column: span 6 / span 6 !important;
    grid-column-start: 1 !important;
    width: 100% !important;
  }

  .main-product__product-info-content-type-3 {
    grid-column: span 6 / span 6 !important;
    grid-column-start: 7 !important;
    width: 100% !important;
  }
}













/* collection card css mobile  */

@media screen and (max-width: 767px) {
  div#shopify-section-template--21833375907975__category_jL8yUG xo-carousel-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 20px;
  }

  .product-info-content-type-3__title,
  .product-info-content-type-1__title,
  .main-product h1,
  .main-product h2.product-info-content-type-3__title {
    font-family: Playfair Display, serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    color: #2e2624 !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
    letter-spacing: -.3px !important;
  }

  .xo-section.xo-section--template--21833377153159__1787319843a0a04b49.color-background-1 {
    padding: 30px 0px;
  }

  .product-recommendations__top {

    padding-bottom: 1rem !important;
  }


}

div#shopify-section-template--21833375907975__category_jL8yUG xo-carousel-list {
  justify-content: center !important;
}

span.xo-price__item {
  font-size: 22px;
  font-weight: 600;
}


@media (max-width: 991px) {
  .recomanded-sec xo-carousel-list xo-carousel-slide {
    --xo-per-view: 2 !important;
    --xo-gap: 20px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .recomanded-sec xo-carousel-list xo-carousel-slide {
    --xo-per-view: 1 !important;
    --xo-gap: 20px;
  }
}



div#shopify-section-template--21835428757639__customer_service_hero_zDp6zF .cs-hero-wrapper {
  padding-bottom: 20px;
}



/* app  */


div#shopify-section-template--21833377087623__main_page_JaPM6x h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  color: #ffffffff !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  padding-bottom: 15px;
}


section.xo-section.xo-section--template--21833377087623__main_page_JaPM6x.color-background-1 {
  background: #c49297 !important;
  padding: 50px;
}

div#shopify-section-template--21833377087623__main_page_JaPM6x p {
  font-family: Nunito, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #ffffffff !important;

}

h1.OrderTracking-TrackingForm__Title.OrderTracking-Text {

  font-family: 'Playfair Display', serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  color: #3b3532 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  padding-bottom: 15px;
}


span.OrderTracking-Text {
  font-family: Nunito, sans-serif !important;
  font-size: 18px;
}

.OrderTracking-TrackingForm__Label {
  font-family: Nunito, sans-serif !important;
}


button.OrderTracking-TrackingForm__Button span {
  font-size: 16px;
}

.OrderTracking-TrackingForm__LabelLink--Active {
  font-weight: 600;
  text-decoration: none !important;
}

span.OrderTracking-TrackingForm__ButtonIcon svg {
  font-size: 17px;
}

h6#ContactFooter-success {
  padding-top: 20px;
  color: #fff;
  text-align: center;
}


.xo-field-color__item {

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

.xo-field-color__input:checked~.xo-field-color__item:before {

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

}





section.xo-section.xo-section--template--21833659449479__main.color-background-1 {

  background: #c49297 !important;
  padding: 50px;
}

section.xo-section.xo-section--template--21833659449479__main.color-background-1 h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  color: #ffffffff !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  padding-bottom: 15px;
}


h2.sq-intro-heading {
  font-family: 'Playfair Display', serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #2e2624 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  padding-bottom: 15px;

}


button.sq-trigger {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 40px !important;
  background-color: #c49297 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 40px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(196, 146, 151, 0.25) !important;

}












/* ============================================================
   SQ-INTRO — PILLOW QUIZ SECTION — NIYIH PREMIUM REDESIGN
   ============================================================ */
.sq-intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 70px 40px !important;
  background: linear-gradient(25deg, #d3cfcc, #fff1e8) !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 50px;
}

/* Soft decorative background glow */
.sq-intro::before {
  content: '' !important;
  position: absolute !important;
  top: -60px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 500px !important;
  height: 500px !important;
  background: radial-gradient(circle, rgba(215, 166, 161, 0.18) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Inner glass card */
.sq-intro>* {
  position: relative !important;
  z-index: 1 !important;
}

/* ── HEADING ─────────────────────────────────────────────── */
.sq-intro h1,
.sq-intro h2,
.sq-intro__title,
.sq-intro [class*="title"],
.sq-intro [class*="heading"] {
  font-family: 'Playfair Display', serif !important;
  font-size: 52px !important;
  font-weight: 500 !important;
  color: #2e2420 !important;
  line-height: 1.1 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.5px !important;
}

/* ── SUBTITLE ────────────────────────────────────────────── */
.sq-intro p,
.sq-intro__description,
.sq-intro [class*="desc"],
.sq-intro [class*="subtitle"] {
  font-family: 'Nunito', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #7a6f69 !important;
  line-height: 1.6 !important;
  max-width: 480px !important;
  margin: 0 auto 36px auto !important;
}

/* ── BUTTON ──────────────────────────────────────────────── */
.sq-intro a,
.sq-intro button,
.sq-intro [class*="btn"],
.sq-intro [class*="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #c49297 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 18px 44px !important;
  border-radius: 100px !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow:
    0 8px 24px rgba(215, 166, 161, 0.40),
    0 2px 6px rgba(215, 166, 161, 0.20) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Button shimmer effect on hover */
.sq-intro a::after,
.sq-intro button::after,
.sq-intro [class*="btn"]::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 60% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
  transition: left 0.5s ease !important;
}

.sq-intro a:hover::after,
.sq-intro button:hover::after,
.sq-intro [class*="btn"]:hover::after {
  left: 150% !important;
}

.sq-intro a:hover,
.sq-intro button:hover,
.sq-intro [class*="btn"]:hover {
  background-color: #C49490 !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 14px 32px rgba(215, 166, 161, 0.50),
    0 4px 10px rgba(215, 166, 161, 0.25) !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  .sq-intro {
    padding: 50px 24px !important;
  }

  .sq-intro h1,
  .sq-intro h2,
  .sq-intro__title {
    font-size: 36px !important;
  }

  .sq-intro p {
    font-size: 15px !important;
  }
}









.shopify-product-form .buy-button__container {
  margin-bottom: 10px !important;
}


/* pdp unal button  */

.add-button.add-button--unavailable.add-to-cart__unavailable.add-to-cart__button {
  display: none !important;
}








/* ============================================================
   NIYIH — PILLOW QUIZ — FULL PREMIUM REDESIGN v2
   Fixes: button visibility, colors, scroll, premium depth
   ============================================================ */

/* ── PANEL WRAPPER ───────────────────────────────────────── */
.sq-panel {
  background: #FFFFFF !important;
  border-radius: 24px !important;
  box-shadow:
    0 24px 64px rgba(50, 39, 36, 0.14),
    0 6px 20px rgba(50, 39, 36, 0.08) !important;
  border: 1px solid #E8DDD8 !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 640px !important;
  height: auto !important;
  max-height: calc(100vh - 40px) !important;
  max-height: calc(100dvh - 40px) !important;
  margin: 50px auto !important;
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}

/* ── TOP BAR ─────────────────────────────────────────────── */
.sq-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 26px !important;
  background: #F5EDE8 !important;
  border-bottom: 1px solid #E3D5CE !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}

/* "Pillow Quiz" */
.sq-eyebrow {
  font-family: 'Fraunces', 'Playfair Display', serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #2e2420 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* "3 of 8" progress — FIXED VISIBILITY */
.sq-progress {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  letter-spacing: 0.3px !important;
  background: #C46D77 !important;
  padding: 5px 16px !important;
  border-radius: 50px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Close X button */
.sq-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1.5px solid #C8B8B2 !important;
  background: #FFFFFF !important;
  color: #6b5e59 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.sq-close:hover {
  background: #C46D77 !important;
  color: #FFFFFF !important;
  border-color: #C46D77 !important;
}

/* ── VIEWPORT — KEY: SCROLLABLE WITH FIXED MAX-HEIGHT ────── */
.sq-viewport {
  overflow-y: auto !important;
  max-height: 440px !important;
  max-height: 52vh !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  /* Custom scrollbar — NiyiH pink */
  scrollbar-width: thin !important;
  scrollbar-color: #D7A6A1 #FAF6F1 !important;
}

.sq-viewport::-webkit-scrollbar {
  width: 5px !important;
}

.sq-viewport::-webkit-scrollbar-track {
  background: #FAF6F1 !important;
}

.sq-viewport::-webkit-scrollbar-thumb {
  background: #D7A6A1 !important;
  border-radius: 10px !important;
}

.sq-steps {
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── INDIVIDUAL STEP ─────────────────────────────────────── */
.sq-step {
  border: none !important;
  padding: 32px 32px 20px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── QUESTION HEADING ────────────────────────────────────── */
.sq-question {
  font-family: 'Fraunces', 'Playfair Display', serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #2e2420 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── HELP TEXT ───────────────────────────────────────────── */
.sq-help {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: #7a6f69 !important;
  text-align: center !important;
  margin: -14px 0 22px 0 !important;
  line-height: 1.6 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── LIST OPTIONS ────────────────────────────────────────── */
.sq-options--list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* ── GRID OPTIONS (image cards) — SCROLL FIXED ───────────── */
.sq-options--grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* ── OPTION BUTTON ───────────────────────────────────────── */
.sq-option {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 20px !important;
  border-radius: 14px !important;
  border: 1.5px solid #DDD0C8 !important;
  background: #FDFAF8 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: left !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.sq-option:hover {
  border-color: #C46D77 !important;
  background: #FEF5F3 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(196, 109, 119, 0.15) !important;
}

/* ✅ Selected option — strong visible state */
.sq-option[aria-checked="true"],
.sq-option.is-selected,
.sq-option--selected {
  border-color: #C46D77 !important;
  background: linear-gradient(135deg, #FDEEF0 0%, #FFF8F6 100%) !important;
  box-shadow: 0 4px 16px rgba(196, 109, 119, 0.18) !important;
}

/* ── OPTION LABEL ────────────────────────────────────────── */
.sq-option-label {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2e2420 !important;
  line-height: 1.4 !important;
  flex: 1 !important;
  pointer-events: none !important;
  word-break: break-word !important;
}

/* ── CHECKMARK CIRCLE ────────────────────────────────────── */
.sq-option-check {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 50% !important;
  border: 2px solid #C8B8B2 !important;
  background: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  color: transparent !important;
  transition: all 0.2s ease !important;
  margin-left: 12px !important;
  flex-shrink: 0 !important;
}

.sq-option:hover .sq-option-check {
  border-color: #C46D77 !important;
}

.sq-option[aria-checked="true"] .sq-option-check,
.sq-option.is-selected .sq-option-check {
  background: #C46D77 !important;
  border-color: #C46D77 !important;
  color: #FFFFFF !important;
}

/* ── GRID IMAGE OPTIONS ──────────────────────────────────── */
.sq-options--grid .sq-option {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 12px 12px 14px !important;
  border-radius: 18px !important;
  text-align: center !important;
  gap: 10px !important;
}

.sq-options--grid .sq-option-check {
  display: none !important;
}

.sq-option-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.sq-option:hover .sq-option-image {
  transform: scale(1.04) !important;
}

.sq-options--grid .sq-option-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #2e2420 !important;
  margin: 0 !important;
}

.sq-options--grid .sq-option[aria-checked="true"] .sq-option-label,
.sq-options--grid .sq-option.is-selected .sq-option-label {
  color: #C46D77 !important;
}

/* ── CONTACT FORM FIELDS ─────────────────────────────────── */
.sq-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.sq-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sq-field-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2e2420 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
}

.sq-input {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1.5px solid #DCD2CD !important;
  background: #FAF7F5 !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: #1f1c1a !important;
  outline: none !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}

.sq-input:focus {
  border-color: #C46D77 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(196, 109, 119, 0.15) !important;
}

/* ── ERROR ───────────────────────────────────────────────── */
.sq-error {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: #B83838 !important;
  text-align: center !important;
  padding: 8px 32px !important;
  margin: 0 !important;
}

/* ── FOOTER ALWAYS VISIBLE AT BOTTOM OF PANEL ────────────── */
.sq-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 28px 20px !important;
  border-top: 1px solid #EDE4DC !important;
  background: #FAF6F1 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  bottom: 0 !important;
  z-index: 20 !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: auto !important;
}

/* ── PRIMARY BUTTON (NEXT / SEE MY RESULT) ───────────────── */
.sq-btn--primary {
  background-color: #C46D77 !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border-radius: 100px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(196, 109, 119, 0.40) !important;
  min-width: 130px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.sq-btn--primary:hover:not(:disabled) {
  background-color: #A8545E !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(196, 109, 119, 0.50) !important;
}

.sq-btn--primary:disabled {
  background-color: #D7A6A1 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  cursor: not-allowed !important;
  box-shadow: 0 2px 8px rgba(215, 166, 161, 0.25) !important;
  transform: none !important;
  opacity: 1 !important;
}

/* ── SECONDARY BUTTON (BACK) ─────────────────────────────── */
.sq-btn--secondary {
  background: #FFFFFF !important;
  color: #6b5e59 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 14px 26px !important;
  border-radius: 100px !important;
  border: 1.5px solid #C8B8B2 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

.sq-btn--secondary:hover {
  border-color: #C46D77 !important;
  color: #C46D77 !important;
  background: #FEF5F3 !important;
}

/* ── MOBILE RESPONSIVE WRAPPERS & PANELS ────────────────── */
@media screen and (max-width: 768px) {
  .sq-panel {
    width: calc(100% - 20px) !important;
    max-width: 480px !important;
    margin: 150px auto !important;
    border-radius: 18px !important;
    max-height: calc(92vh - 20px) !important;
    max-height: calc(92dvh - 20px) !important;
    box-sizing: border-box !important;
  }

  .sq-viewport {
    max-height: 380px !important;
    max-height: 48vh !important;
    overflow-y: auto !important;
  }

  .sq-bar {
    padding: 12px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sq-eyebrow {
    font-size: 15px !important;
  }

  .sq-progress {
    font-size: 12px !important;
    padding: 4px 12px !important;
  }

  .sq-step {
    padding: 20px 16px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sq-question {
    font-size: 19px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
  }

  .sq-options--list {
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  .sq-options--grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .sq-option {
    width: 100% !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
  }

  .sq-option-label {
    font-size: 13.5px !important;
  }

  .sq-fields {
    width: 100% !important;
    max-width: 100% !important;
  }

  .sq-footer {
    padding: 14px 16px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
  }

  .sq-btn--primary,
  .sq-btn--secondary {
    padding: 11px 20px !important;
    font-size: 12px !important;
  }
}

@media screen and (max-width: 480px) {
  .sq-panel {
    width: calc(100% - 12px) !important;
    margin: 150px auto !important;
    border-radius: 14px !important;
    max-height: calc(94vh - 12px) !important;
    max-height: calc(94dvh - 12px) !important;
  }

  .sq-viewport {
    max-height: 350px !important;
    max-height: 45vh !important;
    overflow-y: auto !important;
  }

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

  .sq-eyebrow {
    font-size: 13.5px !important;
  }

  .sq-step {
    padding: 16px 12px 12px !important;
  }

  .sq-question {
    font-size: 17.5px !important;
    margin-bottom: 12px !important;
  }

  .sq-option {
    padding: 10px 12px !important;
  }

  .sq-option-label {
    font-size: 13px !important;
  }

  .sq-options--grid {
    gap: 8px !important;
  }

  .sq-footer {
    padding: 12px 12px 14px !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
  }

  .sq-btn--primary,
  .sq-btn--secondary {
    flex: 1 !important;
    min-width: unset !important;
    padding: 11px 14px !important;
    font-size: 11px !important;
    text-align: center !important;
  }
}

.sq-btn--secondary {
  margin: 18px auto !important;
}


xo-product-will-change.buy-button {
  display: none !important;
}


.jm-stack.jm-stack--space-300.jm-review-widget.jm-review-widget--minimal-header {
  padding: 0px;
}


.animate-text.animate-text--hover.h5 {
  font-family: 'Playfair Display';
}









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

  h2,
  .hero-title,
  .hero-slide-title,
  .hero-section h1,
  .hero-section h2,
  .hero-section .hero-title,
  .featured-title,
  .featured-header h2,
  .featured-section .featured-title,
  .featured-comfort-section .featured-title,
  .why-title,
  .why-niyih-section .why-title,
  .why-header h2,
  .why-heading,
  .testimonial-main-title,
  .testimonial-header h2,
  .testimonial-header h1,
  .testimonial-title,
  .blog-post__heading h1,
  .blog-post__heading h2,
  .blog-post__heading h3,
  .journal-main-title,
  .journal-header h2,
  .journal-header h1,
  .newsletter-title,
  .welcome-gift-title,
  .welcome-gift-heading,
  .newsletter-section h2,
  .section-title,
  .section-heading,
  .index-section h2,
  .index-section h1,
  .template-index section h2,
  .template-index section h1,
  .template-index .xo-section h2,
  .template-index .xo-section h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .cs-faq-header {
    flex-direction: column;
    gap: 20px;
  }

  .cs-newsletter-container {
    padding: 0 20px;
  }


  .sq-intro h1,
  .sq-intro h2,
  .sq-intro__title,
  .sq-intro [class*=title],
  .sq-intro [class*=heading] {

    font-size: 32px !important;
  }

  label.xo-field-radio {
    line-height: 27px !important;
  }

  div#shopify-section-template--21833377087623__main_page_JaPM6x h2 {
    font-size: 32px !important;


  }
  a.xo-cart-mini-item__title {
    max-width: 160px;
}
.featured-collection-type-1__pagination {
    display: flex;
    gap: .8rem;
    justify-content: var(--pag_align);
    margin-top: 20px;
}

}

/* ==========================================================================
   QUICK VIEW MODAL RESPONSIVE & SINGLE CARD OVERRIDES
   ========================================================================== */
.quick-view .xo-modal-content,
.quick-view .xo-modal-content__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.quick-view .xo-modal-content__inner {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(45, 39, 37, 0.18) !important;
  border: 1px solid #F0EAE6 !important;
  position: relative !important;
}

.quick-view .xo-modal-content__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 99 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #FAF6F0 !important;
  color: #524B47 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border: 1px solid #E8DDD8 !important;
  transition: all 0.2s ease !important;
}

.quick-view .xo-modal-content__close:hover {
  background: #C49297 !important;
  color: #FFFFFF !important;
  border-color: #C49297 !important;
}

.quick-view .xo-modal-content__body {
  background-color: transparent !important;
}

.quick-view-content {
  background-color: transparent !important;
}

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

  .quick-view .xo-modal-content,
  .quick-view .xo-modal-content__inner {
    --width: 94vw !important;
    width: 94vw !important;
    max-width: 600px !important;
    border-radius: 18px !important;
  }

  .quick-view-content {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .quick-view .product-info-media__image,
  .quick-view .xo-carousel-slide,
  .quick-view .product-info-media img {
    width: 100% !important;
    max-height: 320px !important;
    object-fit: cover !important;
  }

  .quick-view .product-info-content-type-3__title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .quick-view .product-info-content-type-3__price,
  .quick-view .product-info-content-type-3__price * {
    font-size: 20px !important;
  }
}

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

  .quick-view .xo-modal-content,
  .quick-view .xo-modal-content__inner {
    --width: calc(100vw - 20px) !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    border-radius: 16px !important;
  }

  .quick-view .xo-modal-content__close {
    top: 10px !important;
    right: 10px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .quick-view .xo-modal-content__body {
    max-height: 84vh !important;
    max-height: 84dvh !important;
  }

  .quick-view-content {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 18px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .quick-view .product-info-media__image,
  .quick-view .xo-carousel-slide,
  .quick-view .product-info-media img {
    max-height: 240px !important;
  }

  .quick-view .product-info-content-type-3__title {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  .quick-view .product-info-content-type-3__price,
  .quick-view .product-info-content-type-3__price * {
    font-size: 18px !important;
  }

  .quick-view .product-info-content-type-3__description {
    font-size: 13px !important;
    line-height: 1.5 !important;
    max-height: 110px !important;
  }

  .quick-view .add-to-cart__button,
  .quick-view .add-button,
  .quick-view .xo-btn {
    padding: 0px !important;
    /* font-size: 12px !important;
    width: 100% !important; */
  }
}



.product-info-media xo-carousel-slide.product-info-media__thumb-slide {
  padding: 0px;
}


xo-carousel-list {

  gap: 5px;
}


.xo-cart-mini-item__content .xo-quantity__button {
  padding: 0px !important;
}

/* ==========================================================================
   IPHONE & MOBILE COLLECTION CARD LAYOUT FIX
   ========================================================================== */
@media screen and (max-width: 540px) {
  .category-type-1__block {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .category-type-1__image,
  .category-type-1__image .xo-image {
    width: 110px !important;
    height: 65px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .category-type-1__image img,
  .category-type-1__image svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }

  .category-type-1__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
  }

  .category-type-1__title,
  .category-type-1__title *,
  .category-type-1__title .h5,
  .category-type-1__title .animate-text {
    font-size: 15px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

/* ==========================================================================
   MASTER SITE-WIDE UNIFIED BUTTON HOVER RULE (.xo-btn)
   ========================================================================== */
/* .xo-btn:hover,
.btn:hover,
.btn-primary:hover,
.btn-outline:hover,
.btn-hero-primary:hover,
.btn-quiz-primary:hover,
.btn-gift-light:hover,
.hero-btn:hover,
.add-to-cart__button:hover,
.add-button:hover,
.track-btn:hover,
.custom-form-submit-btn:hover,
.faq-support-btn:hover,
.pw-recently-viewed-add-to-cart:hover,
.sidebar-search-button:hover,
.article-back-button:hover,
.newsletter-btn:hover,
.cs-newsletter-btn:hover,
.cs-hero-btn:hover,
.cs-resource-link:hover,
.cs-faq-viewall:hover,
.cs-channel-action:hover,
.pdp-gift-banner__btn:hover {
  background-color: #b37e83 !important;
  color: #ffffff !important;
  border-color: #b37e83 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(196, 146, 151, 0.35) !important;
  transition: all 0.3s ease !important; */
}


div#shopify-section-template--21833377087623__main_page_JaPM6x p {
  display: none;
}


.xo-side-cart__price-number {

  font-family: 'Playfair Display' !important;
}


.sq-btn {
  display: block !important;
}


/* Cart Mini Footer "View Cart" Button - Clean Hover Sync */
.cart-mini-footer__view-cart .xo-btn,
.cart-mini-footer__view-cart a.xo-btn {
  background-color: #ffffff !important;
  color: #322724 !important;
  border: 1px solid #e0d6cb !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.cart-mini-footer__view-cart .xo-btn *,
.cart-mini-footer__view-cart a.xo-btn * {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.cart-mini-footer__view-cart .xo-btn::before,
.cart-mini-footer__view-cart .xo-btn::after,
.cart-mini-footer__view-cart .xo-btn *::before,
.cart-mini-footer__view-cart .xo-btn *::after,
.cart-mini-footer__view-cart a.xo-btn::before,
.cart-mini-footer__view-cart a.xo-btn::after,
.cart-mini-footer__view-cart a.xo-btn *::before,
.cart-mini-footer__view-cart a.xo-btn *::after {
  display: none !important;
  content: none !important;
}

.cart-mini-footer__view-cart .xo-btn:hover,
.cart-mini-footer__view-cart a.xo-btn:hover {
  background-color: #b37e83 !important;
  color: #ffffff !important;
  border-color: #b37e83 !important;
  box-shadow: 0 4px 15px rgba(179, 126, 131, 0.25) !important;
}

.cart-mini-footer__view-cart .xo-btn:hover *,
.cart-mini-footer__view-cart a.xo-btn:hover * {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}


.footer-legal-links {
    display: none;
}

/* 
button[type="submit"] {
    background-color: #C49297 !important;
    color: #ffffffff !important;
    border-color: #C49297 !important;
} */
button._formSubmitButton_jnbzb_106 {
background-color: #C49297 !important;
    color: #ffffffff !important;
    border-color: #C49297 !important;
}

.Avada-OrderTracking__Wrapper{
      min-height: 90vh !important;
}


xo-container {
    MAX-WIDTH: 1300PX !IMPORTANT;
}

h1.product-info-content-type-3__title.product-info-content-type-3__title--desktop {
    FONT-SIZE: 44PX !IMPORTANT;
}

.contact-form-card .xo-field-input {
 
    margin-bottom: 10px !important;
}


@media (min-width: 769px) and (max-width: 1024px) {
xo-carousel xo-carousel-slide, xo-carousel [xo-carousel-slide] {
    width: calc(100% / var(--xo-per-view) + var(--xo-gap) / var(--xo-per-view));
    padding-inline-end: var(--xo-gap);
    flex-shrink: 0;
    width: 100% !important;
    max-width: 33% !important;
}
}

.section.xo-section.xo-section--template--21833377087623__main_page_JaPM6x.color-background-1 h1 {
font-family: 'Playfair Display';
   font-size: 62px !important;
   color:#fff !important;
}


section.xo-section.xo-section--template--21833377087623__main_page_JaPM6x.color-background-1 h1 {

  font-family: 'Playfair Display';
   font-size: 62px !important;
   color:#fff !important;
}


section.xo-section.xo-section--template--21833659449479__main.color-background-1 h1 {
  font-family: 'Playfair Display';
   font-size: 62px !important;
   color:#fff !important;
}


a.category-type-1__image {
    width: 100%;
    max-width: 112px;
    /* height: 112px; */
    object-fit: contain;
    border-radius: 20px;
}




button.jm-button.jm-button--primary.jm-action-buttons__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #c49297 !important;
    color: #ffffff !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 32px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(178, 137, 119, 0.28) !important;
}

.pw-recently-viewed-vendor {
    display: none;
}


.product-card__vendor {
    display: none;
}