2025



/* Add custom CSS styles below */
inherit {
    background: #f9fafb !important;
}



.footer-is-light .store-footer {
    background-color: #4c5563;
}
  
.s-block--features__item {
    border-radius: 4.375rem;
    background: #f39c12 !important;
}

.s-product-card-promotion-title {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11);
    --tw-text-opacity: 1;
    color: rgb(237 196 35);
}

.form-input {
    height: 2.5rem;
    width: 100%;
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0);
    /* border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); */
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}


.s-product-card-entry {
    height: 100%;
    background-color: #fff;
    transition-duration: 300ms;
    border: solid 1px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.s-button-primary-outline {
    color: #414042;
    background: #6a5acd;
    border-radius: 20px;
}

.s-button-primary {
    border-width: 1px;
    border-color: rgb(240 207 32);
    background-color: #414042;
    color: #f7ca17;
}

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: rgb(247 202 23);
}

.s-social-link a svg {
    height: 0.875rem;
    width: 0.875rem;
    fill: rgb(217 174 4);
}

.s-contacts-icon svg {
    height: 0.875rem;
    width: 0.875rem;
    fill: rgb(245 201 23);
}

.s-product-options-wrapper {
    margin-bottom: 1.25rem;
    display: block;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: #e7e9f0;
    padding: 1.25rem;
}

.navbar-brand img {
    border-radius: 20px;
}

.top-navbar {
    background: #f39c12;
    color: white;
}

.s-block--features__item .feature-icon {
    background-color: #a87e2b;
}

.store-footer__inner {
    background: #fff !important;
    color: #040404;
    border-radius: 50px;
}

.store-footer {
    background: #f0ad3c;
}

salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

.s-block--features__item {
    border-radius: 4.375rem;
    background: #f9fafb !important;
}

.slide--cat-entry {
    border-radius: 1.375rem;
    border-color: #000000;
    background-color: #f9fafb;
}

.s-product-card-entry {
    height: 90%;
}

.store-footer {
    background: #000000;
}

.topnav-is-dark .top-navbar {
    background-color: #000000;
    color: #ffffff;
}

.text-gray-400 {
    color: #ffffff;
}

.slide--cat-entry i {
    color: #000000 !important;
}

.slide--cat-entry {
    color: black !important;
}

.shadow-default {
    box-shadow: 0 0 transparent, 0 0 transparent, inset 0px 0px 0px #2b2d340d;
}

.top-navbar {
    background: #f9fafb;
    color: black;
}



.s-button-primary-outline {
    color: #ffffff;
    background: #6495ed;
}

.s-block--features__item .feature-icon {
    background-color: #f9fafb;
}

.navbar-brand img {
    max-height: 6rem;
}

.s-button-primary-outline {
    color: #ecc523;
    background: #0c0c0c;
}

.store-footer {
    background: #f9fafb;
    border-radius: 50px;
}

.s-product-card-entry {
    height: 100%;
}

/* Add custom CSS styles below */

s-block--banners .banner-entry {
    height: 110px;
    width: 32.5%;
    max-height: unset;
    min-height: unset;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -50px!important;
    margin-top: -30px!important;
}

banner-entry {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.s-block--banners .gap-3 .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    background-size: contain;
}

.s-block--banners .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.sm\:gap-8 {
    gap: 0rem;
}

s-block--banners .banner-entry {
    height: 170px; 
    width: 32.5%;
    max-height: unset;
    min-height: unset;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -50px!important;
    margin-top: -30px!important;
}

.navbar-brand img {
    max-height: 4rem;
}

.slide--cat-entry {
    border-radius: 1.375rem;
    border-color: #f9fafb;
    background-color: #f9fafb;
}

slide--cat-entry {
    color: #b18b4f;
}

[dir=rtl] .s-slider-block__title-right {
    padding-left: 2rem;
    color: #af8749;
}

.slide--cat-entry i {
    color: #b28c50;
}

.slide--cat-entry {
    color: #b28c50 !important;
}

.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 2em;
}

banner-entry {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.s-slider-block__title h2 {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    font-weight: bold;
}

@media only screen and (max-width: 800px) {

salla-slider .slide--one-sixth {
    width: 40%;
}

.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.s-slider-block__display-all {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #414042;
    color: var(--color-primary);
}

.header-btn__icon {
    color: #f9fafb;
    background: #bf9450;
}

.s-user-menu-trigger {
    background-color: #f9fafb;
}

.top-navbar .s-search-input {
    border-style: none;
    background-color: #fff;
}

@media only screen and (max-width: 991px) {

.s-products-slider-card {
    max-width: 175px !important;
}

@media only screen and (max-width: 800px) {

.s-block--banners .banner-entry {
    height: 115px;
    width: 32.5%;
    max-height: unset;
    min-height: unset;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -50px!important;
    margin-top: -30px!important;
}

@media only screen and (max-width: 800px) {

.s-block--banners .grid {
    display: block;
}

@media only screen and (max-width: 800px) {

.s-button-btn {
    padding-right: .5rem;
}

.top-navbar {
    background: #3c3e3f;
    color: white;
}

.items-center {
    place-content: center!important;
}

.store-footer h3 {
    text-align: center;
}

.store-footer a {
    text-align: center;
}

.leading-6 {
    text-align: center;
}

.store-footer .contact-social ul {
    justify-content: center;
}

.store-footer h3 {
    margin-bottom: 1.25rem;
    BORDER: SOLID 1PX;
    BORDER-RADIUS: 30PX;
}
:root {
    --font-main: 'DINNextLTArabic-Regular';
    --color-primary: #bf9550;
    --color-primary-dark: #88b2ba;
    --color-primary-light: #d4feff;
    --color-primary-reverse: rgba(31, 41, 55, 1);
}
.footer-is-light .store-footer .store-footer__inner {
    background: #fff !important;
    color: #000000 ;
    border-radius: 80px;
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: #fff;
    /* color: rgba(55, 65, 81, var(--tw-text-opacity)); */
}

.s-block--features__item {
    border-radius: 4.375rem;
    background: #d9dbe4 !important;
}


    .s-block--banners .banner-entry .lazy__bg
    {
          background-repeat: no-repeat;
          height: 100%;
          width: 100%;
          background-size: contain;
    }
}


#tabbyPromoWrapper,
.tamara-product-widget {
    /* transition: box-shadow .5s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .5s cubic-bezier(.4, 0, .2, 1); */
    /* transition-behavior: normal, normal; */
}

#tabbyPromoWrapper:hover,
.tamara-product-widget:hover {
    box-shadow: transparent 0 0, transparent 0 0, rgba(43, 45, 52, .05) 5px 10px 30px;
}

#tabbyPromoWrapper #tabbyPromo *,
.tamara-product-widget span {
    font-family: var(--font-main);
}

.tamara-product-widget .tamara-logo {
    left: 20px;
    margin: 0 !important;
    position: absolute;
    top: 18px;
}

.tamara-product-widget span {
    font-size: var(--font-sm);
}

.tamara-product-widget span:last-child {
    display: block;
    margin-top: 8px;
    position: relative;
}

*,
::after,
::before {
    border: 0 solid #f11e1e;
    box-sizing: border-box;
}

.inherited-styles-for-exported-element {
    color: #231f1e;
    font-family: 'DINNextLTArabic-Regular', -apple-system, BlinkMacSystemFont;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    tab-size: 4;
}

:disabled {
    cursor: default;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

#tabbyPromo>[class*=styles__tabby] {
    background-color: var(--bg-secondary) !important;
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial initial initial initial initial !important;
    border-radius: 10px !important;
    color: var(--store-text-primary) !important;
}

#tabbyPromo>[class*=styles__tabby]>span,
.tamara-product-widget>span {
    color: var(--store-text-secondary) !important;
}

div:where(.swal2-container) {
    bottom: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    left: 0;
    overflow-x: hidden;
    padding: .625em;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .1s;
    transition-behavior: normal;
    z-index: 1060;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background-color: #fff;
    border-radius: 5px;
    border-style: none;
    box-sizing: border-box;
    color: #545454;
    display: none;
    font-family: inherit;
    font-size: 1rem;
    grid-template-columns: minmax(0, 100%);
    max-width: 100%;
    padding: 0 0 1.25em;
    position: relative;
    width: 32em;
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: 0;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.25em auto 0;
    padding: 0;
    width: auto;
    z-index: 1;
}

div:where(.swal2-container) div:where(.swal2-loader) {
    align-items: center;
    animation: swal2-rotate-loading 1.5s linear infinite;
    border-radius: 100%;
    display: none;
    height: 2.2em;
    justify-content: center;
    margin: 0 1.875em;
    width: 2.2em;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    border-color: #2778c4 transparent;
    border-style: solid;
    border-width: .25em;
}

div:where(.swal2-container) div:where(.swal2-footer) {
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    text-align: center;
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    background-color: rgba(0, 0, 0, .2);
    height: .25em;
    width: 100%;
}

div:where(.swal2-container) img:where(.swal2-image) {
    margin: 2em auto 1em;
    max-width: 100%;
}

div:where(.swal2-container) div:where(.swal2-radio) {
    margin: 1em 2em 3px;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    background-color: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    justify-content: center;
    margin: 1em 0 0;
    overflow: hidden;
    padding: .625em;
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
    background-color: #f27474;
    border-radius: 50%;
    color: #fff;
    content: "!";
    display: inline-block;
    font-weight: 600;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0 .625em;
    min-width: 1.5em;
    text-align: center;
    width: 1.5em;
}

div:where(.swal2-icon) {
    border: .25em solid #000;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: default;
    font-family: inherit;
    height: 5em;
    justify-content: center;
    line-height: 5em;
    margin: 2.5em auto .6em;
    position: relative;
    user-select: none;
    width: 5em;
}

.styles__containerPortal--c9f84 {
    display: flex;
}

@media (max-width: 991px) {
    .tamara-product-widget span {
        font-size: 12px;
    }
}

#tabbyPromoWrapper,
.tamara-product-widget {
    /* background-color: #f11e1e !important; */
    border-image: initial initial initial initial initial !important;
    border-radius: 6px !important;
    border-style: solid !important;
    /* border-width: 1px !important; */
    /* font-family: var(--store-font) !important; */
    /* font-size: 11px !important; */
    /* font-weight: 400 !important; */
    /* line-height: 1.6 !important; */
    margin: 0 5px !important;
    max-height: 110px !important;
    /* max-width: 45% !important; */
    min-height: 80px !important;
    /* min-width: 45% !important; */
    /* position: relative !important; */
    /* text-align: start !important; */
}

@media only screen and (max-width: 800px) {
    @media only screen and (max-width: 991px) {
        @media only screen and (max-width: 800px) {
            @media only screen and (max-width: 800px) {
                .s-block--banners .grid {
                    display: flex
;
                }
            }
        }
    }
}

.sm\:gap-8 {
    gap: 0rem;
}