/** Shopify CDN: Minification failed

Line 535:4 Unexpected "{"
Line 535:5 Expected identifier but found "%"
Line 535:36 Unexpected "{"
Line 535:37 Expected identifier but found "%"

**/
 .find-perfect-tab-card .tabs {
    list-style: none;
    position: relative;
    padding: 3rem 0 0;
    max-width: 700px;
    margin: 0 auto 24px auto;
    display: flex;
    justify-content: center;
    gap:20px;
}
.tempur-breeze-breeze-tabs .find-perfect-tab-card .tabs li{
    color: #fff;
    padding: 0 0 1rem;
    cursor: pointer;
    margin-right: 2rem;
}
.find-perfect-tab-card .tabs li:last-of-type{
      margin-right: 0;
}
.find-perfect-tab-card .tabs span{
  display: block;
    width: 100%;
    height: 4px;
    background-color: #ffffff80;
    position: absolute;
    bottom: 2px;
    border-radius: 22px;
}


	
.find-perfect-tab-card .tabs-content {
	margin:0;
	padding: 0;
	list-style: none;
}

 .find-perfect-tab-card .tabs-content li {
	display: none;
}

.find-perfect-tab-card .tabs-content .rich_text{
    margin: 0 auto 3rem;
    max-width: 80%;
}

.find-perfect-tab-card .tabs-content .flex-pb{
      display: flex;
    justify-content: center;
    padding: 0 1rem 5rem;
}








/* The Dark Top Section */
.find-perfect-tab-card .comparison-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55%; /* Controls where the dark background stops */
  z-index: 1;
}

.find-perfect-tab-card .page-width {
  position: relative;
  z-index: 2; /* Sits above the background overlay */
}

/* Typography */
.find-perfect-tab-card .section-header {
  color: white;
  margin-bottom: 40px;
}

.find-perfect-tab-card .subheading {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #76ccd0;
  font-weight: 700;
}
.find-perfect-tab-card .card-content .product-title{
    color: #006d68;
    font-size: 20px;
    font-weight: 700;
}
.find-perfect-tab-card .main-title {
  margin: 10px 0;
}

/* Grid & Cards */
.find-perfect-tab-card .product-grid-container-pd {
  display: flex;
  justify-content: center;
  /* gap: 25px; */
  flex-wrap: wrap;
}

.find-perfect-tab-card .product-card-item {
  background: #fff;
    border-radius: 15px;
    color: #333;
    padding: 40px 0;
    box-shadow: 0 15px 35px #0000001a;
    align-items: center;
    display: flex;
    flex: 1 auto;
    flex-direction: column;
    margin: 0 calc(1vw + .3rem);
    max-width: 23.5rem;
    position: relative;
    text-align: center;
    width: calc(25% - 6em);
    z-index: 1;
}

.find-perfect-tab-card .product-card-item.box-2 .product-badge {
    background-color: #3b8099;
}
.find-perfect-tab-card .product-card-item.box-2 .product-badge:after{
   border-color: #3b8099 transparent transparent;
}
.find-perfect-tab-card .product-card-item.box-3 .product-badge {
    background-color: #1f424f;
}
.find-perfect-tab-card .product-card-item.box-3 .product-badge:after{
   border-color: #1f424f transparent transparent;
}

/* Badge */
.find-perfect-tab-card .product-badge {
 align-items: center;
    background-color: #72b1c8;
    box-shadow: 0 2px 3px #0000004a, 0 1px 13px 1px #00000026;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    padding-top: 6px;
    position: absolute;
    right: 1.5vw;
    margin: 0;
    top: -8px;
    width: 90px;
    z-index: 100;
    font-size: .875rem;
}
.find-perfect-tab-card .product-badge:after{
    border-style: solid;
    border-width: calc(var(--badge-width) / 6) calc(var(--badge-width) * .5) 0;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    top: 36px;
    width: 0;
    border-color: #72b1c8 transparent transparent;
}


.find-perfect-tab-card .product-card-item {
  overflow: visible; 
}

/* Image & Overlay Text */
.find-perfect-tab-card .image-overlay-container {
  position: relative;
  margin: 30px 0;
}

.find-perfect-tab-card .overlay-text {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #444;
  z-index: 2;
}

.find-perfect-tab-card .card-bg-img {
  max-width: 100%;
  width:auto;
  height: auto;
  display: block;
}

/* Button */
.find-perfect-tab-card .btn-select {
  display: inline-block;
  margin-top: 25px;
  padding: 12px 45px;
  background: #3e6d9c;
  color: white;
  text-decoration: none;
  font-weight: 600;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.find-perfect-tab-card .btn-select:hover {
  background: #2d5175;
}
.find-perfect-tab-card .section-header .description{
    margin: 0 auto 3rem;
    max-width: 60%;
}

.find-perfect-tab-card .product-detail-text{
    margin: 0 auto;
    padding: 0 1rem;
}

.find-perfect-tab-card .comparison-bg-overlay {
  background: radial-gradient(circle at center -10%, #006d68 8%, #000 63%);
}


@media (max-width: 777px) {
   .find-perfect-tab-card .product-grid-container-pd{
        flex-wrap: wrap;
        padding: 0 0 4rem;
    }
        .find-perfect-tab-card .product-card-item{
        max-width: 70%;
        width: calc(70% - 2rem);
        padding:0;
        margin: 2rem;
    }
    .find-perfect-tab-card .product-card-item {
    max-width: 90%;
    }
    .find-perfect-tab-card .card-content .flex_pd{
      display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        min-height: unset;
        padding: 3rem 0 1rem;
        margin-bottom: 2rem;
        flex-direction: initial;
    }
    .find-perfect-tab-card .image-overlay-container {
        width: 35%;
    }
    .find-perfect-tab-card .product-detail-text {
      width: 65%;
    }
    .find-perfect-tab-card .product-badge{
         box-shadow: none;
        border-top-left-radius: 1rem;
        height: 36px;
        justify-content: flex-start;
        left: 0;
        padding: 0 0 0 2.5rem;
        top: 0;
    }
    .find-perfect-tab-card .product-badge:after{
       border: none;
        height: var(--badge-height);
        background: #72b1c8;
        left: unset;
        right: -2.5rem;
        top: 0;
        transform: skew(-22deg);
        width: 3rem;
        z-index: -1;
    }
    .find-perfect-tab-card .product-card-item.box-2 .product-badge:after{
   border-color: #3b8099 transparent transparent;
   background:#3b8099;
}
.find-perfect-tab-card .product-card-item.box-3 .product-badge:after{
   border-color: #1f424f transparent transparent;
      background:#1f424f ;
}
.find-perfect-tab-card .btn-select{
      margin-bottom: -4.5rem;
}
.find-perfect-tab-card .comparison-bg-overlay {
    height: 100%;
}
.find-perfect-tab-card .section-header {
    padding: 0 10px;
}
}


@media (max-width: 777px) {
  .find-perfect-tab-card .tabs-content .flex-pb {
    flex-wrap: wrap;
    padding: 0 0 4rem;
  }
  .find-perfect-tab-card .product-card-item {
    width: 100%;
  }
}

@media (max-width: 500px) {
    .find-perfect-tab-card .product-card-item {
        max-width: 100%;
        margin: 1rem 1rem 2rem 1rem;
    }
  }


.product_comparison_grid.find-perfect-tab-card .card-bg-img {
  margin: auto;
}
.product_comparison_grid.find-perfect-tab-card .product-detail-text { max-width: 70%; }
.product_comparison_grid.find-perfect-tab-card .comparison-bg-overlay {
  background: radial-gradient(circle at center -10%, #999, #393939 23%, #000);
}
.product_comparison_grid.find-perfect-tab-card .subheading {
  color: #fff;
  font-weight: normal;
}
.product_comparison_grid.find-perfect-tab-card .card-content .product-title { color: #000; }
.find-perfect-tab-card .sec_product_img {
  max-width: 500px;
  margin: auto;
}
.find-perfect-tab-card .caption { margin-bottom: 20px; }












/* ---------------------------dropdown------------------------- */

/* --- Desktop Defaults --- */
.find-perfect-tab-card .tabs-mobile-toggle {
  display: none; /* Hidden by default on desktop */
}

/* --- Mobile Styling (Under 777px) --- */
@media screen and (max-width: 777px) {
  
  /* Container & Toggle */
  .find-perfect-tab-card .tabs-container {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 30px auto 0;
  }

  .find-perfect-tab-card .tabs-mobile-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    position: relative;
    color: #000;
  }

  /* Dropdown Arrow (SVG) */
  .find-perfect-tab-card .tabs-mobile-toggle > span {
    flex-grow: 1;
  }

  .find-perfect-tab-card .tabs-mobile-toggle svg {
    margin-left: 10px;
    transition: transform 0.3s ease;
  }

  /* Arrow animation when open */
  .find-perfect-tab-card .tabs-container.is-open .tabs-mobile-toggle svg {
    transform: rotate(180deg);
  }

  /* Tab List (The Dropdown Menu) */
  .find-perfect-tab-card .tabs {
    display: none; /* Hidden until .is-open is added */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: none;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Show tabs when container is active */
  .find-perfect-tab-card .tabs-container.is-open .tabs {
    display: block;
  }

  /* Individual Tab Items */
  .find-perfect-tab-card .tabs li {
    padding: 10px 15px; /* Increased padding for better touch targets */
  
    margin: 0 !important;
    color: #000;
    cursor: pointer;
  }

  

  .find-perfect-tab-card .tabs li:last-child {
    border-bottom: none;
  }

  /* Content visibility */
  .find-perfect-tab-card .tabs-content .rich_text {
    display: none;
  }
}

/* ///////////////////////////////////////////////// */

.pedic-sheet-breeze-tab .find-perfect-tab-card .tabs li {
    color: #000;
    padding: 0 0 1rem;
    cursor: pointer;
    margin-right: 2rem;
}
  /* .pedic-sheet-breeze-tab .find-perfect-tab-card .tabs span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #707070;
    position: absolute;
    bottom: 2px;
    border-radius: 22px;
}  */
  /* .find-perfect-tab-card .tabs li{
    border-bottom: 8px solid #000;
} */
  .find-perfect-breeze-tab .find-perfect-tab-card .product-card-item {
          display: flex;
          flex: 1 auto;
          flex-direction: column;
          margin: 0 calc(1vw + .3rem);
          max-width: 770px;
          position: relative;
          text-align: center;
          width: 100%;
          z-index: 1;
      }
      .find-perfect-tab-card .product-item {
        color: #333;
        padding: 0;
        align-items: center;
        display: flex;
        flex: 1 auto;
        flex-direction: column;
        margin: auto;
        max-width: 770px;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 1;
    }
     .find-perfect-breeze-tab .tabs {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    width:fit-content;
    position: relative;
    justify-content:center;
  }

  /* Full continuous line */
   .find-perfect-breeze-tab .tabs::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #707070; /* base line */
  }

  /* Each tab */
   .find-perfect-breeze-tab .tabs li {
    position: relative;
    padding: 10px 0 20px;
    cursor: pointer;
    color: black;
    text-align: center;
}

  /* Active tab highlight */
   .find-perfect-breeze-tab .tabs li.active-tab::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 8px;
      background: #fff;
      border-radius: 15px;
  } 
  .find-perfect-breeze-tab .tabs-container {
    width: fit-content;
    margin: auto;
    padding-top: 40px;
}
 
  .find-perfect-breeze-tab .find-perfect-tab-card .tabs {
    list-style: none;
    position: relative;
    padding: 3rem 0 0;
    {% comment %} max-width: 700px; {% endcomment %}
    margin: 0 auto 24px auto;
    display: flex;
    justify-content: center;
    gap:20px;
}

@media screen and (max-width: 777px) {
   .find-perfect-breeze-tab .find-perfect-tab-card .tabs li.active-tab {
        background-color: none;
        color: #000;
        border-bottom: none;
    }
}
@media screen and (max-width: 768px) {
ul.tabs-content{
  padding-left:0;
}
}

/* //////// */
 @media screen and (max-width: 768px) {
.find-perfect-breeze-tab .tabs-container{
  margin-bottom: 2rem;
}
}