/* Add custom CSS styles below */ 
.ksa-national-day .s-block--categories salla-slider .swiper-slide>a {
    border-radius: 10%!important;
    height: 10rem;
    width: 13rem
}
.carousel-slider .swiper-wrapper > div {
        MARGIN: auto;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
footer-bottom,.store-footer .footer-container {
    background: linear-gradient(90deg, rgb(95 22 22) 0%, rgb(54, 4, 4) 35%, rgb(90 21 21) 89%) ;
    background-color:#600000;

    border: initial;
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 2rem
}

.footer-top {
    margin-top: 2rem
}

.border-transparent {
    border-color: #600000
}

.border-2 {
    border-width: .5px
}

.s-block--testimonials .swiper .swiper-pagination-bullet {
    border-radius: 20px!important;
    width: .65rem!important;
    height: .1rem!important;
    margin: 0!important
}
.dark .da-ts {
    color: #ffffff !important;
}
.dark .da-cp {
    color: #ffffff!important
}

.store-footer h3 {
    color: #ff2727!important
}

::placeholder {
    color: #ff2727!important
}

.mofcor2 {
    border-radius: 15px!important;
    margin-left: Auto;
    margin-right: Auto;
    width: 95%
}

@media(min-width: 1280px) {
    .mofcor2 {
        max-width:1280px
    }
}

.mofcor {
    border-radius: 15px 15px 0 0!important;
    width: 100%;
    background: #251010!important
}

section.s-block:nth-child(23) {
    background: #251010!important
}

section.s-block:nth-child(19) {
    background: #251010!important
}

.s-block__title h2 {
    color: #45b1ff!important
}

.text-primary {
}

.tabs-wrapper {
    background-color: #eeeded;
    border-radius: 0 0 .375rem .375rem
}

.tabs__product .tab-trigger {
    background-color: #ff0000
}

.link--primary {
    color: #b60a0a
}

.s-block--faqs .faqs-list input:checked+div .faq-answer {
    color: #ff5050
}

.product-entry {
}

.sicon-heart::before {
}

:root {
    --font-main: 'sky-bold';
    --font-secondary: 'sky';
    --color-primary: #b60a0a;
    --color-primary-dark: #8f0000;
    --color-primary-light: #dc3030;
    --color-primary-reverse: #360000;
    --dark-bg-main: #572a2a;
    --dark-bg-sec: #620404;
    --dark-text-main: #ffffff;
    --dark-text-sec: #ff2727;
    --dark-grey: #5c1313;
    --text-btn: #ffffff;
    --bg-color: #f9f9f9;
    --no-color: #0ab6a500
}

h1,h2,h3,h4,h5,h6,strong,.font-primary,.tab-trigger {
    font-weight: 700!important
}

p,.font-regular {
    font-weight: 400!important
}

.dark .lazy__bg {
    background-color: var(--no-color)!important;
    border-radius: 0
}

.border-primary {
    border-color: var(--no-color)!important
}

.dark .contact-links a {
    background-color: #5c1313!important
}

.dark .s-quantity-input-container {
    border-color: var(--color-primary)
}

.tabs {
    margin-bottom: 0
}

.dark .tabs__outline .tab-trigger.is-active {
    background-color: #3c1a1a!important
}

.tabs__outline .tab-trigger {
    border-width: 0
}

.tabs__flex .tab-trigger {
    background: #eeeded;
    border-radius: 15px 15px 0 0
}

.dark .tabs__flex .tab-trigger {
    background: #0097b0!important;
    color: #005462
}

.dark .tabs .tab-trigger.is-active {
    color: #fff!important
}

nor {
    border-radius: 0
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element,.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    background: #5c1313;
    color: #6effcf!important
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover {
    background: #000;
    color: var(--color-primary-light)!important
}

.store-footer .store-links-items * {
    text-align: right!important
}

.is_large .header-btn,#mainnav .is_large .header-btn,#mainnav .s-cart-summary-total,#mainnav [class^=sicon-],#mainnav [class*=" sicon-"] {
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(2)>div>div {
    flex-direction: row-reverse
}

@media(max-width: 667px) {
    .s-block--hero-slider {
        top:75%!important
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(2)>div>div {
        flex-direction: column-reverse
    }

    .mob\:bottom-24 {
        bottom: 2rem
    }

    .breadcrumbs {
        display: none
    }

    .s-block--full-bg+.merge-with-top-component {
        margin-top: -4rem
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section>div>div.grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4>div>div.flex-center.h-14.w-14.md\:h-20.md\:w-20>i {
        margin: 1.5rem 0
    }
}

@media(min-width: 1024px) {
    [dir=rtl] .main-menu li:not(.menu-user-login).root-level.has-children>a {
        padding-left:.3em
    }

    #app>div.app-inner.flex.flex-col.min-h-full>div.container.px-2\.5.ms\:px-5>div>div>salla-infinite-scroll,#app>div.app-inner.flex.flex-col.min-h-full>section>div.grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6.gap-2.sm\:gap-6.lg\:gap-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))!important
    }

    salla-slider .slide--one-sixth {
        width: 25%!important
    }
}

.mm-spn.mm-spn--navbar.mm-spn--main ul.main-menu>li>a>.lazy__bg.lazy_menu {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 0
}

.dark .s-block--features {
    background: var(--dark-bg-main)!important
}

.slide--cat-entry {
    background: #5ad0ba
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.nav-title.container.flex.items-center.gap-2.md\:gap-4 {
    justify-content: start
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.sub-nav-header.md\:container>div div>a>img {
    border-radius: 0
}

div.swiper-lazy-wrap.w-full.relative.swiper-slide.swiper-slide-visible.swiper-slide-active>div {
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar {
    width: 12rem!important;
    height: 12rem!important
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(0,-1rem)
}

.product-footer {
    flex-direction: column-reverse;
    align-items: end
}
.dark .da-bgm {
    background-color: #1f0407 !important;
}
.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    border-radius: 0!important;
    border: 0;
    padding: .75rem .25rem!important;
    font-size: 1rem!important
}
.dark .da-bgg {
    background: linear-gradient(90deg, rgb(36, 0, 0) 0%, rgb(63, 16, 16) 35%, rgb(48, 0, 0) 89%) ;
    background-color: var(--dark-grey) !important;
}
.navbar-brand {
    margin: 0!important
}

.navbar-brand img {
    max-height: 2rem;
    margin: 10px
}

.product-entry>div {
    padding: 0!important
}

.price-wrapper,.title-wrapper {
    padding: .75rem!important
}

.product-entry--vertical salla-button.btn--wishlist {
    margin-left: 9px
}

.testimonial__avatar>img {
    content: url(https://img001.prntscr.com/file/img001/uwLpxCjnSQm33V9yGtTAuQ.png);
    background-color: #fff
}

.store-footer {
    margin-top: 0
}

.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    --tw-bg-opacity: 0.5;
    background-color: #4a2020;
    padding: .5rem;
    border-radius: 5px
}

[dir=rtl] .footer-middle h3 {
    text-align: center
}

#main-links-15 .lazy__bg.lazy_avatar {
    border-radius: 50%;
    border: 1px solid #00bdc9!important;
    padding: 2px
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.section--title,.s-slider-block__title h2,.s-block__title h2 {
    text-transform: uppercase;
    background-image:linear-gradient(-225deg, #9f0920 0%, #b30810 29%, #d76e6e 67%, #831010 100%) ;
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 800
}

.top9 {
}

.product-entry__image img.aspect-square {
    aspect-ratio: auto
}

.dark .tabs-wrapper {
    background-color: #6d00ff00
}

.dark .opt-text.text-light strong {
    color: var(--color-primary)!important
}

.dark .opt-text.text-light span {
    color: #4aa7ff!important
}

.dark .details {
    background-color: var(--dark-bg-main)
}

.main-nav-container.animated .inner,.main-nav-container.hide .inner {
}

.main-nav-container.fixed-pinned .inner {
    opacity: .8
}

.feather {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-image: linear-gradient(to top,transparent,white);
    mask-image: linear-gradient(to top,transparent,black)
}

.leftf {
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
    mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)
}

.dark .slide--cat-entry {
    background: #241111;
    background: linear-gradient(0deg, rgb(33, 12, 12) 0%, rgb(87, 35, 35) 100%)
}

.dark .slide--cat-entry h4 {
    font-weight: 700;
    font-size: 100%;
    color: var(--color-primary)
}

.bw {
    filter: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz1cJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCc+PGZpbHRlciBpZD1cJ2dyYXlzY2FsZVwnPjxmZUNvbG9yTWF0cml4IHR5cGU9XCdtYXRyaXhcJyB2YWx1ZXM9XCcwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwIDAgMCAxIDBcJy8+PC9maWx0ZXI+PC9zdmc+I2dyYXlzY2FsZQ==);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}
.angel-ad {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(21, 162, 127, 1) 35%, rgba(6, 82, 97, 1) 89%);
    position: relative;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.bw:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

@media(max-width: 768px) {
    .smaller {
        width:90%!important;
        margin: 0 auto;
        margin-top: -40%!important;
        text-align: center!important
    }
}

@media(min-width: 800px) {
    .smaller {
        width:45%!important;
        margin: 0 auto;
        margin-top: -20%!important;
        text-align: center!important
    }
}

.s-filters-widget-title {
    color: #0ab6a5!important
}

.s-filters-option-name {
    padding-right: 10px
}

.s-filters-radio {
    padding-left: 10px
}

.word {
    margin: auto;
    color: #fff;
    font: 700 normal 2.5em tahoma;
    text-shadow: 5px 2px #222324,2px 4px #222324,3px 5px #222324
}

.dark .s-product-card-entry {
    border-width: 0;
    background: linear-gradient(0deg,rgba(40,26,60,0) 0%,rgb(120, 46, 46) 100%)
}

.s-product-card-content-footer salla-add-product-button .s-button-outline {
    color: rgba(255,255,255,.9);
    border-radius: 50px;
    background: linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);
    background-size: 600%;
    -webkit-animation: anime 16s linear infinite;
    animation: anime 16s linear infinite;
    border-width: 0
}

.sicon-cart2::before {
    content: ""
}

.dark .s-product-card-price {
    color: #ff526c
}

.sidebar img {
    border-radius: 30px;
    padding: 10px
}
.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: 0rem;
}
.sidebar {
    animation: customAni 2s ease 0s infinite alternate-reverse both
}

@keyframes customAni {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

.fmof {
    -webkit-mask-image: linear-gradient(to right,hsla(0,0%,0%,0),hsl(0,0%,0%) 20%,hsl(0,0%,0%) 80%,hsla(0,0%,0%,0));
    mask-image: linear-gradient(to right,hsla(0,0%,0%,0),hsl(0,0%,0%) 20%,hsl(0,0%,0%) 80%,hsla(0,0%,0%,0))
}

.angel-discountcoupon {
    border-width: 1px;
    border-color: #842b2b
}