/* Add custom CSS styles below */

body {

background-color: #f9f6ea !important;

}




:root {

--primary-color: #1F506F;

--secondary-color: #F5EFF5;


--header-bg: #f9f6ea;

--index-header-bg: #f9f6ea;

/* --index-header-bg: rgba(38, 48, 31, 0.3); */

--sub-menu-bg: #fff;


/* --font-family: "DIN Next LT Arabic", sans-serif; */


--header-icons: #1F506F;

--hover-links-color: var(--primary-color);

--title-color: #1F506F;





/* login btn */

--login-bg: #fff;

--login-color:var(--primary-color) ;

--login-border: #fff;


--login-bg-hover: var(--primary-color);

--login-color-hover: #fff;

--login-border-hover: var(--primary-color);




/* card */

--main-btn-bg: var(--primary-color) ;

--main-btn-color: #fff;

--main-btn-border-color: var(--primary-color);



--card-title: var(--primary-color);

--card-title-align: center;


/* --price-color: D80000; */

--price-color: var(--primary-color);

--price-label-color: var(--primary-color);

--price-justify-content: center;





--footer-color:#fff ;

--footer-logo: url(https://i.ibb.co/32m3cT5/freepik-2822918337-1.png);

/* --footer-bg: url(https://i.ibb.co/2YLsmM0v/Group-1618874128.webp); */

--title-img: url(https://i.ibb.co/dZ3QTt7/Avella-Store-1-7.png);

}










/* ==========================nav====================== */


/* =====edite search========== */

@media(min-width: 798px){

.top-navbar {

display: none;

}



div#mainnav .s-search-input-wrapper{

margin-left: 1rem;

margin-right: 1rem;

}

div#mainnav .s-search-input{

background-color: transparent;

/* border-color: var(--primary-color); */

border-color: var(--header-icons);

/* border-color: #fff; */

border-radius: 14px !important;

/* color: var(--primary-color); */

color: var(--header-icons);

/* color: #fff; */

}

div#mainnav span.s-search-icon-wrap svg{

/* fill: #fff; */

/* fill: var(--primary-color); */

fill: var(--header-icons);

}

div#mainnav .s-search-input::placeholder{

color: transparent;

/* color: var(--primary-color); */

color: var(--header-icons);

/* color: #fff; */

}


}



.s-user-menu-login-btn{
  border-color: transparent;
}

.s-user-menu-login-btn svg{
  fill: var(--primary-color);
}
















div#mainnav{

background: var(--header-bg);

box-shadow: none;

position: relative;

z-index: 2;

}

@media(min-width: 992px){

body.index div#mainnav{

/* backdrop-filter: blur(1.1px); */

/* background: rgba(0, 0, 0, 0.2); */

background-color: var(--index-header-bg);

/* border-bottom: 1px solid #fff; */

}

}


div#mainnav .bg-inherit {

/* background-color: transparent; */

backdrop-filter: blur(10px);

/* background-color: rgba(0, 0, 0, 0.2); */

/* background-color: rgba(255, 255, 255, .3); */

}



.main-nav-container {

/* align-content: center; */

}



/* logo */

@media(min-width: 1024px) {

.navbar-brand img {

max-height: 4rem;

}

}

/* logo center */

/* @media(min-width: 768px) {

.navbar-brand img{

position: absolute;

left: 50%;

transform: translateX(-50%);

}

} */




/* links */

custom-main-menu nav ul li a span {

color: var(--header-icons);

}


@media only screen and (min-width: 1024px) {

.main-menu li.root-level>a {

color: var(--header-icons);

}

}


/*hover color */

@media only screen and (min-width: 1024px) {

.main-menu>.has-children:hover>a {

color: var(--hover-links-color);

}

}


/* sub menu*/

.main-menu .sub-menu{

background-color: var(--sub-menu-bg);

}



/* icons */

.header-btn__icon.sicon-user-circle,

.header-btn__icon.icon.sicon-shopping-bag,

.s-cart-summary-total,

.mburger .sicon-menu.text-primary {

color: var(--header-icons);

/* color: var(--primary-color); */

}


.header-btn__icon {

border-color: var(--header-icons);

/* color: var(--primary-color); */

border: none;

}

.header-search-icon {

/* margin-left: 1rem;

margin-right: 1rem; */

}

.header-search-icon i {

/* font-size: 22px; */

cursor: pointer;

color: var(--header-icons);

/* color: var(--primary-color); */


}


.s-user-menu-trigger {

background-color: transparent;

}

.s-user-menu-login-btn{

border-color: transparent;

}



/* top nav */

.top-navbar{

display:none;

}


.top-navbar {

background-color: var(--primary-color);

color: #fff;

/* visibility: hidden; */

}

@media(min-width: 798px){

body.index .top-navbar {

backdrop-filter: blur(1.1px);

background: rgba(0, 0, 0, 0.2);

}

}


/* header pages */

.top-navbar .s-menu-topnav-list{

display: none;

}

.top-navbar salla-contacts.s-contacts.s-contacts-header.hydrated{

display: none;

}

.top-navbar .header-buttons{

display: none;

}


/* search*/

.top-navbar .s-search-input::placeholder {

color: #fff;

}


.s-search-icon svg {

fill: #fff;

}







/* ================banners========================== */

:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) .container {
  padding-right: 0;
  padding-left: 0;
  max-width:100%;
}

.s-block.s-block--fixed-banner.wide-placeholder .container{
  max-width:100%;
  padding-right: 0;
  padding-left: 0;
}


.banner--fixed img {
  border-radius: 0;
  background-color: transparent;

}





/* ===============main banner ====================== */

@media(min-width:992px){

:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) {

/* margin-top:0rem; */

/* margin-top:-6rem; */

/* margin-top:-5.3rem; */

}


}



@media(max-width:992px){

:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) {

margin-top:0;

}

}




/* =================swiper banner===================================== */

section.s-block.s-block--photos-slider.before-animate.animate-section{

margin-top: 0;

/* margin-top:-5.3rem; */

}


section.s-block.s-block--photos-slider

.s-slider-block__title{

display: none;

}


section.s-block.s-block--photos-slider

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden{

padding-left: 0;

padding-right:0;

}


section.s-block.s-block--photos-slider

.swiper-wrapper.s-slider-swiper-wrapper {

padding-top: 0;

padding-bottom: 0;

}




@media (min-width: 640px) {

section.s-block.s-block--photos-slider

.swiper-wrapper.s-slider-swiper-wrapper>div{

padding-left: 0;

padding-right: 0;

border-radius: 0;


margin-left: 0;

margin-right: 0;

width: 100%;

}

}



salla-slider.photos-slider .swiper-slide,

salla-slider.photos-slider .swiper-slide a img{

border-radius: 0;

}


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {

display: none;

}



/* ===================titles=============== */

/* ==prod== */

.s-products-slider-wrapper

.s-slider-block__title {

margin-bottom: .5rem;

justify-content:center;

}


.s-products-slider-wrapper

.s-slider-block__title-left {

display: none !important;

}


.s-products-slider-wrapper

.s-slider-block__title h2 {

color: var(--title-color) !important;

}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *),

.s-slider-block__title-right:where([dir=rtl]0,[dir=rtl] *) {

padding-left: 0;

}






/* ==cats== */

section.s-block.s-block--categories

.s-slider-block__title{

justify-content: center;

}

section.s-block.s-block--categories

.s-slider-block__title h2{

color: var(--title-color) !important;

}


.s-slider-controls-outer

.s-slider-block__title-nav {

display: none;

}



/*==features== */

.s-block__title{

justify-content:center;

}

.s-block__title h2{

color: var(--title-color) !important;

}


/*==testimonials== */

.s-reviews-header-wrapper{

justify-content: center;

}

.s-reviews-header-wrapper h1 {

color: var(--title-color) !important;

}





/* -------------group-------------*/

@media(min-width: 768px) {

.s-slider-block__title h2 ,

.s-block__title h2 ,

.s-reviews-header-wrapper h1{

font-size: 22px;

}

}



.s-slider-block__title h2 ,

.s-block__title h2 ,

.s-reviews-header-wrapper h1 {

color: var(--title-color) !important;

}



/* .s-slider-block__title h2 ,

.s-block__title h2,

.s-reviews-header-wrapper h1{

position:relative;

background: var(--title-img) no-repeat;

background-size: contain;

background-position: center;

padding: 1rem 4rem;

padding-bottom: 2rem;

margin: 1rem 3rem;

}

.s-slider-block__title ,

.s-block__title,

.s-reviews-header-wrapper {

background:var(--title-img) no-repeat;

background-size: contain;

}

*/















/* ========================Categories============================ */

/* title */

.slide--cat-entry h2 {

display: none;

}


/* swiper container */

/* @media(max-width:768px){ */

.carousel-slider

.swiper:where([dir=rtl],[dir=rtl] *){

padding-left: 0;

}

/* } */


/* @media(max-width:768px){

salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *),

salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *),

.carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {

padding-left: 0;

}

} */





/* swiper */

section.s-block.s-block--categories

.swiper-wrapper {

flex-direction: row-reverse;

/* transform: none !important; */

/* display: grid; */

/* grid-template-columns: repeat(3, minmax(0, 1fr)); */

}




@media(min-width: 1024px){

section.s-block.s-block--categories

.swiper-wrapper {

justify-content: center;

}

}






/* slide */

section.s-block.s-block--categories

.s-slider-swiper-wrapper

.swiper-slide:nth-child(2){

/* order: 1; */

}

section.s-block.s-block--categories

.s-slider-swiper-wrapper

.swiper-slide:nth-child(3){

/* grid-row: span 2; */

}


@media(min-width: 1024px) {

section.s-block.s-block--categories

.s-slider-swiper-wrapper

.swiper-slide {

/* width: 255px; */

/* width: 650px; */

/* width: 50%; */

width: 40%;

/* width: 100%; */

/* width: calc(100% / 3); */

}

}



@media(max-width: 1024px) {

section.s-block.s-block--categories

.s-slider-swiper-wrapper

.swiper-slide {

/* width: 180px; */

width: 50%;

/* width: 100%; */

/* width: calc(100% / 2.5); */

}

}







/* card */

section.s-block.s-block--categories

.swiper-wrapper

.swiper-slide > a {

background-color: transparent;

border-width: 0;

height: 100%;

padding: 0;

}

.slide--cat-entry:hover{

box-shadow: none;

}



/* img */

section.s-block.s-block--categories

.swiper-wrapper

.swiper-slide > a > img {

border-radius: 0;

width: 100%;

height: 100%;

transition: .3s;

}

section.s-block.s-block--categories

.s-slider-swiper-wrapper

.swiper-slide:nth-child(3) a img{

/* object-fit: fill; */

}


section.s-block.s-block--categories

.swiper-wrapper

.swiper-slide > a > img:hover {

transform : translateY(10px);

transform : scale(1.05);

}







/* ================================== Products ==================== */

.s-slider-block__title-left {

display: none !important;

}


/*===swiper=== */

.swiper-wrapper.s-slider-swiper-wrapper {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}



/*===slide=== */

@media(max-width: 768px) {

.s-products-slider-card.swiper-slide {

/* width: 175px; */

}

}




/*===card=== */

.s-product-card-vertical {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 6px -1px #707070;
  box-shadow: 0px 4px 16px 0px rgba(102, 2, 2, 0.25);
  background-color: var(--card-bg);
  transition: all .3s ease;
  height: 31rem;
  margin-top: 1rem;
  border-radius: 0rem;

}

@media(max-width: 768px){

.s-product-card-vertical {

height: 28rem;
height: 21rem;
height: 25rem;

}

}


/*card shine animation */

.s-product-card-vertical::after {

content: "";

position: absolute;

top: 0;

left: -100%;

width: 100%;

height: 100%;

background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);

transition: 0.6s;

pointer-events: none;

}


.s-product-card-vertical:hover::after {

left: 100%;

}

.s-product-card-vertical:hover {

transform: translateY(-2px) scale(1.05);

box-shadow: 0 6px 15px rgba(0,0,0,0.2);

}

/* .s-product-card-vertical:hover{

box-shadow: 0px 0px 6px -1px #707070;

} */





.s-products-list-vertical-cards {

padding: .1rem;

}



/*===card content=== */

.s-product-card-content {

border-radius: 0;

}



/* content main */

.s-product-card-content-title {

text-align: var(--card-title-align);

overflow: hidden;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;

}

.s-product-card-content-title a {

color: var(--card-title);

}




/* content sub */

.s-product-card-content-sub {

justify-content: var(--price-justify-content);

}


.s-product-card-price,

.s-product-card-sale-price h4 {

color: var(--price-color) !important;

}

.s-product-card-content-sub h4 i.sicon-sar{

color: var(--price-label-color) !important;

}



/* content footer */

.s-button-wide {

background-color: var(--main-btn-bg);

color: var(--main-btn-color);

border-radius:8px;

/* border-radius:34px; */

/* padding: 8px; */
  padding: 0.75rem 2rem;

border-color: var(--main-btn-border-color);

/* box-shadow: 0px 4px 16px 0px #4A2C2A10; */

}

.s-button-wide:hover {

transform: translateY(-2px) scale(1.05);

box-shadow: 0 6px 15px rgba(0,0,0,0.2);

/* background-color: #EDB162 ; */

/* color: #fff; */

}

/* shine effect */

.s-button-wide::after {

content: "";

position: absolute;

top: 0;

left: -100%;

width: 100%;

/* height: 100%; */

background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);

transition: 0.6s;

pointer-events: none;

}


.s-button-wide:hover::after {

left: 100%;

}





/*===card img=== */

.s-product-card-vertical
.s-product-card-image {
/* border-radius: .75rem; */
/* padding: .5rem; */
background-color: transparent;
/* background-color: #fff; */

  border-radius: 0;

}


@media(min-width: 992px){
  .s-product-card-vertical
.s-product-card-image {

  height: 18rem;
    max-height: 21rem;

}
}
@media(max-width: 992px){
  .s-product-card-vertical
.s-product-card-image {

  height: 15rem;
    max-height: 15rem;

}
}

.s-product-card-vertical img {

transition: .5s;
/* aspect-ratio: 1 / 1; */
/* border-radius: .75rem; */
  border-radius: 0 !important;
object-fit: fill;
}



.s-product-card-vertical:hover img {
/* transform : rotate(-30deg); */
/* transform: scale(1.04); */

}









/* ====================new Store Features =============================*/

:nth-child(1 of section.s-block.s-block--banners.container){

/* background-color: var(--secondary-color); */

padding-top: 1rem;

}

/* grid */

@media (min-width: 768px) {

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 {

grid-template-columns: repeat(3, minmax(0, 1fr));

gap: 0 !important;

}

}

@media (max-width: 768px) {

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 {

grid-template-columns: repeat(6, minmax(0, 1fr));

/* gap: 0 !important; */
/* gap: 2rem !important; */

}

}


/* card */

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 .banner-entry {

background-color: transparent;

grid-row: span 1;

padding: .6rem;

/* border-radius: 1rem; */

transition: .5s;

}

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 .banner-entry:hover{

transform: scale(1.01);

}




@media (min-width: 992px) {

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 .banner-entry {

/* height: 150px; */
/* height: 255px; */
height: 400px;

}

}

@media (max-width: 992px) {

:nth-child(1 of section.s-block.s-block--banners.container)

.md\:grid-cols-3 .banner-entry {

/* height: 120px; */

}

}


@media (max-width: 768px) {

:nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry ,

  a.banner-entry.square-photos{
    height:210px;
    height:218px;
    height:121px;
    /* height:95px; */
    height:186px;

}


  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry, a.banner-entry.square-photos:nth-of-type(2) {
    order: 5 !important;
    grid-column: span 2;
     /* grid-row: 3 */
}

}






/* img */

:nth-child(1 of section.s-block.s-block--banners.container )

.lazy__bg {

background-size: contain;

background-position: center !important;

background-repeat: no-repeat !important;

background: round;

/* background-size: cover !important; */

}






/*================cat============= */


/* grid item */

/* section.s-block.s-block--banners.container

a.banner-entry.lazy.has-overlay{

background-color: transparent;

border-radius: 18px;

padding: .0.6rem;

overflow: hidden;

position: relative;

} */






/*

section.s-block.s-block--banners.container

h3.text-with-border {

padding: 0;

border-color: transparent;

background-position: bottom;

justify-content: end;


} */

/* section.s-block.s-block--banners.container

h3.text-with-border span {

background-color: rgba(167, 117, 188, 0.2);

backdrop-filter: blur(6px);

padding: .5rem;

border-bottom-right-radius: 1rem;

border-bottom-left-radius: 1rem;


} */







/* ===============features animation====== */

.s-block--banners .banner-entry {

position: relative;

overflow: hidden;

}


.s-block--banners .banner-entry::after {

content: "";

position: absolute;

top: -120%;

left: -60%;

width: 40%;

height: 260%;

background: linear-gradient(

120deg,

transparent,

rgba(255,255,255,0.35),

transparent

);

transform: rotate(20deg);

}


.s-block--banners .banner-entry:hover::after {

animation: shineMove 0.9s ease forwards;

}


@keyframes shineMove {

to {

left: 130%;

}

}













/* ===============================Footer ============================*/

.footer-is-light .store-footer {

/* footer.store-footer { */


background-color: var(--footer-color) !important;

background-image: var(--footer-bg);

background-size: cover;

background-position: top;

}


footer > div.store-footer__inner {

background-color: transparent !important;

color: var(--price-color);

border-bottom: none;

}


.s-social-list.hydrated {

place-content: center;

}




.store-footer__inner .container.grid>div:nth-of-type(1) h3 {

display: none;

}



footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a::after {

content: "";

display: block;

/* width: 127px;

height: 46px;

background-image: var(--footer-logo);

background-size: cover; */


width: 100%;

height: 6rem;

background-image: var(--footer-logo);

background-size: contain;

background-repeat: no-repeat;

background-position: center;

margin-bottom: 1rem;

}




@media (min-width: 992px) {

footer.store-footer .lg\:grid-cols-6{

grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

justify-items: center;

}

}


.store-footer__inner .container.grid>div p {

margin: 10px auto;

}


footer.store-footer * {

text-align: center;

margin-left: auto;

margin-right: auto;

}


@media (min-width: 1024px) {

.store-footer__inner {

padding-bottom: 1rem;

}

}


.store-footer__inner .container.grid>div:nth-of-type(1) {

padding-left: 0;

grid-column: span 1 / span 2;

}


footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {

justify-content: center;

}


footer > div.store-footer__inner > div > div:nth-child(3) {

justify-items: center;

}


.copyright-text p {

color: #fff;

}


.copyright-text a:hover {

color: #fff;

}



/*================================== Reviews============================ */

.s-reviews-container{

margin-top:3rem;

}

.s-reviews-header-wrapper h1{

position:relative;

}

.s-reviews-header-wrapper{

/* justify-content:center; */

}


.s-reviews-testimonial{

border:1px solid #ddd;

border-radius:8px;

box-shadow:3p 3px 3px #ddd;

}

.s-reviews-testimonial__avatar{

border-radius:0;

}

.s-reviews-testimonial__icon svg{

fill: var(--primary-color);

}


div#contact-slot{

margin:0 auto;

}



.footerImage {

max-width: 75px;

text-align: center;

margin: 0 auto;

}


.s-reviews-testimonial * {

color:#30373F;

}







/* ===============================global animation + js ========================== */

/* ============== Global Sections Animation ============== */


section.before-animate {

opacity: 0;

transform: translateY(30px);

transition: opacity 0.8s ease, transform 0.8s ease;

}



section.animate-section {

opacity: 1;

transform: translateY(0);

}


/* ========== Banner Zoom Animation ========== */


.s-block--fixed-banner.before-animate {

opacity: 0;

transform: scale(0.9);

transition: transform 1s ease, opacity 1s ease;

}


.s-block--fixed-banner.animate-section {

opacity: 1;

transform: scale(1);

}





/*========move whishlist========== */

.s-product-card-content-footer {

display: flex;

align-items: center;

gap: 4px;

gap: 8px;

}

@media(max-width: 768px){

.s-product-card-content-footer {

gap: 4px;

}

}



.s-product-card-vertical .s-product-card-wishlist-btn{

position: static;

color: var(--primary-color);

/* color: red; */

/* border: none; */


/* border-color: var(--primary-color) !important; */

}

@media(max-width: 768px){

.s-product-card-vertical .s-product-card-wishlist-btn {

width: 2rem;

height: 2rem;

}

}


/* salla-button.s-product-card-wishlist-btn {


} */


salla-button.s-product-card-wishlist-btn {

background: rgba(230, 201, 207, 0.25);

backdrop-filter: blur(6px);

border: 1px solid rgba(230, 201, 207, 0.4);

transition: transform 0.3s ease, box-shadow 0.3s ease;

border-radius: 50%;

/* border: none; */

/* border-radius: 9px; */


}


salla-button.s-product-card-wishlist-btn:hover {

transform: scale(1.12);

box-shadow: 0 8px 20px rgba(230, 201, 207, 0.6);

}



@keyframes heartPulse {

0% { transform: scale(1); }

50% { transform: scale(1.35); }

100% { transform: scale(1); }

}


salla-button.s-product-card-wishlist-btn.favorited {

animation: heartPulse 0.4s ease;

}


salla-button.s-product-card-wishlist-btn.favorited i {

color: #e6c9cf;

/* color: var(--primary-color); */

/* fill: var(--primary-color); */

color: red;

fill: red;

background-color: red;

}