/** Shopify CDN: Minification failed

Line 5165:6 Unexpected "}"
Line 5406:6 Unexpected "}"

**/
.productgrid--masthead {
  width: 100%;
  float: left;
  margin-left: 0;
}

.productgrid-sidebar h4 {
  margin: 0;
  padding: 15px 12px;
  border: 1px solid #ddd;
  cursor: pointer;
  line-height: normal;
  max-height: 53px;
  background: #585858;
  text-align: left;
  color: #fff;
}

.productgrid-sidebar {
  border: 0;
  padding: 0;
}
.productgrid-sidebar ul li a {
  background: #fff;
  margin: 0;
}

.productgrid-sidebar ul {
  border: 1px solid #ddd;
}
.productgrid-sidebar ul {
  position: absolute;
  top: 52px;
}

.productgrid-sidebar {
  position: relative;
  height: auto;
}
.productgrid-sidebar h4:after {
  content: "";
  width: 10px;
  height: 10px;
  border: #fff solid 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  border-top: 0;
  border-left: 0;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
  margin-top: -2px;
  transition: all ease 0.3s;
}

.productgrid-sidebar {
  position: relative;
  height: auto;
  margin-right: 4px;
}

.collection-filter-nav ul {
  width: auto;
}

.collection-filter-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productgrid-sidebar h4.open_drop::after {
  transform: translateY(-50%) rotate(-135deg);
  margin-top: 4px;
}

.productgrid-sidebar ul {
  transform: translateY(10%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
}

.productgrid-sidebar h4.open_drop + ul {
  transform: none;
  opacity: 1;
  visibility: visible;
}
.productgrid-sidebar {
  max-width: 280px;
  min-width: 220px;
  /* width: 100%; */
  width: 240px;
}

.cart-subtotal .saw-cart-original-total span {
  display: block;
  text-align: center;
}
.cart-subtotal .saw-cart-total {
  text-align: right;
}

.cart-checkout a.cart-continue {
  margin: 0;
}

.cart-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  flex-wrap: wrap;
}
.cart-checkout a.cart-continue {
  margin: 0;
  line-height: normal;
  padding: 10px 30px 15px;
}
.cart-checkout a.cart-continue {
  background: #000;
  border: 0;
  color: #fff;
}

.cart-checkout a.cart-continue:hover {
  background: #007da3;
}

#savecart {
  display: none;
}

@media screen and (max-width: 798px) {
  /* .productgrid-sidebar h4 {
    font-size: 14px;
  } */

  .collection-filter-nav ul li a {
    font-size: 14px;
  }
  
  /* .productgrid-sidebar select,  */
  .collection-filter-nav .mobile-view {
    display: block;
  }
  
  /* .productgrid-sidebar h4,  */
  .collection-filter-nav ul {
    display: none;
  }
  
  /* .productgrid-sidebar {
    width: 50%;
  } */

  .collection-filter-nav .mobile-view {
    width: 50%;
  }

  /* .productgrid-sidebar select,  */
  .collection-filter-nav .mobile-view select {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
  }

  .mobile_header_fix {
    position: fixed;
    top: 142px;
    background-color: #fff;
    z-index: 999;
    width: 100%;
    margin-left: 0;
    right: 0;
    padding-bottom: 20px;
    padding-top: 35px;
  }
}

@media screen and (max-width: 750px) {
  /* .productgrid-sidebar h4 {
    display: none;
  } */
  .cart-checkout a.cart-continue {
    width: 100%;
    margin-top: 3px;
  }
  /* .productgrid-sidebar {
    width: 100%;
  } */

  .collection-filter-nav .mobile-view {
    width: 100%;
  }

  /* .productgrid-sidebar select, */
  .collection-filter-nav .mobile-view select {
    font-size: 14px;
  }
  
  .collection-filter-nav {
    flex-wrap: wrap;
  }

  .collection-filter-nav .mobile-view {
    padding-top: 6px;
  }

  /* .productgrid-sidebar {
    margin: 0;
    max-width: 100%;
    width: 100%;
  } */

  .mobile_header_fix {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.transform_rotate_180 {
  transform: rotate(180deg);
  margin-top: -2px;
}

@media (max-width: 798px) {
  /* .collection-filter-nav .productgrid-sidebar, */
  .form-horizontal.mobile-view .filter {
    position: relative;
  }

  /* .productgrid-sidebar:after, */
  .form-horizontal.mobile-view .filter:after {
    content: "";
    width: 10px;
    height: 10px;
    border: #000 solid 1px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: 0;
    border-left: 0;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: center;
    margin-top: -2px;
    transition: all ease 0.3s;
    visibility: visible;
  }

  /* .collection-filter-nav .productgrid-sidebar select.coll-picker, */
  .form-horizontal.mobile-view select {
    appearance: none;
    line-height: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    color: #000;
  }
}

.ctm_visualizer {
  height: 100vh;
}

/* Main Banner Section */

      .kd-main-banner {
        width: 100%;
        max-width: 1432px;
        height: auto;
        margin: 0 auto;
      }

      .kd-main-banner-item {
        display: flex !important;
        gap: 11px;
      }
      
      .kd-main-banner-item a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
      }
      
      .kd-main-banner-item a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
      }


      .kd-main-banner-left-image {
        position: relative;
        width: 66.6%;
        aspect-ratio: 944/600;
        overflow: hidden;
        background-color: #F5F5F5;
      }

      .kd-main-banner-right-image-container {
        width: 33.3%;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }

      .kd-main-banner-right-image {
        position: relative;
        aspect-ratio: 472/294;
        overflow: hidden;
        background-color: #F5F5F5;
      }

      .kd-main-banner-next,
      .kd-main-banner-prev {
        color: #ffffffa4 !important;
        transition: color 0.2s ease-in;
      }
      
      .kd-main-banner-next:hover,
      .kd-main-banner-prev:hover {
        color: #fff !important;
      }

      .kd-main-banner-prev::before {
        content: "";
        position: absolute;
        left: 11px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        width: 28px;
        height: 28px;
        transform: rotate(-135deg);
        border-radius: 3px 1px 3px 3px;
      }

      .kd-main-banner-next::before {
        content: "";
        position: absolute;
        right: 11px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        width: 28px;
        height: 28px;
        transform: rotate(45deg);
        border-radius: 3px 1px 3px 3px;
      }

    

      @media (max-width: 769px) {
        .kd-main-banner-item {
          flex-direction: column;
        }

        .kd-main-banner-left-image {
          width: 100%;
        }

        .kd-main-banner-right-image-container {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 11px;
        }

        .kd-main-banner-right-image {
          width: 50%;
        }
      }

/* static-highlights-banner */

      .sh-banner-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 68px auto 72px;
        padding: 0 10px;
      }

      .sh-banner-title {
        width: 100%;
        font-family: Merriweather;
        font-weight: 700;
        font-size: 38px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #283237;
        margin: 0 0 52px 0;
        text-transform: capitalize;
      }

      .sh-banner-section .swiper {
        max-width: 1432px;
        width: 100%;
        height: auto;
        margin: auto;
      }

      .sh-slide-item a {
        text-decoration: none;
        color: #283237; 
      }

      .sh-slide-image-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 342/272;
        border-radius: 4px;
        overflow: hidden;
      }
      
      .sh-slide-image-wrapper img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .sh-slide-description {
        width: 100%;
        margin-top: 22px;
        display: flex;
        gap: 17px;
      }

      .sh-slide-description-icon {
        width: 54px;
        aspect-ratio: 1/1;
      }

     .sh-slide-description-text {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
      }
      
      .sh-slide-description-text > p:first-child {
        font-family: Roboto;
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #283237;
        min-height: 28px;
        margin: 0;
        text-transform: uppercase;
      }
      
      .sh-slide-description-text > p:last-child {
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0%;
        color: #283237;
        display: flex;
        align-items: center;
        flex-grow: 1;
        margin: 0;
      }

      @media (max-width: 576px) {
        .sh-banner-section {
          margin: 39px auto 68px;       
        }

        .sh-banner-title {
          margin: 0 0 52px 0;
        }

        .sh-slide-description {
          margin-top: 18px;
          gap: 11px;
        }

        .sh-slide-description-icon {
          width: 49px;
          height: 46px;
        }
        
        .sh-slide-description-text > p:first-child {
          font-size: 18px;
          min-height: 19px;
        }

        .sh-slide-description-text > p:last-child {
          font-size: 12px;
          min-height: 28px;
        }
      }

/* Ax_home-collections-section.liquid */

      .home-collections-section {
        max-width: 1512px;
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 68px;
      }
      
      .home-collections-section a {
        text-decoration: none;
        color: #283237;
      }
      
      .home-collections-section p,
      .home-collections-section h2 {
        margin: 0;
        padding: 0;
      }

      .hc-title-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 870px;
        width: 100%;
        padding: 0 70px;
        margin: 0 auto 52px;
      }
      
      .hc-title-container > h2 {
        display: flex;
        align-items: center;
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        margin: 0 0 13px 0;
        min-height: 48px;
        text-transform: capitalize;
      }
      
      .hc-title-container > p {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
      }

      .hc-slider-nav-button-container {
        display: flex;
        justify-content: end;
        max-width: 1432px;
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 32px;
      }

      .hc-desktop-nav {
        position: relative;
        width: 130px;
      }

      .hc-mobile-nav {
        display: none;
      }

      .hc-prev,
      .hc-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
      }
      
      .hc-prev:hover,
      .hc-next:hover {
        background-color: #70707066;
      }
      
      .hc-prev:active,
      .hc-next:active {
        opacity: 0.8;
      }

      .hc-prev::after,
      .hc-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }

      .hc-prev {
        border-radius: 4px 0 0 4px;
      }

      .hc-next {
        border-radius: 0 4px 4px 0;
      }

      .home-collections-section .swiper {
        max-width: 1432px;
        width: 100%;
        height: auto;
      }

      .hc-slider-item {
        background-color: #fff;
        transition: background-color 0.2s ease-out;
      }
      
      .hc-slider-item:hover {
        background-color: #efefef;
      }
      
      .hc-slider-image-wrapper {
        position: relative;
        max-width: 189px;
        width: 100%;
        aspect-ratio: 189/311;
        overflow: hidden;
        margin: 24px auto 30px;
      }
      
      .hc-slider-image-wrapper a {
        position: absolute;
        max-width: 189px;
        width: 100%;
        aspect-ratio: 189/311;
      }
      
      .hc-slider-image-wrapper img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .hc-slider-image-badge {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ff5541;
        color: #ffffff;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        padding: 10px 20px 10px 10px;
        border-top-right-radius: 50px;
      }

     .hc-slider-product-title {
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        width: 100%;
        margin: 15px auto 0;
        max-width: 100%;
        height: 45px;
        line-height: 45px; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .hc-slider-product-info {
        font-family: Roboto, sans-serif;
        min-height: 55px;
        width: 100%;
        margin: 0 auto;
      }
      
      .hc-slider-product-info > p {
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
      }
      
      .hc-product-prices {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        font-family: Roboto, sans-serif;
        line-height: 25px;
      }
      
      .hc-product-prices > .hc-old-price {
        font-size: 14px;
        text-align: center;
        text-decoration: line-through;
        color: #707070;
      }
      
      .hc-product-prices > .hc-new-price {
        color: #ff5541;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
      }
      
      .hc-slider-item:hover .hc-slider-product-title {
        font-size: 22px;
      }
      
      .hc-slider-item:hover .hc-slider-product-info > p {
        font-size: 16px;
      }
      
      .hc-slider-item:hover .hc-product-prices > .hc-old-price {
        font-size: 16px;
      }
      
      .hc-slider-item:hover .hc-product-prices > .hc-new-price {
        font-size: 20px;
      }

      .hc-slider-button {
        max-width: 200px;
        width: 100%;
        height: 48px;
        margin: 30px auto 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background-color: transparent;
        transition: background-color 0.2s ease-in;
        border: 1px solid #ff5541;
        color: white;
        font-family: Roboto, sans-serif;
        font-weight: 700;
        font-size: 16px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }

      .hc-slider-item:hover .hc-slider-button {
        background-color: #ff5541;
        color: #fff;
      }

      @media (max-width: 769px) {
        .hc-title-container {
          margin: 0 auto 18px;
        }

       .hc-title-wrapper > h2 {
          font-size: 28px;
          margin-bottom: 18px;
          min-height: 35px;
        }
        
        .hc-title-wrapper > p {
          font-size: 14px;
          line-height: 20px;
        }

        .hc-slider-image-wrapper {
          margin: 10px auto;
        }
      }

      @media (max-width: 576px) {
        .hc-title-wrapper {
          padding: 0;
        }
        
        .hc-title-wrapper p {
          max-width: 322px;
        }

        .hc-slider-nav-button-container {
          display: none !important;
        }

        .hc-mobile-nav {
          display: flex;
          position: relative;
          width: 130px;
          margin: 30px auto;
        }

        .hc-slider-item:hover .hc-slider-product-info > p {
          font-size: 14px;
        }
      }

/* shop-by-cabinet-type.liquid */
      .shop-by-cabinet-type-section {
        max-width: 1512px;
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 68px;
      }
      
      .shop-by-cabinet-type-section a {
        text-decoration: none;
        color: #283237;
      }
      
      .shop-by-cabinet-type-section p,
      .shop-by-cabinet-type-section h2 {
        margin: 0;
        padding: 0;
      }
      
      .ct-title-container {
        width: 100%;
        margin: 0 auto 68px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      .ct-title-container h2 {
        display: flex;
        align-items: center;
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        margin: 0 0 16px 0;
        min-height: 48px;
        text-transform: capitalize;
      }
      
      .ct-title-container p {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
      }
      
      .ct-prev,
      .ct-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
      }
      
      .ct-prev:hover,
      .ct-next:hover {
        background-color: #70707066;
      }
      
      .ct-prev:active,
      .ct-next:active {
        opacity: 0.8;
      }
      
      .ct-prev::after,
      .ct-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }
      
      .ct-prev {
        border-radius: 4px 0 0 4px;
      }
      
      .ct-next {
        border-radius: 0 4px 4px 0;
      }
      
      .shop-by-cabinet-type-section .swiper {
        max-width: 1433px;
        width: 100%;
        height: auto;
      }
      
      .ct-slider-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      }
      
      .ct-slider-item a {
        width: 100%;
      }
      
      .ct-slider-item:hover .ct-slide-description {
        border-bottom: 1px solid #ff5541;
      }
      
      .ct-slider-item:hover .ct-slide-description > p {
        color: #ff5541;
      }
      
      .ct-slide-image-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 200/220;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
      .ct-slide-image-wrapper > img {
        position: absolute;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        object-fit: contain;
      }
      
      .ct-slide-description {
        width: 100%;
        min-height: 48px;
        margin: 18px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid transparent;
        transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
      }
      
      .ct-slide-description > p {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        text-transform: uppercase;
        transition: color 0.3s ease-in-out;
      }
      
      .ct-mobile-nav {
        display: none;
      }
      
      @media (max-width: 769px) {
        .ct-title-container {
          margin: 0 auto 18px;
        }
      
        .ct-title-container h2 {
          font-size: 28px;
          margin-bottom: 18px;
          min-height: 35px;
        }
      
        .ct-title-container p {
          font-size: 14px;
          line-height: 20px;
        }
      }
      
      @media (max-width: 576px) {
        .ct-title-container {
          padding: 0;
        }
      
        .ct-title-container p {
          max-width: 322px;
        }
      
        .ct-mobile-nav {
          display: flex;
          position: relative;
          width: 130px;
          margin: 40px auto 94px;
        }
      }

/* ax_collection-list-template.liquid */
       .collection-list-container {
        margin: 0 auto 68px;
        padding: 0 10px;
      }
      
      .cl-title {
        margin-bottom: 68px;
      }
      
      .cl-title > h2 {
        max-width: 664px;
        width: 100%;
        font-family: Merriweather;
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        margin: 0 auto 16px;
        text-transform: capitalize;
      }
      
      .cl-title > p {
        max-width: 856px;
        width: 100%;
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        margin: 0 auto;
      }
      
      .cl-grid-container {
        max-width: 1430px;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 52px 13px;
        margin: 0 auto;
      }
      
      .cl-grid-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-decoration: none;
        color: #283237;
      }
      
      .cl-image-wrapper {
        position: relative;
        max-width: 708px;
        width: 100%;
        aspect-ratio: 708/432;
        overflow: hidden;
        border-radius: 4px;
      }
      
      .cl-image-wrapper > img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      
      .cl-item-info-title {
        width: 100%;
        min-height: 36px;
        font-family: Roboto;
        font-weight: 500;
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      
      .cl-item-info-title > span {
        font-weight: 300;
        padding-left: 5px;
      }
      
      .cl-item-info-detail-container {
        padding: 0 clamp(5px, 2vw, 40px);
        margin: 0 auto;
        width: 100%;
      }
      
      .cl-item-info-detail {
        width: 100%;
        min-height: 80px;
        display: grid;
        gap: 0 10px;
        grid-template-columns: repeat(2, 1fr);
      }
      
      .cl-info-ten-kitchen,
      .cl-info-ten-foot {
        display: flex;
        align-items: center;
        gap: 9px;
      }
      
      .cl-info-detail-icon {
        position: relative;
        width: 110px;
        aspect-ratio: 110/80;
        overflow: hidden;
        padding: 11px 20px;
      }
      
      .cl-info-detail-icon > img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: contain;
        top: 0;
        left: 0;
      }
      
      .cl-info-detail-product {
        height: 100%;
        padding-top: 11px;
      }
      
      .cl-info-detail-product > p:first-child {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #283237;
        margin: 0;
        min-height: 31px;
      }
      
      .cl-info-detail-product > p:last-child {
        font-family: Roboto, sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        margin: 0;
        color: #ff5541;
      }
      
      .cl-item-info-button-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 20px;
        padding: 0 20px;
        margin-top: 16px;
      }
      
      .cl-custom-button {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        max-width: 300px;
        width: 100%;
        height: 58px;
        border-radius: 4px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 20px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }
      
      .cl-info-shop-button {
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #ff5541;
        color: #ff5541;
      }
      
      .cl-info-shop-button:hover {
        background-color: #ff5541;
        color: #ffffff;
      }
      
      .cl-info-order-button {
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #36c6f6;
        color: #36c6f6;
      }
      
      .cl-info-order-button:hover {
        background-color: #36c6f6;
        color: #ffffff;
      }
      
      .cl-all-collection-button {
        background-color: transparent;
        transition: all 0.2s ease-in;
        background-color: #ff5541;
        color: #ffffff;
        margin: 48px auto 0;
        font-weight: 400;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        opacity: 1;
      }
      
      .cl-all-collection-button:hover {
        opacity: 0.9;
      }
      
      .cl-prev,
      .cl-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
      }
      
      .cl-prev:hover,
      .cl-next:hover {
        background-color: #70707066;
      }
      
      .cl-prev:active,
      .cl-next:active {
        opacity: 0.8;
      }
      
      .cl-prev::after,
      .cl-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }
      
      .cl-prev {
        border-radius: 4px 0 0 4px;
      }
      
      .cl-next {
        border-radius: 0 4px 4px 0;
      }
      
      .cl-slider-button-container {
        display: none;
        position: relative;
        width: 130px;
        margin: 30px auto 94px;
      }
      
      @media (max-width: 1100px) {
        .cl-title {
          margin-bottom: 18px;
          padding: 0 33px;
        }
      
        .cl-title > h2 {
          max-width: 544px;
          font-size: 28px;
          margin: 0 auto 18px;
        }
      
        .cl-title > p {
          max-width: 514px;
          font-size: 14px;
          line-height: 20px;
          padding: 0 16px;
        }
      
        .cl-item-info-title {
          min-height: 48px;
          margin: 18px 0;
        }
      
        .cl-item-info-detail-container {
          width: 100%;
        }
      
        .cl-item-info-detail {
          gap: 18px 10px;
          grid-template-columns: 1fr;
          width: fit-content;
          margin: 0 auto;
        }
      
        .cl-item-info-button-container {
          padding: 0;
        }
      }
      
      @media (min-width: 769px) and (max-width: 992px) {
        .cl-custom-button {
          font-size: clamp(14px, 1.8vw, 20px);
        }
      
        .cl-item-info-button-container {
          gap: 10px;
        }
      }
      
      @media (max-width: 768px) {
        .cl-grid-container {
          display: flex !important;
          gap: 0;
          margin: 0;
        }
      
        .collection-list-container .swiper {
          max-width: 1430px;
          width: 100%;
          height: auto;
        }
      
        .cl-title {
          margin-bottom: 18px;
          padding: 0 33px;
        }
      
        .cl-title > h2 {
          max-width: 544px;
          font-size: 28px;
          margin: 0 auto 18px;
        }
      
        .cl-title > p {
          max-width: 514px;
          font-size: 14px;
          line-height: 20px;
          padding: 0 16px;
        }
      
        .cl-item-info-title {
          min-height: 48px;
          margin: 18px 0;
        }
      
        .cl-item-info-detail-container {
          width: 100%;
        }
      
        .cl-item-info-detail {
          gap: 18px 10px;
          grid-template-columns: 1fr;
          width: fit-content;
          margin: 0 auto;
        }
      
        .cl-item-info-button-container {
          flex-direction: column;
          gap: 38px;
          margin-top: 28px;
        }
      
        .cl-all-collection-button {
          display: none;
        }
      
        .cl-slider-button-container {
          display: flex;
        }
      }

/* home-featured-collections.liquid */

.home-featured-col-container {
  margin: 0 auto 52px;
  padding: 0 10px;
}

.hf-grid-container {
  max-width: 1432px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 68px 14px;
  margin: 0 auto;
}

.hf-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

 .hf-image-wrapper {
    width: 100%;
    max-width: 710px;
    aspect-ratio: 710/608;
    border-radius: 4px;
    overflow: hidden;
    a {
      display: block;
      width: 100%;
      height: 100%;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }

.hf-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 72px;
  padding: 0 10px;
}

.hf-item-info-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: clamp(20px, 2vw, 24px);
}

.hf-item-info-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 207px;
  width: 100%;
  height: 52px;
  border-radius: 4px;
  border: 1px solid #ff5541;
  background-color: transparent;
  color: #ff5541;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  transition: all 0.2s ease-in;
  & > span {
    display: flex;
    align-items: center;
  }
  &:hover {
    background-color: #ff5541;
    color: #ffffff;
  }
}

@media (max-width: 768px) {
  .hf-grid-container {
    grid-template-columns: 1fr;
  }

  .hf-item-info-title {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .hf-image-wrapper {
    aspect-ratio: 420/360;
  }

  .hf-grid-item {
    gap: 18px;
  }

  .hf-item-info-title {
    font-size: clamp(20px, 5.5vw, 24px);
  }
}

/* hone-reviews-section */
      .hr-section {
        width: 100%;
        height: auto;
        margin: 0 auto 68px;
        padding: 99px 10px;
        color: #283237;
        background-color: #efefef;
        p,
        h2 {
          margin: 0;
          padding: 0;
        }
      }

      .hr-section-wrapper {
        width: 100%;
        max-width: 1344px;
        height: auto;
        display: flex;
        gap: 34px 21px;
        margin: 0 auto;
      }

      .hr-left-side {
        width: 31.25%;
        min-width: 260px;
      }

      .hr-title {
        font-family: Merriweather;
        font-weight: 500;
        font-size: clamp(42px, 4.5vw, 54px);
        line-height: clamp(53px, 4.5vw, 63px);
        margin-bottom: clamp(12px, 1vw, 18px);
        text-transform: capitalize;
      }

      .hr-review-star-wrapper {
        position: relative;
        width: 100%;
        max-width: 180px;
        aspect-ratio: 180/32;
        margin: clamp(12px, 2vw, 20px) 0;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .hr-description {
        font-family: Roboto;
        font-weight: 400;
        font-size: clamp(24px, 1vw, 28px);
        line-height: clamp(24px, 2.9vw, 33.6px);
        margin-bottom: clamp(25px, 2.5vw, 45px);
      }

      .hr-slider-button-container {
        position: relative;
        width: 130px;
        margin: clamp(28px, 4.1vw, 68px) 0 68px -10px;
      }

      .hr-prev,
      .hr-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
        &:hover {
          background-color: #70707066;
        }
        &:active {
          opacity: 0.8;
        }
      }

      .hr-prev::after,
      .hr-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }

      .hr-prev {
        border-radius: 4px 0 0 4px;
      }

      .hr-next {
        border-radius: 0 4px 4px 0;
      }

      .hr-slider-container {
        flex-grow: 1;
        width: 100%;
        overflow: hidden;
      }

      .hr-section .hr-slider {
        max-width: 1012px;
        width: 100%;
        height: auto;
      }

      .hr-slider-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-radius: 4px;
        background-color: #fff;
        overflow: hidden;
      }

      .hr-slide-image-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 320/309;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .hr-slide-comment-container {
        min-height: 84px;
        margin: 12px auto 16px;
        padding: 0 27.5px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        & > p:first-child {
          font-family: Roboto;
          font-size: 14px;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        & > p:last-child {
          font-family: Roboto;
          font-size: 14px;
          text-align: center;
        }
      }

      .hr-slide-text-button {
        color: #ff5541;
        font-family: Roboto;
        font-weight: 590;
        font-size: 16px;
        min-height: 45px;
        text-decoration-thickness: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 18px;
        text-decoration-thickness: 1px;
        text-transform: uppercase;
        &:hover {
          text-decoration-thickness: 1.5px;
        }
      }

      @media (max-width: 1024px) {
        .hr-left-side {
          width: 47%;
          min-width: 260px;
        }
        .hr-title {
          font-size: clamp(42px, 6vw, 54px);
          line-height: clamp(53px, 6vw, 63px);
          margin-bottom: (12px, 2vw, 20px);
        }

        .hr-review-star-wrapper {
          margin: clamp(4px, 1.8vw, 20px) 0;
        }

        .hr-description {
          margin-bottom: clamp(20px, 4vw, 45px);
          font-size: clamp(20px, 2.8vw, 28px);
          line-height: clamp(28px, 4vw, 33.6px);
        }

        .hr-slider-button-container {
          position: relative;
          width: 130px;
          margin: clamp(28px, 6.5vw, 68px) 0 68px -10px;
        }
      }

      @media (max-width: 768px) {
        .hr-section {
          padding: 53px 10px 79px;
        }

        .hr-section-wrapper {
          flex-direction: column;
          align-items: center;
        }

        .hr-left-side {
          max-width: 388px;
          width: 100%;
          padding: 0 53px;
        }

        .hr-title {
          font-weight: 700;
          font-size: 32px;
          margin-bottom: 34px;
          text-align: center;
        }

        .hr-review-star-wrapper {
          max-width: 180px;
          aspect-ratio: 180/32;
          margin: 24px auto 34px;
        }

        .hr-description {
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 34px;
          text-align: center;
        }

        .hr-slider-button-container {
          display: none;
        }


        .hr-slider-item {
          border-radius: 0;
        }

        .hr-slide-image-wrapper {
          aspect-ratio: 266/284;
          & > img {
            object-fit: cover;
          }
        }

        .hr-slide-text-button {
          margin-bottom: 10px;
        }
      }


/*  our-blog-section.liquid */

      .our-blog-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto 24px;
        padding: 0 10px;
        color: #283237;
        a {
          text-decoration: none;
          color: #283237;
        }
        p,
        h2 {
          margin: 0;
          padding: 0;
        }
      }

      .ob-title-container {
        width: 100%;
        max-width: 1103px;
        margin: 0 auto 52px;

        & > h2 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin-bottom: 16px;
          min-height: 48px;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 21px;
          text-align: center;
        }
      }

      .ob-slider-button-container {
        display: none;
        position: relative;
        width: 130px;
        margin: 30px auto 94px;
      }

      .ob-prev,
      .ob-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
        &:hover {
          background-color: #70707066;
        }
        &:active {
          opacity: 0.8;
        }
      }

      .ob-prev::after,
      .ob-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }

      .ob-prev {
        border-radius: 4px 0 0 4px;
      }

      .ob-next {
        border-radius: 0 4px 4px 0;
      }

      .our-blog-section .swiper {
        max-width: 1432px;
        width: 100%;
        height: auto;
      }

      .ob-slider-item:hover h3 {
        color: #ff5541;
      }

      .ob-slider-image-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 464/345;
        overflow: hidden;
        border-radius: 4px;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .ob-slider-text-container {
        padding: 40px;
        & > h3 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 24px;
          text-align: left;
          width: 100%;
          margin-bottom: 24px;
          text-transform: capitalize;
          transition: color 0.2s ease-in;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 20px;
          text-align: left;
          width: 100%;
        }
      }

      @media (max-width: 840px) {
        .ob-slider-text-container {
          padding: 34px 21.5pxpx;
          & > h3 {
            font-size: 20px;
          }
          & > p {
            font-size: 16px;
          }
        }
      }

      @media (max-width: 640px) {
      .ob-slider-button-container {
        display: flex;
      }

        .ob-title-container {
          max-width: 340px;
          margin: 0 auto 18px;
          & > h2 {
            font-size: 28px;
            margin-bottom: 18px;
            min-height: 35px;
          }
          & > p {
            font-size: 14px;
            line-height: 20px;
          }
        }
      }

/* home-synchrony-banner.liquid */
.synchrony-banner-container {
  max-width: 1451px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 52px;
  padding: 0 10px;
}

.synchrony-banner-link {
  position: relative;
  width: 100%;
  height: 100%;
  border-width: 1px;
}

.synchrony-banner-desktop-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1431/177;
}

.synchrony-banner-mobile-image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 420/327;
}

@media screen and (max-width: 640px) {
  .synchrony-banner-desktop-image {
    display: none;
  }

  .synchrony-banner-mobile-image {
    display: block;
  }
}

/* navmenu  */
.site-header-acount-bag-container{
  width: 100px;
}

.site-header-account-link {
    right: 100px;
    top: 64%;
}

.site-navigation a, .site-navigation .navmenu-depth-1>li>a {
  text-transform:unset !important;
  font-size: 16px;
}

.site-navigation>.navmenu-depth-1>li>a {
  text-transform: uppercase !important;
}

.site-navigation .navmenu-icon.navmenu-icon-depth-1 {
    scale: 1.5;
    margin-left: 5px;
}

.site-navigation .navmenu-depth-1>li {
    padding: 8px 4px;
}


.navmenu-link.navmenu-link-parent {
  color: #283237 !important;
}

.navmenu-child-container-nograndchild {
  display: flex;
  flex-wrap: wrap !important;
  row-gap: 3px;
  width: 100%;
  position: relative !important;
  overflow-x: unset !important;
  .navmenu-child-item {
     flex-grow: 0 !important;
  }
}

.navmenu-child-container {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  width: 242px;
  position: relative !important;
  overflow-x: unset !important;
  border-right: 1px solid #BFBFBF;
}

.navmenu-meganav--scroller {
  border-top: 1px solid #BFBFBF;
}

.navmenu-child-item {
  flex-basis: 0 !important;
  position: unset !important;
  width: 100% !important;
}

.navmenu-child-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px 0 20px;
  min-height: 40px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #707070;
  background: white;
}

.navmenu-child-item:hover a {
  color: #ff5541;
  font-weight: 700;
  & span {
    color: #283237;
  }
}

.navmenu-child-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 16px;
  color: #707070;
}

.navmenu-meganav.navmenu-meganav--desktop {
    left: 100px !important;
    width: 80vw !important;   
}

.navmenu-grandchild-container {
  display: none;
  flex-wrap: wrap !important;
  width: calc(80vw - 242px);
  gap: 16px 0;
  padding: 10px;
  position: absolute;
  top: 0 !important;
  left: calc(100% + 0.5px);
  background: white;
  height: 100%;
  margin-top: 10px !important;
  align-content: flex-start;
}

.navmenu-child-item:hover .navmenu-grandchild-container {
  display: flex;
}

.grandchild-item {
  width: 130px;
  min-height: 40px;
  height: fit-content;
  list-style-type: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.grandchild-item > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
  width: 100%;
}

.grandchild-item:hover .grandchild-title {
  color: #ff5541;
  font-weight: 700;
}

.grandchild-image {
  width: 78px;
  height: 130px;
  margin: 10px 0;
}

.grandchild-title {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #707070;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
  padding: 0 !important; 
  transition: all 0.1s ease-in;
  width: 100%;
}

p.grandchild-title {
  margin: 0 !important;
}

.mobile-navmenu-grandchild {
  display: flex !important;
  align-items: center;
  gap: 10px;

  & > img {
    width: 20px;
    height: 30px;
  }
}

  @media screen and (min-width: 1200px) {
    .live-search {
      margin-left: 16px;
      margin-right: 12px;
      }
  }

  @media screen and (max-width: 1023px) {
    .small-promo-icon--svg {
      width: 1.5rem;
      height: auto;
      }

     .site-header-account-link {
      top: 20px;
    }
  }


  @media screen and (max-width: 576px) {
    .site-header-account-link {
      right: 68px;
    }
  }

  @media screen and (max-width: 480px) {
      .site-header-logo img {
        max-width: 230px !important;
    }
      .site-header-logo {
        padding-right:20px;
    }
  }

/* header button */
     .kd-header-button-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        margin-right: -16px;
      }

     .kd-header-button-container a {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        cursor: pointer;
        border-radius: 8px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        padding: 13px 10px;
        color: #fff;
        text-decoration: none;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        transition: all 0.2s ease-in;
      }

      .kd-header-button-container button:hover {
        opacity: 0.8;
      }

      .kd-header-button-container a:nth-child(1) {
        background-color: #35495d;
      }

      .kd-header-button-container a:nth-child(2) {
        background-color: #36c6f6;
      }

      .kd-header-button-container a:nth-child(3) {
        background-color: #0f9c7d;
      }

      @media screen and (min-width: 1024px) and (max-width: 1200px) {
        .kd-header-button-container a {
          font-size: 13px;
          padding: 13px 8px;
        }

        .live-search {
          margin-left: 4px;
          margin-right: 12px;
        }

        .small-promo {
          margin-right: -24px;
        }

        .site-header-logo img {
          max-width: 230px !important;
        }
      }

    @media (max-width: 576px) {
      .kd-header-button-container {
        display: flex;
        justify-content: space-between;
        margin-right: 0;
        width: 100%;
        gap: 8px;
      }
      
      .kd-header-button-container a {
        flex: 1;
        min-width: 0;
        padding: 12px 4px; 
        font-size: 13px;
      }

      .small-promo {
        padding-right: 0;
        padding-left: 0;
    }
    }

@media screen and (min-width: 1024px) {
  .small-promo {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .small-promo-icon {
    margin: 0 15px;
  }
}

/* hc-home-collection-alternative */

      .home-collections-alternative-section {
        max-width: 1512px;
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 68px;
        a {
          text-decoration: none;
          color: #283237;
        }
        p,
        h2 {
          margin: 0;
          padding: 0;
        }
      }

      .hca-section-title-container {
        width: 100%;
        max-width: 856px;
        margin: 0 auto;
        & > h2 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin-bottom: 13px;
          min-height: 48px;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0 auto;
        }
      }

      .hca-collection-title-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1432px;
        padding: 0 10px;
        width: 100%;
        margin: 94px auto 16px;
        & > p {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 32px;
          line-height: 100%;
        }
      }

      .hca-slider-desktop-nav {
        display: flex;
        position: relative;
        width: 130px;
      }

      .hca-prev,
      .hca-next {
        background-color: #70707033;
        cursor: pointer;
        width: 48px !important;
        height: 48px !important;
        &:hover {
          background-color: #70707066;
        }
        &:active {
          opacity: 0.8;
        }
      }

      .hca-prev::after,
      .hca-next::after {
        font-size: 20px !important;
        color: #707070 !important;
      }

      .hca-prev {
        border-radius: 4px 0 0 4px;
      }

      .hca-next {
        border-radius: 0 4px 4px 0;
      }

      .home-collections-alternative-section .swiper {
        max-width: 1432px;
        width: 100%;
        height: auto;
      }

      .hca-slider-item {
        background-color: #fff;
        transition: background-color 0.2s ease-out;
        &:hover {
          background-color: #efefef;
        }
      }

      .hca-slider-image-wrapper {
        position: relative;
        max-width: 189px;
        width: 100%;
        aspect-ratio: 189/311;
        overflow: hidden;
        margin: 24px auto 30px;
        & a {
          position: absolute;
          max-width: 189px;
          width: 100%;
          aspect-ratio: 189/311;
        }
        & img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .hca-slider-image-badge {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ff5541;
        color: #ffffff;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        padding: 10px 20px 10px 10px;
        border-top-right-radius: 50px;
      }

      .hca-slider-product-title {
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        width: 100%;
        margin: 15px auto 0;
        max-width: 100%;
        height: 45px;
        line-height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .hca-slider-product-info {
        font-family: Roboto, sans-serif;
        min-height: 55px;
        width: 100%;
        margin: 0 auto;
        & > p {
          font-weight: 400;
          font-size: 14px;
          line-height: 25px;
          text-align: center;
        }
      }

      .hca-product-prices {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        font-family: Roboto, sans-serif;
        line-height: 25px;
        & > .hca-old-price {
          font-size: 14px;
          text-align: center;
          text-decoration: line-through;
          color: #707070;
        }
        & > .hca-new-price {
          color: #ff5541;
          font-weight: 700;
          font-size: 18px;
          text-align: center;
        }
      }

      .hca-slider-item:hover {
        .hca-slider-product-title {
          font-size: 22px;
        }

        .hca-slider-product-info > p {
          font-size: 16px;
        }

        .hca-product-prices {
          & > .hca-old-price {
            font-size: 16px;
          }
          & > .hca-new-price {
            font-size: 20px;
          }
        }
      }

      .hca-slider-button {
        max-width: 200px;
        width: 100%;
        height: 48px;
        margin: 30px auto 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background-color: transparent;
        transition: background-color 0.2s ease-in;
        border: 1px solid #ff5541;
        color: white;
        font-family: Roboto, sans-serif;
        font-weight: 700;
        font-size: 16px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }

      .hca-slider-item:hover .hca-slider-button {
        background-color: #ff5541;
        color: #fff;
      }

      .hca-slider-mobile-nav {
        display: none;
      }

      @media (max-width: 769px) {
        .hca-section-title-container {
          & > h2 {
            font-size: 28px;
            margin-bottom: 18px;
            min-height: 35px;
          }
          & > p {
            font-size: 14px;
            line-height: 20px;
          }
        }

        .hca-slider-image-wrapper {
          margin: 10px auto;
        }

        .hca-slider-button {
          margin: 10px auto;
          font-size: 14px;
        }
      }

      @media (max-width: 576px) {
        .hca-section-title-container > p {
          max-width: 322px;
        }

        .hca-collection-title-container {
          justify-content: center;
        }

        .hca-slider-desktop-nav {
          display: none !important;
        }

        .hca-slider-mobile-nav {
          display: flex;
          position: relative;
          width: 130px;
          margin: 30px auto;
        }

        .hca-slider-item:hover .hca-slider-product-info > p {
          font-size: 14px;
        }
      }

/*  Collection.ax_top.liquid */

      .collection-ax-top-page-container {
        margin: 0 auto;
        padding: 0 10px;
      }

      .cat-title {
        margin: 16px auto 52px;
        & > h2 {
          max-width: 856px;
          width: 100%;
          font-family: Merriweather, sans-serif;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin: 0 auto 16px;
          color: #ff5541;
        }
        & > p {
          max-width: 856px;
          width: 100%;
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0 auto;
        }
      }

      .cat-grid-container {
        max-width: 1431px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 52px 13px;
        margin: 0 auto 52px;
      }

      .cat-grid-item > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-decoration: none;
        color:#283237; 
      }

      .cat-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 708px;
        aspect-ratio: 708/432;
      }

      .cat-image-wrapper {
        position: relative;
        display: inline-block;
        max-width: 708px;
        width: 100%;
        aspect-ratio: 708/432;
        overflow: hidden;
        border-radius: 4px;
        & a {
          position: absolute;
          display: inline-block;
          max-width: 708px;
          width: 100%;
          aspect-ratio: 708/432;
        }
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .cat-badge {
        position: absolute;
        right: 9px;
        top: 10px;
        border-radius: 4px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        display: flex;
        align-items: center;
        padding: 9.5px 14px;
        background-color: #ff5541;
        color: #fff;
      }

      .cat-item-info-title {
        width: 100%;
        min-height: 58px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        & > span {
          white-space: nowrap;
          font-weight: 300;
          padding-left: 7px;
        }
      }

      .cat-item-info-title.cat-title-height {
        min-height: 72px;
        margin-bottom: 16px;
      }

      .cat-item-info-detail-container {
        margin: 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 16px;
      }

      .cat-item-info-detail {
        width: 100%;
        display: grid;
        gap: 0 20px;
        grid-template-columns: repeat(2, 1fr);
        max-width: 620px;
      }

      .cat-info-ten-kitchen,
      .cat-info-ten-foot {
        display: flex;
        align-items: center;
        gap: 29px;
        width: 100%;
      }

      .cat-info-detail-icon {
        position: relative;
        width: 70px;
        aspect-ratio: 70/58;
        overflow: hidden;
        & > img {
          position: absolute;
          height: 100%;
          width: 100%;
          object-fit: none;
        }
      }

      .cat-info-detail-price {
        height: 100%;
        & > p:first-child {
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 100%;
          letter-spacing: 0%;
          color: #283237;
          margin: 0;
          min-height: 31px;
          white-space: nowrap;
        }
        & > p:last-child {
          font-family: Roboto, sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 100%;
          letter-spacing: 0%;
          margin: 0;
          color: #ff5541;
        }
      }

      .cat-item-info-button-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 20px;
      }

      .cat-custom-button {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        max-width: 300px;
        width: 100%;
        height: 58px;
        border-radius: 4px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 20px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        cursor: pointer;
      }

      .cat-info-shop-button {
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #ff5541;
        color: #ff5541;
        &:hover {
          background-color: #ff5541;
          color: #ffffff;
        }
      }

      .cat-info-order-button {
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #36c6f6;
        color: #36c6f6;
        &:hover {
          background-color: #36c6f6;
          color: #ffffff;
        }
      }

      /* full grid item styles */
      .cat-full-grid-item {
        grid-column: span 2;
        width: 100%;
        max-width: 1431px;
        & > a {
          text-decoration: none;
          color:#283237; 
        }
      }

      .cat-full-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 1431px;
        margin-bottom: 21px;
        border-radius: 4px;
        aspect-ratio: 1431/756;
      }

      .cat-full-image-wrapper {
        position: relative;
        display: inline-block;
        max-width: 1431px;
        width: 100%;
        aspect-ratio: 1431/756;
        overflow: hidden;
        border-radius: 4px;
        & a {
          position: absolute;
          display: inline-block;
          max-width: 1431px;
          width: 100%;
          aspect-ratio: 1431/756;
        }
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .cat-full-info-container {
        width: 100%;
        min-height: 70px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        padding: 0 10px;
      }

      .cat-full-info-title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 24px;
        display: flex;
        align-items: center;
        column-gap: 7px;
        text-transform: uppercase;
        flex-wrap: wrap;
        white-space: nowrap;
        flex-grow: 1;
        color: #283237;
        & > span {
          font-weight: 300;
          white-space: nowrap;
          text-transform: initial;
        }
      }

      .cat-item-full-info-detail-container {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .cat-full-shop-button {
        width: clamp(180px, 17vw, 244px);
        min-width: fit-content;
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #ff5541;
        padding: 0 10px;
        color: #ff5541;
        &:hover {
          background-color: #ff5541;
          color: #ffffff;
        }
      }

      .cat-full-order-button {
        width: clamp(180px, 17vw, 244px);
        min-width: fit-content;
        background-color: transparent;
        transition: all 0.2s ease-in;
        border: 1px solid #36c6f6;
        padding: 0 10px;
        color: #36c6f6;
        &:hover {
          background-color: #36c6f6;
          color: #ffffff;
        }
      }

      @media (max-width: 1100px) {
        .cat-item-info-detail {
          gap: 16px 10px;
          grid-template-columns: 1fr;
          width: fit-content;
          margin: 0 auto;
        }

        .cat-item-info-detail-container .cat-item-info-button-container {
          flex-direction: column;
        }

        .cat-full-info-container {
          border: 1px solid red;
          flex-direction: column;
          gap: 16px 0;
        }

        .cat-full-info-title {
          min-height: 58px;
          border: 1px solid red;
        }

        .cat-full-info-container .cat-item-info-detail {
          grid-template-columns: repeat(2, 1fr);
        }

        .cat-full-shop-button,
        .cat-full-order-button {
          width: clamp(180px, 22vw, 244px);
        }
      }

      @media (max-width: 1024px) {
        .cat-item-full-info-detail-container {
          flex-direction: column;
        }

        .cat-full-info-container .cat-item-info-detail {
          gap: 0 20px;
        }
        .cat-full-info-container .cat-item-info-detail {
          width: 100%;
          gap: 0 20px;
          grid-template-columns: repeat(2, 1fr);
        }

        .cat-full-shop-button,
        .cat-full-order-button {
          width: 300px;
        }
      }

      @media (max-width: 768px) {
        .cat-grid-container {
          grid-template-columns: 1fr;
          margin: 0 auto 68px;
        }

        .cat-full-grid-item {
          grid-column: span 1;
        }

        .cat-title {
          margin: 34px auto !important;
          & > h2 {
            max-width: 544px;
            font-size: 32px;
            margin: 0 auto 18px;
          }
          & > p {
            max-width: 514px;
            font-size: 16px;
            line-height: 26px;
          }
        }

        .cat-grid-container {
          gap: 68px 13px;
        }

        .cat-item-info-detail {
          width: 100%;
          gap: 0 20px;
          grid-template-columns: repeat(2, 1fr);
        }

        .cat-item-info-detail-container .cat-item-info-button-container {
          flex-direction: row;
        }
      }

      @media (max-width: 576px) {
        .cat-title {
          margin-bottom: 18px;

          & > h2 {
            max-width: 354px;
            font-size: 28px;
          }

          & > p {
            max-width: 322px;
            font-size: 14px;
            line-height: 20px;
          }
        }

        .cat-item-info-detail {
          gap: 16px 10px;
          grid-template-columns: 1fr;
          width: fit-content;
        }

        .cat-item-full-info-detail-container .cat-item-info-button-container {
          flex-direction: column;
        }

        .cat-item-info-detail-container .cat-item-info-button-container {
          flex-direction: column;
        }

        .cat-item-full-info-detail-container .cat-item-info-detail {
          gap: 16px 10px;
          grid-template-columns: 1fr;
          width: fit-content;
        }
      }

/* collection.ax_middle.liquid */

      .collections-ax-middle-page-container {
        max-width: 1432px;
        width: 100%;
        height: auto;
        margin: 0 auto 52px;
        padding: 0 10px;
        color: #283237;
        & a {
          text-decoration: none;
          color: #283237;
        }
      }

      .cam-title-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 16px auto 52px;
        gap: 16px;
        max-width: 856px;
        width: 100%;
        & > h2 {
          font-family: Merriweather, sans-serif;
          font-weight: 700;
          font-size: 38px;
          line-height: 100%;
          text-align: center;
          margin: 0;
          padding: 4px 0;
          color: #ff5541;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0;
          color: #283237;
        }
      }

      .cam-grid-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        max-width: 1432px;
        width: 100%;
        gap: 52px 24px;
        margin: 0 auto 52px;
      }

      .cam-grid-item {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        transition: background-color 0.2s ease-out;
        display: flex;
        flex-direction: column;
        &:hover {
          background-color: #efefef;
        }
      }

      .cam-image-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 340px;
        aspect-ratio: 340 / 331;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 0;
        & a {
          position: relative;
          width: fit-content;
          height: 100%;
          max-width: 189px;
          aspect-ratio: 189 / 311;
          text-decoration: none;
        }
        & img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: opacity 0.5s linear;
        }
      }

      .cam-default-image {
        opacity: 1;
      }

      .cam-hover-image {
        opacity: 0;
      }

      .cam-image-badge {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 28px;
        background-color: #ff5541;
        color: #ffffff;
        font-family: Roboto;
        font-size: 12px;
        padding: 10px 20px 10px 10px;
        border-top-right-radius: 50px;
        width: fit-content;
      }

      .cam-grid-item-content-wrapper {
        width: 100%;
        margin: 16px auto 11px;
        padding: 0 5px;
      }

      .cam-product-title {
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        width: 100%;
        min-height: 55px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #283237;
        transition: font-size 0.15s ease-in-out;
      }

      .cam-product-info {
        min-height: 49px;
        width: 100%;
        margin: 0 auto;
        & > p {
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 25px;
          text-align: center;
          margin: 0;
          color: #283237;
          transition: font-size 0.15s ease-in-out;
        }
      }

      .cam-product-prices {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        & > .cam-old-price {
          font-family: Roboto, sans-serif;
          line-height: 25px;
          font-size: 14px;
          text-align: center;
          text-decoration: line-through;
          color: #707070;
          margin: 0;
          transition: font-size 0.15s ease-in-out;
        }
        & > .cam-new-price {
          color: #ff5541;
          font-family: Roboto, sans-serif;
          line-height: 25px;
          font-weight: 700;
          font-size: 18px;
          text-align: center;
          margin: 0;
          transition: font-size 0.15s ease-in-out;
        }
      }

      .cam-button {
        max-width: 300px;
        width: 100%;
        height: 48px;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background-color: transparent;
        color: #283237;
        transition: background-color 0.2s ease-in;
        border: 1px solid #ff5541;
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }

      .cam-grid-item:hover {
        .cam-default-image {
          opacity: 0;
        }

        .cam-hover-image {
          opacity: 1;
        }

        .cam-image-container a {
          max-width: 319px;
          aspect-ratio: 319 / 311;
        }

        .cam-product-title {
          font-size: 21px;
        }

        .cam-product-info > p {
          font-size: 16px;
        }

        .cam-product-prices {
          & > .cam-old-price {
            font-size: 16px;
          }
          & > .cam-new-price {
            font-size: 20px;
          }
        }

        .cam-button {
          background-color: #ff5541;
          color: #fff;
        }
      }

      .cam-pagination-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 10px 0;
      }

      .cam-pagination-container .page,
      .cam-pagination-container .page a {
        color: #707070;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
      }

      .cam-pagination-container .page.current {
        color: #283237;
      }

      .cam-pagination-container .prev a,
      .cam-pagination-container .next a {
        color: #707070;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
      }

      .cam-pagination-container .prev a:hover,
      .cam-pagination-container .next a:hover {
        color: #283237;
      }

      @media (max-width: 1024px) {
        .cam-grid-container {
          grid-template-columns: repeat(3, 1fr);
          gap: 52px 16px;
        }
      }
      @media (max-width: 720px) {
        .cam-grid-container {
          grid-template-columns: repeat(2, 1fr);
          gap: 32px 10px;
        }

        .cam-grid-container {
          gap: 32px 10px;
        }

        .cam-grid-item-content-wrapper {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      }

      @media (max-width: 576px) {
        .cam-title-container {
          margin: 34px auto 68px;
          gap: 18px;
          & > h2 {
            max-width: 239px;
            width: 100%;
            font-size: 28px;
          }
          & > p {
            max-width: 322px;
            width: 100%;
            font-size: 14px;
            line-height: 20px;
          }
        }
      }

/* ax_collection_sec.liquid gallery  */
      .ad-gallery-section {
        max-width: 852px;
        width: 100%;
        height: auto;
        position: relative;
      }

      .ad-gallery-section .swiper {
        width: 100%;
        height: 100%;
      }

      .ad-next,
      .ad-prev {
        color: #ffffffa4 !important;
        &:hover {
          color: #fff !important;
        }
      }

      .ad-next::before {
        content: "";
        position: absolute;
        right: 12px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        width: 28px;
        height: 28px;
        transform: rotate(45deg);
        border-radius: 3px 1px 3px 3px;
      }

      .ad-prev::before {
        content: "";
        position: absolute;
        left: 12px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
        width: 28px;
        height: 28px;
        transform: rotate(-135deg);
        border-radius: 3px 1px 3px 3px;
      }

      .ad-prev-thumb::after,
      .ad-next-thumb::after {
        font-size: 24px !important;
      }

      .ad-next-thumb,
      .ad-prev-thumb {
        color: #ffffffa4 !important;
        &:hover {
          color: #fff !important;
        }
      }

      .ad-next-thumb::before {
        content: "";
        position: absolute;
        right: 13px;
        border-top: 3px solid #000;
        border-right: 3px solid #000;
        width: 16px;
        height: 16px;
        transform: rotate(45deg);
        border-radius: 3px 1px 3px 3px;
      }

      .ad-prev-thumb::before {
        content: "";
        position: absolute;
        left: 13px;
        border-top: 3px solid #000;
        border-right: 3px solid #000;
        width: 16px;
        height: 16px;
        transform: rotate(-135deg);
        border-radius: 3px 1px 3px 3px;
      }

      .ad-cover-image-slider {
        width: 100%;
        aspect-ratio: 852/577;
        margin-bottom: 13px;
      }

      .ad-cover-image-item {
        border-radius: 4px;
        overflow: hidden;
        background-color: #f9f9f9;
        display: flex !important;
        justify-content: center;
        align-items: center;
      }

      .ad-cover-image-wrapper {
        position: relative;
        width: fit-content;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
      }

      .ad-cover-image-wrapper > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .ad-cover-image-wrapper > img:hover {
        cursor: crosshair;
      }

      .ad-cover-image-video {
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
      }

      .ad-cover-image-wrapper video {
        width: 100%;
      }

      .ad-video-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 24px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 2;
      transition: opacity 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .ad-video-play-button svg {
      width: 72px;
      height: 72px;
      fill: transparent;
      color:white;
    }
    
    .ad-cover-image-wrapper.playing .ad-video-play-button {
      display: none;
    }

     .ad-zoom-box {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 20px;
        width: 400px;
        height: 400px;
        overflow: hidden;
        display: none;
        z-index: 999;
        background-color: white;
        border-radius: 4px;
      }

      .ad-zoom-box img {
        position: absolute;
        width: 1600px;
        height: auto;
        object-fit: contain;
        pointer-events: none;
      }

      .ad-cover-image-badge {
        position: absolute;
        right: 10px;
        top: 10px;
        border-radius: 4px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        display: flex;
        align-items: center;
        padding: 9.5px 14px;
        background-color: #ff5541;
        color: #fff;
      }

      .ad-thumbnail-slider {
        box-sizing: border-box;
        padding: 0 0 12px 0 !important;
      }

      .ad-thumbnail-slider .swiper-slide {
        height: 100%;
        opacity: 0.8;
      }

      .ad-thumbnail-slider .swiper-slide-thumb-active {
        opacity: 1;
        border: 2px solid #707070;
      }

      .ad-slider-thumbnail-item {
        border-radius: 4px;
        position: relative !important;
        aspect-ratio: 3/2;
        width: 100%;
        overflow: hidden;
        border: 2px solid transparent;
        transition: border-color 0.2s ease-out;
        display: flex !important;
        justify-content: center;
        align-items: center;
        box-sizing: border-box !important;
      }

      .ad-slider-thumbnail-item > img {
        border-radius: 4px;
        position: absolute;
        width: 98%;
        height: 98%;
        object-fit: contain;
      }

      .ad-slider-thumbnail-item > video {
        border-radius: 4px;
        position: absolute;
        width: 98%;
        height: 98%;
        object-fit: contain;
      }

       .ad-slider-thumbnail-item > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        pointer-events: none;
      }

@media (max-width:720px){
  .ad-zoom-box {
    visibility: hidden;
  }
}

/* ax_collection_sec.liquid Shop By Category slider  */

      .sbc-title {
        width: 100%;
        font-family: Merriweather;
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        text-align: center;
        margin: 49px auto 42px;
        padding: 0 10px;
      }

      .sbc-slider-container {
        /* max-width: 1382px; */
        max-width: fit-content;
        width: 100%;
        padding: 10px;
        margin: 0 auto 20px;
        display: flex;
        align-items: center;
        gap: 16px;
        position: sticky;
        top: 0;
        z-index: 100;
        background-color: #fff;
      }

      .sbc-slider-container .swiper {
        max-width: fit-content;
        width: 100%;
      }

      .sbc-slider-container .swiper-wrapper {
        list-style: none;
        padding-left: 0;
        width: fit-content;
        margin: 0 auto;
      }

      .sbc-slider-item {
        width: fit-content !important;
        background-color: #283237;
        transition: background-color 0.2s ease-out;
        border-radius: 4px;
        overflow: hidden;
        padding: 4px 10px;
        display: flex !important;
        align-items: center;
        gap: 8px;
        & a {
          text-decoration: none;
          display: flex;
          align-items: center;
          gap: 8px;
        }
        &:hover {
          transition: background-color 0.2s ease-in;
          background-color: #36c6f6;
        }
        &:hover .sbc-slider-title {
          transition: background-color 0.2s ease-in;
          color: #000;
        }
        &:hover .sbc-slider-title a {
          transition: font-weight 0.2s ease-in;
          color: #000;
        }
      }

      .sbc-slider-image-wrapper {
        width: fit-content;
        height: 40px;
        overflow: hidden;
        & > img {
          height: 100%;
          width: 100%;
          object-fit: contain;
        }
      }

      .sbc-slider-title {
        font-family: Roboto;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: 0%;
        color: #fff;
        text-transform: uppercase;
        width: 100%;
        font-weight: 500;
        text-align: left;
        a {
          width:100%; 
          color: #fff;
          text-decoration: none;
        }
      }

     .sbc-sidebar-mobile {
        display: none;
      }
  @media (max-width:800px) {
       .sbc-slider-container {
        top: 168px;
      }
  }

  @media (max-width: 750px) {
     .sbc-sidebar-desktop {
        display: none;
      }
    
     .sbc-sidebar-mobile {
        display: block;
        margin: 0 auto 20px;
        z-index: 999;
      }
  }

/* ax_default_collection_sec.liquid page format */
  .product--container.ax_def_col_sec {
    max-width: 1432px; 
  }

  .productgrid--outer.ax_def_col_sec_productgrid {
    max-width: 1432px; 

    .productgrid--no-results {
      margin-bottom: 24px;
    }
  }

  .ax_def_col_sec_productgrid .productgrid--wrapper .main_box {
   margin-top: 0; 
  }

.productgrid-sidebar.ax_def_col_sec_select {
  float: none;
  & select {
    border-radius: 8px;
    background-color: #F5F5F5;
  }
}

.productgrid-sidebar.ax_def_col_sec_select h4 {
  border-radius: 8px;
  background-color: #F5F5F5;
  color: #283237;
  font-family: 'Roboto', sans-serif;
}

.productgrid-sidebar.ax_def_col_sec_select h4:after {
  border-right: 1px solid #283237;
  border-bottom: 1px solid #283237;
}

/* ax_collection_sec.liquid price section  */

      .sbc-price-section {
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 99.5vw;
        margin-top: 17px;
        background: #EFEFEF;
        padding: 0 20px;
      }

      .sbc-price-main-container {
        max-width: 1382px;
        width: 100%;
        height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
      }

      .sbc-price-item-info-detail {
        width: fit-content;
        display: grid;
        gap: 0 20px;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
      }
      
      .sbc-price-item-info-detail a {
        text-decoration: none;
      }

      .sbc-info-ten-kitchen,
      .sbc-info-ten-foot {
        display: flex;
        align-items: center;
        gap: 28px;
        width: 100%;
      }

      .sbc-info-detail-icon {
        position: relative;
        width: 70px;
        aspect-ratio: 70/58;
        overflow: hidden;
        & > img {
          position: absolute;
          height: 100%;
          width: 100%;
          object-fit: none;
        }
      }

      .sbc-info-detail-price {
        height: 100%;
        display: flex;
        column-gap: 17.5px;
        align-items: center;
        & > p:first-child {
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 100%;
          letter-spacing: 0%;
          color: #283237;
          margin: 0;
          white-space: nowrap;
        }
        & > p:last-child {
          font-family: Roboto, sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 100%;
          letter-spacing: 0%;
          color: #ff5541;
          margin: 0;
        }
      }

     .sbc-button-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        margin-top: 20px
      }

      .sbc-button-container-top,
      .sbc-button-container-bottom {
        display: flex;
        justify-content: center;
        gap: 16px;
        align-items: center;
      }

      .sbc-custom-button {
        display: flex;
        border: none;
        justify-content: center;
        align-items: center;
        gap: 16px;
        max-width: 529px;
        width: 100%;
        height: 48px;
        cursor: pointer;
        border-radius: 4px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #fff;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        text-decoration: none;
        transition: all 0.2s ease-in;
      }

      .sbc-custom-button:hover {
        opacity: 0.8;
      }

      .sbc-button-container .start-buying-button {
        background-color: #ff5541;
      }

      .sbc-button-container .order-sample-button {
        background-color: #0f9c7d;
      }

      .sbc-button-container .free-design-button {
        background-color: #36c6f6;
      }

      .sbc-button-container .assembly-video-button {
        background-color: #af0a0a;
      }

      @media (max-width: 880px) {
        .sbc-custom-button {
          font-size:16px;
        }
      }

      @media (max-width: 768px) {
        .sbc-info-ten-kitchen, 
        .sbc-info-ten-foot {
          gap: 20px;
        }
      }

      @media (max-width: 720px) { 
        .sbc-price-main-container {
          height: auto;
          padding: 36px 10px;
        }

         .sbc-custom-button {
          font-size:20px;
        }
        
        .sbc-price-item-info-detail {
          width: fit-content;
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .sbc-info-ten-kitchen,
        .sbc-info-ten-foot {
          width: 100%;
          gap: 28px;
        }
      }

     @media (max-width: 420px) {
        .sbc-custom-button {
          font-size:18px;
        }
      }

/* product-loop-list.liquid  */
.productgrid--wrapper .main_box .col-sm-3 .slides li:hover {
    transform: none !important;
}
.pll-product-image-wrapper {
  position: relative;
}

.pll-zoomed-image-box {
  position: absolute;
  top: 20px;
  left: 100%;
  margin-left: 20px;
  width: 300px;
  height: 300px;
  display: none;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 999;
}

.pll-zoomed-image-box img {
  position: absolute;
  width: 1200px !important;
  height: auto;
  object-fit: contain;
  pointer-events: none;
}

.pll-product-title {
    background-color:white !important;
    font-family: Roboto;
    font-weight: 600;
    font-size: 28px;
    line-height: 29px;
    letter-spacing: 0%;
    color:#283237 !important;
}

.new-res-title a {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(13px, 1.5vw, 16px) !important;
  line-height: 23px !important;
  color: #283237 !important;
  text-decoration: none;
  cursor: pointer !important;
  &:hover {
  color: #000 !important;
  }
}

.pll-table-header {
  background-color: #F5F5F5;
  border-radius: 8px;
  font-family: Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: c20px !important;
  color: #283237 !important;
}


.pll-original-price {
  font-family: Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 100% !important;
  color: #FF5541 !important;
  margin-bottom: 5px !important;
}

.pll-compare-price {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 100% !important;
  color: #707070 !important;
}

.pll-button-add {
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  color: #fff !important;
  background-color: #283237 !important;
}
.pll-button-out {
  font-family: Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 100% !important;
  color: #fff !important;
  background-color: #AF0A0A !important;
}

.pll-button-added {
  background-color: #36C6F6 !important;
}

@media (max-width:769px){
  .pll-zoomed-image-box {
    visibility: hidden;
  }
}

@media (max-width:750px){
  .new-res-title a {
    font-size: 16px !important;
  }

  .pll-mobile-container {
    padding: 0 !important;
  }

  .pll-mobile-title {
    width: 100% !important;
    display: flex !important;
    align-items: baseline !important;
    padding-left:0 !important;
    & > .res-title {
      display:block !important;
      min-width: 95px;
      font-family: Roboto;
      font-weight: 700;
      font-size: 16px;
      }
    }
  
    .pll-model {
      margin-bottom: 10px !important;    
      }
  
  .pll-mobile-price {
    display: flex !important;
    align-items: baseline !important;
    margin: 10px 0 !important;
    & > p {
      margin-right: 8px !important;
    }
  }

  .pll-mobile-qty {
    width: 50% !important;
    & > .qty.qty-flex {
      justify-content: center !important;
    }
  }
  
  .pll-table-header {
    display: none !important;
  }

  .pll-mobile-main-container {
      border-bottom: none !important;
      border-top: 1px solid lightgray !important;
    }
}
/* product.liquid zoomed image */
  .kd-pdp-product-gallery {
      position: relative;
  }

  .kd-pdp-product-gallery:hover {
      cursor: crosshair;
  }

  /* .kd-pdp-product-gallery #mainImage {
    width: 100%;
    height: auto;
    object-fit: contain;
    cursor: crosshair;
  } */

  .kd-pdp-zoomed-image-box {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 24px;
    width: 400px;
    height: 400px;
    max-height: 600px;
    overflow: hidden;
    display: none;
    z-index: 999;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .kd-pdp-zoomed-image-box img {
    position: absolute;
    width: 1600px !important;
    height: auto;
    object-fit: contain;
    pointer-events: none;
  }

@media (max-width:720px){
  .kd-pdp-zoomed-image-box {
    visibility: hidden;
  }
}

/* footer */
      .site-footer-item {
          max-width: 1432px !important;
      }

     .footer-subscription-bar {
        width: 100%;
        min-height: 110px;
        background-color: #283237;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .footer-subscription-wrapper {
        max-width: 1109px;
        width: 100%;
        background-color: #283237;
        display: grid;
        grid-template-columns: 0.48fr 0.52fr;
        align-items: center;
        gap: clamp(30px, 4%, 49px);
        padding: 0 10px;
      }

      .footer-subscription-text {
        width: 100%;
        max-width: 506px;
        display: flex;
        gap: 10px;
        align-items: center;
        & > h2 {
          font-family: Roboto;
          font-weight: 500;
          font-size: 20px;
          line-height: 100%;
          letter-spacing: 0%;
          vertical-align: middle;
          text-transform: uppercase;
          color: #fff;
        }
      }

      .footer-subscription-image-wrapper {
        position: relative;
        max-width: 63px;
        width: 100%;
        aspect-ratio: 63/54;
        overflow: hidden;
        & > img {
          padding: 10px;
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .footer-subscription-form {
        width: 100%;
        max-width: 554px;
        height: 52px;
        display: flex;
        & > input {
          flex-grow: 1;
          padding: 0 20px;
          border: none;
          outline: none;
          border-radius: 4px 0 0 4px;
          font-family: Roboto;
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        & > button {
          background-color: #ff5541;
          color: #fff;
          border: none;
          cursor: pointer;
          width: 115px;
          border-radius: 0 4px 4px 0;
          font-family: Roboto;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0%;
          vertical-align: middle;
          &:hover {
            opacity: 0.9;
          }
        }
      }

      .footer-subscription-bar {
          .form-success-message,
          .form-error-message {
            font-family: Roboto, sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #fff;
            padding: 4px;
            margin: 0 0 -16px;
          }
         .form-error-message {
           color: #ff5541;
         }
        }

      .site-footer-block-content-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 0;
        & p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0%;
          color: #283237;
        }
      }

      .footer-privacy-terms {
        display: flex;
        align-items: center;
        gap: 0 10px;          
        flex-grow: 1;
        justify-content: center;
        & a {
          color: #283237;
          text-decoration: none;
          font-family: Roboto, sans-serif;
          font-weight: 500;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0%;
        }
      }

      .site-footer-information {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
      }

      .site-footer-left {
        width: fit-content !important;
      }
    
      .site-footer-credits {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
      }

      .footer-logo-wrapper {
        max-width: 335px;    
        width: 100%;    
        overflow: hidden;
        aspect-ratio: 335/63; 
        padding: 4px 0;
      }

      .footer-logo-wrapper img { 
        width: auto;
        height: 100%;
        object-fit: contain;
        display: block;
      }


      .site-footer-block-title {
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        text-transform: uppercase;
        color: #283237;
      }

      .site-footer-block-content {
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #283237;
        & a {
          padding: 10px 0 !important;
        }

        & .social-link {
          height: auto  !important;
        }
      }

      .site-footer-block-content.rte {
        line-height: 23px;
        padding: 40px 0;
      }


      .site-footer-wrapper {
        padding-top: 0 !important;
      }

      .footer-google-map {
        margin-top: 35px;  
      }

      .site-footer-information {
        margin-top: 33px !important;
      }

      @media (min-width:1024px) {
        .site-footer-block-item.site-footer-block-rich-text {
          width: 36% !important;
          margin-right: 80px;
        }

        .site-footer-block-title {
          padding-top: 0 !important;
        }


      .site-footer-block-item {
        width: 18% !important;
      }
    }

      @media (max-width: 1024px) {
        .site-footer-information {
          flex-direction: column;
          justify-content: start;
          align-items: normal;
          gap: 22px 0;
        }

        .footer-privacy-terms {
          justify-content: start;
        }

        .site-footer-information {
          margin-top: 0px !important;
        }
      }

      @media (max-width: 1110px) {
        .footer-subscription-text h2 {
          font-size: clamp(16px, 1.6vw, 20px);
        }
      }

      @media (max-width: 768px) {
        .footer-subscription-wrapper {
          grid-template-columns: 1fr;
          justify-items: center;
          gap: 24px;
          margin: 30px 35px;
          padding: 0;
        }

        .footer-subscription-text h2 {
          font-size: 20px;
        }
      }

      @media (max-width: 576px) {
        .footer-subscription-text {
          gap: 0;
          & > h2 {
            font-size: 14px;
          }
        }

        .footer-subscription-image-wrapper {
          max-width: 44px;
          aspect-ratio: 44/44;
        }

        .footer-subscription-form {
          height: 44px;
          & > input {
            padding: 0 10px;
          }
        }
      }

/* about us page  */
      .about-us-page-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .about-us-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .about-us-bottom-banner-wrapper {
        position: relative;
        max-width: 810px;
        width: 100%;
        aspect-ratio: 810/694;
        overflow: hidden;
        margin: 0 auto;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .about-us-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .about-us-title-container {
        max-width: 850px;
        width: 100%;
        margin: 58px auto 0;
        padding: 0 10px;
        & > h2 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin: 0 auto 22px;
          color: #ff5541;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          margin: 0 auto 8px;
          text-align: center;
        }
      }

/* FAQ page */
      .faq-page-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .faq-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .faq-bottom-banner-wrapper {
        position: relative;
        max-width: 810px;
        width: 100%;
        aspect-ratio: 810/694;
        overflow: hidden;
        margin: 0 auto;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .faq-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .faq-title-container {
        max-width: 856px;
        width: 100%;
        margin: 58px auto 52px;
        padding: 0 10px;
        & > h2 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin: 0 auto 22px;
          color: #ff5541;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0 auto;
        }
      }

      .faq-accordion {
        max-width: 672px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
      }

      .faq-accordion-item {
        border-bottom: 1px solid #ddd;
      }

      .faq-accordion-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 72px;
        width: 100%;
        padding: 0 16px;
        cursor: pointer;
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0%;
        color: #283237;
      }

      .faq-accordion-title .faq-accordion-icon {
        transition: transform 0.3s;
      }

      .faq-accordion-title.active .faq-accordion-icon {
        transform: rotate(180deg);
      }

      .faq-accordion-content {
        display: none;
        padding: 0 22px 30px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0%;
        color: #283237;
      }

/* Blog page  */
      .blog-page-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .blog-page-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .blog-page-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .blog-page-title-container {
        max-width: 856px;
        width: 100%;
        margin: 58px auto 52px;
        padding: 0 10px;
        & > h2 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin: 0 auto 22px;
          color: #ff5541;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0 auto;
        }
      }

      .blog-page-grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        max-width: 1432px;
        width: 100%;
        gap: 20px;
        margin: 0 auto 68px;
        padding: 0 10px;
      }

      .blog-page-grid-item {
        max-width: 464px;
        width: 100%;
        margin: 0 auto;
      }

      .blog-page-grid-item-image-wrapper {
        position: relative;
        max-width: 464px;
        width: 100%;
        aspect-ratio: 464/345;
        border-radius: 4px;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .blog-page-grid-item-content {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        & > h3 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 24px;
          text-align: left;
          width: 100%;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 20px;
          text-align: left;
          width: 100%;
        }
        & > a {
          display: flex;
          gap: 10px;
          align-items: center;
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0%;
          text-align: center;
          text-decoration: none;
          color: #ff5541;
          margin-top: 10px;
          &:hover {
            opacity: 0.8;
          }
        }
      }

      @media (max-width: 940px) {
        .blog-page-grid-container {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 640px) {
        .blog-page-grid-container {
          grid-template-columns: 1fr;
        }
      }

/* blog detail page */
      .blog-detail-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .blog-detail-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .blog-detail-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .blog-detail-title-container {
        max-width: 951px;
        width: 100%;
        margin: 58px auto 52px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 10px;

        & > h2 {
          max-width: 673px;
          display: flex;
          align-items: center;
          font-family: Merriweather;
          font-weight: 700;
          font-size: 38px;
          text-align: center;
          margin-bottom: 22px;
          color: #ff5541;
          text-transform: capitalize;
        }
        & > p {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
        }
      }

      .blog-detail-content-wrapper {
        padding: 0 10px;
      }

      .blog-detail-article {
        max-width: 951px;
        width: 100%;
        margin: 0 auto;
      }

      .blog-detail-article-image-wrapper {
        position: relative;
        max-width: 951px;
        width: 100%;
        aspect-ratio: 951/527;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 52px;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .blog-detail-article-content {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        & > h3 {
          font-family: Merriweather;
          font-weight: 700;
          font-size: 24px;
          text-align: left;
          width: 100%;
        }
      }

      .blog-detail-article-body {
          font-family: Roboto;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: 0%;
        }

      @media (max-width: 640px) {
        .blog-detail-banner-wrapper {
          aspect-ratio: 440/100;
        }

        .blog-detail-article-image-wrapper {
          aspect-ratio: 440/345;
          margin-bottom: 38px;
        }
      }

/* Free samples page  */
      .ax-sample-page-container {
        max-width: 1432px;
        width: 100%;
        height: auto;
        margin: 0 auto 52px;
        padding: 0 10px;
        color: #283237;
        & a {
          text-decoration: none;
          color: #283237;
        }
      }

      .axs-title-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 16px auto 52px;
        gap: 16px;
        max-width: 856px;
        width: 100%;
        & > h2 {
          font-family: Merriweather, sans-serif;
          font-weight: 700;
          font-size: 38px;
          line-height: 100%;
          text-align: center;
          margin: 0;
          padding: 4px 0;
          color: #ff5541;
        }
        & > p {
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          text-align: center;
          margin: 0;
          color: #283237;
        }
      }

      .axs-no-samples {
          width: 100%;
          font-family: Roboto, sans-serif;
          font-weight: 700;
          font-size: 28px;
          text-align: center;
          color: #283237;
          margin: 36px auto;
      }

      .axs-grid-container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        max-width: 1432px;
        width: 100%;
        gap: 52px 20px;
        margin: 0 auto 52px;
      }

      .axs-grid-item {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        transition: background-color 0.2s ease-out;
        display: flex;
        flex-direction: column;
        &:hover {
          background-color: #efefef;
        }
      }

      .axs-image-container {
        max-width: 220px;
        aspect-ratio: 3/4;
        width: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        a {
          position: relative;
          display: inline-block;
          img {
            display: block;
            width: 100%;
            max-width: 200px;
            aspect-ratio: 3/4;
            object-fit: contain;
          }
        }
      }

      .axs-image-badge {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 28px;
        background-color: #ff5541;
        color: #ffffff;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        padding: 10px 20px 10px 10px;
        border-top-right-radius: 50px;
        width: fit-content;
      }

      .axs-grid-item-content-wrapper {
        width: 100%;
        margin: 16px auto 11px;
        padding: 0 5px;
      }

      .axs-product-title {
        font-family: Merriweather, sans-serif;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        width: 100%;
        min-height: 68px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #283237;
        transition: font-size 0.15s ease-in-out;
      }
      
      .axs-product-price {
        color: #ff5541;
        font-family: Roboto, sans-serif;
        line-height: 25px;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        margin: 0;
        transition: font-size 0.15s ease-in-out;
      }

      .axs-button {
        max-width: 200px;
        width: 100%;
        height: 48px;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background-color: transparent;
        color: #283237;
        transition: background-color 0.2s ease-in;
        border: 1px solid #ff5541;
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        text-decoration: none;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }

      .axs-grid-item:hover {
        .axs-product-title {
          font-size: 21px;
        }

        .axs-product-prices {
          font-size: 20px;
        }

        .axs-button {
          background-color: #ff5541;
          color: #fff;
        }
      }

      @media (max-width: 1200px) {
        .axs-grid-container {
          grid-template-columns: repeat(5, 1fr);
        }
      }
      @media (max-width: 998px) {
        .axs-grid-container {
          grid-template-columns: repeat(4, 1fr);
          gap: 52px 16px;
        }
      }
      @media (max-width: 768px) {
        .axs-grid-container {
          grid-template-columns: repeat(3, 1fr);
          gap: 32px 10px;
        }

        .axs-grid-container {
          gap: 32px 10px;
        }

        .axs-grid-item-content-wrapper {
          margin-top: 0px;
          margin-bottom: 10px;
        }
      }

      @media (max-width: 576px) {
        .axs-title-container {
          margin: 34px auto 68px;
          gap: 18px;
          & > h2 {
            max-width: 239px;
            width: 100%;
            font-size: 28px;
          }
          & > p {
            max-width: 322px;
            width: 100%;
            font-size: 14px;
            line-height: 20px;
          }
        }
        .axs-grid-container {
          grid-template-columns: repeat(2, 1fr);
          gap: 32px 10px;
        }
      }

/*  Coming Soon Page */
      .coming-soon-section {
        max-width: 1432px;
        width: 100%;
        margin: 0 auto;
        color: #283237;
      }

      .csp-banner-wrapper {
        position: relative;
        max-width: 950px;
        aspect-ratio: 2/1;
        margin: 0 auto;
        overflow: hidden;
      }

      .csp-banner-wrapper > img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .csp-content {
        max-width: 950px;
        margin: 58px auto 68px;
        padding: 0 21px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        text-align: center;
      }

      .csp-title {
        font-family: Merriweather, serif;
        font-weight: 700;
        font-size: 36px;
        color: #ff5541;
        margin-bottom: 5px;
      }

      .csp-description-text {
        font-family: Roboto, sans-serif;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 500;
      }

/* cart page */
      .ax-cart-container{
        max-width: 1200px;
        margin: auto;
        padding: 0 10px;
      }

      .kd-cart-content {
        max-width: 1146px;
        width: 100%;
        margin-right: 12px;
      }

      .kd-cart-header {
        display: flex;
        align-items: center;
        gap: 17px;
      }

      .kd-cart-header-title {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        & > h1 {
          font-family: Roboto;
          font-weight: 700;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
          white-space: nowrap;
        }
      }

      .kd-cart-header-subtotal {        
          font-family: Roboto;
          font-weight: 400;
          font-size: 14px;
          letter-spacing: 0%;
          text-align: right;
          vertical-align: middle;
          color: #283237;
        }
        & .money {
          max-height: 22px;
          font-family: Roboto;
          font-weight: 900;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: 0%;
          text-align: right;
          vertical-align: middle;
          color: #283237 !important;
        }
      }

      .kd-cart-header-button-container {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .kd-cart-custom-button, .cart-checkout .cart-continue {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 46px;
        text-decoration: none;
        border-radius: 4px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0%;
        color: #fff;
        text-align: center;
        border: none;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        transition: all 0.2s ease-in;
        &:hover {
          opacity: 0.8 !important;
        }
      }

      .kd-cart-checkout-button {
        width: 150px;
        background-color: #36c6f6;
        text-transform: unset !important;
         border: none !important;
         &:hover {
          background-color: #36c6f6 !important;
        }
      }

      .kd-cart-remove-button {
        width: 150px;
        background-color: #283237;
        text-transform: unset !important;
         border: none !important;
         &:hover {
          background-color: #283237 !important;
        }
      }

      .kd-cart-product-card-container {
        display: flex;
        align-items: flex-end;
        margin-top: 30px;
        padding-bottom: 27px;
        border-bottom: 1px solid #bfbfbf;
        gap: 38px;
      }

      .kd-cart-product-card-image {
        position: relative;
        max-width: 120px;
        width: 100%;
        aspect-ratio: 120/105;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .kd-cart-product-card-content {
        flex-grow: 1;
      }

      .kd-cart-item{
        border: none;
        box-shadow: none;
        border-bottom: 1px solid #bfbfbf;
        &:last-child{
        border-bottom: none;          
        }
      }

      .kd-cart-model,
      .kd-cart-price,
      .kd-cart-hinge,
      .kd-cart-itemtotal {
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #283237;
      }

        kd-title {
          font-weight: 900;
          /* margin-right: 5px; */
        }

      .kd-cart-model {
        font-size: 16px;
        color: #36c6f6;
      }

   
      .kd-cart-quantity {
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #283237;
      }
      
      input.kd-cart-quantity {
        background-color: #EFEFEF;
        margin: 10px 0;
        padding: 1rem .625rem 0;
      }

      .kd-cart-itemtotal {
        font-weight: 700;
      }

      .cart-item--remove-link {
        background-color: transparent !important;
      }
  
      .kd-cart-old-price {
        font-weight: 400;
        margin-right: 10px;
        text-decoration: line-through;
      }

      .kd-cart-new-price {
        font-weight: 400;
      }

      .kd-cart-cancel-item {
        font-size: 21px;
        color: #283237;
      }

      .kd-cart-product-card-price {
        display: flex;
        max-width: 333px;
        width: 100%;
        align-items: center;
      }

      .kd-cart-itemtotal {
        flex-grow: 1;
        text-align: right;
        margin-right: 40px;
      }

      .kd-cart-item-note {
        padding: 8px 0 29px;
        border-bottom: 1px solid #bfbfbf;
      }

      .kd-cart-item-note-title {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        color: #283237;
      }

      .kd-cart-item-note-label {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        color: #707070;
      }

      .kd-cart-item-note-textarea {
        border: 1px solid transparent;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        background-color: #efefef;
        color: #283237;
      }

      .kd-cart-subtotal-header {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-top: 21px;
        & > span:first-child {
          font-family: Roboto;
          font-weight: 700;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
        }
        & > span:last-child {
          font-family: Roboto;
          font-weight: 700;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
        }
      }

      .kd-cart-subtotal-text {
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-top: 8px;
        color: #283237;
      }

      .kd-cart-calculate-shipping {
          font-family: Roboto, sans-serif  !important;
          font-weight: 900  !important;
          font-size: 16px  !important;
          line-height: 32px  !important;
          letter-spacing: 0%;
          vertical-align: middle  !important;
          color: #ff5541 !important;
          &:hover {
            opacity: 0.7;
          }
        }
      }

      .kd-cart-subtotal-button-container {
        display: flex;
        justify-content: space-between;
        margin: 26px auto 84px;
      }

      .kd-cart-subtotal-left-container {
        display: flex;
        gap: 14px;
      }

      .kd-kart-sub-select {
        height: 46px !important;
        border: 1px solid #efefef !important;
        border-radius: 4px !important;
        color: #707070 !important;
        background-color: #efefef !important;
        font-family: Roboto !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 32px !important;
        letter-spacing: 0% !important;
        vertical-align: middle !important;
        &:focus {
          border-color: #707070 !important;
          outline: none;
        }
      }

     .kd-kart-sub-label {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #707070;
      }

      .kd-kart-sub-input{
        height: 46px;
        border: 1px solid transparent;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        background-color: #efefef;
        color: #283237;
      }

      .kd-cart-subtotal-right-container {
        display: flex;
        gap: 16px;
      }

      .cartitems--container {
        margin-bottom: 84px !important;
      }


      .kd-cart-sub-continue-button .cart-continue {
        width: 191px !important;
        background-color: #FF5541 !important;
        font-size: 16px !important;
        padding: 0 !important;
        display: flex !important;
        border: none !important;
        &:hover {
          background-color: #FF5541 !important;
        }
      }

      .kd-cart-sub-save-button {
        width: 140px;
        background-color: #283237 !important;
        font-size: 16px !important;
        display: flex !important;
        border: none !important;
        &:hover {
          background-color: #283237 !important;
        }
        
      }

      .kd-cart-sub-checkout-button {
        width: 181px;
        background-color: #36c6f6;
        display: flex !important;
        font-size: 16px !important;
        text-transform: unset !important;
        border: none !important;
        &:hover {
          background-color: #36c6f6 !important;
        }
      }

      .kd-cart-sub-calculate-button {
        width: 180px !important;
        font-size: 14px !important;
        background-color: #283237;
        text-transform: unset !important;
         border: none !important;
         &:hover {
          background-color: #283237 !important;
        }
      }

   .kd-cart-assembly-fee {
        width: 100%;
        background-color: #efefef;
        border-radius: 4px;
        padding: 27px 16px 13px 28px;
        position: relative;
        & h2 {
          font-family: Roboto;
          font-weight: 400;
          font-size: 24px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          margin-bottom: 12px;
          margin-top: 0;
        }
      }

      .kd-cart-assembly-fee-close-button {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        border: none;
      }

      .kd-cart-assembly-fee-content {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        & p {
          font-family: Roboto;
          font-weight: 700;
          font-size: 14px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
        }
        & p:nth-child(2) {
          flex-grow: 1;
          text-align: right;
          padding-right: 24px;
        }
      }

      .kd-cart-assembly-fee-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 13px;
      }

      .kd-cart-yes-button,
      .kd-cart-no-button {
        width: 79px;
        height: 36px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        border: none;
        cursor: pointer;
        background-color: #283237;
        color: #fff;
        &:hover {
          opacity: 0.8;
        }
      }

      .kd-cart-no-button {
        background-color: #fff;
        color: #283237;
      }

      @media (max-width: 780px) {
        .kd-cart-assembly-fee {
          padding: 31px 27px 32px;
        }

        .kd-cart-assembly-fee-content {
          flex-direction: column;
          align-items: flex-start;
          gap: 22px;
          & p:nth-child(2) {
            flex-grow: 0;
            text-align: left;
            padding-right: 0px;
          }
        }

        .kd-cart-assembly-fee-buttons {
          margin-top: 13px;
          gap: 10px;
        }

        .kd-cart-yes-button,
        .kd-cart-no-button {
          width: 97px;
        }
      }

      @media (max-width: 720px) {
        .cart-title {
          flex-direction: column !important;
        }
        
        .cart-title-right {
          flex-wrap: wrap;
          width: 100%;    
        }
        
        .cart-title-total--large.kd-header-subtotal {
          display: flex;
          width: 100%;
          margin: 0 0 35px;
        }
        
        .kd-cart-content {
          margin-right: 0px;
        }

        .kd-cart-header {
          flex-direction: column;
          gap: 35px;
        }

        .kd-cart-header-title {
          width: 100%;
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
        }

        .kd-cart-header-subtotal {
          display: flex;
          justify-content: flex-start;
          flex-direction: row;
          align-items: baseline;
          gap: 10px;
          min-height: 32px;
        }

        .kd-cart-remove-button {
          width: calc(50% - 10px) !important; 
        }

        .kd-cart-checkout-button {
          width: calc(50% - 10px) !important; 
        }

       .cart-checkout a.cart-continue {
          margin-top: 0 !important;
        }
      }

      @media (max-width: 520px) {
        .kd-cart-sub-continue-button{
          width: calc(50% - 5px) !important; 
        }
        
        .kd-cart-sub-continue-button .cart-continue {
          width: 100% !important;  
        }

      .kd-cart-sub-save-button {
        width: calc(50% - 5px) !important;   
        }

      .cart-checkout .button-primary.kd-cart-sub-checkout-button {
        width: 100% !important;
        margin-top: 11px !important;
        }
      }
/* cart-pop-up */
      .kd-cart-popup {
        /* display: none; */
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%);
        max-width: 500px;
        width: 100%;
        background: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        z-index: 1000;
        max-height: calc(90vh - 150px);
        margin-top: 150px;
      }

      .kd-cart-popup-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        border-bottom: 1px solid #efefef;
        & h2 {
          flex-grow: 1;
          font-family: Roboto;
          font-weight: 500;
          font-size: 20px;
          text-align: left;
          color: #283237;
          margin: 0;
        }
        & span {
          width: 20px;
          font-size: 20px;
          cursor: pointer;
          &:hover {
            opacity: 0.8;
          }
        }
      }

      .kd-cart-popup-content {
        padding: 10px 15px;
        overflow-y: auto;
        max-height: calc(90vh - 300px)
      }

      .kd-cart-popup-selectAll-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        color: #283237;
        margin-bottom: 12px;
        button {
          border: none;
          border-bottom: 1px solid transparent;
          background-color: transparent;
          transition: border-color 0.2s ease-in;
          &:hover {
          border-bottom: 1px solid #283237;  
          }
        }
        
        /* button:first-child {
          color: #007bff;
        }
        button:last-child {
          color: #ff5541;
        } */
      }

      .kd-cart-popup-item {
        padding: 5px 0;
        border-bottom: 1px solid #efefef;
      }

    .kd-cart-border-none {
      border-bottom: none;
    }

      .kd-cart-popup-item-title {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        & > h3 {
          font-family: Roboto;
          font-weight: 500;
          font-size: 16px;
          text-align: left;
          color: #283237;
          margin: 0;
        }
      }

      .kd-cart-popup-checkbox {
        width: 16px;
        height: 16px;
        cursor: pointer;
        color: #283237;
        flex-shrink: 0;
      }

      .kd-cart-popup-item-detail {
        display: flex;
        align-items: center;
        margin-top: 10px;
        padding-left: 40px;
      }

      .kd-cart-popup-item-price {
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #283237;
        width: 50%;
        & span {
          font-weight: 500;
        }
      }

      .kd-cart-popup-item-select {
        width: 50%;
        display: flex;
        align-items: center;
        gap: 6px;
        & label {
          font-family: Roboto;
          font-weight: 500;
          font-size: 14px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
        }
        & select {
          width: 100px;
          height: 36px;
          border: 1px solid #707070;
          border-radius: 4px;
          cursor: pointer;
          color: #707070;
          background-color: #fff;
          font-family: Roboto;
          font-weight: 400;
          font-size: 14px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
          &:focus {
            border-color: #007bff;
            outline: none;
          }
          &:hover {
            border-color: #007bff;
          }
        }
      }

      .kd-cart-popup-quantity {
        display: flex;
        align-items: center;
        gap: 6px;
        & label {
          font-family: Roboto;
          font-weight: 500;
          font-size: 14px;
          line-height: 32px;
          letter-spacing: 0%;
          vertical-align: middle;
          color: #283237;
        }

        & input {
          width: 80px;
          height: 36px;
          padding: 0 5px;
          border: 1px solid #707070;
          border-radius: 4px;
          outline: none;
          font-family: Roboto;
          font-weight: 400;
          font-size: 14px;
          vertical-align: middle;
          color: #283237;
          transition: all 0.3s ease-in-out;
          &:focus {
            border-color: #007bff;
          }
          &:hover {
            border-color: #007bff;
          }
        }
      }

       .kd-cart-popup-footer {
        padding: 15px;
        border-top: 1px solid #efefef;
      }

      .kd-cart-popup-assembly-fee {
        display: flex;
        gap: 5px;
        & p {
        font-family: Roboto;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #283237;        
        }
      }

      .kd-cart-popup-footer-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        margin-top: 16px;
        & button {
          display: flex;
          justify-content: center;
          align-items: center;
          border: none;
          cursor: pointer;
          border-radius: 4px;
          font-family: Roboto, sans-serif;
          font-weight: 400;
          font-size: 16px;
          padding: 8px 12px;
          color: #fff;
          text-align: center;
          box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
          transition: all 0.2s ease-in;
          &:hover {
            opacity: 0.8;
          }
        }
        & button:first-child {
          background-color: #ff5541;
        }
        & button:last-child {
          background-color: #007bff;
        }
      }

      .kd-cart-overlay {
        /* display: none; */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 10;
      }

      .assembly-fee__item-meta {
        display: none;
      }

      @media (max-width: 460px) {
        .kd-cart-popup-item-detail {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 10px;
        }
      }

/* Announcement bar  */
      .kd-announcement-bar {
        display: flex;
        align-items: center;
        width: 100%;
        column-gap: 10px;
        background-color: #f1f1f1;
        color: #283237;
      }

      .kd-announcement-bar-contact {
        width: 264px;
        flex-shrink: 0;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 10px;
        padding-left: 10px;
      }

      .kd-announcement-bar-contact a {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 8px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
      }

      .kd-announcement-bar-text, 
      .kd-announcement-bar-text-mobile {
        flex: 1;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .kd-announcement-bar-text-mobile {
        display: none;
      }

      .kd-announcement-bar-text a,
      .kd-announcement-bar-text-mobile a {
        text-decoration: none;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
      }

      .kd-announcement-bar-links {
        width: 220px;
        flex-shrink: 0;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 36px;
        padding-right: 10px;
      }

      .kd-announcement-bar-links a {
        text-decoration: none;
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
      }

      .announcement-currency-select {
        width: 60px;
        padding: 0;
        height: 32px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        color: #283237;
        background-color: transparent;
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        & option {
          color: #283237;
        }
        &:focus {
          outline: none;
        }
      }
     
      @media (max-width: 940px) {
        .kd-announcement-bar {
          flex-wrap: wrap;
        }

        .kd-announcement-bar-contact {
          width: 100%;
          order: 1;
          justify-content: center;
          border-top: 1px solid #e1e1e1;
        }

        .kd-announcement-bar-contact a {
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          flex: 1;
        }

        .kd-announcement-bar-text,
        .kd-announcement-bar-text-mobile {
          flex: 1;
          min-width: 0;
          justify-content: left;
          padding-left: 10px;
        }

        .kd-announcement-bar-links {
          width: auto;
          flex: 0 0 180px;
          justify-content: right;
        }
      }

      @media (max-width: 768px) {
        .kd-announcement-bar-links a {
          display: none;
        }

        .kd-announcement-bar-links {
          width: auto;
          flex: 0 0 80px;
        }

      .kd-announcement-bar-text {
        display: none;
      }
        
      .kd-announcement-bar-text-mobile {
        display: flex;
      }
      }

/* return-policy  */
    .return-policy-page-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .rp-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .rp-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .rp-content {
        max-width: 951px;
        width: 100%;
        margin: 58px auto 68px;
        padding: 0 21px 0 19px;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .rp-title {
        font-family: Merriweather;
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        margin: 0 auto 22px;
        color: #ff5541;
        text-transform: capitalize;
      }

      .rp-description-text {
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0%;
        text-align: center;
      }

      .rp-description-text-bold {
        font-family: Merriweather;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0%;
      }

/* privacy-policy  */
    .privacy-policy-page-section {
        max-width: 1512px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        color: #283237;
      }

      .pp-banner-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1512/213;
        overflow: hidden;
        & > img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .pp-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
      }

      .pp-content {
        max-width: 951px;
        width: 100%;
        margin: 58px auto 68px;
        padding: 0 21px 0 19px;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .pp-title {
        font-family: Merriweather;
        font-weight: 700;
        font-size: 38px;
        text-align: center;
        margin: 0 auto 22px;
        color: #ff5541;
        text-transform: capitalize;
      }

      .pp-description-text {
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0%;
      }

/* home page main banner  */

  .flickity-prev-next-button {
    color: #283237;
    font-size: 16px;
    background-color: #ffffff66;
    cursor: pointer;
    width: 48px;
    height: 48px;
    transition: background-color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    &:hover {
      background-color: #ffffff80;
      }
    & svg {
      color: #283237 !important;
      font-size: 16px;   
      }
  }

  .flickity-prev-next-button.next {
    border-radius: 0 4px 4px 0;      
    }

  .flickity-prev-next-button.previous {  
    border-radius: 4px 0 0 4px; 
    }

  .flickity-prev-next-button svg {
    width: 16px;
    height: 16px;
    color: #283237 !important;
    }

/* product detail  */
.productgrid--wrapper .main_box {
    border:none;
    border-bottom: 1px solid #dddddd;
}

.productgrid--wrapper .main_box .box_1:last-of-type {
    border-bottom: none;
}

/* pdp key features - description */

      .kd-product-desc-container {
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: calc(100vw - 10px);
        height: auto;
        padding: 59px 16px;
        background-color: #f2f2f2;
      }

      .kd-product-desc-container > ul > li:first-child {
        max-width: 880px;
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        gap: 50px;
        list-style-type: none;
      }
      
      .kd-product-desc-container > ul > li:first-child ul:first-of-type {
        width: 42%;
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0%;
        color: #283237;
      }

      .kd-product-desc-container .tab-pane {
        width: 58%;
        overflow: hidden;
        position: relative;
      }
      
      .kd-product-desc-container .tab-pane img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        max-width: 100%;
        margin: 0 auto;
      }

      .kd-product-desc-container > ul > li:first-child ul:first-of-type::before {
        content: "Full Description";
        display: block;
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-bottom: 8px;
        margin-left: -16px;
      }


      @media (max-width: 720px) {
        .kd-product-desc-container > ul > li:first-child {
          flex-direction: column;
          max-width: fit-content;
          gap: 30px;
        }

        .kd-product-desc-container .tab-pane {
          width: 100%;
          max-width: 462px;
        }
        
        .kd-product-desc-container > ul > li:first-child ul:first-of-type {
          width: 100%;
          max-width: 336px;
        }
      }
/* product.liquid */
      .kd-desc-container {
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: calc(100vw - 10px);
        height: auto;
        padding: 59px 16px;
        background-color: #f2f2f2;
      }

      .kd-desc-wrapper {
        max-width: 880px;
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        gap: 50px;
      }

      .kd-desc-image-wrapper {
        width: 58%;
      }

      .kd-desc-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .kd-desc-content {
        width: 42%;
      }

      .kd-desc-content h2 {
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
      }

      .kd-desc-content p {
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0%;
        color: #283237;
        padding: 0;
      }

      @media (max-width: 720px) {
        .kd-desc-wrapper {
          flex-direction: column;
          max-width: fit-content;
          gap: 30px;
        }

        .kd-desc-image-wrapper {
          order: -1;
          width: 100%;
          max-width: 462px;
        }
        
        .kd-desc-content {
          width: 100%;
          max-width: 336px;
        }
      }

      @media (max-width: 576px) {
      h1.product-title.kd-pdp-title {
        font-size: 18px;
        line-height:22px;
      }
    }

  /* Video-call page */
      .video-call-section {
        width: 100%;
        margin: 0 auto 36px;
      }

      .video-call-banner-wrapper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
      }

      .video-call-banner-wrapper img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      .video-call-banner-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
        z-index: 1;
      }

      .video-call-banner-text {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
        max-width: 735px;
        width: 100%;
        padding: 20px;
        text-align: center;
        color: #fff;
        z-index: 2;
        border-radius: 12px;
      }

      .video-call-banner-text h2 {
        font-family: Merriweather, serif;
        font-size: 58px;
        font-weight: 700;
        margin-bottom: 16px;
        color: #fff;
        text-transform: capitalize;
      }

      .video-call-banner-text h2 span {
        color: #0ca9df;
        margin-left: 8px;
        text-decoration: underline;
      }

      .video-call-banner-text p {
        font-family: Roboto, sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
      }

      .video-call-grid-wrapper {
        max-width: 1430px;
        width: 100%;
        margin: 48px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 10px;
      }

      .video-call-grid-text {
        padding: 32px;
        color: #333;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .video-call-grid-text h2 {
        font-family: Merriweather, sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 100%;
        margin-bottom: 16px;
        text-transform: capitalize;
      }

      .video-call-grid-text p {
        font-family: Roboto, sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 100%;
        line-height: 1.5;
      }

      .video-call-grid-image {
        width: 100%;
        overflow: hidden;
        aspect-ratio: 3/2;
      }

      .video-call-grid-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      @media (max-width: 840px) {
        .video-call-grid-wrapper {
          grid-template-columns: 1fr;
          height: auto;
        }
      }

      @media (max-width: 768px) {
        .video-call-banner-text h2 {
          font-size: 48px;
        }

        .video-call-banner-text p {
          font-size: 20px;
        }
      }

      @media (max-width: 576px) {
        .video-call-banner-text h2 {
          font-size: 36px;
        }

        .video-call-banner-text p {
          font-size: 16px;
        }

        .video-call-grid-wrapper {
          margin: 36px auto;
          gap: 10px;
          padding: 0;
        }

        .video-call-grid-text h2 {
          font-size: 32px;
        }

        .video-call-grid-text p {
          font-size: 20px;
        }

        .video-call-grid-image {
          aspect-ratio: 2/1;
        }
      }

/* Bradcrumps style */

.breadcrumbs-container {
  max-width: 1436px;
}

/* assembly videos */
      .av-section {
        max-width: 1512px;
        margin: 0 auto;
        padding: 0 10px;
      }

      .av-banner {
        position: relative;
        width: 100%;
        aspect-ratio: 1512 / 213;
        overflow: hidden;
        margin-bottom: 40px;
      }

      .av-banner img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .av-banner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Roboto", sans-serif;
        font-size: 32px;
        color: #fff;
        text-align: center;
      }

      .av-title {
        max-width: 856px;
        margin: 0 auto 52px;
        text-align: center;
      }

      .av-title h2 {
        font-family: "Merriweather", serif;
        font-size: 38px;
        color: #ff5541;
        text-transform: capitalize;
      }

      .av-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        max-width: 1432px;
        margin: 0 auto 68px;
      }

      .av-grid-item {
        width: 100%;
      }

      .av-video-wrapper {
        width: 100%;
        aspect-ratio: 464 / 260;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 16px;
      }

      .av-video-wrapper iframe,
      .av-video-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .av-video-title {
        font-family: Merriweather;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.3;
        min-height: 64px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      @media (max-width: 940px) {
        .av-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        .av-video-title {
          font-size: 20px;
        }
      }

      @media (max-width: 640px) {
        .av-grid {
          grid-template-columns: 1fr;
        }
      }

/* product-form.liquid  */
  .ax_cart_sold_out_button {
    margin-top: 12px;
    margin-left: 0;
    width: 100%;
  }
/* product.liquid  */
  .ax_product_container {
    max-width: 1380px;
  }

  .kd-cart-popup-item-select.color_code_input {
    flex-direction: column;
  }

  .ax_line_item_ids_cls {
    display: none;
  }