/* Add custom CSS styles below */ 
:root{
    --color-primary: #CA5F6F;
  
}
.blog-single .main-content.blog-category > img{
  object-fit: contain;
    height: auto;
}
@media (min-width: 1024px) {
    .container {
        max-width: 991px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}
.use_icons_for_language_and_currency button > span{
  display: none;
}
.use_icons_for_language_and_currency button > span:first-of-type {
    width: 40px;
    height: 40px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

footer button[aria-label="Open language and currency settings"]{
  display: none;
}
.use_icons_for_language_and_currency{
      order: 1;
}

.s-block--header-marquee{
  order: -1;
}
body:not(:has(.s-block--features)) footer.art-store-footer.store-footer{
  margin-top: 100px !important;
}
.product-single h1 {
  font-weight: bold !important;
}
body.product-single{
  background-color: #ffffff !important;
}
body.product-single .sidebar.art-sidebar , body.product-single .main-content.art-main-content{
  width: 50% !important;
}
html , body{
  overflow-x: hidden !important;
}
#mainnav { 
    position: absolute !important;
    margin-top: 50px;
    max-width: 100% !important;
    padding: 0 7%;
    background: transparent !important;
}
body:not(:has(.s-block--features)) #mainnav{
      position: relative !important;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    background: transparent !important;
    border-radius: 0;
}
#mainnav > div {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 35px;
    border: 1px solid #fff;
}
body:not(:has(.s-block--features)) #mainnav > div{
      background: #ca5f6f !important;
    border-radius: 0;
    border: 0px solid #fff;
}
#mainnav > div > div > .grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mainnav > div > div > .grid > div:nth-child(2) {
order: -1;
}
html[dir="ltr"] .main-nav-container .mobile-menu .main-menu{
      gap: 0 15px !important;
}
html[dir="ltr"]  .main-nav-container .mobile-menu .main-menu li.root-level>a {
    font-size: 14px !important; 
}
.main-nav-container .mobile-menu .main-menu li.root-level>a {
    font-size: 16px !important; 
    color: #fff !important ;
}
.art-sticky-header .header-btn__icon {
    color: #3F3A36 !important;
    background: #fff;
}

body > .app-inner > section.art-banner:nth-of-type(1) {
  height: 600px;
}
body > .app-inner > section.art-banner:nth-of-type(1):after{
      background-color: #95354166;
}
body > .app-inner > section.art-banner:nth-of-type(1) a button{
  color: #fff !important; 
    border-radius: 20px;
    padding: 12px 30px;
    font-weight: bold;
}

body > .app-inner > section.art-banner:nth-of-type(1) .art-banner-header > span{
  font-size: 40px;
    font-weight: bold;
}
body > .app-inner > section.art-banner:nth-of-type(1) .art-banner-header > h2{
font-size: 20px;
    font-weight: 500;
}
body > .app-inner > section.art-banner:nth-of-type(1) .art-banner-header{
padding-bottom: 10%;
    justify-content: end;
}

.art-categories-02{
  padding-top: 70px;
}
.art-categories-02 h2{
      color: #000;
    font-size: 36px;
    font-weight: 600;
}
.art-categories-02 .art-categories-02-slide{
  width: calc( 100% / 4 );
  transition: all linear .3s;
}
.art-categories-02 .art-categories-02-slide > div {
  box-shadow: 0px 0px 5px 2px rgba(202, 95, 111, 0.5);
    border-radius: 25px;
    margin-top: 15px;
}

.art-categories-02 .art-categories-02-slide > div  a .bg-origin-content{
  border-radius: 25px;
}
.art-categories-02 .art-categories-02-slide > a h3{
margin-top: 20px;
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 26px;
    line-height: normal;
} 

.art-categories-02 .art-categories-02-slide:hover{
  transform: translateY(-10px);
}


body section.art-text-with-photo:nth-of-type(2) .order-last{
    display: flex !important;
}
body section.art-text-with-photo:nth-of-type(2) .order-last > div{
  transform: none !important;
}
body section.art-text-with-photo:nth-of-type(2) .container > .grid{
      background: repeating-linear-gradient(90deg, #F5C3CF 0px, #F5C3CF 30px, #F6DDDF 30px, #F6DDDF 60px);
    border-radius: 30px;
}
body section.art-text-with-photo:nth-of-type(2) .container > .grid img{
     border-radius: 30px 0 0 30px;
}
html[dir="ltr"] body section.art-text-with-photo:nth-of-type(2) .container > .grid img{
  border-radius: 0 30px 30px 0;
}
.art-faq-title{
  width: 100%;
}
body section.art-text-with-photo:nth-of-type(2) .order-first > span{
    border-radius: 20px;
    background-color: #f9dad8;
    font-size: 20px;
    color: #ca5f6f;
    font-weight: 600;
    padding: 5px;
    max-width: 110px;
    text-align: center;
}
body section.art-text-with-photo:nth-of-type(2) .order-first h2{
color: #000;
    font-weight: bold;
    font-size: 30px;
}
body section.art-text-with-photo:nth-of-type(2) .order-first p{
font-size: 18px;
    color: #000;
    font-weight: 500;
    max-width: 95%;
    margin: 0;
}
body section.art-text-with-photo:nth-of-type(2) .order-first {
    gap: 5px; 
}
body section.art-text-with-photo:nth-of-type(2) .order-first a button{
  color: #fff !important;
    border-radius: 20px;
    padding: 12px 30px;
    font-weight: bold;
}
.art-product-slider-custom .s-slider-block__title .s-slider-block__title-right h2{
  font-weight: bold !important;
    font-size: 40px !important; 
}
custom-salla-product-card{
    box-shadow: 0px 0px 4px 4px rgba(63, 58, 54, 0.15) !important;
    border-radius: 24px !important;
    background-color: #ffeceb !important;
    border: 1px solid #e9abae !important;
    
}
 .s-products-slider-slider .s-slider-swiper-wrapper custom-salla-product-card.s-product-card-entry{
    box-shadow: 0px 0px 4px 4px rgba(63, 58, 54, 0.15) !important;
    border-radius: 24px !important;
    background-color: #ffeceb !important;
    border: 1px solid #e9abae !important;
     transition: all linear .4s;
 }
.s-products-slider-slider .s-slider-swiper-wrapper custom-salla-product-card.s-product-card-entry:hover{
box-shadow: 0px 0px 4px 4px rgb(202 95 111 / 50%) !important;  
}

.s-product-card-image img{
  transition: all linear .4s;
}
.s-products-slider-slider .s-slider-swiper-wrapper custom-salla-product-card.s-product-card-entry:hover .s-product-card-image img{
      transform: scale(1.04);
}
.s-products-slider-slider .s-slider-swiper-wrapper custom-salla-product-card.s-product-card-entry:hover   .s-product-card-content div.s-product-card-content-main h3.s-product-card-content-title a{
  color: #ca5f6f;
} 
 .s-products-slider-slider .s-slider-swiper-wrapper{
   padding-top: 15px !important;
   padding-bottom: 15px !important;
 }

custom-salla-product-card .s-product-card-image{
    background: transparent !important;
    padding: 10px !important;
}
custom-salla-product-card .s-product-card-image img{
      border-radius: 24px !important;
    object-fit: cover;
}
custom-salla-product-card .art-promotion-title,custom-salla-product-card .promotion-title {
    padding: 1px 6px;
    background-color: #EBADB0 !important;
    color: #ffffff !important;
    border-radius: 35px;
    font-size: 12px;
}
.s-products-list .s-product-card-content-footer .s-button-btn, .s-products-slider-slider .s-product-card-content-footer .s-button-btn ,
custom-salla-product-card .s-product-card-content-footer .s-button-btn{
  background-color: #CA5F6F !important;
    border: none !important;
    color: #fff !important;
    border-radius: 15px !important;
}
.s-products-list .s-product-card-content-footer .s-button-btn i, .s-products-slider-slider .s-product-card-content-footer .s-button-btn i,
custom-salla-product-card .s-product-card-content-footer .s-button-btn i {
  display: none !important ; 
}
custom-salla-product-card  .s-product-card-content{
  text-align: start !important ; 
}
html body custom-salla-product-card.s-product-card-entry  .s-product-card-content div.s-product-card-content-main  h3.s-product-card-content-title a {
      font-size: 18px !important;
    color: #000;
    font-weight: bold !important;
}

html body custom-salla-product-card.s-product-card-entry  div.s-product-card-content div.s-product-card-content-sub   h4{
filter: drop-shadow(0 0 0 #000) !important;
  color: #000 !important;
    font-size: 30px !important;
}
html body custom-salla-product-card.s-product-card-entry  div.s-product-card-content div.s-product-card-content-sub{
  justify-content: start !important;
}
body section.art-text-with-photo:nth-of-type(4) .container > .grid img {
    border-radius: 30px;
      width: 220px;
    height: 220px;
}
body section.art-text-with-photo:nth-of-type(4)  .art-text-description{
      font-weight: bold;
    font-size: 28px;
    line-height: normal;
    max-width: 90%;
    text-align: center;
    margin: 0;
    padding: 0;
}

body section.art-text-with-photo:nth-of-type(4) .container > .grid{
   background: linear-gradient(90deg, #fcdddb, rgba(202, 95, 111, 0.1));
    border-radius: 35px;
    padding: 50px 80px 0; 
}
body section.art-text-with-photo:nth-of-type(4) .container > .grid > .flex{
    padding: 0;
    gap: 0;
    margin-top: -50px;
}
.s-block--features{
   margin: 70px auto;
    padding: 50px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
    border-radius: 48px;
    background-color: #ffeeed;
  position: relative;
}
.art-main-content .art-single-btns .s-button-icon {
    background-color: rgb(202 95 111) !important;
    color: #fff !important;
    border-radius: 10px !important; 
  border-color: #ca5f6f !important;
}
 .art-product-slider-custom .s-slider-block__title-left {
    display: block !important;
}
.art-main-content .art-product-form salla-add-product-button .s-add-product-button-main button {
    border-radius: 10px !important; 
    background-color: rgb(202 95 111) !important;
    color: #fff !important; 
}

.art-product-slider-custom .s-slider-block__title {
 
    position: relative;
}
.art-product-slider-custom .s-slider-block__title-left {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.art-product-slider-custom .s-slider-block__title-left .s-slider-prev{
      position: absolute;
    right: 0;
    display: flex !important;
    background: #fff;
    border: 0;
}
.art-product-slider-custom .s-slider-block__title-left .s-slider-next{
      position: absolute;
    left: 0;
    display: flex !important;
    background: #fff;
    border: 0;
}
html[dir="ltr"] .art-product-slider-custom .s-slider-block__title-left .s-slider-prev{
  right: unset;
  left: 0;
}
html[dir="ltr"] .art-product-slider-custom .s-slider-block__title-left .s-slider-next{
  left: unset;
  right: 0;
}
.s-slider-nav-arrow svg {
    width: 32px;
    fill: #000;
}
.s-slider-block__title-nav {
    display: flex !important;
}













.s-block--features:before {
    content: "لماذا تختارين تشيري أفينيو؟";
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0px;
}
html[dir="ltr"] .s-block--features:before{
   content: "Why choose Cherry Avenue?";
}
.s-block--features > .grid{
    display: flex;
    flex-wrap: wrap; 
}
.s-block--features > .grid:before{
    content: "نقدّم لك تجربة تسوّق سهلة ومريحة، مع منتجات مختارة بعناية لتناسب ذوقك وتكمّل إطلالتك.";
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

html[dir="ltr"] .s-block--features > .grid:before{
   content: "We offer you an easy and convenient shopping experience, with carefully selected products to suit your taste and complement your look.";
}
.s-block--features__item { 
    box-shadow: 0px 4px 20px rgba(202, 95, 111, 0.1);
    border-radius: 24px;
    background-color: #fff;
  width: calc( 100% / 4  );
}
.s-block--features__item .feature-icon {
    margin-bottom: 0.75rem;
    display: flex;
    height: auto;
    width: auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #414042;
    background-color: transparent;
    border-radius: 0;
}
.s-block--features__item .feature-icon i {
    line-height: normal;
    filter: brightness(0) saturate(100%) invert(54%) sepia(22%) saturate(1238%) hue-rotate(302deg) brightness(83%) contrast(90%);
    font-size: 80px;
    border-radius: 0;
}
.s-block--features__item h2 {  
    font-size: 20px;
    color: #000;
    line-height: normal;
    font-weight: 700;
}

.s-block--features__item p {
    font-size: 14px;
    line-height: 20px; 
    color: #000;
}
.s-block--features__item:hover{
  border: 1.5px solid #ca5f6f;
}
.art-banner-2{
    height: 350px;
    width: 100%;
}
.art-banner-2 .art-banner-header{
    background-color: transparent !important;
    padding: 0;
    gap: 0;
    width: auto;
    height: auto;
}
.art-banner-2 .art-banner-header h4{
      color: #ffffff;
    font-size: 40px;
    line-height: normal;
    font-weight: bold;
}
.art-faq{
  padding-top: 70px;
}
.art-faq-title h2{
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px;
}
.art-faq > .container{
    max-width: unset;
    padding: 0;
    margin: 0;
}
.art-faq  .accordion-container > div{
    border-radius: 12px;
    background-color: #ffeeed;
    border: 1px solid #9ca3af;
    padding: 24px 20px;
    margin-bottom: 20px;
}
 .art-faq  .accordion-container{
   width: 60%;
 }
.s-block--fixed-banner .container{
    max-width: unset;
    padding: 0;
    margin: 0;
}

.s-block--fixed-banner .container img{
    width: 350px; 
    height: 300px;
  border-radius: 25px;
}

.allaqfgkh{
      display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
}

body > .app-inner >  section.art-banner:last-of-type{
      height: 250px;
    border-radius: 25px;
    max-width: 70%;
    margin: 0 auto -40px;
      box-shadow: 0px 4px 10px #e9abae;
    position: relative;
    z-index: 1;
}
body > .app-inner >  section.art-banner:last-of-type:after{
  background-color: rgb(255 207 209);
}
body > .app-inner >  section.art-banner:last-of-type .art-banner-header > span{
      font-size: 36px;
    font-weight: bold;
}
body > .app-inner >  section.art-banner:last-of-type h2{
      font-size: 20px;
    width: 100%;
}
body > .app-inner >  section.art-banner:last-of-type button{

      color: #fff !important;
    border-radius: 20px;
    padding: 10px 90px;
    font-weight: bold;
}
footer.art-store-footer.store-footer{
      background-color: #ca5f6f !important;
    padding-top: 70px !important;
}
body:not(:has(.s-block--features)) footer.art-store-footer.store-footer{
  margin-top: 100px !important;
}
footer.art-store-footer.store-footer > div:last-of-type{
      flex-direction: column;
    gap: 10px;
}
footer.art-store-footer.store-footer > div:last-of-type .copyright-text p ,  
footer.art-store-footer.store-footer > div:last-of-type .copyright-text a{
  font-size: 16px !important;
  opacity: 1 !important ; 
}
.art-store-footer   h3{
      font-size: 22px !important; 
    font-weight: bold !important;
}
.art-store-footer a{
    opacity: 1 !important ; 
}

.art-store-footer .s-social-link a {
    width: 45px !important;
    height: 45px !important;
    background: #FFEEED;
    color: #ca5f6f !important;
    margin-top: 15px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.25);

}
footer.art-store-footer.store-footer > div:first-of-type > div > div:nth-of-type(1){
          grid-column: span 1 / span 2;
}
footer.art-store-footer.store-footer > div:first-of-type > div > div:nth-of-type(2){
          grid-column: span 2 / span 2;
}
footer.art-store-footer.store-footer > div:first-of-type > div > div:nth-of-type(2) .s-menu-footer-list{
  
    column-count: 2;

}
.art-store-footer .s-social-link a:hover{
  background: #ca5f6f  !important;
    color: #fff !important;
}
.art-testimonials-title h2{
      font-weight: bold !important;
    font-size: 40px !important;
    margin-bottom: 25px;
}
.art-testimonials-slider .art-slide img{
    width: 70px;
    height: 70px;
    margin: 40px auto 0;
      object-fit: contain;
}
.art-testimonials-slider .art-slide {
 border-radius: 30px;
background-color: #ffeeed;
    border: 2px solid transparent;
  transition: all linear .4s;
    min-height: 100%;
}
.art-testimonials-slider .art-slide:hover{
  border: 2px solid #e9abae;
}
.art-testimonials-slider{
  
    padding-right: 0;
    padding-left: 0;

}
.art-testimonials-slider >.container{
  
    max-width: unset;
    padding: 0;

}
.art-testimonials-slider .bg-white.shadow-sm{
  
    background-color: transparent !important;
    box-shadow: unset !important;

}
 .art-testimonials-slider .bg-white.shadow-sm i{
  color:#ffc820;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
body > .app-inner > section.art-banner:last-of-type{
      max-width: 85%;
}
html body custom-salla-product-card.s-product-card-entry  .s-product-card-content div.s-product-card-content-main  h3.s-product-card-content-title a {
    font-size: 15px !important; 
}
html body custom-salla-product-card.s-product-card-entry  div.s-product-card-content div.s-product-card-content-sub   h4 {
 
    font-size: 20px !important;
}
.s-product-card-fit-height .s-product-card-image {
    height: 10rem;
    max-height: 10rem;
}
  

  
}

@media (max-width: 991px) {

.use_icons_for_language_and_currency button > span:first-of-type {
    width: 35px;
    height: 35px; 
    font-size: 9px; 
}
.art-sticky-header .header-btn__icon { 
    width: 35px;
    height: 35px;
    font-size: 18px;
}








  
  body.product-single .sidebar.art-sidebar , body.product-single .main-content.art-main-content{
  width: 100% !important;
}
body section.art-text-with-photo:nth-of-type(4) .container > .grid img {
     
    width: 170px;
    height: 170px;
}
  body section.art-text-with-photo:nth-of-type(2) .container > .grid img {
    border-radius: 0 0 30px 30px;
}
footer.art-store-footer.store-footer > div:first-of-type > div > div:nth-of-type(2) .s-menu-footer-list {
    column-count: 1;
}
body > .app-inner > section.art-banner:last-of-type{
  max-width: 90%;
}
body > .app-inner >  section.art-banner:last-of-type h2 {
    font-size: 13px;
}
body > .app-inner >  section.art-banner:last-of-type .art-banner-header > span {
    font-size: 20px; 
     
}
body > .app-inner >  section.art-banner:last-of-type {
    height: 220px; 
}
 section.art-banner:last-of-type .art-banner-header{
      gap: 0;
}
.allaqfgkh { 
    flex-direction: column-reverse; 
    margin-bottom: 30px;
}
.art-faq  .accordion-container {
    width: 100%;
}
.art-faq-title h2 ,.art-testimonials-title h2
  ,.art-product-slider-custom .s-slider-block__title .s-slider-block__title-right h2{ 
    font-size: 30px !important;
    margin-bottom: 10px;
}
.art-banner-2 .art-banner-header h4 { 
    font-size: 20px; 
}
.art-banner-2 {
    height: 150px; 
}
.s-block--features {
    margin: 30px auto 30px;
    padding: 20px; 
}
.s-block--features > .grid { 
    flex-direction: column;
}
  .s-block--features__item { 
    width: calc( 100% / 1);
}
.s-block--features:before { 
    font-size: 30px; 
    margin-bottom: 20px;
    margin-top: 10px;
}
body section.art-text-with-photo:nth-of-type(4)  .art-text-description {
    font-weight: bold;
    font-size: 23px;
    line-height: normal;
    max-width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
body section.art-text-with-photo:nth-of-type(4) .container > .grid {
 
    padding: 20px;
}
body section.art-text-with-photo:nth-of-type(4) .container > .grid > .flex {
   
    margin-top:  0px;
}
body section.art-text-with-photo:nth-of-type(2) .order-first{
  padding: 20px 20px 10px 0;
          padding-inline-start: 10px;
        padding-inline-end: 0;
}
  .art-faq-title h2{
    line-height: normal;
  }  
body section.art-text-with-photo:nth-of-type(2) .order-first p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    max-width: 80%;
    margin: 0;
}
body section.art-text-with-photo:nth-of-type(2) .order-first h2 {
    color: #000;
    font-weight: bold;
    font-size: 30px;
}


.art-categories-02 .art-categories-02-slide {
    width: calc( 100% / 1 ); 
}

.art-categories-02 {
    padding-top: 30px;
}
.art-categories-02 h2 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
}

.art-categories-02 .art-categories-02-slide > div {
    box-shadow: 0px 0px 5px 2px rgba(202, 95, 111, 0.5);
    border-radius: 25px;
    margin-top: 0;
}
  #mainnav { 
    padding: 0 3%; 
}
body > .app-inner > section.art-banner:nth-of-type(1) .art-banner-header > span {
        font-size: 26px; 
    line-height: normal;
}
body > .app-inner > section.art-banner:nth-of-type(1) {
    height: 450px;
}
  #mainnav > div > div > .grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
    #mainnav > div > div > .grid > div:last-of-type{
      
    gap: 15px;

    }



.s-block--fixed-banner .container img { 
    margin: 0 auto;
}








 .main-nav-container .s-cart-summary-count{

font-size: 10px;
    width: 15px;
    height: 15px;
   
 } 
.mburger {
  
    margin: 0;
    background: #fff;
    color: #000;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; 
}
#mainnav > div > div > .grid > div:first-of-type   .use_icons_for_language_and_currency{
  display: none !important;
}
  .use_icons_for_language_and_currency{
    display: flex;
  }
}