/* Add custom CSS styles below */ 
@font-face {
font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Regular.otf');
}




@font-face {
    font-family: 'GESSTextMedium';
    src: url('https://raw.githubusercontent.com/abdulrazzaq-designer/fonts/refs/heads/main/PingAR+LT-Bold.otf');
    font-weight:700;
}
 
body, *:not(i) {
font-family: 'GESSTextMedium' !important;
}









#app .mobile-nav {
    border-radius: 0rem !important;
    clip-path: polygon(var(--cut1) 0px, 100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px var(--cut1));
}

.mm-spn ul {
    background: #0000;
}

.mm-ocd--open .mm-ocd__content {
    transform: translate3d(0,0,0);
    height: calc(100% - 40px);
    margin: 20px;
    border-radius: 0px !important;
    /*border: #fff solid 2px;*/
    overflow: hidden;
}

#app .mm-ocd .mm-ocd__content, #app .mm-ocd .mm-ocd__content #mobile-menu {
    box-shadow: inset 0px 0px 0px 3px #ffffff1f;
    background-color: #3921871f !important;
    backdrop-filter: blur(30px);
    background-position: top;
    background-size: 113% !important;
    clip-path: polygon(var(
    --cut2) 0px, 100% 0px, 100% calc(100% - var(--cut2)), calc(100% - var(--cut2)) 100%, 0px 100%, 0px var(--cut2));
    border-radius: 0px;
}

.mm-spn li {
    background: #0000;
    border-bottom: #ffffff14 solid 1px;
}

.btn--rounded-gray {
    background-color: var(--signInBtn-bg-color) !important;
    border-radius: 12px;
    width: calc(100% - 40px);
    margin: 14px 20px 20px 20px;
    background: linear-gradient(0deg, #7e001e, #ff003d);
    box-shadow: #B4002C 0px -2px 17px 3px;
}

ul.main-menu.mm-spn--open.mm-spn--parent {
    padding-right: 100%;
}

.desk-menu-like-mob .mm-spn li:after {
    content: "";
    position: absolute;
    top: 15px;
    width: 14px !important;
    height: 30px;
    background: #cc0031;
    background-image: linear-gradient(42deg, #6145cb 18%, #452b98 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    transition: all 0.1s linear;
    right: 0px;
    border: 0;
    opacity: 1;
    margin: 0;
    z-index: -1;
}

.s-search-modal .s-modal-overlay, .s-user-menu-toggler.opened::before, .s-modal-overlay, .mm-ocd__backdrop {
    backdrop-filter: blur(0px);
    background: rgba(0,0,0,50%);
}












/*      ======      top      ======      */
/* =========================================
   2. HEADER & NAVIGATION
   ========================================= */
#mainnav .header-signInBtn {
    clip-path: polygon(var(--cut) 0px, 100% 0px, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0px 100%, 0px var(--cut));
    border-radius: 0px;
}

.navbar-brand img {
    content: url("https://media.giphy.com/media/FDAvRDEgwWVtxFSEfP/giphy.gif");
    max-height: 45px;
    margin-block: 5px;
}

.mobile-nav {
    background-size: 100%;
    position: relative;
    z-index: 101;
    background-color: #34236f61 !important;
    background-image: linear-gradient(42deg, #34236fba 0%, transparent 71%);
    border: 2px solid #ffffff1f !important;
    -webkit-backdrop-filter: blur(9px); /* Support for Safari/iOS */
    backdrop-filter: blur(9px);
}

.dark .mobile-nav {
    background-color: #ffffff21 !important;
    background-image: linear-gradient(42deg, #ffffff4a 0%, transparent 71%);
    border: 2px solid #ffffff1f !important;
}

.top-navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.top {
    margin-top: 1rem;
}

/* Corrected generic selector instead of long path */
.s-block--banners.home-sec-0 {
    margin-top: 1rem;
}

.dark .s-user-menu-dropdown {
    background: #1b1239;
}

.dark .s-user-menu-dropdown-item a {
    color: #fff;
}

.header-is-dark #mainnav {
    border-radius: 20px;
}

.s-user-menu-toggler.opened .s-user-menu-dropdown {
    border-radius: 12px;
}

.store-header .inner {
    border-bottom: 3px solid #6658f1;
    position: relative;
    background: linear-gradient(228deg, #4e32ab 0px, #33226a 82%);
    background-image: url(https://cdn.files.salla.network/homepage/796446091/8570cd5a-06df-48d2-8cbb-185755c5afda.webp),
        url(https://cdn.files.salla.network/homepage/796446091/3f4083d8-042b-4db0-9642-98f97e135caa.webp),
        linear-gradient(228deg, #4e32ab 0px, #33226a 82%);
    background-size: 16%, 16%, 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://cdn.files.salla.network/homepage/412130179/08c416b3-a21c-4b8e-a5a3-d55d6a31ed34.webp), radial-gradient(circle at 50% 0%, #6950d2 0px, #392187 75%) !important;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut3)), calc(100% - var(--cut3)) 100%, var(--cut3) 100%, 0 calc(100% - var(--cut3)));
}

#app .s-cart-summary-count, 
.header-wishlist-count i.icon-heart::after {
    background-color: #e90000 !important;
    --cart-count-bg: #e90000;
}

.btn--rounded-gray {
    background-color: var(--signInBtn-bg-color) !important;
    border-radius: 12px;
}

.header-signInBtn {
    border-radius: 12px;
}

[dir="rtl"] .header-innerLeft salla-cart-summary {
    margin-right: 4px;
}

.s-cart-summary-wrapper .cart-sum-icon {
    transform: scale(1);
}

.header-signInBtn .i-icon-user:before {
    font-size: 24px !important;
    top: 0px;
}

[dir="rtl"] .s-cart-summary-count {
    right: auto;
    left: -8px;
}

.store-header .px-2 {
    padding-left: 0px;
    padding-right: 10px;
}

/* =========================================
   3. CUSTOM ICONS
   ========================================= */
.sicon-moon:before, .sicon-right:before, .sicon-search:before, 
.sicon-user:before, .sicon-shopping:before, .dm-toggler i svg, 
.sicon-home:before, .sicon-list:before {
    color: transparent;
    font-size: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sicon-home:before { background-image: url(https://cdn.salla.sa/form-builder/jq0tFedmr7ndj2BVqvMK8aoAJcx5A2GZpnK4C2We.png); }
.sicon-moon:before { background-image: url(https://cdn.salla.sa/form-builder/IypqHx9Jdc2uOUNty8ykajUCaEBwyamb3LxbmP9F.png); }
.dm-toggler i svg { background-image: url(https://cdn.salla.sa/form-builder/GtB2SZ4riKUBgTkjqtBjr71OGSVeO6urPjWdAbSs.png); }
.sicon-right:before, .sicon-list:before { background-image: url(https://cdn.salla.sa/form-builder/xx6pafkBp0CxZZjJwsZ63QDix7o6yjJqs6K5Xaw5.png); }
.sicon-search:before { background-image: url(https://cdn.salla.sa/form-builder/x1ll2WApyTuJ4r87ChIDIQPufUttNshi1rc4Ekwp.png); }
.sicon-user:before { background-image: url(https://cdn.salla.sa/form-builder/UNrpyXENQG6igFDSSMskI1G3BFWc55G7La8WR7X1.png); }
.sicon-shopping:before { background-image: url(https://cdn.salla.sa/form-builder/lbWOogWsL4x9YxU1RPZQzhztYPARZ6I53J4hxePS.png); }

.store-header .sicon-shopping:before {
    font-size: 25px;
    top: -1px;
    position: relative;
}

.dm-toggler i.mode-sun svg {
    transform: scale(1.05);
}














/*      ======      PR      ======      */
body#app.hide-img-btm-rad.p-border-on custom-salla-product-card.product-block .product-block__thumb:not(.s-product-card-image) img {
    border-radius: 0px !important;
    background: #fff;
    clip-path: polygon(var(--cut) 0px, 100% 0px, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0px 100%, 0px var(--cut));
}

.s-products-list-vertical-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.product-block .badge {
    margin-inline: auto;
    right: 50% !important;
    width: auto;
    transform: translateX(50%);
    padding: 1px 10px 1px 10px !important;
    border-radius: 10px 10px 0px 0px !important;
}

custom-salla-product-card.product-block {
    animation-delay: 0.1s;
    background: #ebebef!important;
    border-radius: 0px;
    clip-path: polygon(var(--cut1) 0px, 100% 0px,100% calc(100% - var(--cut1)),  calc(100% - var(--cut1)) 100%,0px 100%,0px var(--cut1));
    border-radius: 0px !important;
}

#app salla-add-product-button button[product-id].s-button-primary {
    background: #452b98;
    background-image: linear-gradient(42deg, #6145cb 18%, #0000 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff57, inset 0px 0px 14px 0px #ffffffcf;
    border-radius: 0px;
    height: 32px;
    line-height: 36px;
    clip-path: polygon(var(--cut) 0px, 100% 0px, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0px 100%, 0px var(--cut));
    border: 0;
}


.s-installment-mispay-wrapper, .s-installment-madfu-wrapper, .s-installment-emkan-wrapper, .s-installment-rajehi-wrapper {
    background-color: var(--dm-bg-sec);
    border-radius: 16px;
    border: #787ffd solid 1px;
}

.styles__snippetWrapper--d68e9 {
    border: 1px solid #3bffc5;
}

.tamara-summary-widget--inline-outlined {
    border: 0;
    border: 1px solid #c252d7;
    background: var( --dm-bg-sec);
}

salla-slider.details-slider .s-slider-container {
    border-width: 0px;
}

.dark .product-single salla-slider.details-slider .swiper-slide {
    background-color: var(--dm-bg-sec) !important;
    border-radius: 16px;
    overflow: hidden;
}

.s-slider-v-centered .s-slider-block__title-nav button {
    box-shadow: none;
}

.s-slider-nav-arrow {
    height: 42px;
    width: 42px;
    border-radius: 16px;
    background: #d70033;
    border: 0;
}

.s-slider-nav-arrow svg {
    width: 35px;
    fill: #ffffff;
}

.s-fast-checkout-button {
    height: 42px;
    border-radius: 40px;
}

.s-add-product-button-main button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    height: 42px !important;
}

@media (min-width: 640px) {
    .sm\:pb-0 {
        padding-bottom: 20px;
    }
}

.s-product-options-wrapper {
    border-radius: 16px;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
    border-radius: 16px;
}

.dark #app .s-social-share-btn button, .dark #app .btn--wishlist button {
    background: #7e001e !important;
    background-image: linear-gradient(218deg, #ff003db0 18%, #0000 63%) !important;
    border-radius: 16px !important;
    box-shadow: inset 0px 0px 0px 2px #ffffff21, 0px 0px 14px 0px #ff003da3;
    border-color: #22222230 !important;
}

.styles__tabbyPromoSnippetText--b30d0 {
    color: #fff!important;
}

.s-installment-mispay-content-text, .s-installment-madfu-content-text, .s-installment-emkan-content-text, .s-installment-rajehi-content-text {
    color: #fff!important;
}

salla-installment div tamara-widget div {
    border: #fff solid 1px;
}

.s-installment-emkan-content img {
    height: 44px !important;
    background: #fff;
    border-radius: 12px;
    padding: 3px;
}

.styles__snipperWrapperBgWhite--e52a2 {
    background-color: var( --dm-bg-sec);
    border: 0;
    border-radius: 16px !important;
}

.dark #app #tabbyPromoWrapper, .dark #app .tamara-product-widget {
    background: var(--dm-bg-main) !important;
    color: var(--dm-text-main) !important;
    border: 0px solid var(--dm-text-sec) !important;
}

#app .price-ratio-over {
    padding: 10px;
}

.action-btns-small custom-salla-product-card .showPreviewBtn:not(.preview-btn-down) {
    width: 29px;
    height: 29px;
    margin: 6px;
    border-radius: 0px;
    background-image: linear-gradient(42deg, #6145cb 18%, #452b98 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
    color: #fff;
    border: 0;
}

.s-block-tabs button.tab-trigger {
    border-radius: 14px;
    padding-bottom: 7px;
}


.prod_line_count_on.prod_vertical .s-products-list-filters-results.s-products-list-wrapper, .prod_line_count_on.prod_vertical .s-products-list-vertical-cards.s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tabs {
    justify-content: center;
}

@media (min-width: 640px) {
.aali-products-tabs {
    margin-top: 0rem;
}

.prod_line_count_on.prod_vertical .s-products-list-filters-results.s-products-list-wrapper, .prod_line_count_on.prod_vertical .s-products-list-vertical-cards.s-products-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

#app.product-card-bg-on custom-salla-product-card {
    background-color: #d7d7df70;
}

h1#page-main-title {
    display: none;
}

a.filters-trigger.bg-border-color.text-primary.lg\:hidden.mt-2.mx-4 {
    width: 50%;
    background: #4496e2;
    margin: 0;
    border-radius: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 22px;
    gap: 8px;
    line-height: 43px;
    font-weight: 700;
    color: #fff;
}

.index-filter-wrapper.flex.items-center {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

a.filters-trigger.bg-border-color.text-primary.lg\:hidden.mt-2.mx-4:after {
    content: "التصفية والفلتر";
    height: 40px;
}

.product-index .categ-entry .img-outer {
    background-color: #0000;
}


















.s-block--features__item .feature-icon {
    border-radius: 0px;
    background-image: linear-gradient(42deg, #6145cb 18%, #452b98 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    clip-path: polygon(var(--cut1) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut1));
    clip-path: polygon(var(--cut1) 0px, 100% 0px,100% calc(100% - var(--cut1)),  calc(100% - var(--cut1)) 100%,0px 100%,0px var(--cut1));
}

@media (max-width: 720px) {
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 1em;
}
}

.s-block--features__item {
    clip-path: polygon(var(--cut1) 0px, 100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px var(--cut1));
}

.rounded-xl {
    border-radius: 0px;
}












/*      ======      FAQS      ======      */
.faqs-section .faq-item {
    border: 0px;
    background-color: #ebebef;
    clip-path: polygon(var(--cut1) 0px, 100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px var(--cut1));
    backdrop-filter: blur(0px);
    border-radius: 0px;
}


.question.dm-text-main {
    line-height: 24px;
    height: 20px;
    font-size: 17px;
}

.faq-item .faq-inner .faq-icon {
    background-image: linear-gradient(42deg, #6145cb 18%, #452b98 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
    color: #fff;
    padding: 6px;
    border-radius: 0px;
}

.faq-item input:checked + .faq-inner .answer-outer {
    background: #ebebef;
    padding-top: 10px;
}

.faq-item input:checked+.faq-inner .faq-icon {
    transform: rotate(0deg);
    background: #fff;
    color: #000;
}

.faq-item input:checked+.faq-inner .question-outer {
    background: #452b98;
    background-image: linear-gradient(42deg, #6145cb 18%, #0000 63%);
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    color: #fff;
}




























/*      ======      FOOTER      ======      */
.grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.footer-is-dark .store-footer .text-gray-400 {
    color: #ffffff;
}

.footer-social-outer {
    order: 1;
}

.store-footer {
    background-color: #0000;
}

.footer_top h3{
    display: none;
}

.title h3, .features--title-outer h3, div.s-slider-block__title > div.s-slider-block__title-right > h2, div.faqs-title.custom-s.s-block__title.flex.flex-col.section-main-title.dm-text-main > h3 {
    background: #452b98;
    background-image: linear-gradient(42deg, #6145cb 18%, #0000 63%);
    margin: 0px 15px 15px 15px;
    box-shadow: inset 0px 0px 0px 2px #ffffff30, inset 0px 0px 14px 0px #ffffff57;
    clip-path: polygon(var(--cut1) 0px, 100% 0px,100% calc(100% - var(--cut1)),  calc(100% - var(--cut1)) 100%,0px 100%,0px var(--cut1));
    margin-inline: auto;
    color: #ffffff;
    height: 38px;
    line-height: 41px;
    padding-inline: 38px;
    border-radius: 0px;
    font-size: 19px;
    display: inline-flex;
    gap: 9px;
    width: calc(50% + 30px);
    justify-content: center;
    margin-top: 40px;
}

.title h3:before, .features--title-outer h3:before, div.s-slider-block__title > div.s-slider-block__title-right > h2:before, div.faqs-title.custom-s.s-block__title.flex.flex-col.section-main-title.dm-text-main > h3:before {
    content: "";
    color: #ffffff;
    width: 36px;
    top: 3px;
    position: relative;
    height: 32px;
    line-height: 33px;
    background-image: url(https://cdn.files.salla.network/homepage/412130179/e03ed867-c269-42d5-bde2-a3f8fbeff1ad.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    
.footer-container {
    margin-top: 8rem;
}  

@media (min-width: 1024px) {
.title h3, .features--title-outer h3, div.s-slider-block__title > div.s-slider-block__title-right > h2, div.faqs-title.custom-s.s-block__title.flex.flex-col.section-main-title.dm-text-main > h3 {
    color: #ffffff;
    height: 42px;
    line-height: 48px;
    font-size: 24px;
    /*gap: 2px;*/
}
  
    
.title h3:before, .features--title-outer h3:before, div.s-slider-block__title > div.s-slider-block__title-right > h2:before, div.faqs-title.custom-s.s-block__title.flex.flex-col.section-main-title.dm-text-main > h3:before {
    content: "";
    color: #fff4ea;
    width: 40px;
    top: 6px;
    position: relative;
    height: 30px;
    line-height: 33px;
    /*background-image: url(https://cdn.files.salla.network/homepage/1279465916/047e1821-1ad0-4390-8ca3-11d6326f977a.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;*/
}
}
/*
.dark .s-block__title .s-block__display-all {
    color: #574879 !important;
}*/

.s-block__display-all {
    background-color: #fff4ea;
    width: auto;
    color: #574879 !important;
    height: 32px;
    line-height: 35px;
    padding-inline: 10px;
    border-radius: 12px;
    font-size: 16px;
    display: flex;
    gap: 6px;
    font-weight: 100;
    align-items: center;
}

.s-block__title {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.s-block__title p {
    display: none;
}

.footer-list .mb-4 {
    margin-bottom: 8px;
    text-align: center;
    margin-inline: auto;
}

.footer-hide-social-title .store-footer .footer-social-item a {
    border-width: 1px;
    height: 35px;
    width: 35px;
    background: var(--dm-custom-color1);
    border: 0;
    margin-bottom: 15px;
}

.footer-container:before {
    display: flex;
    content: "";
    height: 100px;
    position: absolute;
    top: -115px;
    width: 100%;
    background-image: url(https://media.giphy.com/media/FDAvRDEgwWVtxFSEfP/giphy.gif);
    background-size: 14rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px !important;
    z-index: -1;
    right: 0;
}

.is-sticky-product-bar.product-single .store-footer {
    padding-bottom: 0px;
}

.store-footer h3, .s-block__title222 h2 {
    margin-bottom: 18px;
    font-weight: 700;
    background-color: #4496e2;
    width: 100%;
    color: #fff4ea;
    height: 32px;
    line-height: 35px;
    padding-inline: 10px;
    border-radius: 12px;
    font-size: 16px;
    text-align: center !important;
}

.icon-instagram, .s-social-link:nth-of-type(1) a svg, .icon-tiktok, .s-social-link:nth-of-type(2) a svg , .s-contacts-list div:nth-of-type(1) a svg, .s-contacts-list div:nth-of-type(2) a svg,.s-contacts-list div:nth-of-type(3) a svg, .s-contacts-list div:nth-of-type(4) a svg, .s-contacts-list div:nth-of-type(5) a svg  {
    color: #0000;
    font-size: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    border-radius: 0px;
    width: 20px;
}


.dark .icon-instagram {
    background-image: url(https://cdn.salla.sa/form-builder/R0bfcRqbevb83lTqhC45NLg0JJjs8PlLZMenAKrH.png);
}

.s-social-link:nth-of-type(1) a svg {
    background-image: url(https://cdn.salla.sa/form-builder/wpSesYYiPFhATCNkdxAMni8gBzvRnevakar2eSFa.png);
}

.dark .icon-tiktok {
    background-image: url(https://cdn.salla.sa/form-builder/IdH9KPbyb98B512Z8LNWrWMRzL3SRiGQ9lGKgmvY.png);
}

.s-social-link:nth-of-type(2) a svg {
    background-image: url(https://cdn.salla.sa/form-builder/CLgFyaKNXBHnpUwunBpvP5BjnDNszflY9Nrm9FQW.png);
}

.s-contacts-list div:nth-of-type(1) a svg{
    background-image: url(https://cdn.salla.sa/form-builder/AdnyPvVYMRbpbzzw4yzSPr28hdcr2Jgl6ZMIp2IR.png);
}

.s-contacts-list div:nth-of-type(2) a svg {
    background-image: url(https://cdn.salla.sa/form-builder/Njw17TvGQBf5WlVBgnePX5WWylF16o6lEC20GhI7.png);
}

.s-contacts-list div:nth-of-type(3) a svg {
    color: #fff !important;
    height: 16px;
    width: 16px;
}

.s-contacts-list div:nth-of-type(4) a svg {
    background-image: url(https://cdn.salla.sa/form-builder/x8pLwnWsRuWOJPpwwzBIq1448vFbSh1iarbe58FM.png);
}

.s-contacts-list div:nth-of-type(5) a svg {
    background-image: url(https://cdn.salla.sa/form-builder/rthPyaOasUAw8QepNUnUDBP4DjJHnfeGfGCrThFZ.png);
}








.mobile-nav .sicon-whatsapp2:before {
    background-image: url(https://cdn.salla.sa/form-builder/6NFT5dwjbI7RWOfUbvJjqBvUMVRPZ8rM61OlM6WZ.png);
}













.footer-is-dark .store-footer__inner {
    background-color: #0000;
    /*background-image: url(https://cdn.files.salla.network/homepage/1279465916/3c37b8d9-9be3-4d0f-8890-6b9ec16a07e6.webp), url(https://cdn.files.salla.network/homepage/1279465916/b8a8878a-9125-4849-b9ef-07fdff06c58a.webp);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: right,left;*/
    color: #ffffff;
    border: 0;
}

.f-btm-inside-f-top.hidden-logo .footer_top .footer-bottom__inside-footer-top {
    order: 1;
}

.s-trust-badges-label, .s-trust-badges-number {
    font-size: 12px !important;
    text-align: right !important;
    line-height: 9px;
}

.s-trust-badges-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.s-trust-badges-image, .sbc-icon {
    background: #fff;
    border-radius: 25px;
    height: 40px;
    width: auto;
    padding: 5px;
}

.sbc-wrapper, salla-trust-badges.flex.justify-start.gap-2.s-trust-badges-wrapper.hydrated {
    display: flex;
    justify-content: center;
    background: #ffffff21;
    background-image: linear-gradient(42deg, #ffffff4a 0%, #0000 71%);
    border: #ffffff1f solid 2px !important;
    padding: 0px 0px 0px 15px;
    border-radius: 24px;
    margin: 0px;
}

.footer-bottom__inside-footer-top.items-center.justify-between.py-2 {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footer-bottom__inside-footer-top {
    padding-bottom: 2.5rem;
}

.s-trust-badges-label {
    line-height: 20px !important;
} 
/*
.store-footer.icons-rounded-md .s-social-link a, .store-footer.icons-rounded-md .s-contacts-icon {
    border-radius: 12px;
    background: #000;
    border: 0;
    height: 36px;
    width: 36px;
}*/


@media (min-width: 1024px) {
    .rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *) {
        padding-left: 0rem;
    }
#app .footer-container {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    margin-top: 8rem;
}
    
.footer-foot {
    margin-inline: auto !important;
}
    
.s-trust-badges-image, .sbc-icon {
    border-radius: 14px;
}    
    
.footer-bottom__inside-footer-top {
    padding-bottom: 0.5rem;
}    
    
.sbc-wrapper, salla-trust-badges.flex.justify-start.gap-2.s-trust-badges-wrapper.hydrated {
    padding: 7px 7px 7px 15px;
}        
    
.mt-8 {
    margin-top: 2rem;
}
.footer-is-dark .store-footer__inner {
    background-size: 15% !important;
}
}

.mt-8 {
    margin-top: 0rem;
}

.footer-centered .store-footer .footer-links .footer-list {
    justify-content: center;
}

.store-footer h3 {
    color: #000000;
    background: #36d1b4;
    background-image: linear-gradient(42deg, #67ecd3 18%, #0000 63%);
    margin: 0px 15px 15px 15px;
    box-shadow: inset 0px 0px 0px 2px #ffffff57, inset 0px 0px 14px 0px #ffffffcf;
    border-radius: 0px;
    height: 32px;
    line-height: 36px;
    clip-path: polygon(var(--cut1) 0px, 100% 0px,100% calc(100% - var(--cut1)),  calc(100% - var(--cut1)) 100%,0px 100%,0px var(--cut1));
    margin-right: 0;
}

.store-footer__inner {
    position: relative;
}
/*
.store-footer__inner:before {
    content: "";
    height: 60px;
    width: 100%;
    background: #000;
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
}

.store-footer__inner:after {
    content: "";
    height: 60px;
    width: 100%;
    background-color: #151517;
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
}*/

.s-social-link a {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    background: #000;
    border-width: 0px;
}

.s-social-list {
    display: flex;
    gap: 0.625rem;
    justify-content: center;
}

.s-payments-list-item {
    border-radius: 60px;
}

.footer-foot {
    background: #674ccd;
    background: #452b98;
    background-image: linear-gradient(42deg, #6145cb 18%, #0000 63%);
    margin: 0px 15px 15px 15px;
    box-shadow: inset 0px 0px 0px 2px #ffffff21, inset 0px 0px 14px 0px #ffffff57;
    border-radius: 0px;
    clip-path: polygon(var(--cut1) 0px, 100% 0px, 100% calc(100% - var(--cut1)), calc(100% - var(--cut1)) 100%, 0px 100%, 0px var(--cut1));
    padding-block: 16px;
    margin-bottom: 0;
    width: calc(100% - 30px);
}

.border-t-2 {
    border-top-width: 0px;
    margin-bottom: 0;
}

.test-links {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.test-links:before {
    content: "»";
    height: 18px;
    width: 20px;
    display: flex;
    font-size: 30px;
    margin-bottom: 0px;
    align-items: center;
}

.unicode {
    unicode-bidi: plaintext;
    /*display: none;*/
}

.s-contacts-list-vertical {
    flex-direction: column;
    gap: 10px;
    margin-right: 40px;
}

.s-contacts-item {
    gap: 10px;
}








.footer-contact {
    margin-bottom: 35px !important;
}

.store-footer__inner {
    padding-top: 0px;
    padding-bottom: 1rem;
}

.store-footer {
    background-color: #0000;
    background-image: url(https://cdn.files.salla.network/homepage/412130179/08c416b3-a21c-4b8e-a5a3-d55d6a31ed34.webp), radial-gradient(circle at 50% 0%, #6950d2 0px, #392187 75%) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    clip-path: polygon(var(--cut2) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut2));
    color: var(--footer-text-color);
    position: relative;
    z-index: 0;
    overflow: unset;
    border-radius: 0;
    padding-top: 0px;
    margin-top: 10rem;
}
/*
.footer-is-dark .store-footer__inner {
    background-image: url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp), url(https://cdn.files.salla.network/homepage/2053457388/5a3e6996-c2a4-454b-9d75-ac4ed17801c4.webp), radial-gradient(circle at 50% 0%, #6950d2 0px, #392187 75%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right,left;
}*/
/*
@media (max-width: 768px) {
.store-footer:after {
    display: flex;
    content: "";
    height: 135px;
    position: absolute;
    top: -130px;
    width: 100%;
    background: #151517;
    border-top-left-radius: 100% 50px !important;
    border-top-right-radius: 100% 50px !important;
    background-image: url(https://cdn.files.salla.network/homepage/1279465916/e9f13844-d760-4260-99df-af20493d5895.gif);
    background-size: 12rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
}*/
    
.footer_logo {
   display:none;
}

@media (min-width: 1024px) {
.test-all {
    position: relative;
    padding-top: 20px;
}
/*
.store-footer:bafore {
    display: flex;
    content: "";
    height: 122px;
    position: absolute;
    top: -109px;
    width: 100%;
    background: #151517;
    background-image: url(https://media.giphy.com/media/FDAvRDEgwWVtxFSEfP/giphy.gif);
    background-size: 13rem;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    border-radius: 0px !important;
    z-index: -1;
}  */  

    
.test-all:after {
    content: "";
    background-image: url(https://cdn.files.salla.network/homepage/1279465916/268d5d4f-9770-40cc-a3aa-1a2eb6229089.webp), url(https://cdn.files.salla.network/homepage/1279465916/e08194d9-fe13-4612-960e-ced1995046ec.webp);
    background-size: 212px;
    background-position: left  bottom, right bottom;
    position: absolute;
    display: block;
    height: 16px;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 0;
    right: 0;
    top: -122px;
}
    
.footer_top p:nth-of-type(2) {
    font-size: 22px;
    margin-inline: 28px;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
}
    
.footer-container:before {
    display: flex;
    content: "";
    height: 100px;
    position: absolute;
    top: -115px;
    width: 100%;
    background-image: url(https://media.giphy.com/media/FDAvRDEgwWVtxFSEfP/giphy.gif);
    background-size: 14rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px !important;
    z-index: -1;
    right: 0;
}
}

.s-contacts-icon:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
}

.s-contacts-icon {
    display: flex;
    height: 32px;
    width: 32px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
    background: #20134a;
    border-width: 0px;
}

.footer-tax-number {
    background: #000;
    padding: 10px 30px;
    border-radius: 68px;
    display: none;
}

.footer-contact {
    order:1;
    grid-column: span 2 !important;
}
.footer_top {
    order:2;
    grid-column: span 3 !important;
}
.footer-links {
    order:3;
    grid-column: span 2 !important;
}
.mb-6 {
    margin-bottom: 0rem;
}

.footer_top p {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

salla-trust-badges.flex.justify-start.gap-2.s-trust-badges-wrapper.hydrated {
    display: flex;
    justify-content: center;
}







body .s-design-before {
    display: none;
}


:root {
    --dm-bg-sec: #191135;
    --dm-p-bg: #34344470;
    --cut: 15px;
    --cut1: 20px;
    --cut2: 30px;
    --cut3: 25px;
}