:root {
    --main-color: #713d93;
    --alt-main-color: #c221da;
    --white-color: white;
}

body {
    background: #fff;
}

.top-navbar {
    background: var(--main-color)!important;
    color: #fff;
}

#mainnav {
    background: #fff!important;
    color: var(--main-color)!important;
}

.main-menu .sub-menu li {
    color: #000;
}

.top-navbar .s-search-input {
    background-color: var(--white-color)!important;
}

body.index .s-user-menu-trigger {
    background: transparent!important;
}

@media (min-width: 1024px) {
    ul.main-menu,.main-menu li.root-level>a {
        padding-top:1rem!important;
        padding-bottom: 1rem!important;
    }
}

.main-menu li.root-level>a {
    position: relative;
}

.main-menu li.root-level>a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    bottom: 0;
    background: var(--main-color);
    transition: 0.3s;
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    background-color: #eee;
}

.main-menu li.root-level>a:hover::before {
    width: 100%;
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag,i.sicon-menu {
    background: var(--main-color)!important;
    color: var(--white-color)!important;
    border: 0px!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transition: 0.3s;
}

i.sicon-menu {
    padding: 8px;
    border-radius: 50%;
}

i.header-btn__icon.sicon-user-circle:hover,i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--white-color)!important;
    color: var(--alt-main-color)!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transform: translateY(-3px);
    transition: 0.3s;
}

@media (max-width: 480px) {
    div#mainnav {
        padding-top:0.8rem!important;
    }
}

section.s-block.s-block--photos-slider {
    margin-top: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0!important;
    margin: 0!important;
    width: 100%!important;
    border-radius: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide img.w-full {
    border-radius: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
    padding: 0!important;
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    margin: 0!important;
    max-width: 100%!important;
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container img {
    border-radius: 0!important;
}

body.index > div.app-inner > section:nth-child(5) > div, body.index > div.app-inner > section:nth-child(13) > div{
    grid-template-columns:repeat(4,1fr);
    gap: 10px !important;
}

body.index > div.app-inner > section:nth-child(8) > div{
    grid-template-columns:repeat(2,1fr);
    gap: 10px !important;
}

body.index > div.app-inner > section:nth-child(5) > div a, body.index > div.app-inner > section:nth-child(13) > div a, body.index > div.app-inner > section:nth-child(8) > div a{
    height:320px;
}

body.index>div.app-inner>section.s-block.s-block--banners.container>div>a:nth-child(1){
    grid-area:1/1/1/1;
}

body.index>div.app-inner>section.s-block.s-block--banners.container>div>a{
    background:transparent;
}

@media(max-width:767px){
    body.index > div.app-inner > section:nth-child(5) > div, body.index > div.app-inner > section:nth-child(13) > div{
        grid-template-columns:repeat(2,1fr);
        gap: 10px !important;
    }
    
    body.index > div.app-inner > section:nth-child(5) > div a, body.index > div.app-inner > section:nth-child(13) > div a{
        height: 200px;
    }

    body.index > div.app-inner > section:nth-child(8) > div a{
        height: 88px;
    }

    body.index>div.app-inner>section:nth-child(5) > div, body.index>div.app-inner>section:nth-child(13) > div{
        gap: 10px!important;
    }
    
    body.index > div.app-inner > section:nth-child(8) > div a{
        height: 88px;
    }
}

body.index>div.app-inner>section.s-block.s-block--banners.container>div>a>div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

 .s-button-btn {
    background-color: var(--main-color);
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

 .s-button-btn:hover {
    background-color: var(--alt-main-color);
    color: #000;
}

.s-block--features__item {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
}

section.s-block.s-block--features.container > div{
    display:flex !important;
    justify-content:center !important;
    align-items: :center !important;
    gap: 0;
}

.s-block--features__item .feature-icon {
    height: 10rem;
    width: 10rem;
    background:transparent;
}

.s-block--features__item .feature-icon i:before {
    content: '';
    width: 120px;
    height: 120px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.s-block--features__item .feature-icon i.sicon-store2:before {
    background-image: url("https://i.postimg.cc/kVLzm7js/Group-8.png");
}

.s-block--features__item .feature-icon i.sicon-shipping-fast:before {
    background-image: url("https://i.postimg.cc/f3VppVvk/Group-8.png");
}

.s-block--features__item .feature-icon i.sicon-fire:before {
    background-image: url("https://i.postimg.cc/dhHg52rz/Group-7-copy.png");
}

.s-block--features__item p, .s-block--features__item h2 {
    display:none;
}

@media (max-width:767px){
    .s-block--features__item .feature-icon {
        height: 6rem;
        width: 6rem;
        background:transparent;
    }

    section.s-block.s-block--features.container .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .s-block--features__item:first-child {
        grid-column: span 1 / span 1;
    }

    .s-block--features__item .feature-icon i:before {
        content: '';
        width: 70px !important;
        height: 70px !important;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.s-button-primary-outline {
    background-color: var(--main-color);
    border:none;
    color:var(--white-color);
}

.s-button-primary-outline:hover {
    background-color: var(--main-color);
}

.s-product-card-entry {
    transform: translate(0px, 0px);
    transition: all .5s ease-in-out;
    border:1px solid var(--main-color);
    box-shadow: 1px 1px 3px 2px #ddd !important;
}

.s-product-card-entry:hover{
    transform: translate(0px, -10px);
    box-shadow: 3px 3px 5px 4px #ddd !important;
}

.s-product-card-content *{
    justify-content:center;
    text-align:center;
}

h4.s-product-card-price {
    color:red;
}

img.s-product-card-image-contain.lazy.loaded {
    background-color:var(--white-color);
}

/************ footer **************/

.footer-is-light .store-footer {
    background-color:var(--main-color);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
    
}
.footer-is-light .store-footer .store-footer__inner{
        background-color:var(--alt-main-color);

    border:none;
    color:var(--white-color);
}
footer.store-footer p.text-gray-400.mb-2\.5.md\:mb-0 {
    color:white !important;
}
.store-footer__inner .lg\:col-span-2.rtl\:lg\:pl-20 p.max-w-sm.leading-6.mb-6 {
    display:none;
}
@media (max-width: 768px){
    .footer-is-light .store-footer {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
    
}
.footer-is-light .store-footer .store-footer__inner{
    border:none;
    color:var(--white-color);
}
.store-footer__inner *{
    justify-content:center;
    align-items:center;
    text-align:center
}
    .store-footer__inner  {
    padding-top:8rem !important;
    position:relative ;
    
}

.store-footer__inner:before {
    content:"";
    position:absolute;
    background-image:url("https://i.postimg.cc/jd9sBFtY/image.png");
    width:200px;
    height: 115px;
    top:0px;
    left:50%;
    transform:translatex(-50%);
    background-size:cover;
    background-repeat:no-repeat;
}
}
@media(min-width:767px) {
.store-footer__inner .lg\:col-span-2.rtl\:lg\:pl-20 {
    padding-top:8rem !important;
    position:relative ;
    
}
.store-footer__inner .lg\:col-span-2.rtl\:lg\:pl-20:before {
    content:"";
    position:absolute;
    background-image:url("https://i.postimg.cc/jd9sBFtY/image.png");
    width: 159px;
    height: 85px;
    top:0px;
    right:0%;
    padding:0px;
    background-size:cover;
    background-repeat:no-repeat;  
}
}

footer a[href*=instagram] {
    background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border: none;
}

footer a[href*=tiktok] {
    background: #000;
    color: #fff;
    border: none;
}

footer a[href*=snapchat] {
    background: #fffc00;
    color: black;
    text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

footer a[href*=youtube] {
    background: red;
    color: #fff;
    border: none;
}

footer a[href*=facebook] {
    background: #3b5998;
    color: #fff;
    border: none;
}

footer a[href*=twitter] {
    background: #000;
    color: #fff;
    border: none;
}

@media(max-width: 767px) {
    body.index>div.app-inner>section.s-block.s-block--banners.container>div {
        gap: 10px!important;
    }
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
display:none;}

body.index .s-slider-block__title  {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

body.index .s-slider-block__title h2 {
    position: relative;
    padding: 0 10px; /* مساحة بين الخطين والعنوان */
    font-size: 20px;
    color: var(--main-color);
}

body.index .s-slider-block__title::before,
body.index .s-slider-block__title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 40%; /* عرض الخط */
    height: 2px; /* سماكة الخط */
    background-color: var(--main-color); /* لون الخط */
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    padding-top:20px
}
@media (max-width: 767px) {
    body.index .s-slider-block__title::before,
body.index .s-slider-block__title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 60%; 
    height: 2px; 
    background-color: var(--main-color); 
}
.s-slider-block__title-right {
    padding:0px !important;
}
}
body.index .s-slider-block__title::before {
    transform: translateY(-50%);
}

body.index .s-slider-block__title::after {
    transform: translateY(-50%);
}
.s-slider-block__title-right {
    padding:0
}

.s-slider-block__title-right {
    background-color:#ffffff;
      outline:10px solid #ffffff;
    z-index:1;
}
body.index .s-slider-block__title-nav {
    display: none !important;
}
a.hover\:text-primary {
    color: #000000;
}