/*custom CSS*/

#memgamenu-form_6372157543369330 > nav > div.leo-top-menu.collapse.navbar-toggleable-md.megamenu-off-canvas.megamenu-off-canvas-6372157543369330 > ul > li.nav-item.parent.dropdown.aligned-fullwidth.leo-2 > div > div > div:nth-child(1) > div:nth-child(2) {
display: none !important;
}

#section-box-featureproduct {
    margin-top: 100px;
}

#section-box-featureproduct::before {
    background: url(/themes/at_movic/assets/img/modules/appagebuilder/images/couper-le-souffle.png) center center / cover no-repeat fixed;
}

#section-box-contactus::before {
    background: url(/themes/at_movic/assets/img/modules/appagebuilder/images/Site_azzo_new_Prenez_contact.png) center center / cover no-repeat fixed;
}


@media (max-width: 767px) {
  .fw-bold.f-head.lh-11{
  		font-size: 85px !important;
    	padding-top: 20px; !important;
  }
    .bannercontainer .tp-caption.btn .caption-contain{
    	font-size: 36px !important;
  	    line-height: 90px !important;
      	height: 90px !important;
      	top: 60px !important;
  }
  .bannercontainer .tp-caption.fw-300{
  		font-size: 60px !important;
        color: rgb(167 223 219)  !important;
    	font-weight: 500  !important;
  }
  .ApSlideShow .iviewSlider{
  		background-size: 111% !important;
  }
  .ApSlideShow .slide_config, .LeoSlideshow .slide_config {
        background-color: #00000047 !important;
   }
  .m-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
 
  #js-product-list-footer {
    margin-bottom: 100px;
  }
  #category #carousel {
     margin-top: 35px;
  }

}


.products-sort-order .dropdown-menu{
	left: 0 !important;
}

#search_filters {

    margin-bottom: 2rem;

} 

.page-home .ApColumn .title_block {
   padding: 30px 0 30px 0;
}

.all_best_sellers {

    width: 100%;

    display: flex;

    justify-content: space-between;

    padding: 0 15px;

}



.elm-inspir {

  bottom: 30% !important;

}



#cms .page-header h1 {

    text-align: center;

    font-size: 34px;

    text-transform: uppercase;

}



/* Titles & Highlights */

.title {

  font-size: 36px;

  margin-bottom: 20px;

  line-height: 1.2;

}

.highlight {

  color: #81a598;

}

#cms .products_block  .title_block {

  color: #81a598;

  font-size: 36px;

  margin-bottom: 20px;

  line-height: 1.2;

  text-align: center;

  text-transform: none;

}

.subheadline {

  display: block;

  font-size: 28px;

  text-align: center;

  color: #000;

  margin: 30px 0;

}



/* Horizontal Section */

.section-rl {
  margin-bottom: 60px;
}

.left-content,

.right-content {

  flex: 1;

}

.right-content img {

  width: 100%;

  max-width: 500px;

  height: auto;

  border-radius: 8px;

}

.section-rl, .section-lr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
}

/* Image column */
.right-content .img-frame,
.lr-content .img-frame {
  max-width: 500px;
  aspect-ratio: 4 / 3;
}

.img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* lr Section */

.section-lr {

  margin-bottom: 60px;

}



.side-img {

  width: 100%;

  max-width: 500px;

  height: auto;

  border-radius: 8px;

}



/* CTA Section */

.section-cta {

  text-align: center;

  margin-top: 80px;

}

.cta-title {

  font-size: 28px;

  margin-bottom: 20px;

}

.cta-button img {

  max-width: 300px;

  width: 80%;

  border-radius: 8px;

  transition: opacity 0.3s;

}

.cta-button:hover img {

  opacity: 0.8;

}



/* === Animations === */

.animate-left,

.animate-right,

.animate-up {

  opacity: 0;

  transform: translateY(20px);

  transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}



.animate-left.in-view {

  opacity: 1;

  transform: translateX(0);

}

.animate-right.in-view {

  opacity: 1;

  transform: translateX(0);

}

.animate-up.in-view {

  opacity: 1;

  transform: translateY(0);

}



@keyframes fadeInLeft {

  from { opacity: 0; transform: translateX(-40px); }

  to   { opacity: 1; transform: translateX(0); }

}

@keyframes fadeInRight {

  from { opacity: 0; transform: translateX(40px); }

  to   { opacity: 1; transform: translateX(0); }

}

@keyframes fadeInUp {

  from { opacity: 0; transform: translateY(20px); }

  to   { opacity: 1; transform: translateY(0); }

}



/* Override transforms depending on class */

.animate-left.in-view { animation: fadeInLeft 0.8s forwards; }

.animate-right.in-view { animation: fadeInRight 0.8s forwards; }

.animate-up.in-view { animation: fadeInUp 0.8s forwards; }



/* Responsive */

@media (max-width: 767px) {

  .section-rl,

  .lr-content {
    display: flex;
    flex-direction: column;

  }

  .right-content img,

  .side-img {

    margin: 0 auto 20px;

  }


  .section-two-elms {
    margin: 0 20px;
  }

  .developed-by {
    display:flex;
    flex-direction:column;
    text-align:center;
    justify-content:center
  }

  .block:has(.developed-by) {
    width: 100%;
  }

  .box-shipping4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: start;
  }

  .box-featureproduct .products_block {
    padding: 20px 20px 20px !important;
  }
  
  .blog-item {
    padding: 0 0 20px;
  }
  
  .cart-grid-body .card.cart-container+a.label {
    width:100%;
    text-align:center;
  }

  .section-lr{
    display: flex;
    flex-direction: column-reverse;
  }

  .elm-inspir {
    background-image: url(/img/cms/parfums-de-luxe-signes-azzo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px !important;
  }

  .elm-inspir .block_content {
    padding: 20px !important;
  }

  div:has(.elm-inspir) {
     padding-right: 0 !important;
     padding-left: 0 !important;
   }
}



.image-block {

  margin: 30px 0 50px 0;

}



.image-block img{

  border-radius: 8px;

}

.thumbnail-container .product-title,
.thumbnail-container .category-default,
.thumbnail-container .product-price-and-shipping {
  text-align: center;
  margin-top: 15px;
}

.owl-carousel.owl-theme.plist-simple.owl-loaded .owl-wrapper-outer .product-title,
.owl-carousel.owl-theme.plist-simple.owl-loaded .owl-wrapper-outer .category-default,
.owl-carousel.owl-theme.plist-simple.owl-loaded .owl-wrapper-outer .product-price-and-shipping {
  text-align: start;
}
#blockcart-modal .modal-header,
.notification.notification-success {
  background: rgb(0 0 0 / 80%);
}
.block-promo .promo-input {
    height: auto;
}
.cart-grid-body .card.cart-container .card-block h1.h1 {
    font-size: 2em;
}

.box-lookbook2 .ApImage {
    padding-bottom: 0 !important;
}
.box-lookbook2 .ApImage img {
    position: relative !important;
}

.page-home .ApColumn .title_block {
  padding: 0px 0 30px !important;
}
