.template-page-custom-landing{
  overflow-x: hidden;
  img{
    max-width: 100%;
  }
  #MainContent{
    background: #F3ECE9;
  }
  .lookbook-mob-outer{
    .lookbook-mob{
      img{
        max-width: 100%;
        width: auto;
        margin: auto;
      }
    }
    .slick-dots{
      li{
        width: 12px;
        height: 12px;
        &.slick-active{
          button{
            &:before{
              background: #8C4336;
            }
          }
        }
        button{
          width: 12px;
          height: 12px;
          padding: 0;
          &:before{
            content: '';
            width: 12px;
            height: 12px;
            background: #D0D0D0;
            border-radius: 50%;
          }
        }
      }
    }
  }
  .circle__container{
    margin-bottom: 24px;
    .inner__circle--grid{
      .main-carousel{
        max-width: 100%;
        padding-right: 5%;
        .slick-list{
          overflow: visible;
        }
      }
    }
    .carousel-cell{
      .circle-icon{
        border: 5px solid rgba(0, 0, 0, 5%);
        padding: 8px;
      }
    }
  }
  .featured-collection-wrap{
    .collection{
      padding-top: 0;
      .collection__description p {
        font-size: 42px;
      }
      h2.title {
        font-size: 69px;
      }
      .collection__title.title-wrapper {
          margin-bottom: 42px;
      }
    }
    .collection__view-all {
      .button{
        margin-top: 38px;
        border: 1px solid #DBDBDB;
        background: #8C4336;
        /* padding: 26px 10px;
        font-size: 32px; */
        line-height: 1;
        color: #fff;
        font-family: var(--secondary-font-family);
        /* max-width: 340px;
        width: 100%; */
        font-style: italic;
      }
    }
    .bags-arrivals{
      .slider-button{
        position: absolute;
        z-index: 1;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        border-radius: 50%;
        padding: 0;
        &.slider-button--prev{
          left: 5%;
        }
        &.slider-button--next{
          right: 0;
        }
        &:disabled{
          opacity: 0.4;
        }
        svg{
          width: 26px;
          path {
            fill: #fff;
            opacity: 2;
          }
        }
      }
      .container-custom{
        max-width: 100%;
        padding-left: 5%;
        &.slider-component-desktop{
            .slider--desktop{
               &.grid--5-col-desktop .grid__item {
                 width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
                 max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
               }
            }
        }
      }
      /* .slider--desktop{
        overflow: visible;
      } */
    }
  }
  .custom-image-video-wrap {
    max-width: 90%;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    .heading-wrap{
      margin-bottom: 50px;
      h2{
        font-style: italic;
        font-weight: 400;
        text-align: center;
        color: #727272;
        font-family: var(--secondary-font-family);
        margin: 0;
        line-height: 1;
        letter-spacing: -2px;
        text-transform: uppercase;
        font-size: 69px;
      }
      .subheading{
        font-style: italic;
        font-weight: 400;
        display: block;
        font-size: 42px;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        font-family: var(--secondary-font-family);
        line-height: .55;
      }
    }
    .home_lookbook-carousel{
      justify-content: center;
      .carousel-cell{
        flex: 0 0 auto;
      }
    }
  }
  .lookbook-slider-with-hotspots{
    padding-bottom: 120px;
     .heading-wrap{
        margin-bottom: 50px;
        h2{
          font-style: italic;
          font-weight: 400;
          text-align: center;
          color: #727272;
          font-family: var(--secondary-font-family);
          margin: 0;
          line-height: 1;
          letter-spacing: -2px;
          text-transform: uppercase;
          font-size: 69px;
        }
        .subheading{
          font-style: italic;
          font-weight: 400;
          display: block;
          font-size: 42px;
          text-transform: uppercase;
          text-align: center;
          color: #000;
          font-family: var(--secondary-font-family);
          line-height: .55;
        }
    }
    .slider-hotspots-inner{
      .lookbook-list-c{
        .shoppable-image__image-container{
          position: relative;
          padding: 0 12px;
          .shoppable-item{
            &.active{
              .shoppable-item__product-card {
                display: block;
              }
              .shoppable-item__hotspot-position{
                .shoppable-item__hotspot {
                  svg{
                    &:first-child{
                      display: none;
                    }
                    &:last-child{
                      display: block;
                    }
                  }
                }        
              }
            }
            .shoppable-item__hotspot-position{
              position: absolute;
              top: calc(var(--vertical-position) - 13px);
              left: calc(var(--horizontal-position) - 13px);
              width: 26px;
              height:26px;
              .shoppable-item__hotspot {
                width:26px;
                height: 26px;
                margin: 0;
                padding: 0;
                background-color: transparent;
                border-radius: 100%;
                border: 0;
                box-shadow:none;
                transition: transform .25s ease, border-color .25s ease;
                cursor: pointer;
                pointer-events: all;
                -webkit-animation: scale 1.25s ease 0s infinite;
                animation: scale 1.25s ease 0s infinite;
                -webkit-animation-duration: 2.2s;
                animation-duration:2.2s;
                svg{
                  &:last-child{
                    display: none;
                  }
                }
              }
            }
            @keyframes scale{
              0%{
                transform:scale(1);
              }
              50%{
                transform:scale(1.1);
              }
              100%{
                transform:scale(1);
              }
            }
            .shoppable-item__product-card {
              position: absolute;
              bottom: unset;
              right: unset;
              top: calc(var(--vertical-position) - 13px);
              left: calc(var(--horizontal-position) + 13px);
              display: flex;
              padding: 0;
              pointer-events: all;
              transition: transform .4s ease, opacity .2s ease, visibility .25s ease;
              border: 1.07px solid #FFFFFF66;
              border-radius: 4px;
              background: rgba(0, 0, 0, 30%);
              padding: 12px;
              color: #fff;
              font-size: 10px;
              font-weight: 700;
              letter-spacing: 0.8px;
              font-family: var(--theme-default-theme);
              display: none;
              max-width: 180px;
              width: 100%;
              &.shoppable-item__product-card--align-right {
                  left: calc((var(--horizontal-position) - 13px) - 180px);
              }
              .shoppable-item__meta{
                display: flex;
                gap: 14px;
                align-items: center;
              }
              .shoppable-item__text{
                    width: calc(100% - 50px);
              }
              .shoppable-item__product-title{
                color: #fff;
                margin: 0;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: 0.8px;
              }
              .cart-icon{
                background: #fff;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                svg{
                  width: 16px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media(max-width:767px){
  .page-width{
    max-width: 100%;
  }
  .template-page-custom-landing {
    .lookbook-slider-with-hotspots {
      .slick-list{
        overflow: visible;
      }
      .slider-hotspots-inner {
        max-width: 295px;
        .lookbook-list-c{
          .shoppable-image__image-container{
            padding: 0 12px 0 0;
          }
        }
      }
    }
    .circle__container .inner__circle--grid .main-carousel {
      padding-left: 4px;
      margin-left: 0;
      .slick-list{
        overflow: visible;
      }
    }
  }
}