.slider {

  position: relative;

  overflow: hidden;

  width: 100%;

  margin: auto;

      min-height: 80vh;

}



.slides {

  display: flex;

  transition: transform 0.5s ease;

      min-height: 80vh;

}



.slide {

  min-width: 100%;

  flex-shrink: 0;

  background: #ddd;

  display: flex;

  align-items: center;

  justify-content: center;

  background-size: cover;

    background-position: top right;

    background-repeat: no-repeat;

}



.slider .nav {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: #fff;

    color: #121212;

    border: none;

    font-size: 24px;

    padding: 10px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    border-radius: 100%;

        display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    justify-content: center;

}



.prev { left: 18px; }

.next { right: 18px; }

.slider .nav[disabled] {

    pointer-events: none;

    opacity: .5;

}

.slider .page_wrapper {

    width: 100%;

        display: flex;

    flex-direction: column;

    gap: 10px;

}

.slider h3 {

    font-size: 17px;

    font-weight: 400;

    line-height: 25px;

    margin: 0;

     color: #121212;

     text-transform: uppercase;

}

.slider h1 {

    font-size: 55px;

    line-height: 110%;

    color: #121212;

    font-weight: 500;

    margin: 0;

    text-transform: uppercase;

}

.slider p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #121212;

    font-weight: 400;

        margin-bottom: 20px;

}

.bedding_features .page_wrapper {

    display: flex;

    gap: 30px;

}

.bedding_features .feature {

    width: 33.33%;

    text-align: center;

    border: 1px solid #e7e7e7;

    border-radius: 10px;

        padding: 25px;

}

.bedding_features {

    padding-top: 100px;

    padding-bottom: 20px;

}

.bedding_features .feature img {

    display: block;

    margin: 0 auto;

}

.bedding_features .feature h2 {

    font-size: 18px;

    line-height: 110%;

    margin: 10px 0;

    color: #121212;

    font-weight: 600;

}

.bedding_features .feature span {

    display: block;

    font-size: 18px;

    line-height: 20px;

    color: #121212;

    font-weight: 400;

}

.feature_products .flex_wrapper {

    display: flex;

    gap: 30px;

}

.feature_products {

    padding-top: 75px;

    padding-bottom: 50px;

}

.feature-banner-wrap {

    width: 33.33333333%;

    background-color: #eef1f0;

    position: relative;

        border-radius: 10px;

    overflow: hidden;

}

.feature-banner__media {

    height: 100%;

}

.feature-banner__media img {

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

        object-fit: cover;

}

.features-banner-content {

    position: absolute;

    bottom: 0;

    padding: 40px;

    left: 0;

    right: 0;

}

.features-banner-content h3 {

    color: #121212;

    font-size: 32px;

    line-height: 110%;

    margin: 0;

    font-weight: 500;

}

.features-banner-content p {

    font-size: 18px;

    color: #121212;

    line-height: 26px;

    font-weight: 400;

    margin-bottom: 15px;

}

.product-grid-item {

    border: 1px solid rgb(18 18 18 / 8%);

    background-color: #f6f6f6;

    border-radius: 8px;

}

.feature-product-wrapper ul, .best_items_section ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

.feature-product-wrapper ul li {

    width: calc(33.33% - 20px);

}

.product-grid-item__content {

    padding-top: 15px;

    padding-bottom: 10px;

    display: flex;

    flex-direction: column;

    gap: 5px;

}

.product-grid-item__content .catgory_name {

    margin: 0;

    color: rgb(18 18 18 / 75%);

    font-size: 18px;

    line-height: 110%;

    display: block;

    text-align: center;

    font-weight: 400;

    text-transform: capitalize;

}

.product-grid-item__content .product_rating {

    text-align: center;

}

.product-grid-item__content .product__title,

.product-grid-item__content .product__price {

    margin: 0;

    text-align: center;

    color: #121212;

    font-weight: 500;

    font-size: 22px;

    line-height: 110%;

}

.product-grid-item__content .product__title a {

    color: #121212;

    text-decoration: none;

}

.product-grid-item__content .product__price {

  margin-top: 10px;

  font-weight: 400;

      display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

}

.feature-product-wrapper {

    width: 66.33333337%;

}

.product__price .regular_price {

    color: rgb(18, 18, 18, 0.5);

    text-decoration: line-through;

}

.promotion__grid--section .page_wrapper {

    display: flex;

    gap: 30px;

}

.block-promo_banner > img {

    width: 100%;

    height: 300px;

    display: block;

    object-fit: cover;

    position: relative;

}

.block-promo_banner {

    width: 50%;

    overflow: hidden;

    position: relative;

}

.promotion__grid--info {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 60px;

}

.promotion__grid--section {

    padding-top: 50px;

}

.promotion__grid--info h2 {

    color: #121212;

    font-weight: 500;

    font-size: 28px;

    line-height: 130%;

    margin: 0;

    margin-bottom: 15px;

}

.promotion__grid--info .banner__sub--text {

    color: rgb(18 18 18 / 65%);

    font-size: 18px;

    line-height: 100%;

    font-weight: 400;

}

.block-promo_banner::after {

    content: '';

    border: 1px solid #ffffff;

    position: absolute;

    left: 20px;

    right: 20px;

    top: 20px;

    bottom: 20px;

}

.image-column-banner-section .page_wrapper {

    display: flex;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    gap: 40px;

}

.image-column-banner__medias img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 8px;

    overflow: hidden;

    object-fit: cover;

}

.image-column-banner__medias {

    display: flex;

    gap: 18px;

        width: 66.66666667%;

}

.image-column-banner__content {

    width: 33.33%;

}

.image-column-banner__content h3 {

    font-size: 18px;

    font-weight: 600;

    color: #121212;

    line-height: 110%;

    margin: 0 0 10px;

}

.image-column-banner__content h2.title {

    text-align: left;

    margin-bottom: 10px;

}

.image-column-banner__content p {

    margin: 0;

    font-size: 18px;

    line-height: 26px;

    color: #121212;

    font-weight: 400;

        margin-bottom: 24px;

}

.best_items_section {

    padding-top: 95px;

    padding-bottom: 0px;

}

.best_items_section li {

    display: flex;

    border: 1px solid rgb(18 18 18 / 8%);

    background-color: #f6f6f6;

    border-radius: 8px;

    width: calc(33.33% - 23px);

    align-items: center;

    gap: 14px;

}

.best_items_section li .product-grid-item {

    border: 0;

    background-color: #0000;

    border-radius: 0px;

        flex: 180px 0 0;

}

.best_items_section .product-grid-item__content > * {

    text-align: left !important;

}

.best_items_section .product__price {

    justify-content: left;

        font-size: 18px;

}

.best_items_section .product-grid-item__content .product__title {
    font-size: 20px;

}

.product-grid-item a {

    display: block;

}

.our_latest_blog .flex_wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.blog_wrapper {

    display: flex;

    gap: 30px;

    width: 100%;

        margin-top: 30px;

}

.article-card {

    width: 33.33%;

        display: flex;

    flex-direction: column;

    gap: 20px;



}

.our_latest_blog .btn.primary_btn {

    min-width: 156px;

}

.our_latest_blog {

    padding-top: 100px;

    padding-bottom: 100px;

}

.our_latest_blog .title {

    margin: 0;

}

.article-card__image img {

    width: 100%;

    height: 307px;

    object-fit: cover;

    display: block;

}

.article-card__image {

    border-radius: 8px;

    overflow: hidden;

}

.person_svg svg {

    width: 17px;

    height: 17px;

    display: block;

}

.article__meta {

    display: flex;

    gap: 10px;

    align-items: center;

    align-content: center;

    vertical-align: middle;

    font-size: 16px;

    color: #121212;

}

.article-card__info .post-title {

    font-weight: 500;

}

.article-card__info .post-title a {

    color: #121212;

    text-decoration: none;

    font-size: 24px;

    line-height: 110%;

}

.slider-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 20px;

}

.nav-buttons button {

  border: 1px solid #000;

  background: #fff;

  font-size: 24px;

  width: 40px;

  height: 40px;

  cursor: pointer;

  border-radius: 2px;

}

.product-slider {

    padding: 100px 0;

}

.slider-viewport {

  overflow: hidden;

}



.slider-track {

  display: flex;

  transition: transform 0.4s ease;

}

.slider_popular .single_slide {

    padding: 0px 15px;

}

.slider_popular {

    margin: 0px -15px;

}

.slider_popular .slide-item {

  flex: 0 0 25%; 

}

.slider-header .title {

    margin: 0;
}
.single_slide .product-grid-item img {
    width: 100%;
    height: 307px;
    object-fit: cover;
}
.feature-product-wrapper .product-grid-item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.product-grid-item__content .product__price {
    flex-wrap: wrap;
}






@media(max-width: 1024px) {
.slider_popular .slide-item {
    flex: 0 0 33.333%;
}
}

@media(max-width: 1200px) {
.best_items_section li {
    width: calc(50% - 12px);
}
.best_items_section li .product-grid-item {
    flex: 120px 0 0;
}
.best_items_section li .product-grid-item img {
    max-width: 120px;
    object-fit: cover;
}
}


@media(max-width: 991px) {
.bedding_features, .best_items_section {
    padding-top: 60px;
}
.feature_products {
    padding-top: 40px;
}
.bedding_features .page_wrapper,
.feature-product-wrapper ul, .best_items_section ul,
.feature_products .flex_wrapper {
    gap: 20px;
}
.feature-product-wrapper ul li {
    width: calc(50% - 10px);
}
.product-grid-item__content .product__title, 
.product-grid-item__content .product__price,
.best_items_section .product-grid-item__content .product__title,
.article-card__info .post-title a {
    font-size: 18px;
}
.feature-product-wrapper {
    width: 60%;
}
.feature-banner-wrap {
    width: 40%;
}
.bedding_features .feature span, .promotion__grid--info .banner__sub--text {
    font-size: 16px;
}
.features-banner-content p {
    font-size: 16px;
    line-height: 24px;
}
.features-banner-content h3 {
    font-size: 28px;
}
.features-banner-content {
    padding: 28px;
}
.promotion__grid--section {
    padding-top: 10px;
}
.promotion__grid--info {
    padding: 30px;
}
.block-promo_banner::after {
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
}
.promotion__grid--info h2 {
    font-size: 22px;
}
.block-promo_banner > img {
    height: 214px;
}
.product-slider, .our_latest_blog {
    padding: 60px 0;
}
.slider h1 {
    font-size: 44px;
}
.image-column-banner-section .page_wrapper {
    flex-direction: column;
}
.image-column-banner__medias, .image-column-banner__content {
    width: 100%;
}

.article-card__image img {
    width: 100%;
    height: 200px;
}
.slider_popular .slide-item {
    flex: 0 0 50%;
}
}




@media (max-width: 480px) {
.slider_popular .slide-item {
    flex: 0 0 100%;
}
}