/** Shopify CDN: Minification failed

Line 60:0 All "@import" rules must come first
Line 329:0 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
.custom-css{
  margin-right: auto;
  margin-left: auto;
  width: 630px;
  height: 217px;
  background: #F1F5F6;
  border: 1px solid #E5E8EC;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

/* Reduce white gap directly ABOVE the homepage features/shipping bar */
#shopify-section-template--26604073976149__bd7a3f74-7d6b-4ffb-be8a-137fd5254eae section {
  padding-bottom: 0 !important;
}
/* Reduce white gap directly BELOW the homepage features/shipping bar */
#shopify-section-template--26604073976149__custom_html_LJVjq8 > section {
  margin-top: 10px !important;
}

/* Homepage hero banner gradient overlay */
.slideshow a.image-slideshow::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(18,23,28,.72) 0%,
    rgba(18,23,28,.55) 35%,
    rgba(18,23,28,.18) 65%,
    rgba(18,23,28,0) 100%
  ) !important;
}

/* ============================================================
   PREMIUM LUXURY BEDDING HERO — Posh Tag (Homepage only)
   HTML+CSS overlay. Image stays image-only. Rewritten block.
   ============================================================ */

/* Import display fonts (Cormorant Garamond heading + Poppins) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@400;500;600;700&display=swap');

/* ---- Hero section frame + height ---- */
.slideshow .laberSlidershow,
.slideshow .grid-slider,
.slideshow .content-item {
  position: relative;
}
.slideshow .content-item {
  min-height: 720px;
  height: 720px;
  overflow: hidden;
}

/* ---- Background image: image only, brightness filter, full width ---- */
.slideshow a.image-slideshow {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.slideshow a.image-slideshow .image_pc,
.slideshow a.image-slideshow .image_mobile {
  width: 100% !important;
  height: 100% !important;
}
.slideshow a.image-slideshow img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  filter: brightness(.95);
}

/* ---- Premium luxury gradient overlay (image opacity untouched) ---- */
.slideshow a.image-slideshow::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(18,23,28,.74) 0%,
    rgba(18,23,28,.58) 35%,
    rgba(18,23,28,.22) 65%,
    rgba(18,23,28,0) 100%
  ) !important;
}

/* ---- Caption container: LEFT aligned, 600px, vertically centered ---- */
.slideshow .content-item .container.wrap_text {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  padding: 0 40px 0 80px !important;
  margin: 0 !important;
}
.slideshow .content-item .wrapper_caption,
.slideshow .content-item .caption,
.slideshow .content-item .outner-caption,
.slideshow .content-item .inner-caption {
  width: 100% !important;
  max-width: 600px !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
}
.slideshow .content-item .inner-caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ---- Trust badge (above heading) ---- */
.slideshow .slide_item_h3::before {
  content: "\2605\2605\2605\2605\2605  Trusted by Happy Customers";
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #F5C242;
  margin-bottom: 18px;
  text-shadow: 0 1px 6px rgba(0,0,0,.35);
  animation: pt-fade-up .6s ease both;
}

/* ---- Heading ---- */
.slideshow .slide_item_h3 {
  font-family: 'Cormorant Garamond', 'Poppins', serif !important;
  font-weight: 700 !important;
  font-size: 58px !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  color: #FFFFFF !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
  margin: 0 0 24px 0 !important;
  max-width: 600px;
  text-align: left !important;
  animation: pt-fade-up .6s ease both;
}
.slideshow .slide_item_h3 span {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
  background: none !important;
}

/* ---- Paragraph ---- */
.slideshow .slide_item_p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.92) !important;
  max-width: 560px !important;
  margin: 0 0 40px 0 !important;
  text-align: left !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  animation: pt-fade-up .8s ease both;
}
.slideshow .slide_item_p br { display: none; }

/* Remove theme spacer gaps that distort layout */
.slideshow .content-item .slide_item_space { display: none !important; }

/* ---- Buttons row ---- */
.slideshow .inner-caption {
  gap: 0;
}
.slideshow a.buttons {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .3px;
  text-transform: none !important;
  border-radius: 50px !important;
  padding: 18px 42px !important;
  margin: 0 16px 0 0 !important;
  transition: all .35s ease !important;
  text-decoration: none !important;
  animation: pt-fade-up 1s ease both;
}
/* Primary — Shop Duvets */
.slideshow a.buttons[href="/collections/duvets"] {
  background: #0F766E !important;
  color: #FFFFFF !important;
  border: 2px solid #0F766E !important;
}
.slideshow a.buttons[href="/collections/duvets"]:hover {
  background: #115E59 !important;
  border-color: #115E59 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.25) !important;
}
/* Secondary — Shop Pillows (outline) */
.slideshow a.buttons[href="/collections/pillows"] {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
}
.slideshow a.buttons[href="/collections/pillows"]:hover {
  background: #FFFFFF !important;
  color: #12171C !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.25) !important;
}

/* ---- Fade-up animation ---- */
@keyframes pt-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============ RESPONSIVE ============ */
/* Laptop */
@media (max-width: 1440px) {
  .slideshow .content-item { height: 650px; min-height: 650px; }
  .slideshow .slide_item_h3 { font-size: 52px !important; }
}
/* Tablet — content centered */
@media (max-width: 1024px) {
  .slideshow .content-item { height: 560px; min-height: 560px; }
  .slideshow .content-item .container.wrap_text {
    align-items: center !important;
    text-align: center !important;
    padding: 0 32px !important;
  }
  .slideshow .content-item .wrapper_caption,
  .slideshow .content-item .caption,
  .slideshow .content-item .outner-caption,
  .slideshow .content-item .inner-caption { margin: 0 auto !important; text-align: center !important; }
  .slideshow .content-item .inner-caption { align-items: center; }
  .slideshow .slide_item_h3 { font-size: 42px !important; text-align: center !important; }
  .slideshow .slide_item_h3::before { text-align: center; }
  .slideshow .slide_item_p { font-size: 20px !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
  .slideshow a.image-slideshow img { object-position: center center !important; }
}
/* Mobile — center everything, full-width stacked buttons */
@media (max-width: 767px) {
  .slideshow .content-item { height: 480px; min-height: 480px; }
  .slideshow .content-item .container.wrap_text { padding: 0 20px !important; }
  .slideshow .slide_item_h3 { font-size: 32px !important; margin-bottom: 20px !important; }
  .slideshow .slide_item_h3::before { font-size: 13px; margin-bottom: 14px; }
  .slideshow .slide_item_p { font-size: 16px !important; margin-bottom: 32px !important; }
  .slideshow .inner-caption { width: 100%; }
  .slideshow a.buttons {
    display: flex !important;
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto 14px auto !important;
    padding: 16px 28px !important;
  }

/* ---- FIX: buttons side-by-side on desktop/laptop/tablet ---- */
.slideshow .content-item .inner-caption {
  display: block !important;
}
.slideshow .content-item .inner-caption .slide_item_h3,
.slideshow .content-item .inner-caption .slide_item_p {
  display: block !important;
}
.slideshow a.buttons {
  vertical-align: top;
}
@media (max-width: 767px) {
  .slideshow .content-item .inner-caption { display: block !important; }
  .slideshow a.buttons { display: block !important; width: 100% !important; max-width: 320px; margin: 0 auto 14px auto !important; }
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .custom-css{padding: 10px;}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .custom-css{padding: 10px;}
}