/** Shopify CDN: Minification failed

Line 13:0 Unexpected "}"
Line 64:11 Unexpected "{"
Line 64:20 Expected ":"
Line 64:27 Unexpected "{"

**/
/* 
    Add here your own custom css styles
*/

}
/* ===============================
   Hide ALL Shopify Page Titles
   =============================== */

/* Common Shopify page title wrappers */
.shopify-policy__title,
.page-header,
.page-header__title,
.page-title,
.page-title-wrapper,
.page-title-wrapper h1,
.template-page h1,
.template-page .page-title,
.template-page .page-header,
.template-page header h1,
main .page-header h1,
main h1.page-title {
  display: none !important;
}

/* Remove extra spacing left by hidden title */
.page-header,
.page-title-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
/* ===== Force-hide PAGE titles in this theme ===== */
/* Only affects Shopify Pages (template = page) */
body.template-page main h1:first-of-type {
  display: none !important;
}

/* Remove the extra gap that the hidden title leaves */
body.template-page main h1:first-of-type + * {
  margin-top: 0 !important;
}
/* Hide titles on ALL Shopify Pages (your theme markup) */
body.page-type-page main#main article.page h1.title.mb-4 {
  display: none !important;
}

/* Remove the gap left after hiding the title */
body.page-type-page main#main article.page.py-10 {
  padding-top: 0 !important;
}

body.page-type-page main#main article.page .container {
  padding-top: 0 !important;
}
/* Keep buttons fixed over the carousel (same position on every slide) */
#carousel-{{ section.id }} { position: relative; } /* ignore if CSS file can't see liquid */
.carousel { position: relative; }

.carousel-fixed-cta{
  position: absolute;
  left: 50%;
  bottom: 70px;                 /* move up/down */
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  pointer-events: none;          /* prevents overlay blocking swipe */
}

.carousel-fixed-cta .carousel-cta-btn{
  pointer-events: auto;          /* re-enable clicking */
  border-radius: 9999px !important;
  padding: 14px 22px !important;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 260px;              /* keeps them consistent */
  justify-content: center;
}

/* Mobile tuning */
@media (max-width: 767px){
  .carousel-fixed-cta{
    bottom: 55px;
  }
  .carousel-fixed-cta .carousel-cta-btn{
    width: 80vw;                 /* nice wide CTA on mobile */
    max-width: 360px;
  }
}
/* Hide native Shopify page title for Try in Room embed */
.template-page .page-title,
.template-page .page-header h1,
.template-page .section-header h1,
.page-title {
  display: none !important;
}

/* Full-width iframe container */
.try-in-room-embed {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.try-in-room-embed iframe {
  width: 100%;
  border: none;
}
/* Try in Your Room Button */
.try-in-room-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: linear-gradient(135deg, #8B5A2B, #A0522D);
  color: white !important;
  text-decoration: none !important;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  margin-top: 12px;
  width: 100%;
}

.try-in-room-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 90, 43, 0.3);
}

