/** Shopify CDN: Minification failed

Line 797:9 Expected ":"
Line 1150:3 Expected identifier but found "#image-1"
Line 1325:3 Expected identifier but found "."

**/
/* .h1, .h2, .h3, h1, h2, h3{
    font-family: "Futura", sans-serif;
    font-weight:200;
  } */

 #shopify-section-template--19435008065714__carousel_brands_rUw7NP.shopify-section,
 #shopify-section-template--19435008065714__1736232928ffcfd077.shopify-section{
  background-color: #E6D282;
  padding: 42px 0 20px;
 }

  .bold-heading .promobox__text-1{
    font-weight: 700;
    font-size: 48px;
    line-height: 55px;
    margin-bottom: 1rem;
  }

  @media screen and (max-width: 1024px) {
  .bold-heading .promobox__text-1{
    font-size: 32px;
    line-height: 40px;
  }
}
  
  .btn.btn--clean:hover{
    background-color: transparent;
    color: #2c2727;
    border-color: transparent;
  }

  .btn--transparent::after {
    content: url("/cdn/shop/files/tabler_arrow-up.svg?v=1754364624");
    width: 26px;
    height: 26px;
    padding: 0px;
  }

  .btn--transparent:hover::after{
    margin-left: 5px;
    transition-duration: .4s;
  }
  
  .product-page-info__price{
     margin-bottom:20px; 
  }
  
  button, .btn{
    border-radius:0px;
  }

  label{
    font-weight:400 !important;
  }
  
  .home-section-title, .home-section-title>*{
    font-weight:200;
  }
  
  .button--full-width a{
      padding: 10px 30px;
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      background-color:#2C2727;
      color:#FFFFFF;
  }
  
  .button--full-width a:hover{
    border: 1px solid #2C2727; 
    background-color:#FFFFFF;
    color:#2C2727;
    transition-duration:.4s;
  }
  
  .header__line-top{
    background-color:#E6D282;
    min-height: 72px !important;
    opacity: 1 !important;
  }
  
  .single-blog-model-01 .promobox--text-5 .h3{
    font-size:40px;
  }
  
  .article-product--item{
    width:55%;
  }
  
  .article-content--custom{
    width:45%;
  }
  
  .stamped-product-reviews-badge .stamped-main-badge span[aria-label="Rated 0.0 out of 5 stars 0 reviews"] {
      display: none !important;
  }
  
  /* @media screen and (min-width: 750px) {
    .js-vertical-menu .menu__level-01 div:nth-child(6),
    .js-vertical-menu .menu__level-01 div:nth-child(7)
    {
      display:none;
    }
  } */
  
  .button--etsy{
    background-color:#F1641E !important;
    padding: 10px 20px;
    border: 1px solid #F1641E !important;
  }
  
  .button--etsy img{
    margin-left:5px;
    height:15px;
  }
  
  .popup-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: rgb(96, 12, 230);
  }
  .open-btn--02 {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding: 1rem 2.5rem;
      cursor: pointer;
      position:fixed;
      right:10px;
      bottom:10px;
  }
  .popup--02 {
      position: absolute;
      width: 100%;
      height: 100vh;
      display: none;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      /* background-color: aqua; */
  }
  .popup-overlay--02 {
      background-color: rgba(0, 0, 0, 0.575);
      height: 100vh;
      width: 100%;
      position: absolute;
      z-index:99998;
  }
  .main-popup--02 {
      position: absolute;
      left: 0;
      height: 100vh;
      width: 50%;
      z-index: 99998;
      background: aqua;
      padding: 30px 20px;
      line-height: 1rem;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: translateX(-100%);
  }
  .close-btn--02 {
      border: .6px solid white;
      padding: 10px;
      position: absolute;
      top: 1rem;
      right: 1rem;
      font-size: 2rem;
      cursor: pointer;
      transition: .5s ease all;
  }
  .close-btn--02:hover {
      background: white;
  }
  .popup-content--02 p {
      font-size: 1.5rem;
      line-height: 2rem;
  }
  @keyframes slide-in {
      0% {
          transform: translateX(-100%);
      }
      100% {
          transform: translateX(0);
      }
  }
  @keyframes slide-out {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(-100%);
      }
  }

  .icon--text img{
    width: 100%;
    max-width: 48px;
    height: 48px;
  }

  .button-handle button,
  .button-handle-mobile button{
    border-radius: 100px;
    border: none;
    background-color: #E6D282;
    padding: 10px 30px;
  }
  
  .open-button {
    background-color: #555;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 280px;
  }
  
  /* The popup form - hidden by default */
  .form-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
  }
  
  /* Add styles to the form container */
  .form-container {
    max-width: 300px;
    padding: 10px;
    background-color: white;
  }
  
  /* Full-width input fields */
  .form-container input[type=text], .form-container input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
  }
  
  /* When the inputs get focus, do something */
  .form-container input[type=text]:focus, .form-container input[type=password]:focus {
    background-color: #ddd;
    outline: none;
  }
  
  /* Set a style for the submit/login button */
  .form-container .btn {
    background-color: #04AA6D;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:10px;
    opacity: 0.8;
  }
  
  /* Add a red background color to the cancel button */
  .form-container .cancel {
    background-color: red;
  }
  
  /* Add some hover effects to buttons */
  .form-container .btn:hover, .open-button:hover {
    opacity: 1;
  }
  
  .notification-cookies__bg{
    border-radius:15px;
  }
  
  .custom-popup--signup{
    width:95%; 
    background-color:#EFE3B5; 
    padding:30px; 
    border-radius:30px;
    margin: 0 auto;
    text-align:center;
  }
  
  .custom-popup--signup h4{
    font-size:24px; 
    margin-bottom:20px; 
    font-weight:500;
  }
  
  .custom-popup--close-btn{
    width: 20px;
    height: 20px;
    top: 20px;
    right: 8%;
  }
  
  .vertical-nav .menu__panel .menu__list.show{
    background-color:#E6D282; 
  }

  .menu__megamenu .menu__item.col-lg-4,
  .menu__megamenu .menu__item.col-lg-6{
    padding-left: 8px;
    padding-right: 8px;
  }

  .menu__megamenu .menu__grid .menu__item a.menu__title{
    position: absolute;
    z-index: 99;
    bottom: 10px;
    padding: 0 16px;
  }

  .menu__megamenu .menu__grid .menu__item.col-lg-3 a.menu__title{
    position: relative;
    z-index: 1;
    bottom: 0;
    padding: 0;
  }
  
  .menu__megamenu .menu__grid .menu__item.col-lg-3 a.menu__title span{
    color: #2c2727;
    font-weight: normal;
  }
  
  .menu__megamenu .menu__grid .menu__item.col-lg-4 a.menu__title span,
  .menu__megamenu .menu__grid .menu__item.col-lg-6 a.menu__title span{
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
  }

  .menu__grid{
    justify-content: center !important;
  }

  .popup-navigation--logo{
    margin: 0px 16px 26px 0px;
  }

  .popup-navigation__search .search input {
    font-size: 14px;
    line-height: 20px;
  }

  .menu--secondary .menu__level-01::last-child span{
    color: red;
  }

  .season-menu--title{
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
    font-weight: 600;
  }

  .btn-style--02{
    background-color:#974315;
    padding: 10px 24px;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 12px;
    font-weight: 600;
  }

  /* .header--sticky .menu__curtain{
    background: rgba(249, 249, 246, 0.80);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  } */
  /* PRODUCT COLLECTION CARD */

  .product-collection__content .product-collection__price span.price{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }

  .btn{
    text-transform: lowercase;
  }
  
  @media screen and (min-width: 750px) {
    .custom-popup--signup{
      width:500px; 
      height:250px; 
      text-align:left;
    }

  }

  .tabs__content a {
    text-decoration: underline;
  }

  .metafield-multi_line_text_field{
    letter-spacing: normal;
  }

  .seasons-inspiration{
    margin: 64px 0;
  }

  /*====================================== PROGRESS BAR ======================================*/
  
  @property --progress-value {
    syntax: '<integer>';
    inherits: true;
    initial-value: 0;
  }
  
  :root {
    --progress-bar-color: #929292;
    --progress-value-color: #2196f3;
    --progress-empty-color-h: 4.1;
    --progress-empty-color-s: 89.6;
    --progress-empty-color-l: 58.4;
    --progress-filled-color-h: 122.4;
    --progress-filled-color-s: 39.4;
    --progress-filled-color-l: 49.2;
  }
  
  .progress-container {
    justify-content: space-evenly;
    width: 100%;
    max-width: 200px;
    font-family: 'Roboto Mono', monospace;
    margin:0 auto;
  }
  
  .title{
    margin-top:10px;
  }
  
  .tree-icon{
    margin-bottom:10px;
  }
  
  .tree-planted-area{
    padding: 50px 0;
    background-color:#E6D282;
  }
  
  progress[value] {
    display: block;
    position: relative;
    appearance: none;
    width: 100%;
    height: 6px;
    border: 0;
    --border-radius: 10px;
    border-radius: var(--border-radius);
    counter-reset: progress var(--progress-value);
    --progress-value-string: counter(progress) '%';
    --progress-max-decimal: calc(var(--value, 0) / var(--max, 0));
    --progress-value-decimal: calc(var(--progress-value, 0) / var(--max, 0));
    @supports selector(::-moz-progress-bar) {
      --progress-value-decimal: calc(var(--value, 0) / var(--max, 0));
    }
    --progress-value-percent: calc(var(--progress-value-decimal) * 100%);
    --progress-value-color: #FF5F00;
    animation: calc(3s * var(--progress-max-decimal)) linear 0.5s 1 normal both progress;
  }
  
  progress[value]::-webkit-progress-bar {
    background-color: var(--progress-bar-color);
    border-radius: var(--border-radius);
    overflow: hidden;
  }
  
  progress[value]::-webkit-progress-value {
    width: var(--progress-value-percent) !important;
    background-color: var(--progress-value-color);
    border-radius: var(--border-radius);
  }
  
  progress[value]::-moz-progress-bar {
    width: var(--progress-value-percent) !important;
    background-color: var(--progress-value-color);
    border-radius: var(--border-radius);
  }
  
  /* progress[value]::after {
    display: flex;
    align-items: center;
    justify-content: center;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    left: var(--progress-value-percent);
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--progress-value-color);
    border-radius: 50%;
    content: attr(value);
    content: var(--progress-value-string, var(--value));
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  } */
  
  @keyframes progress {
      from {
          --progress-value: 0;
      } to {
          --progress-value: var(--value);
      }
  }
  
  .bignumber span{
    font-size:50px;
  }
  /* .packaging-wrapper .col-6{
    padding-right: 10px;
  } */
  .read-more-btn--packaging{
    margin: 20px 0;
  }
  .read-more-btn--packaging a{
    color: #E6D282;
  }

  /* TACTILES */

    .wrapper {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 1200px;
        height: auto;
        background: #fff;
        margin: 20px auto;
    }
    
    .wrapper .imgBx {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60%;
        height: 100%;
        transition: .3s linear;
    }
    
    .wrapper .imgBx img {
        position: relative;
        width: 700px;
        transition: .9s linear;
    }
    
    .wrapper .details {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 100%;
        box-sizing: border-box;
        padding: 40px;
    }
    
    .wrapper .details h2{
        margin: 0;
        padding: 0;
        font-size: 2.4em;
        line-height: 1em;
        color: #444;
    }
    
    .wrapper .details h2 span {
        font-size: 0.4em;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #999;
    }
    
    .wrapper .details p {
        max-width: 100%;
        margin-left: 20px;
        color: #333;
        font-size: 15px;
        margin-bottom: 36px;
    }
    
    .wrapper .details h3 {
        margin: 0;
        padding: 0;
        font-size: 2.5em;
        color: #a2a2a2;
        float: left;
    }
    
    .product-colors span {
        width: 50px;
        height: 50px;
        margin-right: 12px;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
        display: inline-block;
    }
    
    .zoelite {
        background: url('/cdn/shop/files/zeolite-color.jpg?v=1721976502');
    }
    
    .black {
        background: url('/cdn/shop/files/marble-color-black-02.png?v=1709801450');
    }
    
    .beige {
        background: url('/cdn/shop/files/marble-color-beige.png?v=1709800905');
    }

    .pump-01{
      background: url('/cdn/shop/files/pump-color-gold.png?v=1755743966');
      background-size: cover;
    }

    .pump-02{
      background: url('/cdn/shop/files/pump-color-gold-02.png?v=1755743967');
      background-size: cover;
    }

    .pump-03{
      background: url('/cdn/shop/files/pump-color-gold-03.png?v=1755743966');
      background-size: cover;
    }

    .pump-04{
      background: url('/cdn/shop/files/pump-color-silver.png?v=1755743966');
      background-size: cover;
    }

    .pump-05{
      background: url('/cdn/shop/files/pump-color-rosegold.png?v=1755743966');
      background-size: cover;
    }

    .pump-06{
      background: url('/cdn/shop/files/pump-color-rosegold-02.png?v=1755743966');
      background-size: cover;
    }

    .pump-07{
      background: url('/cdn/shop/files/pump-color-black.png?v=1755743966');
      background-size: cover;
    }

    .product-colors .active:after{
        content: "";
        width: 56px;
        height: 56px;
        border: 1px solid #000;
        position: absolute;
        border-radius: 50%;
        box-sizing: border-box;
        left: -3px;
        top: -3px;
    }

    .quotes{
      font-style: italic;
    }

    .image-shape-wrapper {
      max-width: 960px;
      margin: 0 auto;
      display: flex;
      padding: 50px 0 20px 0;
      justify-content: space-around;
    }
    .image-shape img {
      width: 100%;
      max-width: 180px;
    }
    .image-shape img:hover {
      transform: scale(1.2);
      transition: 400ms;
    }

  /* END TACTILES */
  
  /*====================================== END PROGRESS BAR ======================================*/
  
  .planted-tree-section{
    background-color:#E6D282; 
    padding:5px 10px 5px 20px;
    font-size:12px;
  }
  
  .planted-tree-section a{
    text-decoration:none;
  }
  
  .planted-tree-section a:hover{
    text-decoration:underline !important;
  }
  
  #shopify-section-template--17224169291954__custom_liquid_LjWtPA.shopify-section,
  #shopify-section-template--17264869245106__custom_liquid_LjWtPA.shopify-section{
    background-color:rgba(230, 210, 130, 0.3);
    padding: 50px 20px;
  }
  
  /* TABS CUSTOME */
  ul:not(.list-unstyled):not([list-unstyled]) li::before {
    display: none;
    padding-left: 0px;
  }
  ul:not(.list-unstyled):not([list-unstyled]) li {
    padding-left: 0px;
  }
  
  .nav-tabs {
      background: transparent;
      border: 1px solid #e6d282;
  }

  .nav-tabs.nav-justified{
      border-bottom: 1px solid #e6d282;
  }
  
   .nav-tabs > li.active > a,
      .nav-tabs > li.active > a:focus,
      .nav-tabs > li.active > a:hover {
          border: none;
          background-color:#f7f1d9;
          font-weight: 700;
      }
  
  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    background-color: #e6d282 !important;
  }

  .tab-custom-content ul{
    list-style:circle outside;
    padding:10px 0 10px 10px;
    margin-left:10px;
  }
  
  .tab-custom-content span{
    margin-top:10px;
  }
  
  /* .nav-justified {
    background: #e6d282;
    padding: 0px;
  }
  .nav-pills > li.active > a,
  .nav-pills > li.active > a:focus,
  .nav-pills > li.active > a:hover {
    background-color: #2c2727;
    border-radius:0px;
  }
  
  .nav>li>a:focus, .nav>li>a:hover {
      text-decoration: none;
      background-color: #2c2727;
      border-radius:0px;
      color:#fff;
  } */
  
  /* END TAB CUSTOME */

  /* ====================== TACTILES ========================= */

  .border-bottom--01{
    border-bottom: 1px solid grey;
  }
  
  /* ====================== LINER OPTIONS ====================== */
  
  .liner--section label{
    margin-right:0px;
    text- 
    transform:capitalize;
    color:#2c2727;
  }
  .product-options span.liner--label,
  .product-options span.fill-color--label{
   text-transform:uppercase;
   color: var(--theme3);
  }
  .liner--section 
   input[type="radio"]{
    visibility: hidden;
    height: 0;
    width: 0;
    margin-right: 0px;
  }
  .liner--section 
   input[type="radio"]:checked + label{
    border-color: var(--product-options-act-bd) !important;
  }
  
  /* ====================== END LINER OPTIONS ====================== */
  
  /* COMPLEMENTARY PRODUCT */
  
  .prod-featured-custom__image{
    width:100%;
    min-width:100px;
  }
  
  .prod-complementary{
    background-color:#e6d282;
    padding:30px;
    border-radius:30px;
  }
  
  .prod-complementary span.icon--plus{
    padding:0 5px;
    display:flex;
    align-items:center;
    margin-top:-50px;
  }
  .prod-complementary span.icon--plus:last-child{
    display:none;
  }
  .product-featured--custom{
    width:45%;
  }
  
  .btn .price{
    font-size: var(--product-collection-button-size);
    line-height: var(--product-collection-button-line-height);
    letter-spacing: var(--product-collection-button-letter-spacing);
    font-weight: var(--product-collection-button-weight);
    text-transform: var(--product-collection-button-transform);
  }
  
  /* CUSTOM SIZE BANNER */
  
  .custom-size--banner .promobox__content_inner {
    background:rgba(44,39,39,0.3);
    border-radius:20px;
    border:1px solid #fff;
  }
  
  /* ========================== CUSTOM TABLE ========================= */
  
  .table-section{
      background-color: #e6d282;
      padding: 20px;
      border-radius: 20px;
      width: 100%;
  }
  .table-section table{
      width: 100%;
      border-spacing: 0px;
  }
  .table-section table, th, td {
      border-bottom: 4px solid #e6d282 !important;
  }
  .table-section tr{
      background-color: #FFF;
  }
  .table-section tr td{
      padding: 10px 20px;
  }
  
  /* ========================== END CUSTOM TABLE ========================= */
  
  .rte ul li{
    list-style: inside;
  }
  
  /* ========================== ABOUT US ============================= */
  
  #shopify-section-template--17409893499058__faqs_HTiKwW .container--sm{
    max-width: 1280px !important;
  }
  
  /* ========================== END ABOUT US ============================= */
  
  .disclaimer{
    font-style:italic;
    font-weight:400;
    padding:10px;
    font-size:13px;
  }
  
  .disclaimer span{
    font-weight:700;
  }

  /* =============================== INTERCHANGEABLE ============================= */
  .main-wrapper{
    max-width: 620px;
    height: 460px;
    margin: 0 auto;
    padding: 50px 30px;
    background: url("/cdn/shop/files/background-inter.png?v=1742456378") no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
  }

.wrapper-top,
.wrapper-bottom{
  width:100%;
  text-align:center;
  position: relative;
}
.wrapper-top{
  z-index: 1;
}
.wrapper-bottom{
  margin-top: -40px;
  z-index: 0;
}
.wrapper-top .radio-group{
  margin-bottom: 20px;
}

.carousel .slick-slide,
.carousel01 .slick-slide{
  margin:10px;
}

.carousel .slick-slide img,
.carousel01 .slick-slide img{
  width:100%;
}

.wrapper-bottom .slick-dots li button:before,
.wrapper-top .slick-dots li button:before {
  font-size:20px;
}

#cube{
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

#pillar-s,
#pillar-m,
#pillar-l{
  display: block;
  max-width: 280px;
  margin: 0 auto;
  visibility: hidden;
  position: absolute;
}

#square{
  display: block;
}

#hexa,
#round{
  display: none;
}

#cube .carousel img,
#pillar-s .carousel img,
#pillar-m .carousel img,
#pillar-l .carousel img{
  width: 100px;
  margin: 0 auto;
}

#square .carousel01,
#hexa .carousel01,
#round .carousel01{
  width: 280px;
  margin: 0 auto;
}

.radio-group label {
  display: inline-block;
  background-color: #ccc;
  transition: all 0.3s;
  width: 30px;
  height: 30px;
}

.radio-group label:hover{
  cursor: pointer;
}

/* HTML: <div class="hexagon"></div> */

.radio-group label.hexa-shape {
  width: 35px;
  height: 30px; /* adjust to control the size  */
  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
  background: #CCC;
}

.radio-group label.round-shape{
  border-radius: 50%;
}

.radio-group label.cube-shape{
  border-radius: 5px;
}

.radio-group label.pillars-shape{
  border-radius: 10px;
  height: 35px;
}

.radio-group label.pillarm-shape{
  border-radius: 10px;
  height: 40px;
}

.radio-group label.pillarl-shape{
  border-radius: 10px;
  height: 48px;
}

.radio-group input[type="radio"] {
  display: none;
}

.radio-group input[type="radio"]:checked + label {
  background: #CDA94F;
}

.radio-group input[type="radio"]:checked + label {
  background: #CDA94F;
}


  
  /* STYLE FOR XMAS PAGE */
  
  .xmas-video-tab{
          background: rgba(93, 10, 16, 1);
          padding: 45px 0;
          color: #fff;
      }
  
  .tab-content{
        padding: 0px;
        margin-bottom:20px;
    }
  
      .xmas-video-tab .container,
      .hotspot .container {
          max-width: 1170px;
          margin: 0 auto;
      }
  
      #myVideoTab{
          max-width: 400px;
          margin: 0 auto;
      }
  
      #myVideoTab li{
          opacity: .5;
      }
  
      #myVideoTab li.separator{
          opacity: 1;
      }
  
      #mtVideoTab ul li img{
          max-width: 120px;
      }
  
      #myVideoTab li.active{
          opacity: 1;
          background: transparent;
      }
  
      .nav-tabs.nav-justified>.active>a, 
      .nav-tabs.nav-justified>.active>a:focus, 
      .nav-tabs.nav-justified>.active>a:hover{
          background-color: transparent;
      }
  
      .nav>li>a:focus, .nav>li>a:hover{
          text-decoration: none;
          background-color: transparent;
      }
  
      .nav>li>a:hover{
          border: 0;
      }
  
      .nav-tabs.nav-justified>.active>a, 
      .nav-tabs.nav-justified>.active>a:focus, 
      .nav-tabs.nav-justified>.active>a:hover{
          border: 0;
      }
  
      .nav-tabs.nav-justified>li>a {
          border-bottom: 0;
          border-radius: 0;
      }
  
      .content{
          /* max-width: 360px; */
          padding: 20px 10px 0px 10px;
      }
  
      .content h3{
          font-size: 36px;
          line-height: 45px;
      }
  
      .content p{
          text-align: justify;
          /* font-size: 18px; */
      }
  
  /* Relative positioning*/
  .image-1, .image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-hotspot,
  #image-1, #image-2, #image-3, #image-4, #image-5 {
      position: relative;
      margin-top: 10px;
      overflow: visible;
  }
  
  #napkin-ring, #candle-holder, #square-placemat, #oval-placemat,#round-placemate {
      position: relative;
      margin-top: 10px;
      overflow: visible ;
  }
  
  .#image-1 img, #image-2 img, #image-3 img, #image-4 img,
  .image-1 img, .image-2 img, .image-3 img, .image-4 img{
    width:100%;
    max-width:500px;
  }
  
  #napkin-ring img, 
  #candle-holder img, 
  #square-placemat img, 
  #oval-placemat img {
    width:100%;
    /* max-width:500px; */
  }
  
  #round-placemat img{width:100%;}
  
  video{width:100%; height:auto;}
  
  #image-5 img{width: 100%; height:740px; object-fit:cover;}
  #image-5 .tooltip99 img{height:100%;}
  .image-7 img, .image-6 img, .image-5 img, .image-hotspot img {width: 100%;}
  
  /* Hide the original tooltips contents */
  .pin-20,.pin-21,.pin-22,.pin-23,.pin-24,.pin-25,.pin-30, .pin {
      display: none;
  }
  
  /* Begin styling the tooltips and pins */
  .tooltip-up-99:before, .tooltip-down-99:before {
      padding: 10px;
      background: black;
  
  }
  
  .tooltip-up-99, .tooltip-down-99 {
      /*position: absolute;
      height: 16.8px;
      width: 16.8px;
      border-radius: 100%;
      border: 3px solid white;
      background-color: #ff6000;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      z-index: 999;
      animation: button-pulse 7s ease-in-out infinite;
      cursor: pointer;*/
      position: absolute;
      background: url(/cdn/shop/files/dot-coastalvilla.svg?v=1731393520);
      width: 20px;
      height: 23px;
      background-size:contain;
  }
  
  .tooltip-down-99 {
      background-position: 0;
  }
  
  .tooltip99 {
      display: none;
      width: 200px;
      text-shadow: 0 1px 0 #fff;
      position: absolute;
      top: 10px;
      left: 100%;
      z-index: 999;
      margin-left: -115px;
      padding:10px 10px 15px 10px;
      color: #222;
      box-shadow: 0 3px 0 rgba(0,0,0,.2);
      background: #fff1d3;
      background: linear-gradient(top, #fff1d3, #ffdb90);         
  }
  
  .tooltip99::after {
      content: '';
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -10px;
      border-bottom: 10px solid #fff1d3;
      border-left: 10px solid transparent;
      border-right : 10px solid transparent;
  }
  
  .tooltip-down-99 .tooltip99 {
      bottom: 30px;
      top: auto;
  }
  
  .tooltip-down-99 .tooltip99::after {
      bottom: -10px;
      top: auto;
      border-bottom: 0;
      border-top: 10px solid #ffdb90;
  }
  .tooltip99 h3 a{
      text-decoration: none;
  }
  
  .tooltip99 h3 a:hover{
      color: #BD5717;
  }
  
  .tooltip99 .price{
    font-size:.8em;
  }
  
  .tooltip99 h3 {
      margin: 0;
      font-size: 1.4rem;
      line-height:normal;
      padding: 15px 0 5px;
      font-family: "Assistant", sans-serif;
  }
  
  .tooltip99 ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }
  .tooltip99 img{
    /* height:100% !important; */
  }
  
  .table-measurement {
      margin: 0 auto;
      padding: 30px 0;
  }
  
  .collection-list--wrapper{
    padding: 40px 0px;
  }
  
  .collection-list--image{
      width: 40%;
      padding: 0px 20px 0px 0px;
  }
  
  .collection-list--image img{width: 100%;}
  
  .collection-list--content{
      width: 60%;
  }
  
  .collection-list--content h3{
    font-weight:500;
    font-size:20px;
  }
  
  .collection-list--content a{
    padding: 5px 15px;
    background-color:#5D0A10;
    color:#fff;
    font-size:14px;
    border-radius:15px;
    display:flex;
    width:fit-content;
    align-items:center;
  }
  
  .collection-list--content .icon{
    padding-left:8px;
    fill:#fff;
  }
  
  .collection-list--content p{
    margin-bottom:10px;
  }
  
  .collection-list--content button, .astp button{
    border: 0;
    background: transparent;
    margin-bottom: 10px;
    color: grey;
  }
  
  ..collection-list--content button:hover{
    color:black;
  }
  
  #more01,
  #more02,
  #more03,
  #more04,
  #more05,
  #more10{
    display:none;
  }

  #more07 {
    display: block;
  }
  
  /* Product Description Read More */
  .product-description .long {
    display: none;
  }
  .product-description.more .long {
    display: block;
  }
  .product-description.more .short{
    display: none;
  }
  .read-more-button{
  color:grey;
  font-size:0.8em;
  cursor:pointer;
  text-transform:uppercase;
  }
  .read-more-button:hover{text-decoration:underline;}
  
  /* ======================== Slider For Measurement ========================== */
  
    .slider-nav-measurement .slick-slide,
    .slider-nav-bedroom .slick-slide {
        margin: 0 5px;
    }
  
    .slider-for-measurement img{
        width:100%;
    }
  
    .slider-nav-measurement img 
    {
        width: 100%;
    }
  
    .slider-for-measurement .slick-prev:before, 
    .slider-for-measurement .slick-next:before{
      font-size:30px;
    }
    .slider-for-measurement .slick-prev, 
    .slider-for-measurement .slick-next{
      width:30px; height:30px;
    }
    
    .slider-for-measurement .slick-prev{left:10px; z-index:99;}
    
    .slider-for-measurement .slick-next{right:10px; z-index:99;}
    
    .slider-for-measurement .slick-prev:before, .slider-for-measurement .slick-next:before {color:#fff;}
  
  /* ======================== Slider For Measurement ========================== */
  
    .slider-for-step h3{font-size:36px;line-height:normal;}
    .nav-arrow {width:100%;}
  
  /* ========================== Mix n Match ========================= */
    .img-table{
        position: relative;
    }
    .img-placemat{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    .table-colors,
    .rect-placemat-colors,
    .placemat-colors{
      display: flex; 
      flex-wrap: wrap;
    }
    .table-colors-title{
      margin-top:10px;
      margin-bottom:10px;
      text-align:center;
    }
    .table-colors div,
    .rect-placemat-colors div,
    .placemat-colors div{
        width: 25%;
        flex-basis: 22%;
        min-height: 95px;
        background-color: #F2F2F2;
        border-radius: 25px;
        font-size: 12px;
        line-height: normal;
        margin: 10px 5px;
        position: relative;
        padding: 10px 5px;
        text-align: center;
    }
    span.color-swatches--round{
        width: 28px;
        height: 28px;
        display: block;
        margin: 0 auto 10px;
        border-radius: 50%;
    }
    span.color-swatches--rect{
        width: 28px;
        height: 18px;
        display: block;
        margin: 0 auto 10px;
        border-radius: 5px;
    }
    .dark-wood{
        background: url('/cdn/shop/files/Meja_Dark_Wood.png?v=1733274271');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .natural-wood{
        background: url('/cdn/shop/files/Meja_Natural_Wood.png?v=1733274271');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .black-wood{
        background: url('/cdn/shop/files/Meja_Black_Wood.png?v=1733274271');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .white-wood{
        background: url('/cdn/shop/files/Meja_White_Wood.png?v=1733274271');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .white-wash{
        background: url('/cdn/shop/files/white-wash-color.png?v=1709795911');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .natural{
        background: url('/cdn/shop/files/natural-color.png?v=1709795927');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .honey-brown{
        background: url('/cdn/shop/files/honey-brown-color.png?v=1709795946');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .dark-brown{
        background: url('/cdn/shop/files/dark-brown-color.png?v=1709797279');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .table-colors div.active,
    .placemat-colors div.active,
    .rect-placemat-colors div.active{
        background-color: #B1B1B1;
    }
  
    .background-about--us{
      background: url('/cdn/shop/files/about-us-background.png?v=1734590229');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: bottom right;
      background-color: rgba(230, 210, 130, 0.2);
    }
    
    .background-green{
      background-color: #8D957E;
    }

    .about-us--text{
      width: 100%;
      max-width: 100%;
      padding: 20px 20px 50px 20px;
    }
  
    .review-title{
      background-color: #CDA94F;
      padding: 20px;
    }
    .review-title h2{
      max-width: 100%;
      color: #fff !important;
      font-weight: 700;
      font-size: 24px;
    }
    .trend-image--box .promobox__content{
      justify-content:flex-start !important;
      padding: 0;
    }
  
    .trend-image--box .promobox__btn-1{
      border-radius: 30px;
      display: none;
      align-items: center;
      text-transform: capitalize;
      max-width: 100%;
      background-color: rgba(230,210,130,0.5);
      border: none;
    }

    .product-collection--custom{
      margin: 0 10px 10px 10px;
    }

    .product-collection__wrapper .btn--hover,
    .product-collection--custom .btn--hover{
      border-radius: 12px;
      width: 100%;
      display: none;
      /* margin: 10px 0; */
    }

    .product-collection__wrapper:hover,
    .product-collection--custom:hover{
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    }

    .product-collection__wrapper:hover .btn--hover,
    .product-collection--custom:hover .btn--hover{
      display: block;
    }

    .btn--hover:hover a{
      color: #fff;
    }

    .trend-image--box .promobox__btn-1:hover{
      background-color: #464A31;
      transition-duration:.4s;
    }
  
  .rattan-collection, .marble-collection{
    display:block;
  }
  
  /* .rattan-collection-md, .marble-collection-md{
    display:none;
  } */
  
  #shopify-section-template--17945185091762__1736232928ffcfd077 {
    background-color: #faf6e6;
  }

  @media (min-width: 1025px){
    #shopify-section-template--19435008065714__1586279708879.shopify-section{
      margin-top: -40px;
    }
  }

  @media (max-width: 1024px){
    #shopify-section-template--19435008065714__1586279708879.shopify-section{
      margin-top: 0px;
    }
  }
  
  .see-more span a,
  .see-more i{
    color: grey;
    font-size: .9em;
    margin-right:0px;
  }
  
  .see-more span a:hover{
    cursor:pointer;
    text-decoration:underline;
  }
  
  @media screen and (min-width: 768px) {

    .tab-content{
        padding: 20px;
    }
  
    .content{
          padding: 0px 40px 0px 20px;
      }
    
    .hotspot .col-md-6{
      padding-left: 5px;
      padding-right: 5px;
    }
    
    .table-measurement {
        max-width: 1170px;
        margin: 0 auto;
        padding: 30px 20px;
    }
    
    .table-measurement img{
        width: 100%;
        padding: 0 0px 0 60px;
        display:flex;
        justify-content:center;
    }
    
    .table-measurement .see-more{
          display: flex;
          max-width: 1000px;
          justify-content: end;
          align-items: center;
    }
    .collection-list--image{
      padding: 0px 20px;
    }
  
    .collection-list--content h3{
      font-size:24px;
    }
  
    .table-colors div,
    .rect-placemat-colors div,
    .placemat-colors div{
        width: 25%;
        flex-basis: 22%;
        min-height: 95px;
        font-size: 14px;
        margin: 10px 5px;
        padding: 10px;
    }
    span.color-swatches--round{
        width: 38px;
        height: 38px;
        display: block;
        margin: 0 auto 10px;
        border-radius: 50%;
    }
    span.color-swatches--rect{
        width: 48px;
        height: 38px;
        display: block;
        margin: 0 auto 10px;
        border-radius: 5px;
    }
    .nav-arrow {width:50%;border-top:solid 1px #E5E5E5; padding-top:10px;}
  
    .about-us--text{
      width: 100%;
      max-width: 640px;
    }
  
    .review-title h2{
      max-width: 100%;
    }
  
    .trend-image--box .promobox__content{
      padding: 0 0 20px 20px;
    }
  
    .trend-image--box .promobox__btn-1{
      display: flex;
    }

    .packaging-wrapper .col-6{
      padding-right: 15px;
    }
  
  }
  
  @media screen and (min-width: 1024px) {
    .review-title h2{
      max-width: 100%;
    }
  
    .trend-image--box .promobox__content{
      padding: 0;
    }
  }
  
  @media (min-width: 768px) and (max-width:1024px){
    /* .rattan-collection-md, .marble-collection-md{
      display:block;
    }
    .rattan-collection, .marble-collection{
      display:none;
    } */
    h2, .h2{
      font-size: 32px;
      line-height: 40px;
    }
    .popup-navigation__head, .popup-navigation__search{
      background-color: #E6D282;
    }
    .search-modal__form input[type=search]{
      border-radius: 30px;
    }
    .popup-navigation--logo{
      width: 140px !important;
    }
  }

/*===================== VASE & PLANTER ====================== */

.fresh-flower .container{
  max-width: 1440px;
  padding-left: 120px;
  padding-right: 0px;
}

.bathroom-collection--cta {
  background-image: url('/cdn/shop/files/link-to-planter-page.jpg?v=1754384183');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.co-collection--cta {
  background-image: url('/cdn/shop/files/cable-organizer-bg-cta.jpg?v=1758697033');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 767px) {
  .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-2 {
    padding: 20px;
  }
  #shopify-section-template--18784257835186__home_builder_fLRRhj .col-md-5{
    flex: 0 0 100%;
    margin-left: 0px;
  }
  #shopify-section-template--18784257835186__home_builder_fLRRhj .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-2{
    padding: 30px !important;
  }
  .fresh-flower .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .menu__megamenu .menu__grid .menu__item a.menu__title{
    position: relative;
    z-index: 1;
    bottom: 0;
    padding: 0px;
  }

  .menu__megamenu .menu__grid .menu__item a.menu__title span{
    font-size: 15px;
  }

  .popup-navigation__head, .popup-navigation__search{
    background-color: #E6D282;
  }

  .search-modal__form input[type=search]{
    border-radius: 30px;
  }
}

@media (max-width: 1024px){
  .menu__megamenu .menu__grid .menu__item a.menu__title{
    position: relative;
    z-index: 1;
    bottom: 0;
    padding: 0;
  }

  .menu__megamenu .menu__grid .menu__item.col-lg-4 a.menu__title span,
  .menu__megamenu .menu__grid .menu__item.col-lg-6 a.menu__title span{
    font-size: 15px;
    line-height: 22px;
    text-transform: capitalize;
    color: #2C2727;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .home-builder-block-id-template--18784257835186__home_builder_pFWxnw-1{
    align-self: center !important;
  }
  .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-2 {
    padding: 20px;
  }
  .fresh-flower .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fresh-flower .container .row{
    margin: 0px !important;
  }
  #shopify-section-template--18784257835186__home_builder_fLRRhj .styling-tips{
    max-width: 100% !important;
  }
  #shopify-section-template--18784257835186__home_builder_fLRRhj .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-2{
    padding: 30px !important;
  }
  #shopify-section-template--18784257835186__home_builder_fLRRhj .promobox__text-2{
    max-width: 500px !important;
  }
  #shopify-section-template--18784257835186__home_builder_RKA9RH .promobox__text-2{
    max-width: 550px;
  }
  .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-1{
    order: 2 !important;
  }
  .home-builder-block-id-template--18784257835186__home_builder_fLRRhj-2{
    order: 1 !important;
  }
  .promobox__text-2.h2.h1-sm br{
      display: none;
    }
}

/* BATHROOM COLLECTION PAGE */

#shopify-section-template--19020204212402__faqs_VifDxN{
  display:none;    
}

#myBtn07{
  display: none;
}

@media screen and (max-width: 767px){
  #shopify-section-template--19020204212402__faqs_VifDxN{
    display: block;
    margin-bottom: 40px;
  }
   #more07 {
    display: none;
  }

  #myBtn07{
    display: block;
  }

  h2, .h2{
      font-size: 20px;
      line-height: 28px;
    }
  
    .product-collection__button-quick-view-mobile{
      display: none;
    }
    .carousel .slick-slide, .carousel01 .slick-slide{
      margin: 5px;
    }

    .promobox__text-2.h2.h1-sm br{
      display: none;
    }
}