/** Shopify CDN: Minification failed

Line 3761:0 Unexpected "}"
Line 3844:20 Unexpected "{"
Line 3844:29 Expected ":"
Line 3850:21 Unexpected "{"
Line 3850:30 Expected ":"
Line 3868:34 Expected identifier but found "!"
Line 3869:4 Expected identifier but found "!"
Line 3869:8 Expected identifier but found "!"

**/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap');
.list-menu--inline {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container {
    max-width: 1807px;
    margin: 0 auto;
    padding: 0 25px;
}
.video-duration {
  position: absolute;
  bottom: 8px;
  right: 12px;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  display: flex;
  align-items: center;
}
.video-duration svg{
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    margin-right: 4px;
}
.custom-play-button{
position: absolute;
opacity: 0.8;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
}

.card__heading a:after {
  display: none;
}
a.header__icon.header__icon--account.link.focus-inset.display_none_desk {
    display: none;
}
.header__icon.header__icon--cart.display_none_desk {
    display: none;
}
.icon_div_custom {
  width: 20%;
  display: flex;
  justify-content: end;
}

/* collection page */
/* collection page css */
.plus-icon {
  width: 10px;
  height: 10px;
  position: relative;
}

.plus-icon::before,
.plus-icon::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.plus-icon::before {
  width: 1px;
  height: 100%;
}

.plus-icon::after {
  width: 100%;
  height: 1px;
}

ul#product-grid {
    margin-top: 36px;
  }
.card .card__inner .card__media {
    border: 0px solid #eee;
}
.facet-filters__field .select .svg-wrapper, .customer select+.svg-wrapper {
  right: 13px;
}
h2.product-count__text.text-body {
    letter-spacing: 2px;
    font-size: 11px !important;
    color: #4d5d53;
    text-transform: uppercase;
}
.collection_image img {
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
.collection_image img {
    height: 665px;
    object-fit: cover;
    position: absolute;
}
}
.collection_image {
    height: 435px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.collection_overlay {
    position: absolute;
    top: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.collection_overlay .breadcrumb ul {
    text-align: center;
    justify-content: center;
}
.collection-hero__title {
    font-size: 38px;
    font-weight: 650;
    text-align: center;
    width: 100%;
    max-width: 310px;
}
.collection-hero__inner_tec .collection-hero__title {
    margin: 9px 0;
}



/*******banner css start*******/

.banner-sec .inner-banner-sec {
    position: relative;
}

.banner-sec .banner-img img {
    width: 100%;
    display: block;
}

.banner-sec .banner-img .mobile-img {
    display: none;
}

.banner-sec .banner-img .desktop-img {
    display: block;
}

.banner-sec .inner-banner-sec .btn-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner-sec .inner-banner-sec .btn-link .btn-bottom {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.banner-sec .inner-banner-sec .btn-link .btn-bottom img {
      width: 100%;
    max-width: 70px;
}
.banner-sec .inner-banner-sec  .banner-text {
    text-align: center;
    position: absolute;
    bottom: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner-sec .inner-banner-sec .banner-text p {
    font-family: "DM Sans", sans-serif;
    box-sizing: border-box;
    color: #565b57;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 28px;
    margin: 0;
}

.banner-sec .inner-banner-sec .banner-text h2 {
    font-size: 120px;
    color: #738678;
    text-align: center;
    line-height: normal;
    margin: 0;
   font-family: "WhiteOleander";
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 45px 0 0;
    gap: 20px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li {
    margin: 0;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-primary {
    padding: 23px 30px;
    border-radius: 5px;
    background-color: #4d5d53;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 19px;
    min-width: 250px;
      text-decoration: none;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-secondary {
    padding: 23px 30px;
    border-radius: 5px;
    background-color: #738678;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 19px;
    min-width: 250px;
      text-decoration: none;
}

/*******banner css end***************/

/**********start inspired sec **************/

.inspired-sec {
    padding: 100px 0;
  background:#faf7f2;
}

.inspired-sec .top-inspired-heading {
    text-align: center;
}

.inspired-sec .top-inspired-heading p {
    color: #565b57;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 25px;
    font-family: "Outfit", sans-serif;
      margin: 0;
    font-weight: 200;
}

.inspired-sec .top-inspired-heading h2 {
    color: #4d5d53;
    text-align: center;
    font-size: 120px;
    font-family: "WhiteOleander";    
    line-height: 72px;
    margin: 0;
}


.inspired-sec .inspired-bottom-box {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -15px 0;
}

.inspired-sec .inspired-bottom-box .inspired-box {
    width: calc(25% - 30px);
    margin: 15px;
    position: relative;
    overflow: hidden;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box img {
    width: 100%;
    display: block;
    height: 475px;
    object-fit: cover;
}

.inspired-sec .container {
    max-width: 1807px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box img {
    position: absolute;
    top: 17px;
    width: 40px;
    height: 40px;
    right: 17px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .text {
    position: absolute;
    top: 50px;
    right: 24px;
    font-family: "DM Sans", sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    transform: rotate(55deg);
  opacity:0;
  transition: all 0.5s ease;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box h6 {
    opacity:0;
  transition: all 0.5s ease;
}
.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para {
    opacity:0;
  transition: all 0.5s ease;
}
.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box img {
  opacity:0;
  transition: all 0.5s ease;
}

  .inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box .text,
.inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box img, 
.inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box .location-para,
.inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box h6 { 
  opacity:1;
}

.inspired-box:hover .img-box:after{
  opacity:0.7 !important;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    line-height: normal;
    font-size: 18px;
    position: absolute;
    bottom: 50px;
    margin: 0;
    left: 20px;
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.5s ease;
    background: #8b9b8f;
    text-align: right;
    padding: 25px 25px 25px 75px;
    /* transform: translateY(102%); */
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para {
    position: absolute;
    bottom: 10px;
    display: flex;
    align-items: center;
    left: 20px;
    font-family: "DM Sans", sans-serif;
    color: #ffffff;
    text-align: left;
    line-height: normal;
    
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box h2 {
    margin: 20px 0 15px;
    font-family:  "DM Sans", sans-serif;
    font-weight: 500;
    color: #333333;
    text-align: right;
    line-height: normal;
    font-size: 26px;
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box p {
    font-family: "DM Sans", sans-serif;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.8);
    text-align: right;
    line-height: normal;
    font-size: 24px;
}

.inspired-sec .inspired-bottom-box .inspired-box:hover .etxt-box {
    transform: translateY(0);
}


/**********end inspired sec **************/


.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box img {
    border: 2px solid #ddd7c8;
    border-radius: 100%;
    padding: 5px;
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box img {
    border: 2px solid #ddd7c8;
    border-radius: 100%;
    padding: 5px;
}


.shub-h {
    display: block;
    font-weight: 200;
    /* color: #565b57; */
    text-align: left;
    line-height: normal;
    font-size: 25px;
}
.collection-sec {
    background:  #f2ebe0;
    padding: 50px 0;
}

.collection-sec .inner-collection .collection-box {
    width: calc(20% - 30px);
    margin: 15px;
    position: relative;
}

.collection-sec .inner-collection {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.collection-sec .inner-collection .collection-box .img-box img {
  overflow: hidden;
  
}

.collection-sec .inner-collection .collection-box.over-image .text-box {
    position: absolute;
    bottom: 60px;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 25px;
    align-items: flex-end;
  
}
.collection-sec .inner-collection .collection-box .text-box-above-image {
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0) 100%);
  margin-bottom: -15px;
}
.collection-sec .inner-collection .collection-box .text-box-above-image h6 {
    color: #fff !important;
}

.collection-sec .inner-collection .collection-box.under-image {
    position: relative;
    overflow: auto;
}
.collection-sec .inner-collection .collection-box.under-image:hover .text-box h6 {
    color: #000;
}
.collection-sec .inner-collection .collection-box.under-image .text-box {
  position: static;
  padding: 0px 0; /* adjust as needed */
  display: flex;
  text-align: left;
  color: #000; /* adjust for visibility */
  justify-content: space-between;
    align-items: center;
}
.collection-sec .inner-collection .collection-box.over-image .img-box {
    height: 100%;
}
.collection-sec .inner-collection .collection-box.under-image a.shop_now{
  color: #000;
}
.collection-sec .inner-collection .collection-box.under-image .shop_now {
  opacity: 1;
}
.collection-sec .inner-collection .collection-box.under-image .icon_cus {

    border: 1px solid #000;
}

.collection-sec .inner-collection .collection-box .text-box h6 {
    margin: 0;
    font-weight: 600;
    color: #252524;
    line-height: normal;
    font-size: 32px;
}
.icon_cus {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.collection-sec .container {
    max-width: 1807px;
}
.collection-sec .inner-collection .collection-box .text-box h6 p {
    margin: 0;
}
a.shop_now {
    color: #fff;
    text-transform: none;
    font-size: 20px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
}


.collection-box {
  position: relative;
  overflow: hidden;
}

.img-box {
  position: relative;
  width: 100%;
  height: auto;
}

.img-box img {
  display: block;
  width: 100%;
  height: auto;
}

/* Overlay effect on image hover */
.img-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent dark overlay */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.collection-box:hover .img-box::after {
  opacity: 1;
}
.vendor-logo {
    position: absolute;
    bottom: 35px;
    left: 16px;
}
.vendor-logo {
    max-width: 100%;
    max-height: 18px;
    object-fit: contain;
  
}
/* Text box stays visible */
.collection-box .text-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  color: white;
}

/* Heading always visible */
.collection-box .text-box h6 {
  font-size: 18px;
  margin: 0;
  color: white;
}

/* Shop now initially hidden */
.shop_now {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: white;
  text-decoration: none;
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show shop now on hover */
.collection-box:hover .shop_now {
  opacity: 1;
}

.icon_cus {
  margin-left: 5px;
  font-weight: bold;
}
.collection-sec .inner-collection  .collection-box:hover .text-box h6{
  color: #ffffff;
}


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


.i-am-author-sec {
    padding: 70px 0;
}

.i-am-author-sec .container {
    max-width: 1807px;
}

.i-am-author-sec .inner-i-am-author-sec {
    background:  #f2ebe0;
    padding: 30px 30px;
  margin: 0 40px;
}

.i-am-author-sec .inner-i-am-author-sec h2 {
    font-weight: 650;
    color: #252524;
    text-align: left;
    line-height: normal;
    font-size: 40px;
    margin: 0 0 5px;
}

.i-am-author-sec .inner-i-am-author-sec p {
       font-weight: 200;
    color: #9f9f9e;
    text-align: left;
    line-height: normal;
    font-size: 21px;
    margin: 0;
}

.i-am-author-sec .inner-i-am-author-sec .btn.btn-white {
        display: inline-block;
    padding: 15px 30px;
    border-radius: 70px;
    background-color: #faf7f2;
    font-weight: 600;
    color: #252524;
    text-align: center;
    line-height: normal;
    margin-top: 28px;
  text-decoration: none;
}
.newsletter-sec {
    background: #faf7f2;
       /* margin-top: 70px;*/
}
.newsletter-sec .inner-newsletter {
    background: #faf7f2;
    padding: 60px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.newsletter-sec 
 .container {
    max-width: 1807px;
}

.newsletter-sec .inner-newsletter .newsletter-text {
    width: calc(50% - 30px);
    margin: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.newsletter-sec .inner-newsletter .newsletter-form {
    width: calc(50% - 30px);
    margin: 15px;
    display: flex;
    max-width: 100%;
    flex-direction: unset;
    flex-wrap: wrap;
    padding: 0 50px;
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para {
    /* width: calc(100% - 400px); */
  width: calc(100% - 252px);
    padding-left: 41px;
}

.newsletter-sec .inner-newsletter .newsletter-text .left-heading span {
    font-weight: 200;
    color: #565b57;
    text-align: left;
    line-height: normal;
    font-size: 25px;
    display: block;
}

.newsletter-sec .inner-newsletter .newsletter-text .left-heading h2 {
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    font-size: 80px;
    font-weight: 200;
    margin: 0;
    font-family: WhiteOleander;
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para p {
    font-weight: 200;
    color: #797979;
    text-align: left;
    line-height: 34px;
    font-size: 23px;
}
@media only screen and (min-width: 1600px){

.vendor-logo {
    
    max-height: 40px;
    
  
}
}
@media only screen and (max-width: 1500px){

  .banner-sec .inner-banner-sec .banner-text h2 {
    font-size: 90px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-primary {
    padding: 17px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-secondary {
    padding: 17px;
}

.inspired-sec .top-inspired-heading h2 {
    font-size: 100px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box img {
    height: 375px;
}

.collection-sec .inner-collection .collection-box .img-box img {
    height: 350px;
}

.newsletter-sec .inner-newsletter .newsletter-text .left-heading h2 {
    font-size: 52px;
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para {
    width: calc(100% - 265px);
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para p {
    font-size: 18px;
    line-height: 25px;
}
  
}





@media only screen and (max-width: 1360px){

.banner-sec .inner-banner-sec .btn-link .btn-bottom img {
    width: 65px;
}

.banner-sec .inner-banner-sec .banner-text {
    bottom: 128px;
}


.banner-sec .inner-banner-sec .banner-text h2 {
    font-size: 71px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box {
    margin-top: 30px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-secondary {
    min-width: 180px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-primary {
    min-width: 220px;
}

.inspired-sec {
    padding: 50px 0;
}

.inspired-sec .top-inspired-heading h2 {
    font-size: 65px;
    line-height: 70px;
}

.inspired-sec .inspired-bottom-box {
    margin: 25px 0 0;
}

.inspired-sec .inspired-bottom-box .inspired-box {
    width: calc(50% - 30px);
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para {width: 100%;padding-left: 0;padding-top: 15px;}

}












@media only screen and (max-width: 1023px){

.banner-sec .inner-banner-sec .btn-link .btn-bottom img {
    width: 43px;
}

.banner-sec .inner-banner-sec .banner-text {
    bottom: 85px;
}

.banner-sec .inner-banner-sec .banner-text p {
    font-size: 20px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-primary {
    min-width: 150px;
    font-size: 16px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-secondary {
    font-size: 16px;
}

.collection-sec .inner-collection .collection-box .text-box h6 {
    font-size: 23px;
}

.i-am-author-sec .inner-i-am-author-sec {
    padding: 40px 20px;
  margin: 0;
}

.i-am-author-sec .inner-i-am-author-sec h2 {
    font-size: 26px;
}

.i-am-author-sec .inner-i-am-author-sec p {
    font-size: 18px;
}

.i-am-author-sec .inner-i-am-author-sec .btn.btn-white {
    font-size: 16px;
    margin-top: 25px;
}

.newsletter-sec .inner-newsletter {
    padding: 30px 0px;
}

  .subscribe-btn svg {
    width: 23px;
    height: 23px;
}

.newsletter-sec .inner-newsletter .newsletter-text .left-heading span {
    font-size: 20px;
}

.newsletter-sec .inner-newsletter .newsletter-text .left-heading h2 {
    font-size: 60px;
}

.newsletter-sec .inner-newsletter .newsletter-text .right-para p {
    font-size: 16px;
    line-height: 22px;
}

}









@media only screen and (max-width: 767px){

  .newsletter-sec .inner-newsletter .newsletter-text .left-heading {
    margin: 0 auto;
}
.banner-sec .banner-img .desktop-img {
    display: none;
}

.banner-sec .banner-img .mobile-img {
    display: block;
}

.banner-sec .inner-banner-sec .banner-text {
    bottom: auto;
    top: 60px;
}

.banner-sec .inner-banner-sec .banner-text h2 {
  padding-top: 10px;  
  padding-bottom: 20px;  
  font-size: 60px;
    line-height: 120%;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box {
    gap: 10px;
    margin-top: 0px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-primary {
    font-size: 12px;
    min-width: auto;
    padding: 10px 15px;
}

.banner-sec .inner-banner-sec .banner-text ul.btn-box li .btn.btn-secondary {
    font-size: 12px;
    min-width: auto;
    padding: 10px 15px;
}

.inspired-sec .top-inspired-heading p {
    font-size: 20px;
}

.inspired-sec .inspired-bottom-box .inspired-box {
    width: calc(50% - 10px);
    margin: 5px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box img {
    height: 230px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box img {
    width: 25px;
    height: 25px;
    padding: 1px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .text {
    top: 41px;
    right: 0px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para {
    left: 12px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para img {
    display: none;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para p {
    line-height: 16px;
    font-size: 13px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box h6 {
    font-size: 16px;
    left: 10px;
    bottom: 29px;
}

.inspired-sec .inspired-bottom-box .inspired-box:hover .etxt-box {
    padding: 10px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box img, .inspired-sec .inspired-bottom-box .inspired-box .etxt-box img {
    width: 25px;
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box h2 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 15px;
}

.inspired-sec .inspired-bottom-box .inspired-box .etxt-box p {
        font-size: 17px;
        line-height: 18px;
        width: 100%;
        max-width: 134px;
        display: block;
        margin: 0 auto;
        margin-right: 0;
}

.collection-sec .inner-collection {margin: 0;}

.collection-sec .inner-collection .collection-box {
    width: calc(50% - 12px);
    margin: 6px;
}

.collection-sec .inner-collection .collection-box .img-box img {
    height: 185px;
}

.collection-sec .inner-collection .collection-box .text-box {
    left: 9px;
    bottom: 8px;
  padding: 0px;
}

.collection-sec .inner-collection .collection-box .text-box h6 {
    font-size: 16px;
}

.i-am-author-sec {
    padding: 50px 0;
}

.newsletter-sec .inner-newsletter .newsletter-text {
    width: 100%;
    margin: 0;
}

.newsletter-sec .inner-newsletter .newsletter-form {
    margin: 25px 0 0;
    width: 100%;
}

  .banner-sec .banner-img img {
    width: 100%;
    display: block;
    min-height: 460px;
    object-fit: cover;
    object-position: 24%;
}
  

}





/*********new css*******/
.section-template--24344871207195__home_products_slider_HUPhUN-padding .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer img{
  filter: brightness(0) saturate(100%) invert(100%) contrast(100%);
}
.section-template--24344871207195__home_products_slider_HUPhUN-padding .products-slider-sec button.slick-prev {
 filter: brightness(0) saturate(100%) invert(100%) contrast(100%);
}
.section-template--24344871207195__home_products_slider_HUPhUN-padding .products-slider-sec button.slick-next {
 filter: brightness(0) saturate(100%) invert(100%) contrast(100%);
}

#template--24344871207195_home_products_slider_HUPhUN_products-slider button.slick-next, #template--24344871207195_home_products_slider_HUPhUN_products-slider  button.slick-prev {
    filter: brightness(0) invert(1);
    opacity: 1;
}

/* .color-swatch__list.color-more {
    position: absolute;
    bottom: 26px;
    right: 20px;
} */


.top-heading-sec {
  padding-top: 75px;
}

.products-slider-sec .slider {
  margin-bottom: 0;
}

.top-heading-sec .inner-heading-sec {
    display: flex;
    flex-wrap: wrap;
}

.top-heading-sec .inner-heading-sec .btn-see-all {
    width: 100px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    /* color: #4d5d53; */
    text-align: right;
    line-height: normal;
    text-decoration: none;
    font-size: 20px;
}

.top-heading-sec .inner-heading-sec .btn-see-all .btn-cer {
    width: 24px;
    height: 24px;
    display: block;
    /* transform: rotate(180deg); */
}

.top-heading-sec .inner-heading-sec .btn-see-all .btn-cer img {
    width: 100%;
    display: block;
}

.top-heading-sec .inner-heading-sec .left-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: calc(100% - 100px);
}

.top-heading-sec .inner-heading-sec .left-heading h2 {
    margin: 0;
    font-size: 120px;
    /* color: #4d5d53; */
    text-align: left;
    line-height: normal;
  font-family: "WhiteOleander";
}

.top-heading-sec .inner-heading-sec .left-heading p {
    margin: 0;
    width: calc(100% - 598px);
    /* font-weight: 200; */
    text-align: left;
    line-height: 31px;
    font-size: 20px;
    /* color: #4d5d53; */
    /* font-weight: 200; */
    opacity: 1;
}

.top-heading-sec .inner-heading-sec .left-heading .read-more {
    /* color: #4d5d53; */
}

.products-slider-sec {
    max-width: 1810px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.products-slider-sec .card-wrapper.product-card-wrapper {
    position: relative;
}

.products-slider-sec .card-wrapper.product-card-wrapper .new-title {
    font-weight: 200;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 15px;
    position: absolute;
    top: 22px;
    right: 0;
    background: #ab9a74 !important;
    z-index: 2;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}

.products-slider-sec h3 a {
    /* color: #333333; */
    text-align: left;
    line-height: 22px;
    font-size: 13px;
}

.products-slider-sec .card-information .price__sale s.price-item.price-item--regular {
    /* color: #333333; */
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    opacity: 0.7;
}

.products-slider-sec .card-information .price__sale span.price-item.price-item--sale {
    /* color: #333333; */
    text-align: left;
    line-height: 22px;
    font-size: 13px;
}

.products-slider-sec button.slick-prev {
    background: url(/cdn/shop/files/icn_arrow_enabled.svg?v=1743591852);
    position: absolute;
    top: -90px;
    right: 90px;
    width: 60px;
    height: 60px;
    background-size: cover;
    font-size: 0;
    left: auto;
    transform: rotate(180deg);
}

.products-slider-sec button.slick-next {
    background: url(/cdn/shop/files/icn_arrow_enabled.svg?v=1743591852);
    position: absolute;
    top: -90px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-size: cover;
    transform: rotate(0deg);
    font-size: 0;
}

.products-slider-sec button:before {
    display: none;
}



.video-inner-box .text-box h2 {
    font-weight: 500;
    color: #333333;
    text-align: left;
    line-height: normal;
    font-size: 21px;
    margin: 16px 0;
}
.video_slider {
  margin: 0 auto;
}
.video-inner-box .text-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.video-inner-box .text-box ul li img {
    width: 73px;
    height: 73px;
}

.video-inner-box .text-box ul li h6 {
    margin: 0;
    font-weight: 700;
    color: #333333;
    text-align: left;
    line-height: normal;
    font-size: 13px;
}

.video-inner-box .text-box ul li  span {
    display: block;
    font-size: 15px;
    color: #9f9f9e;
    text-align: left;
    line-height: normal;
}

.videos-slider-sec {
    position: relative;
    margin: 100px auto;
    margin-bottom: 0px;
}

.videos-slider-sec button.slick-prev {
    background: url(/cdn/shop/files/Untitled-1_4d0390e0-5537-4ddc-b8e0-47b8bb42374a.png?v=1741622025);
    position: absolute;
    top: -58px;
    right: 90px;
    width: 60px;
    height: 60px;
    background-size: cover;
    font-size: 0;
    left: auto;
}

.videos-slider-sec button.slick-next {
    background: url(/cdn/shop/files/Untitled-1_4d0390e0-5537-4ddc-b8e0-47b8bb42374a.png?v=1741622025);
    position: absolute;
    top: -90px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-size: cover;
    transform: rotate(180deg);
    font-size: 0;
}

.videos-slider-sec button:before {
    display: none;
}


@media only screen and (max-width: 1500px){


.top-heading-sec .inner-heading-sec .left-heading h2 {
    font-size: 65px;
    line-height: 140%;
}

.top-heading-sec .inner-heading-sec .left-heading p {
    width: calc(100% - 334px);
    font-size: 16px;
    line-height: 20px;
    padding-right: 25px;
}

.products-slider-sec button.slick-prev {
    width: 45px;
    height: 45px;
    top: -22px;
    right: 80px;
}

.products-slider-sec button.slick-next {
    width: 45px;
    top: -43px;
    right: 13px;
    height: 45px;
}

.products-slider-sec .slider {
    margin-top: 60px;
}

.videos-slider-sec .slider {
    margin-top: 60px;
}

.collection-sec .top-heading-sec {
    padding-top: 0;
}

.videos-slider-sec button.slick-prev {
    width: 45px;
    height: 45px;
    top: -22px;
    right: 80px;
}

.videos-slider-sec button.slick-next {
    width: 45px;
    height: 45px;
    top: -45px;
    right: 15px;
}

.video-inner-box .text-box h2 {
    font-size: 16px;
}
  
}









@media only screen and (max-width: 993px){



.top-heading-sec {
    padding-top: 40px;
}

.top-heading-sec .inner-heading-sec .left-heading h2 {
    width: 100%;
    font-size: 60px;
}

.top-heading-sec .inner-heading-sec .left-heading p {
    width: 100%;
}

.inspired-sec .top-inspired-heading h2 {
    font-size: 40px;
    line-height: 100%;
}

.inspired-sec .top-inspired-heading p {
    font-size: 15px;
}

.shub-h {
    font-size: 18px;
}

}







.video-section .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer.mobile_btn {
    display: none;
}

@media only screen and (max-width: 767px){
  .video-section .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer{
     display: none;
  }
  .video-section .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer.mobile_btn{
     display: flex;
  }
  .video-section .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer.mobile_btn {
        transform: rotate(39deg);
    opacity: 0.68;
    padding: 2px 2px 2px 2px;
    border: 1px solid rgba(77, 93, 83, 0.68);
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 40px;
            margin: 0 -12px;
  }
  .video-section .top-heading-sec .inner-heading-sec .btn-see-all .btn-cer.mobile_btn img {
    width: 8px !important;
    height: 13px;
    transform: rotate(-42deg);
}
.collection-sec .container {
  padding: 0 14px;
}

.top-heading-sec .inner-heading-sec .left-heading {
    width: 100%;
}

.top-heading-sec .inner-heading-sec .left-heading h2 {
    text-align: left;
}

.top-heading-sec .inner-heading-sec .left-heading p {
    padding: 0;
    text-align: center;
  display: none;
}

  .collection-sec .top-heading-sec .inner-heading-sec .left-heading p, .video-section .top-heading-sec .inner-heading-sec .left-heading p {
    display: block;
  }

  .collection-sec .top-heading-sec .inner-heading-sec .btn-see-all, .video-section .top-heading-sec .inner-heading-sec .btn-see-all {
     display: flex;
  }
  .collection-sec .inner-collection .collection-box .text-box-above-image {
  margin-bottom: 22px;
    padding: 0 5px;
}
  .collection-sec .inner-collection .collection-box .text-box-above-image h6 {
    font-size: 14px !important;
  }
.top-heading-sec .inner-heading-sec .btn-see-all {
    position: absolute;
    bottom: -50px;
  display: none;
}

.top-heading-sec {
    position: relative;
}

.products-slider-sec button.slick-prev {
    width: 35px;
    height: 35px;
    right: 60px;
  top: -50px;
}

.products-slider-sec button.slick-next {
    width: 35px;
    height: 35px;
    top: -50px;
}

.slick-slide {
    padding: 0 !important;
    margin: 0 5px!important;
}

.products-slider-sec .slider, .videos-slider-sec .slider {
    padding-left: 0;
    padding-right: 0;
  margin-top: 0px;
}
  .products_slider-section .container {
    padding: 0 0;
}

.products-slider-sec .card-wrapper.product-card-wrapper .new-title {
    font-size: 13px;
    padding: 4px 10px;
}

.inspired-sec .top-inspired-heading h2 {
    font-size: 40px;
    line-height: 100%;
}

.inspired-sec .top-inspired-heading p {
    font-size: 16px;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para p {
    margin: 0;
    word-break: break-all;
    width: 100%;
}

.inspired-sec .inspired-bottom-box .inspired-box .img-box .default-box .location-para {
    flex-wrap: wrap;
}
.inspired-sec .inspired-bottom-box .inspired-box .etxt-box:before {
        content: "";
        width: 133px;
        height: 133px;
        opacity: .17;
        background-image: url(/cdn/shop/files/normal_u72.svg?v=1747406362);
        box-sizing: border-box;
        display: flex;
        position: absolute;
        right: 8px;
    }
  .i-am-author-sec .container {
    padding: 0 14px;
  }
.inspired-sec .inspired-bottom-box .inspired-box .etxt-box {
           padding: 12px;
        width: 100%;
        max-width: 100%;
        right: 0;
        left: unset;
}

.collection-sec .container .container {
    padding: 0;
}

.top-heading-sec .inner-heading-sec .left-heading .left-h {
    width: 100%;
    text-align: center;
  padding-left: 10px;
}

.shub-h {
    display: block;
    font-size: 16px;
    text-align: left;
}

.collection-sec .inner-collection {
    padding-top: 70px;
            margin: 0 -6px;
}
  .collection-sec .inner-collection .mobile_none{
    display: none;
  }

.collection-sec .top-heading-sec .inner-heading-sec .btn-see-all, .video-section .top-heading-sec .inner-heading-sec .btn-see-all {
    left: 0;
        right: 0;
        text-align: center;
        justify-content: center;
        width: 100%;
}
.collection-sec .shub-h {
  text-align: center;
}
  .video-section .shub-h {
  text-align: center;
}
  .collection-sec .top-heading-sec .inner-heading-sec .left-heading h2, .video-section .top-heading-sec .inner-heading-sec .left-heading h2 {
        text-align: center;
    }
.videos-slider-sec button.slick-next {
    width: 35px;
    height: 35px;
    top: -40px;
}

.videos-slider-sec button.slick-prev {width: 35px;height: 35px;right: 60px;}

.video-inner-box .text-box h2 {
    margin-top: 8px;
    font-size: 14px;
}

.video-inner-box .text-box ul li img {
    width: 46px;
    height: auto;
}

.video-inner-box .text-box ul li h6 {
    font-size: 12px;
}



}


/*********about us***********/



.banner-about-sec {
    padding-top: 100px;
}

.banner-about-sec .container {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 15px;
}

.banner-about-sec  iframe {
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    display: block;
}

.about-process-sec {
    position: relative;
    padding-bottom: 50px;
}

.about-process-sec .container {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 15px;
}

.about-process-sec .inner-about-process {
    display: flex;
    flex-wrap: wrap;
}

.about-process-sec .inner-about-process .left-about-box {
    width: 100%;
    margin-right: auto;
}

.about-process-sec .inner-about-process .about-box {
    width: calc(50% - 84px);
    margin-right: 84px;
    padding-top: 60px;
}

.about-process-sec .inner-about-process .about-box h2 {
    margin: 0 0 -22px;
    font-size: 71px;
    font-weight: 900;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
}

.about-process-sec .inner-about-process .about-box img {
    width: 100%;
    display: block;
    border-radius: 25px;
}

.about-process-sec .inner-about-process .about-box p {
    color: #333333;
    text-align: left;
    line-height: 27px;
    font-size: 20px;
    margin: 0;
}

.about-process-sec .inner-about-process .about-box h3 {
    font-size: 32px;
    font-weight: 700;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    margin: 25px 0 9px;
}

.about-process-sec .inner-about-process .right-about-box .about-box {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0px;
    margin-top: -200px;
}

.about-process-sec .inner-about-process .left-about-box:not(:first-child) .about-box {
    margin-top: -200px;
}

.about-process-sec .inner-about-process:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 2px solid #4d5d53;
    border-style: dashed;
}



@media only screen and (max-width:993px) {
    

    .banner-about-sec {
    padding-top: 50px;
}

.about-process-sec .inner-about-process .about-box {
    padding-top: 20px;
    width: calc(50% - 30px);
    margin-right: 0;
}

.about-process-sec .inner-about-process .about-box h3 {
    font-size: 25px;
}

.about-process-sec .inner-about-process .about-box p {
    font-size: 22px;
}

.about-process-sec .inner-about-process .right-about-box .about-box {
    padding-left: 0;
}

}






.footer-mobile-image {
  display: none;
}

@media only screen and (max-width:767px) {
.footer-mobile-image {
  display: block;
          margin: 0 23px;
  margin-bottom: 30px;
}
  .footer__copyright {
    padding: 25px 0;
}
  .footer-mobile-image img {
        width: 100%;
    max-width: 162px;
  }
.banner-about-sec {
    padding-top: 25px;
}

.banner-about-sec .container {
    padding: 0;
}

.about-process-sec .inner-about-process:before {
    left: 17px;
    right: auto;
}

.banner-about-sec iframe {
    border-radius: 0;
}

.about-process-sec .inner-about-process .about-box {
    width: calc(100% - 30px);
    margin-left: auto;
}

.about-process-sec .inner-about-process .about-box h3 {
    font-size: 32px;
}

.about-process-sec .inner-about-process .about-box p {
    font-size: 20px;
}

.about-process-sec .inner-about-process .right-about-box .about-box {
    margin: 0 0 0 auto;
    width: calc(100% - 30px);
}

.about-process-sec .inner-about-process .left-about-box:not(:first-child) .about-box {
    margin-top: 0;
}


}

/********************menu css***********/


@media only screen and (min-width: 990px){
  summary.list-menu__item {
    padding-right: 1.7rem !important;
    position:relative;
  }
  .header__inline-menu .page-width {
        width: 100%;
    max-width: 1788px;
    padding: 0 4.2rem;
}
  header.header {
  -webkit-display: flex;
  display: flex;
    justify-content: space-between;
    max-width: 1788px;
    padding: 0 15px;
    margin: 0 auto;
  }

header.header .header__heading-link .header__heading-logo-wrapper img {
    /* height: 100px; */
    object-fit: contain;
    /* width: auto; */
}

header.header nav.header__inline-menu ul li a span, .mega-menu span {
  text-align: left;
  line-height: normal;
  font-weight: 500;
  color: #fff;
    font-size: 1.4rem;
  letter-spacing: 1.5px;
  padding: 0;
  line-height: 1;
}

.mega-menu .icon.icon-caret {
    display: none !important;
}

.mega-menu span:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #ab9a74;
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateX(-50%);
}

.mega-menu .mega-menu__content {
    max-width: 1290px;
    margin: 0 auto 0;
    top: 50px;
    z-index: 9;
    padding: 30px 40px;
    background: #fff;
    border-radius: 3px;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.16);
}
.mega-menu .mega-menu__content.submenu-cols-2{
 max-width: 650px;
}
.mega-menu .mega-menu__content.submenu-cols-3{
 max-width: 700px;
}
.mega-menu .mega-menu__content.submenu-cols-6 {
    max-width: 1290px;
}
.mega-menu .mega-menu__content.submenu-cols-4{
 max-width: 900px;
}
.mega-menu .mega-menu__content.submenu-cols-2 .div_for_image {
    /* max-width: calc(28% - 10px); */
    max-width: fit-content;
}

.mega-menu[open="true"] .header__menu-item:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    transform: rotate(180deg);
    z-index: 99;
}

.mega-menu .mega-menu__content ul.mega-menu__list {
    margin: 0 auto !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: initial;
}

.mega-menu .mega-menu__content ul.mega-menu__list li {
    margin: 20px;
    gap: 0;
}

.mega-menu .mega-menu__content ul.mega-menu__list li .mega-menu__link {
    font-weight: 300;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    font-size: 14px !important;
    margin-bottom: 13px;
}

.mega-menu .mega-menu__content ul.mega-menu__list li ul li {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mega-menu .mega-menu__content ul.mega-menu__list li ul li a {
    margin: 0 !important;
    padding: 0 !important;
    color: #333333 !important;
    line-height: 31px !important;
    font-size: 15px !important;
}

.mega-menu .mega-menu__content ul.mega-menu__list li  .view-all {
    font-size: 19px;
    color: #4d5d53;
    text-align: center;
    line-height: normal;
    letter-spacing: 0;
    font-weight: 500;
}
  .mega-menu .mega-menu__content ul.mega-menu__list li .view-all a:hover {
  color: #000 !important;
  }
  

.div_for_image img {
    width: 100%;
    display: block;
    height: 220px;
    object-fit: cover;
    border-radius: 25px;
}

.div_for_image .text-img-bottom h4 {
    margin: 32px 0 0;
    font-weight: 600;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    font-size: 18px;
}

.div_for_image .text-img-bottom p {
    color: #9e9ea7;
    text-align: left;
    line-height: 23px;
    font-size: 15px;
    margin: 7px 0;
}

.div_for_image .text-img-bottom  .details-admin {
    display: flex;
    align-items: center;
    gap: 10px;
}

.div_for_image .text-img-bottom .details-admin .img-box {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.div_for_image .text-img-bottom .details-admin .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.div_for_image .text-img-bottom .details-admin .text-box {
    width: calc(100% - 50px);
}

.div_for_image .text-img-bottom .details-admin .text-box span {
    display: block;
    padding: 0;
    font-size: 11px;
    color: #9e9ea7;
    text-align: left;
    line-height: 17px;
    margin: 0;
}

.div_for_image .text-img-bottom .details-admin .text-box span:before {
    display: none;
}

  .div_for_image .text-img-bottom .details-admin .text-box h6 {
    margin: 0;
    font-size: 15px;
    color: #333333;
    text-align: left;
    line-height: 19px;
  }
}

.header__icon.header__icon--cart {
  width: 44px;
  height: 44px;
  background-color: #4d5d53;
  border-radius: 100px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__icon.header__icon--cart span {
  color: #fff;
}

.header__icon.header__icon--account {
  width: 44px;
  height: 44px;
  background-color: #f2ebe0;
  border-radius: 100px;
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon.header__icon--search {
  width: 44px;
  height: 44px;
  padding: 2px 2px 2px 2px;
  background-color: #f2ebe0;
  border-radius: 100px;
}

@media only screen and (max-width:1300px) and (min-width: 990px){
  header.header nav.header__inline-menu ul li a span, .mega-menu span {
    font-size: 14px;
  }
  
  .mega-menu span:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #555;
    top: 26px;
  }
  
  .mega-menu .mega-menu__content {
    margin-top: 7px;
    left: 10px;
    right: 10px;
    padding: 10px;
  }
  
  .mega-menu .mega-menu__content ul.mega-menu__list li .mega-menu__link {
    font-size: 15px;
    margin-bottom: 10px;
  }
  
  .mega-menu .mega-menu__content ul.mega-menu__list li ul li a {
    font-size: 13px !important;
    line-height: 26px !important;
  }
  
  .mega-menu .mega-menu__content ul.mega-menu__list li .view-all {
    font-size: 15px;
  }
  
  .div_for_image img {
    height: 120px;
  }
  
  .div_for_image .text-img-bottom h4 {
    margin-top: 10px;
    font-size: 14px;
  }

  .div_for_image .text-img-bottom p {
    font-size: 12px;
    line-height: 14px;
  }
  
  .mega-menu .mega-menu__content {
    top: 70px;
  }
}

.search__input {
  border: none;
  outline: none;
  box-shadow: none;
  max-width: 646px;
  height: 44px;
  background-color: #faf7f2;
  border-radius: 50px;
  color: #999999;
  font-size: 16px;
  padding: 15px;
  width:100%;
  margin: 0 0 0 auto;
}
.reset__button {
  display: none;
}
.search__button {
  width: 24px;
  height: 24px;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.header predictive-search {
  height:44px;
  max-width:646px;
}
.header__icon--account svg {
  width:19px;
  height:19px;
}
#cart-icon-bubble svg {
  width:35px;
  height:35px;
}
.header__icons {
  padding-right:0;
  width: 60%;
  justify-content: center;
}
.header__icon.header__icon--cart {
  margin-right:0;
}
.header__heading {
  width: 20%;
}
.header__heading-link {
  margin-left:0 !important;
  padding: 15px 0;
}
@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 4.2rem;
    padding-right: 4.2rem;
  }
}
.header__inline-menu {
  padding: 1px 0;
  background-color: #4d5d53;
  margin-left: 0 !important;
  text-align: center;
  position:relative;
  margin-bottom: -1px;
}
.list-menu__item.header__menu-item, .header__active-menu-item {
  color: #fff;
  line-height: 1;
  font-size: 1.4rem;
  letter-spacing: 1.5px;
}
.header__menu-item:hover span, .header__active-menu-item {
  text-decoration: none !important;
}
.header__menu-item {
  padding: 1.7rem;
}
.header__inline-menu li {
  line-height: 1;
  height: 100%;
}
details[open]>.header__menu-item {
  text-decoration: none !important;
}
.custom_link {
  padding: 3px 10px;
  border-radius: 3px;
  background-color: #fcebd9;
  box-sizing: border-box;
  color: #4d5d53 !important;
}
.custom_link_2 {
  background-color: #ab9a74;
  color: #fff !important;
}
.list-menu--inline {
  align-items:center;
}
#predictive-search-results {
  background-color: #f2ebe0;
}
input.search__input::-webkit-search-decoration,
input.search__input::-webkit-search-cancel-button,
input.search__input::-webkit-search-results-button,
input.search__input::-webkit-search-results-decoration {
  display: none;
}
@media(max-width: 990px) {
  .header__icons predictive-search {
    display: none;
  }
  .header__icon.header__icon--cart {
    width: 38px;
    height: 38px;
  }
  .header__icon.header__icon--account {
    width: 38px;
    height: 38px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .header__icon.header__icon--search {
    width: 38px;
    height: 38px;
  }
  header.header {
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 20px;
  }
  .header__icon .icon {
    height: 2rem;
    width: 2rem;
  }
  header-drawer {
    margin-left: -0.8rem !important;
  }
  .header__heading-link {
    padding: 0;
  }
  .header__heading, .header__icons {
    width: auto;
  }
  .mobile--search-container {
    padding: 10px 20px;
    background-color: #f2ebe0;
  }
  .mobile--search-container predictive-search {
    /* position: relative; */
  }
  .section-header.scrolled-past-header.shopify-section-header-sticky.animate .mobile--search-container {
    display: none;
  }
}
@media(max-width:550px) {
  .header__heading-logo-wrapper {
    max-width: 65px;
  }
}
.announcement-bar-slider .grid {
  margin-top: 0;
  padding: 0;
}
.announcement-bar-slider .announcement-bar__message {
  padding: 6.5px 0;
  min-height: unset;
  font-size: 12px;
  color: rgb(var(--color-foreground), 0.75);
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.announcement-bar-slider .announcement-bar__announcement {
  height: auto;
  line-height: 1;
}
.announcement-bar .slider-button {
  height: 30px !important;
  padding: 0;
  color: rgba(var(--color-foreground));
}
.announcement-bar .slider-button .icon {
  height: 10px;
}
.announcement-bar__link:hover {
  text-decoration: none;
}
.view-all_li {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: none;
}
.mega-menu .mega-menu__content ul.mega-menu__list li .view-all {
  text-align:left !important;
      font-weight: 500;
    text-decoration: underline;
  text-transform:capitalize;
  color: #4d5d53 !important;
}
.mega-menu__content {
  display: flex;
  gap: 20px;
}
ul.mega-menu__list.page-width {
  justify-content: space-between;
}
.div_for_image {
  max-width: calc(28% - 10px);
}
.mega-menu .mega-menu__content ul.mega-menu__list > li {
  height: max-content;
}
.footer-block__details-content>li {
        font-size: 16px;
        line-height: 21px;
    }
.footer-block__heading {
      font-weight: 500;
    font-size: 18px !important;
    line-height: normal;
    margin-bottom: 20px !important;
}
.footer__content-bottom.scroll-trigger.animate--slide-in {
    background: #4d5d53;
    padding: 0px;
  transform: unset;
  opacity: 1;
}
.copyright__content {
    color: #fff !important;
}
.footer-block .footer__copyright {
    /* margin-top: 0; */
}
/* .footer__content-bottom.scroll-trigger.animate--slide-in{
padding-top: 0px;
} */

.footer-block__details-content p::before {
    content: url('/cdn/shop/files/normal_u776.svg?v=1743519665');
    display: inline-block;
    width: 14px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
h2.footer-block__heading.inline-richtext.image {
    display: none;
}

.footer-block .list-social {
    justify-content: start;
    padding-left: 0px !important;
  margin-bottom: 38px;
}
.footer-block .list-social li a{
  padding: 0px;
  margin-right: 15px;
}
.footer-block .svg-wrapper {
    width: 30px;
    height: 30px;
}
.footer-block.visually-hidden{
  display: none;
}
.footer-block .list-social__item .icon {
    height: 30px;
    width: 30px;
}
.footer-block__details-content .list-menu__item--link {
  font-size: 15px !important;
  color: #797979 !important;
  text-decoration: none;
  line-height: 21px;
  font-weight: 300;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
  text-decoration: none !important;
}
.footer-block.grid__item {
  width: calc(20% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
  max-width: calc(20% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
}
.footer-block-image {
  flex-wrap: wrap;
}
.image_with-menu {
  width:100%;
}


/**********blog css*********/


.banner-blog-sec {
    width: 100%;
    padding: 0;
    position: relative;
}

.banner-blog-sec .inner-blog-banner {
    position: relative;
}

.banner-blog-sec .inner-blog-banner .banner-img img {
    width: 100%;
    display: block;
    max-height: 640px;
    object-fit: cover;
}

.banner-blog-sec .inner-blog-banner .banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
}

.banner-blog-sec .inner-blog-banner .banner-text span {
    color: #ffffff;
    text-align: center;
    line-height: normal;
    letter-spacing: 1.5px;
    font-size: 15px;
}

.banner-blog-sec .inner-blog-banner .banner-text h1 {
    margin: 0;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    font-size: 60px;
}

.banner-blog-sec:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
}

.blog-details-sec .blog-details h3 {
    font-weight: 200;
    color: #565b57;
    text-align: left;
    line-height: 41px;
    font-size: 26px;
    margin: 0;
}

.blog-details-sec .container {
    max-width: 1248px;
}

.blog-details-sec .blog-text-with-img {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 110px;
}

.blog-details-sec .blog-text-with-img .text-box {
    width: 45%;
}

.blog-details-sec .blog-text-with-img  .img-box {
    width: calc(100% - 45%);
    padding-left: 80px;
}

.blog-details-sec .blog-text-with-img .img-box img {
    width: 100%;
    display: block;
}

.blog-details-sec .blog-text-with-img .text-box h4 {
    margin: 0;
    font-weight: 700;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    font-size: 32px;
}

.blog-details-sec .blog-text-with-img .text-box p {
    font-weight: 200;
    color: #565b57;
    text-align: left;
    font-size: 1.6rem;
}
.text-box p a {
  font-weight: 500;
  color: #4d5d53;
  text-decoration: underline;
}
.text-box p a:hover {
  text-decoration: none;
}

.blog-details-sec .blog-text-with-img.text-img-rvc .text-box {
    width: calc(100% - 45%);
    padding-left: 80px;
}

.blog-details-sec .blog-text-with-img.text-img-rvc .img-box {
    width: 45%;
    padding-left: 0;
}
.blog-details-sec .blog-text-with-img.text-img-rvc .img-box:after{
  content: none;
}
.blog-details-sec .blog-text-with-img.text-img-rvc .img-box iframe {
    width: 100%;
  
    object-fit: cover;
}

@media only screen and (max-width:992px){

  .banner-blog-sec .inner-blog-banner .banner-text h1 {
    font-size: 30px;
}

.banner-blog-sec .inner-blog-banner .banner-text {
    padding: 0 15px;
}

.blog-details-sec .blog-details h3 {
    padding: 45px 0;
    font-size: 20px;
    line-height: 30px;
}

.blog-details-sec .blog-text-with-img .img-box {
    width: 100%;
    padding: 0;
}

.blog-details-sec .blog-text-with-img .text-box {
    width: 100%;
}

.blog-details-sec .blog-text-with-img {
    padding-bottom: 45px;
}

.blog-details-sec .blog-text-with-img.text-img-rvc .text-box {
    width: 100%;
    padding: 25px 0 0;
}

.blog-details-sec .blog-text-with-img.text-img-rvc .img-box {
    width: 100%;
}

.blog-details-sec .blog-text-with-img.text-img-rvc .img-box iframe {
    min-height: 300px;
}
  
}




@media only screen and (max-width:767px){

.banner-blog-sec:before {
    display: none;
}

.banner-blog-sec .inner-blog-banner .banner-img img {
    min-height: 400px;
}

.banner-blog-sec .inner-blog-banner .banner-text {
    max-width: 295px;
}


}


/************blog list**********/



.blog-banner-listing-sec .inner-blog-banner-listing {display: flex;flex-wrap: wrap;}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list {
    width: 50%;
    background: #4d5d53;
}

.blog-banner-listing-sec .inner-blog-banner-listing .banner-img-list {
    width: 50%;
}

.blog-banner-listing-sec .inner-blog-banner-listing .banner-img-list img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: right;
    min-height: 670px;
    max-height: 670px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box {
    max-width: 850px;
    float: right;
    padding: 50px 120px 25px 15px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box .sub-heading {
    color: #fff;
    text-align: left;
    line-height: 23px;
    display: block;
    font-size: 13px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box  h1 {
    font-weight: 700;
    color: #faf7f2;
    text-align: left;
    line-height: normal;
    font-size: 40px;
    /* max-width: 350px; */
    margin: 10px 0;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box  p {
    color: #ffffff;
    text-align: left;
    line-height: 23px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .btn.btn-white {
    color: #4d5d53;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    background:  #faf7f2;
    text-decoration: none;
    border-radius: 5px;
    padding: 12px 40px;
    display: inline-block;
    margin-top: 25px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list  .bottom-banner-list {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 100px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .btn-text svg {
    width: 24px;
    height: auto;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .btn-text {
    color: #ffffff;
    text-align: left;
    line-height: 23px;
    font-size: 13px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .left-details {
    display: flex;
    align-items: center;
    gap: 11px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .left-details .author-img {
    display: block;
    width: 60px;
    height: 60px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .left-details .author-img img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
}

.blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list .left-details h6 {
    color: #ffffff;
    text-align: left;
    line-height: 23px;
    font-size: 24px;
    margin: 0;
}

.search-box-sec {
    margin-top: -45px;
    position: relative;
}

.search-box-sec .container {
    max-width: 1200px;
}

.search-box-sec .inner-search-box {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 25px 32px;
    border-radius: 10px;
    background-color: #faf7f2;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

.search-box-sec .inner-search-box h2 {
    margin: 0;
    font-weight: 600;
    color: #333333;
    text-align: left;
    line-height: normal;
    font-size: 31px;
}

.search-box-sec .inner-search-box .search-box {
    width: calc(100% - 550px);
    position: relative;
    margin-left: 64px;
}

.search-box-sec .inner-search-box .search-box input[type="text"] {
    width: 100%;
    padding: 16px 140px 16px 38px;
    border-radius: 203px;
    border: 1px solid rgba(121, 121, 121, 0.23);
    background-color: #ffffff;
    color: #9e9ea7;
    text-align: left;
    line-height: normal;
    font-size: 16px;
}

.search-box-sec .inner-search-box .search-box img {
    position: absolute;
    top: 17px;
    left: 14px;
    width: 18px;
}

.search-box-sec .inner-search-box .search-box button.search-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 11px 35px;
    border-radius: 70px;
    background-color: #4d5d53;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    cursor: pointer;
    border:none;
}

.listing-blog-sec {
    padding: 20px 0;
}

.listing-blog-sec .inner-listing-blog {
    display: flex;
    flex-wrap: wrap;
}

.listing-blog-sec .inner-listing-blog .blog-list {
    width: calc(33.33% - 24px);
    margin: 12px;
    position: relative;
}

.listing-blog-sec .inner-listing-blog .blog-list .img-blog img {
    width: 100%;
    display: block;
    border-radius: 11px;
}

.listing-blog-sec .inner-listing-blog .blog-list ul {
    padding: 20px;
    margin: 0;
    list-style-type: none;
    z-index: 1;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.listing-blog-sec .inner-listing-blog .blog-list ul li {
    font-size: 13px;
    color: #ffffff;
    text-align: left;
    line-height: normal;
    letter-spacing: 1.5px;
}

.listing-blog-sec .inner-listing-blog .blog-list ul li img {
    width: 30px;
    height: 30px;
    display: block;
}

.listing-blog-sec .inner-listing-blog .blog-list .text-blog h3 {
    font-weight: 700;
    color: #4d5d53;
    text-align: left;
    line-height: normal;
    font-size: 24px;
    margin: 0 0 15px;
}

.listing-blog-sec .inner-listing-blog .blog-list .text-blog p {
    color: #333333;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    margin: 0;
}
.listing-blog-sec .inner-listing-blog .blog-list .text-blog {
  padding: 25px 0;
}
@media only screen and (max-width:1200px) {
  .blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box {
    padding: 50px 25px 25px 15px;
  }
}

@media only screen and (max-width:993px) {
  .blog-banner-listing-sec .inner-blog-banner-listing {
    flex-direction: column-reverse;
  }
  
  .blog-banner-listing-sec .inner-blog-banner-listing .text-text-list {
    width: 100%;
  }
  
  .blog-banner-listing-sec .inner-blog-banner-listing .banner-img-list {
    width: 100%;
  }
  
  .blog-banner-listing-sec .inner-blog-banner-listing .banner-img-list img {
    min-height: auto;
    max-height: 325px;
    object-position: center;
  }
  
  .blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box {
    padding-bottom: 80px;
  }
  
  .blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .bottom-banner-list {
    margin-top: 40px;
  }
  
  .search-box-sec .inner-search-box .search-box {
    width: 100%;
    margin: 0;
  }
  
  .search-box-sec .inner-search-box {
    flex-direction: column;
    text-align: left;
  }

  .search-box-sec .inner-search-box .text-search {width: 100%;text-align: left;margin-bottom: 8px;}
  
  .listing-blog-sec .inner-listing-blog .blog-list {
    width: calc(50% - 24px);
  }
}
@media only screen and (max-width:767px) {
  .header__icons {
    display: none;
}
  .field_search {
    position: relative;
  }
  header.header{
  -webkit-display: flex;
  display: flex;
  }
  header-drawer {
    width: 30%;
  }
  .icon_div_custom {
    gap: 8px;
    width: 30%;
  }
  .header__icon.header__icon--account {
        margin-right: unset;
        margin-left: unset;
        max-width: 38px;
    }
  .blog-banner-listing-sec .inner-blog-banner-listing .text-text-list .text-box h1 {
    font-size: 32px;
  }
  
  .search-box-sec .inner-search-box h2 {
    font-size: 25px;
  }
  
  .listing-blog-sec {
    padding: 40px 0;
  }
  
  .listing-blog-sec .inner-listing-blog .blog-list {
    width: 100%;
    margin: 0 0 25px;
  }
}

@media only screen and (max-width:420px) {
.header__icon.header__icon--cart {
        width: 38px;
        height: 38px;
    }
  .header__icon.header__icon--account {
        width: 38px;
        height: 38px;
  }
  .header__icon--account svg {
    width: 15px;
    height: 15px;
}
      .icon_div_custom {
        gap: 5px;
    }
}


.quantity-add__button {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.quantity-add__button .product-form__input {
  flex: unset;
  min-width: unset;
  margin: 0;
}
.quantity-add__button .product-form__input .quantity__button {
  max-width: 40px;
}

.quantity-add__button .product-form__input .quantity {
  width: auto;
}
.product-form__buttons .quantity-add__button .product-form__submit {
  margin-bottom: 0 !important;
  min-height: 47px !important;
}
@media(max-width:750px) {
  .product-form__buttons .quantity-add__button .product-form__submit {
    font-size: 13px !important;
  }
}
.sticky--btn {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: calc(100% - 3rem);
  margin: auto;
  height: 45px;
  min-height: 45px;
}
.sticky--btn span {
  font-size: 15px;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 1.5px;
}
@media(max-width:750px) {
  .header__icon--account svg {
    width: 16px;
    height: 16px;
  }
  #cart-icon-bubble svg {
    width: 32px;
    height: 32px;
}
  .inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box .text, .inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box img, .inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box .location-para, .inspired-sec .inspired-bottom-box .inspired-box:hover .img-box .default-box h6 {
    opacity: 0;
  }
  .sticky--btn {
    display: block;
  }
  .sticky-hidden.sticky--btn {
    display: none !important;
  }
  /* .product-form__buttons .product-form__submit:not(:disabled) {
    display: none;
  } */
  .quantity-add__button .product-form__input .quantity {
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  }
}

.drawer__header {background-color: #333333;padding: 1rem 1.5rem;}
.drawer__header .drawer__close {
  position: unset;
  color: #fff;
  min-width: 32px;
  min-height: 32px;
}
.drawer__heading {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  line-height: normal;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.drawer__inner {
  padding: 0;
  border: none;
  width: 30rem;
}
.drawer_content {
  padding: 0 1.5rem;
}
.cart-drawer .cart-item__image {
  max-width: 8.5rem;
}
.cart-item__media {
  width: 8.5rem;
}
.cart-item__name {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  text-align: left;
  line-height: normal;
  letter-spacing: 0.1px;
  text-decoration: none !important;
}
.cart-drawer .cart-item__details {
  grid-column: 2 / 5;
  padding-left: 0 !important;
}
.cart-drawer .cart-item__totals {
  padding-left: 0 !important;
  padding-top: 0 !important;
  justify-content: flex-start;
}
.cart-drawer .cart-item__totals .price {
  font-size: 14px;
  font-weight: 700;
  color: #4d5d53;
  text-align: left;
  line-height: normal;
  letter-spacing: 0.5px;
}
.cart-drawer .product-option {
  color:rgb(144, 144, 144);
  text-align: left;
  line-height: normal;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 300;
}
.cart-drawer .cart-item cart-remove-button {
  margin-left: 0;
}
.cart-drawer cart-remove-button .button {
  min-width: unset;
  min-height: unset;
}
.cart-drawer cart-remove-button .button svg {
  min-width: 3.5rem;
  min-height: 3.5rem;
}
.cart-drawer .cart-items .cart-item__quantity {
  padding-left: 0;
}
.cart-drawer .cart-items .cart-item__quantity quantity-input {
  border: 1px solid #d7d7d7;
  margin-right: 2rem;
  width: 100px;
  min-height: 35px;
}
.cart-drawer .cart-items .cart-item__quantity quantity-input::before,
.cart-drawer .cart-items .cart-item__quantity quantity-input::after {
  display: none;
}
.cart-drawer .cart-items .cart-item__quantity quantity-input .quantity__button {
  width: 32px;
  height: 32px;
  color: #333333;
}
.quantity__input {
  color: #333333;
}
.cart-drawer .cart-item .loading__spinner {
  padding-top: 0;
  left: 0;
}
cart-drawer-items {
  padding: 0 1.5rem;
}
.drawer__footer {
  background-color: #ececec;
  border-top: none;
  padding: 1.5rem;
}
.progress-bar {
  overflow: hidden;
  width: 100%;
  height: 9px;
  display: block;
  border-radius: 20px;
  background-color: #fff;
}
.progress-bar:before {
  content: "";
  height: inherit;
  transform-origin: left;
  transform: scaleX(var(--shipping-progress, 0));
  transition: transform .5s ease-in-out;
  display: block;
  background: #4d5d53;
}
.cart_progress-bar {
  width: 100%;
  position: relative;
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
}
.cart_progress-bar p {
  margin: 0;
  font-size: 12px;
  color: #333333;
  text-align: center;
  line-height: normal;
  margin-bottom: 1rem;
}


input[type=number] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.cart-count-bubble {
  background-color: unset;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
  color: rgb(var(--color-button));
}
.header__icon.header__icon--cart span {
  color: rgb(var(--color-button));
  font-size: 11px;
}

@media(min-width:767px) {

}
.desktop-icon-cus {
  display: flex;
}
@media only screen and (max-width: 767px){
  .desktop-icon-cus {
  display: none;
}

}
@media(min-width:1450px) {
  .list-menu--inline {
    justify-content:center !important;
  }
  .list-menu--inline li {
    margin:0 10px !important;
  }
  .list-menu--inline .mega-menu__list li {
        margin: 0 0px !important;
    }
}

.timeslotButton{
  flex: 0 0 48%;
  background-color: transparent;
  padding: 10px;
  text-align: center;
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.sideCartMain .left_side_part .product-wrapper .details .product-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
  text-align: left !important;
  font-size: 16px;
  display: block;
  line-height: 1.4;
  text-decoration: none;
  font-weight: 600;
}
.sideCartMain {
  background-color: #ececec !important;
  padding-left: 0 !important;
}

.sideCartMain .left_side_part .custom.with-image {
  background-color: #ececec !important;
  text-align: left;
  height: 100vh;
  display: block !important;
  padding: 10px 14px 10px;
}
.sideCartMain .left_side_part .product-wrapper button.bttn.product-price {
  background-color: #4d5d53 !important;
  font-size: 10px !important;
  text-transform: uppercase;
  color: #fff !important;
  padding: 5px 15px !important;
}
.offer-collection + div {
  display: none;
}
.sideCartMain .left_side_part .product-wrapper .details a {
  text-decoration: none;
}
.sideCartMain .left_side_part .product-wrapper .details .money {
  font-size: 14px;
  color: #4d5d53 !important;
  font-weight: 600;
}
.nudge-offer .offer-text {
  font-size: 14px !important;
  background-color:transparent;
  padding: 0 !important;
  font-weight: 700 !important;
  text-align: left !important;
  font-family: 'DM Sans' !important;
  color: #333 !important;
}
.sideCartMain .left_side_part .product-wrapper .details div {
  text-align: left !important;
}

#nudge-offer-list .product-title-wrapper, #nudge-offer-list .details form, .nudge-ajax .details form, .nudge-ajax .product-title-wrapper, #nudge-offer-list .details>div, .nudge-ajax .details>div, #nudge-offer-list .details>a>div, .nudge-ajax .details>a>div {
  text-align: left!important;
}
.sideCartMain .left_side_part .product-wrapper .product-image-wrapper {
  display: block !important;
  padding: 0 !important;
  width: 87px !important;
  height: 87px !important;
}
.nudge-ajax.nudge-offer img.product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.sideCartMain {
  height: 100%;
}
.sideCartMain .left_side_part {
  width: 150px;
}
.nudge-ajax.nudge-offer.multi.stack .offer-collection .product-wrapper .details span.variants-wrapper select {
  width: 100% !important;
}
cart-drawer.is-empty .left_side_part {
  display: none;
}
@media only screen and (min-width:768px) {

	.sideCartMain .left_side_part .product-wrapper {
		display: inherit !important;
		width: 100%;
		padding-right: 5px;
	}

	.sideCartMain .left_side_part .product-wrapper .details {
		display: block !important;
	}
	.sideCartMain .left_side_part .slider_left_cart {
		overflow: scroll;
		background-color: #fbfbfb;
	}

	.jsDrawerOpenRight .drawerRight {
		overflow: hidden;
	}

	.sideCartMain .left_side_part .custom.with-image .offer-collection {}

	.drawerCartFooter {
		position: fixed;
		width: calc(100% - 225px);
		bottom: 0;
		right: 15px;
		font-size: 15px;
		background: #E8E8E8;
	}

	.sideCartMain .right_side_part #cartContainer {
		overflow-y: scroll;
		padding-left: 12px;
	}

	.sideCartMain .right_side_part #cartContainer form.cart {
		height: 75vh;
	}

	.sideCartMain .left_side_part .slider_left_cart::-webkit-scrollbar {
		width: 6px;
		height: 4px;
		background: #ffffff;
	}

	.sideCartMain .left_side_part .slider_left_cart::-webkit-scrollbar-thumb {
		background-color: #ba933e;
		-webkit-border-radius: 1ex;
	}
}


   .buy_buttons_div{
    display:none;
  }

.removeTimeslot{
  display:none !important;
}
.soldOutTimeslot{
  background: #c0bfbf !important;
  cursor: not-allowed !important;
  opacity: 0.5;
}

@media only screen and (max-width: 767px){
.mobile-facets__open {
  text-align: left;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  align-items: center;
  color: rgba(var(--color-link), var(--alpha-link));
  max-width: 172px;
  height: 46px;
  padding: 2px 2px 2px 18px;
  border-radius: 25px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.35);
  text-align: left;
  line-height: normal;
  min-width: 176px;
}
  .facet-filters__field .select__select, .mobile-facets__sort .select__select {
    font-size: 10px !important;
}
  .facet-filters__label{
    font-size: 12px !important;
  }
  .facet-filters.sorting.caption {
    position: absolute;
    right: 0;
    top: -46px;
}
  .product-count-vertical.light {
    text-align: center;
    padding: 16px 0;
}
  .facet-filters__field{
    min-width: 176px;
    text-align: left;
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
    color: rgba(var(--color-link), var(--alpha-link));
    max-width: 172px;
    height: 46px;
    padding: 2px 2px 2px 2px !important;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.35);
    text-align: left;
    line-height: normal;
  }
}

a.inner_collection_link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
  display: block !important;
}


/*new cart css*********/


.drawer__heading {font-size: 20px;}

.cart-item__name {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-drawer .product-option {
    font-size: 13px;
}

.cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
    font-size: 18px;
}

.sideCartMain .left_side_part .custom.with-image {
    padding: 10px 0px 10px 10px;
}

.nudge-ajax.nudge-offer.multi .offer-text {
    font-size: 17px !important;
    line-height: 23px;
}

.nudge-ajax.nudge-offer.multi .product-wrapper {
    padding-right: 0;
}

.sideCartMain .left_side_part .product-wrapper .product-image-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.sideCartMain .left_side_part .product-wrapper .details .product-title {
    font-size: 13px;
}

.sideCartMain .left_side_part .product-wrapper .details .money {
    font-size: 15px;
}

.nudge-ajax.nudge-offer span.variants-wrapper {
    display: none !important;
}

.sideCartMain .left_side_part .product-wrapper button.bttn.product-price {
    margin-top: 10px;
    font-size: 13px !important;
}
.nudge-ajax.nudge-offer.multi.stack .offer-collection .product-wrapper .details span.variants-wrapper select {
    display: none;
}

/*******/

@media only screen and (max-width:767px){


  
.drawer__inner {
  width: 200px;
}
.nudge-ajax.nudge-offer.multi .offer-text {
  font-size: 13px !important;
  line-height: 17px;
}
.nudge-ajax.nudge-offer.multi.stack .offer-collection .product-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
}
.sideCartMain .left_side_part {
  width: 130px;
}
body .nudge-ajax.nudge-offer.multi img {
  width: 100% !important;
}
  .sideCartMain .left_side_part .custom.with-image {
    padding-right: 10px ;
  }
.sideCartMain .left_side_part .product-wrapper .details .product-title {
  font-size: 14px;
  line-height: 16px;
}
.sideCartMain .left_side_part .product-wrapper .details .money {
  margin-top: 8px !important;
  display: block;
}
.sideCartMain .left_side_part .product-wrapper button.bttn.product-price {
  padding: 5px 10px !important;
  font-size: 10px !important;
}
.cart-item__name {
  font-size: 14px !important;
  line-height: 17px !important;
}
.cart-drawer .cart-items td:nth-child(1) {
  width: 69px !important;
}
.cart-drawer .cart-items td:nth-child(1) img {
  width: 100%;
}
.cart-drawer .product-option {
  font-size: 12px;
}
.cart-drawer.cart-drawer .cart-item__price-wrapper > :only-child {
  font-size: 14px;
}
.cart-drawer .cart-items .cart-item__quantity quantity-input .quantity__button {
  width: 15px;
}
.cart-drawer .cart-items .cart-item__quantity quantity-input {
  width: 60px;
  margin-right: 5px;
}
.quantity__input {
  font-size: 14px;
}
/* .right_side_part {
  height: calc(100vh - 183px) !important;
} */

  cart-drawer-items {
  padding: 0 7px;
}
  
}
.size--chart-btn {
  width: auto;
  height: 40px;
  border: none;
  border-radius: 5px;
  background-color: rgba(139, 155, 143, 0.3);
  box-sizing: border-box;
  color: #4d5d53;
  text-align: center;
  line-height: normal;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px auto 0 0px;
  cursor: pointer;
  padding: 5px 26px;
  transition: 0.3s ease-in-out;
}
.size--chart-btn svg {
  width: 22px;
  margin-right: 5px;
  fill: currentColor !important;
}
.size--chart-btn:hover {
  background-color: #4d5d53;
  box-sizing: border-box;
  color: #ffffff;
}
.size-chart-popup.open-popup {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}
.rt-size-cart-popup.product-popup-modal__content {
  max-width: 400px;
  width: calc(100% - 30px);
  padding: 50px 20px 20px 20px;
  height: unset;
  max-height: 90%;
  margin-top: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  overflow-x: hidden;
}
.size-chart-popup-close.product-popup-modal__toggle {
  color: #ffffff !important;
  background-color: #4d5d53 !important;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 102;
}
.size-chart-page-content.product-popup-modal__content-info {
  padding-right: 0;
  color: #333333;
  font-size: 13px;
  text-align: left;
  line-height: normal;
}
.size-chart-image {
  width: 100%;
  object-fit: cover;
}

/********tooltip css*******/
@media only screen and (min-width:767px){
.label_popup_div:hover .tooltip_div {
    display: block !important;
}
}
.toottip_content p {
    text-align: center;
  }
/* --- Tooltip: sane defaults the JS can override --- */
.label_popup_div { position: relative; }

.label_popup_div .tooltip_div {
  position: absolute;
  display: none;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,.33);
  border-radius: 5px;
  min-width: 200px;
  max-width: 320px;         /* prevent too-wide tooltips on mobile */
  left: 50%;                /* center by default */
  transform: translateX(-50%);
  top: -245px;
}

/* when JS decides to pin to left/right/below */
.label_popup_div .tooltip_div.pin-none { left: 50%; transform: translateX(-50%); }
.label_popup_div .tooltip_div.pin-left  { left: 0;   transform: none; }
.label_popup_div .tooltip_div.pin-right { right: 0;  left: auto; transform: none; }
.label_popup_div .tooltip_div.pin-below { top: calc(100% + 8px); } /* show under the swatch */

@media (max-width: 768px){
  .label_popup_div .tooltip_div { max-width: 280px; } /* a little narrower on small screens */
}

  /* .label_popup_div .tooltip_div {
    left: -150px !important;
    min-width: 160px !important;
    width: 160px;
}
 */
  

/*
  .label_popup_div:nth-child(1) .tooltip_div, .label_popup_div:nth-child(2) .tooltip_div, .label_popup_div:nth-child(7) .tooltip_div, .label_popup_div:nth-child(8) .tooltip_div, .label_popup_div:nth-child(13) .tooltip_div, .label_popup_div:nth-child(14) .tooltip_div, .label_popup_div:nth-child(19) .tooltip_div, .label_popup_div:nth-child(20) .tooltip_div, .label_popup_div:nth-child(25) .tooltip_div, .label_popup_div:nth-child(26) .tooltip_div, .label_popup_div:nth-child(31) .tooltip_div, .label_popup_div:nth-child(32) .tooltip_div, .label_popup_div:nth-child(37) .tooltip_div, .label_popup_div:nth-child(38) .tooltip_div, .label_popup_div:nth-child(43) .tooltip_div, .label_popup_div:nth-child(44) .tooltip_div, .label_popup_div:nth-child(49) .tooltip_div, .label_popup_div:nth-child(50) .tooltip_div, .label_popup_div:nth-child(55) .tooltip_div, .label_popup_div:nth-child(56) .tooltip_div, .label_popup_div:nth-child(61) .tooltip_div, .label_popup_div:nth-child(62) .tooltip_div, .label_popup_div:nth-child(67) .tooltip_div, .label_popup_div:nth-child(68) .tooltip_div {
    left: 0 !important;
}*/


  
}




@media only screen and (max-width:388px){

.product-info-standard .product-form__input--swatch .swatch-input__input + .swatch-input__label {
    --swatch-input--size: 4.4rem !important;
}

  
  .label_popup_div .tooltip_div {
    left: -125px !important;
  }
}

/*******callection */


.collection-sec .inner-collection .collection-box {
  margin: 30px 0 0;
}


.collection-sec .inner-collection .slick-prev, .collection-sec .inner-collection .slick-next {
  display: none !important;
}

.collection-sec .inner-collection .collection-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-sec .inner-collection .collection-box.under-image .text-box .icon_cus {
    height: 30px !important;
    width: 30px !important;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    left: auto;
}

.collection-sec .inner-collection .collection-box.under-image a.shop_now {
    position: relative;
    padding-right: 40px;
    font-size: 19px;
    line-height: 25px;
    width: 100%;
    align-items: baseline;
}

.collection-sec .inner-collection .collection-box .mobile_none_ {
    width: 100%;
}

.collection-sec .inner-collection .collection-box.under-image {
    overflow: hidden;
    padding-bottom: 15px;
}



@media only screen and (max-width:767px){

  .collection-sec .inner-collection .collection-box .img-box {
    height: 260px;
}

.collection-sec .inner-collection .collection-box .text-box-above-image {
    top: auto !important;
    bottom: 0 !important;
    margin: 0;
}

.collection-sec .inner-collection .collection-box.under-image .text-box {
    padding: 7px 15px;
}

 #inner-collection-{{ section.id }} .slick-slide {
    width: calc(100vw * 0.666);  /* ~66.6vw for 1 full item + space */
    margin-right: 10px; /* small gap to see partial slide */
    opacity: 1
  }

  #inner-collection-{{ section.id }} .slick-slide:last-child {
    margin-right: 0;
  }



}



.swatch-input__label:hover {
    outline: none;
    box-shadow: none;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.swatch:focus-visible {
    --swatch--background: none !i;!;
    !im;!;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    outline-offset: 0 !important;
}

label.swatch-input__label .visually-hidden:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.swatch-input__input+.swatch-input__label:hover, .swatch-input__input:hover+.swatch-input__label {
    outline: none !important;
}
span.swatch {
    border: none !important;
    outline: none !important;
}

label.swatch-input__label {
    transition-property: none;
    transition-duration: initial !important;
}
.custom-icons-section .custom-icons-wrapper .custom-icon-block .icon-image img {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.custom-icons-section .slick-dots{
  position:relative !important;
}
.custom-icons-section .slick-dots li button:before{
  font-size:30px !important;
}
.product-info-bundle .custom-quantity-button[disabled] {
  cursor: not-allowed;
}
.color--list-btn.btn__disabled {
  cursor: not-allowed;
  position: relative;
}
.color--list-btn.btn__disabled::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  font-weight: 200;
  background-color: rgba(140, 140, 140, 0.8);
  z-index: 999;
  background-image: url(/cdn/shop/files/16147017.svg?v=1753523411);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.sold-out-msg {
  display: none;
  margin: 0;
  font-size: 14px;
  color: red;
}
.item__disabled .sold-out-msg {
  display: block;
}


.rt-size-cart-popup.product-popup-modal__content {
    overflow: initial;
}

.size-chart-popup-close.product-popup-modal__toggle {
    top: -15px;
    right: -15px;
}

@media only screen and (max-width:767px){
  label.swatch-input__label:hover .tooltip_div .close-btn {
    right: -10px;
    top: -5px;
    background: #474747;
  }
  
  label.swatch-input__label:hover .tooltip_div {
    overflow: initial;
  } 
}
@media only screen and (max-width:600px){
  .color-products-list .addon-details {
    flex-direction: column;
  }
  .color_product-cta {
    margin: 10px 0;
  }
}
.sold__out-msg {
  margin: 0;
  color: red;
}
.sold__out-msg span {
  font-weight: 600;
}







.rich-text {
  line-height: 20px;
  font-weight: 300;
}
.modal-scroll {
  max-width: 80% !important;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  height: 70vh;
  width: 100%;
}

.compare-color-popup-close.product-popup-modal__toggle {
  right: -6px !important;
  top: -16px !important;
}

.rt-compare-color-popup.product-popup-modal__content {
    max-width: 100% !important;
    max-height: 100% !important;
    top: 0 !important;
    transform: initial !important;
    left: 0 !important;
    right: 0 !important;
}

.product__media-list .slick-dots {
  display: flex;
  overflow: hidden;
  max-width: 100%;
}

.product__media-list .slick-dots li {
  flex: 0 0 auto;
  display: none; /* hide all initially */
}

.product__media-list .slick-dots li.visible {
  display: inline-block;
}

.loader_div{
    position: absolute;
    top: 21%;
  
    word-wrap: break-word;
    width: 100%;
    z-index: 99;
    opacity: 0.5;
    max-width: 400px;
    text-align: center;
}

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  
  & .path {
    stroke: hsl(210, 70, 75);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
  }
  
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* Clamp the preview (showing-content) by lines, keep HTML intact */
.collection-description-content .showing-content {
  position: relative;
  overflow: hidden;
}

.collection-description-content .showing-content.clamped {
  display: -webkit-box;           /* line-clamp needs this */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;         /* ← number of lines to show */
}

/* fade at the bottom when clamped */
.collection-description-content .showing-content.clamped::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3rem;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* By Michael MS-110 */
.homepage-description .showing-content {
  position: relative;
  overflow: hidden;
}

.homepage-description .showing-content.clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* number of lines in preview */
}

.homepage-description .showing-content.clamped::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3rem;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
}

.homepage-description .hidden-content {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.homepage-description .read-more {
  display: inline-block;
  margin-top: .5rem;
}
#Sku-template--25308149973275__main, #Sku-template--25308150006043__main {
  font-size: 13px;
}
#Sku-template--25308149973275__main::before {
  content: "SKU: "
}
.product__sku::before {
  content: "SKU: ";
  font-size: 13px;
}
.accessories-note {
  font-size: 14px;
}
.accessories-note a {
  color: #4d5d53;
}
.accessories-note a:hover {
  color: #000000;
}
.blog-feature-img {
  width:100%
}
.rich-text {
  font-weight: 200;
}
.rich-text a {
color:  #4d5d53;
font-weight: 500;
}
.rich-text a:hover {
color: #708778;
transition: ease 500ms;
}
/* blog table code by Michael */
.custom-table-wrapper {
  overflow-x: auto;
  margin: 1rem 0;
  width:100%;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.3rem;
}

.custom-table th,
.custom-table td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

.custom-table th {
  background-color: #f8f9fa;
  font-weight: 600;
}

.custom-table tr:hover {
  background-color: #f8f9fa;
}

/* Mobile Stacking */
@media screen and (max-width: 768px) {
  .custom-table {
    border: 0;
  }
  
  .custom-table thead {
    display: none;
  }
  
  .custom-table tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    padding: 0.5rem;
    border-radius: 4px;
  }
  
  .custom-table td {
    display: block;
    text-align: right;
    padding: 0.25rem 0;
    border: none;
    position: relative;
    padding-left: 50%;
  }
  
  .custom-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    font-weight: 600;
    text-align: left;
  }
  .custom-table-wrapper {
    width: 100%
  }
}
.reputon-google-reviews-widget .kyMlQ {
  z-index: 0 !important;
}
.pad-article-content {
  margin: 100px 0 40px 0;
}
.blog-inner-img {
  width: 100%;
}
/* new blog css for latest articles */
.related-articles {
  margin: 40px 0;
}

.related-articles h2 {
  font-size: 1.5em;
  margin-bottom: 20px;
  text-align: center;
}

.related-articles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.related-article-item {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.2s;
}

.related-article-item:hover {
  transform: translateY(-5px);
}

.related-article-link {
  text-decoration: none;
  color: #333;
  display: block;
  padding: 10px;
}

.related-article-link img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.no-image-placeholder {
  width: 100%;
  height: 150px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}

.related-article-link {
  font-size: 1.1em;
  font-weight: 600;
}

.related-article-link .caption-with-letter-spacing {
  font-size: 0.5em;
  color: #666;
}
.article-layout {
  position: relative;
  display: flex; /* Use flexbox for side-by-side layout */
  justify-content: space-between; /* Space between main content and sidebar */
}

.main-content {
  flex: 1; /* Allows main content to take available space */
  max-width: calc(100% - 270px); /* Adjust to leave space for sidebar */
  margin-right: 90px; /* Gap between main content and sidebar */
}

.related-articles-sidebar {
  position: sticky;
  top: 20px; /* Distance from the top of the viewport */
  width: 350px; /* Fixed width for sidebar */
  height: calc(100vh - 40px); /* Full viewport height minus top/bottom margin */
  overflow-y: auto; /* Scroll if content overflows */
  padding: 20px;
  background: #fff;
  border-left: 1px solid #eee;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  align-self: flex-start; /* Align to the top of the flex container */
}
.r-article-heading {
  font-family: inherit;
  font-size:16px;
  line-height: 21px;
  font-weight: 600;
  color: #4d5d53;
  padding-bottom: 10px;
}
.view-all {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  width: 100%;
  font-family: inherit;
  font-size:16px;
  line-height: 21px;
  font-weight: 600;
  color: #4d5d53;
  text-align: center;
  align-items: center;
}
.view-all a {
  color: #4d5d53;
  text-decoration: none;
}
.view-all a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .article-layout {
    flex-direction: column; /* Stack vertically on mobile */
    padding-right: 0; /* Remove padding on mobile */
        min-height: auto;
  }

  .main-content {
    max-width: 100%; /* Full width on mobile */
    margin-right: 20px; /* No margin on mobile */
  }

  .related-articles-sidebar {
    position: static; /* Remove sticky behavior on mobile */
    width: 100%; /* Full width on mobile */
    height: auto; /* Auto height on mobile */
    margin-top: 20px; /* Space above sidebar when stacked */
    border-left: none; /* Remove border on mobile */
    box-shadow: none; /* Remove shadow on mobile */
    margin-left: -20px;
  }
  .article-template {
  margin-top: -50px;
}
}
/* captions below images */
.caption-wrapper {
  background-color: #edf0ee;
  font-family: inherit;
  font-size: 13px;
  color: #4d5d53;
  width:100%;
  text-align: center;
  padding: 10px 0;
}
.disclosure {
  display: none !important;
}
.breadcrumb ul {
  text-transform:uppercase;
}
.nudge-offer.multi.stack .offer-collection .product-wrapper .product-image-wrapper img {
  max-width: 130px !important;
  margin-left: 0px !important;
}
.nudge-ajax.nudge-offer img {
  border-radius: 0px !important;
  padding-bottom: 4px !important;
}