/* Add custom CSS styles below */

/*STORE FONT - MUST BE FIRST IN CODES*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;800&display=swap');


/*ANIMATED LOGO FUULSCREEN STARTING PAGE*/
.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff url(https://i.ibb.co/2cdth18/2-5S.gif);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 25rem !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 2.5s;
    backdrop-filter: blur(5px);
}

@keyframes logobg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

/*--------------------------------------------------*/
/*HEADER*/

/*MAIN STORE LOGO SIZE*/
.navbar-brand img {
    max-height: 3.5rem;
}

/*STORE LOGO AFTER SCROLL*/
.fixed-pinned .navbar-brand img {
    max-height: 2.5rem;
}

/*HEADER*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*BODY*/

/*STORE IN GENERAL*/
body {
    font-family: Cairo, sans-serif !important;
    background-image: url(https://i.ibb.co/r3ZG6SS/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*MOVING PRODUCTS CATEGORIES TITLE*/
/*MOVING BRANDS TITLE*/
.s-block__title .center-side,
.s-slider-block__title-right h2 {
    background-color: transparent;
    font-size: 25px;
    padding-bottom: 15px;
    animation-name: colorica;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes colorica {
    0% {
        color: #5d2d81;
    }

    25% {
        color: #53bbba;
    }

    50% {
        color: #5d2d81;
    }

    75% {
        color: #53bbba;
    }

    100% {
        color: #5d2d81;
    }
}

/*MOVED SMALL ITEMS DESCRIPTION*/
/*
.slide--cat-entry span {
    font-size: 12PX;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(156,163,175,var(--tw-text-opacity));
}
*/

/*MOVING BRANDS TITLE*/
.max-h-full {
    max-height: 225%;
}

/*MOVING BRANDS TITLE*/
.s-block--categories .s-slider-block__title-right h2 {
    font-size: 22px !important;
    padding-bottom: 15px;
}

/*MOVING BRANDS TITLE BG*/
.s-slider-block__title-right {
    background-color: transparent !important;
}

/*STORE FEATURES BOXES*/
.features-home .s-block--features__item,
.s-block--features .s-block--features__item {
    background-color: transparent;
    backdrop-filter: blur(4px);
    border-radius: 17px;
}

/*PRODUCT CARD*/
/*PRODUCT: IMAGE BG*/
.product-entry__image {
    background-color: white !important;
}

/*PRODUCT: CONTENT CONTAINER*/
.s-product-card-content {
    background-color: #fafafa !important;
}

/*MAIN BANNER*/
.s-block--fixed-banner [class="container"] [class="banner banner--fixed block rounded overflow-hidden"] {
    max-height: 100% !important;
}

/*BODY*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*PAGES*/

/*PAGES TITLE*/
.page-container .text-red-200 {
    color: #5d2d81;
    text-align: center;
    text-decoration: underline;
}

/*PAGES TEXT*/
.page-container .content-entry {
    text-align: justify;
}

/*PAGES BG*/
.page-container .content--single-page {
    background: transparent;
    border-radius: 30px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 6%);
}

/*PAGES*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*FOOTER*/

/*FOOTER BOX ALL*/
.footer-is-light .store-footer {
    background-color: #ffffff38;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    border-radius: 30px 30px 10px 10px;
    background-image: url(https://i.ibb.co/r3ZG6SS/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

footer .leading-6 {
    line-height: 1.5rem;
    text-align: justify;
}

/*TAX NUMBER TITLE & TAX NUMBER UNDER NABZA*/
.items-center .text-sm {
    color: #5d2d81;
}

/*IMPORTANT LINKS*/
.important-links .footer-title,
.store-footer h3 {
    color: #5d2d81;
}

/*contact icons*/
.user-contacts .footer-title {
    color: #5d2d81;
}

[dir=rtl] .user-contacts .links-contact .links-icon,
.store-footer .social-link {
    margin-left: .625rem;
    background-color: #5d2d81;
}

.sicon-iphone,
.sicon-mail {
    background-color: #53bbba !important;
}

.sicon-whatsapp2:before,
.sicon-iphone:before,
.sicon-phone:before,
.sicon-mail:before {
    color: white;
}

/*SOCIAL ICONS BG*/
.store-footer .social-link {
    background-color: #fdfb03;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 40px;
}

/*footer map*/
.md\:max-w-\[500px\] {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 13%);
}

/*SOCIAL ICONS*/
.sicon-snapchat:before {
    color: white;
    font-size: 20px;
}

/*payment methods*/
.payment-methods .itme-method img,
.payment-methods .itme-maroof img {
    max-height: 27px;
    -o-object-fit: contain;
    object-fit: contain;
}

/*STORE NAME IN RIGHTS REVERSED*/
.footer-bottom .text-gray-400 a {
    color: #5d2d81;
}

/*FOOTER*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*PRODUCT PAGE*/

/*PRODUCT: IMAGE BG*/
.product-single [class="swiper-slide relative swiper-slide-active"] {
    background-color: white !important;
}

/*PRODUCT PAGE*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*MEDIA QUERY*/

/*ANIMATED LOGO FUULSCREEN STARTING PAGE MOBILE VERSION*/
@media (max-width: 500px) {
    .index:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #ffffff url(https://i.ibb.co/2cdth18/2-5S.gif);
        position: fixed;
        z-index: 99999999999999999 !important;
        transform: scale(0);
        background-size: 17rem !important;
        background-repeat: no-repeat;
        background-position: center !important;
        animation-name: logobg;
        animation-duration: 2.5s;
        backdrop-filter: blur(5px);
    }

    @keyframes logobg {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1);
        }

        80% {
            transform: scale(1);
        }

        100% {
            transform: scale(0);
        }
    }
}

@media screen and (max-width: 500px) {
    .navbar-brand img {
        max-height: 3.5rem;
    }
}

/*MOVED SMALL ITEMS DESCRIPTION MOBILE VERSION*/
@media screen and (max-width: 500px) {
    .slide--cat-entry span {
        font-size: 11px;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgba(156, 163, 175, var(--tw-text-opacity));
    }
}

/*ITEMS MENU MO7SANA BOX*/
@media screen and (max-width: 500px) {
    .itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
        width: 120px;
    }
}

/*ITEMS MENU MO7SANA DESCRIPTION*/
@media screen and (max-width: 500px) {
    .itme-categories .itme-cat-entry.slide--cat-entry span {
        font-size: 9px;
    }
}

/*MOVING BRANDS TITLE MOBILE VERSION*/
@media screen and (max-width: 500px) {
    .s-block--categories .s-slider-block__title-right h2 {
        font-size: 17px !important;
        padding-bottom: 15px;
    }
}

/*--------------------------------------------------*/

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

    header [class="flex"] button,
    header [class="flex"] a {
        background-color: transparent !important;
    }

    header [class="header-components header-components-home"] {
        padding-right: 1.3rem !important;
        padding-left: 1.3rem !important;
    }

    header .main-nav-container [class="menu-fixed-bar"],
    header .main-nav-container [class="inner bg-inherit py-2.5"] {
        background-color: transparent !important;
    }

    header .main-nav-container {
        background-color: #ffffffab !important;
        backdrop-filter: blur(5px);
    }

    .overlay-layer::after {
        content: var(--tw-content);
        background-color: rgb(255 255 255 / 37%);
    }

    header [class="menu-title"] {
        font-size: 0.9rem !important;
        text-align: center;
        font-weight: 500;
    }

    header ul li a span {
        font-size: 0.85rem !important;
    }

    header .main-nav-container [class="menu-fixed-bar"] {
        display: none !important;
    }
}

/*MAIN BANNER*/
@media (max-width: 500px) {
    .s-block--default-home-slider [class="s-slider-block__title-nav"] {
        display: none !important;
    }

    .s-block--default-home-slider .slider-height .swiper-slide .home-slider-position .home-slider-data .btn {
        background-color: transparent !important;
        color: white !important;
        border: solid 1px #ffffffa8 !important;
        font-size: 0.7rem !important;
        border-radius: 5px !important;
        padding: 7px 20px !important;
    }

    .s-block--default-home-slider [class="home-slider-data"] {
        padding-top: 5rem !important;
    }

    .s-block--default-home-slider [class="home-slider-data"] p {
        margin-bottom: 3.5rem !important;
    }

    .s-block--default-home-slider .slider-height .swiper-slide .home-slider-position .home-slider-data h3 {
        font-size: 1.3rem !important;
    }

    .s-block--default-home-slider {
        height: 45rem !important;
    }
}

/*QA2MT 3NASER: TITLE*/
@media (max-width: 500px) {
    .s-block--categories {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    [class="s-slider-block__title-right"] {
        margin-bottom: 1.5rem !important;
    }

    .s-block--categories h2 {
        padding-bottom: 0 !important;
        margin-bottom: -7px !important;
    }
}

/*MONGAT MOT7RKA*/
@media (max-width: 500px) {
    .s-block--best-offers {
        margin-top: 2.75rem !important;
        margin-bottom: 3rem !important;
    }

    .s-block--best-offers h2 {
        font-size: 1.1rem !important;
    }
}

/*PRODUCT CARD*/
@media (max-width: 500px) {
    .slide--one-fourth {
        max-width: 52% !important;
    }

    [class="s-product-card-content-title"] a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: -10px !important;
    }

    .s-product-card-sale-price h4,
    .s-product-card-sale-price span {
        font-size: 0.9rem !important;
    }

    .s-button-primary-link {
        border-radius: 5px !important;
        width: 40px !important;
        height: 40px !important;
        border-color: rgb(229 231 235 / 77%);
    }
}

/*BANNER MO7SAN*/
@media (max-width: 500px) {
    .s-block--banners {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .s-block--banners .s-block__title [class="center-side"] {
        padding-bottom: 0 !important;
    }

    .s-block--banners .s-block__title [class="center-side"] h2 {
        font-size: 1rem !important;
    }

    .s-block--banners [class="s-block__title-text"] {
        margin-bottom: 1.5rem !important;
        margin-top: -2px !important;
    }

    .s-block--banners [class="relative z-1 p-2.5 w-auto"] {
        width: 80% !important;
    }

    .s-block--banners [class="text-center px-2 lg:px-4 block"] {
        margin-top: 2rem !important;
    }

    .s-block--banners [class="text-center px-2 lg:px-4 block"] a {
        background-color: transparent !important;
        color: white !important;
        padding: 0.4rem 0.9rem !important;
        border-radius: 5px !important;
        border: solid 1px #ffffffa8 !important;
        font-size: 0.7rem !important;
    }

    .s-block--banners [class="square-photos-grid"] {
        gap: 0.6rem !important;
    }

    .s-block--banners [class="square-photos-item square-photos-item-hover rounded"] {
        min-height: 220px !important;
    }
}

/*MONTGAT MOMIZA*/
@media (max-width: 500px) {
    .s-block--tabs-produtcs .s-button-primary-outline {
        border: none !important;
    }

    .s-block--tabs-produtcs {
        margin-top: -25px !important;
        margin-bottom: 40px !important;
    }
}

/*--------------------------------------------------*/

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

    [class="header-components-inner gap-8 center-between relative container !px-0"],
    header [class="inner bg-inherit py-2.5"] [class="container"] {
        max-width: 85%;
    }

    header ul li a span {
        font-size: 0.7rem !important;
    }
}

/*ANIMATED STORE FEATURES ICONES*/
@media (min-width: 900px) {

    .sicon-gold-badge,
    .sicon-rocket,
    .sicon-headset,
    .sicon-dollar-cash {
        animation-name: vibrateO;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes vibrateO {
        0% {
            transform: translateX(0);
        }

        20% {
            transform: translateX(-3px) rotate(-3deg);
        }

        40% {
            transform: translateX(3px) rotate(3deg);
        }

        60% {
            transform: translateX(-3px) rotate(-3deg);
        }

        80% {
            transform: translateX(3px) rotate(3deg);
        }

        100% {
            transform: translateX(0);
        }
    }
}

/*HOVER FOR MAIN BIG AND WIDTH BANNERS*/
@media (min-width: 900px) {
    .s-block--fixed-banner .banner--fixed:hover {
        animation-name: vibrate;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes vibrate {
        0% {
            transform: translateX(0)
        }

        20% {
            transform: translateX(-2px) rotate(-2deg);
        }

        40% {
            transform: translateX(2px) rotate(2deg);
        }

        60% {
            transform: translateX(-2px) rotate(-2deg);
        }

        80% {
            transform: translateX(2px) rotate(2deg);
        }

        100% {
            transform: translateX(0);
        }
    }
}

/*--------------------------------------------------*/