@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

@font-face {
  font-family: 'jannat';
  src: url('https://assets.zid.store/themes/f6c450d0-3383-4c29-9188-efa4330d50a2/Jannat-Bold.ttf');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'jannat';
  src: url('https://assets.zid.store/themes/f6c450d0-3383-4c29-9188-efa4330d50a2/Jannat-Regular.ttf');
  font-style: normal;
  font-weight:400
}
body {
    font-family: "jannat", serif;
    background: #FFFFFE !important;
}
.s-gifting-steps-wrapper{
  height:100% !important
}
.store-footer__inner, .store-footer__contacts-row{
  border: none;
}
section.s-block.relative.s-block--faq.overflow-hidden.bg-transparent.pb-8{
      padding-bottom: 0;
}
body.rtl .block.lg\:hidden.ml-3.md\:ml-4.rtl\:ml-\[unset\].rtl\:mr-3.rtl\:md\:mr-4{
  margin-left:10px
}
body.ltr.block.lg\:hidden.ml-3.md\:ml-4.rtl\:ml-\[unset\].rtl\:mr-3.rtl\:md\:mr-4{
  margin-right:10px
}
/* ===== Header ===== */
header .sicon-menu,
header .sicon-cart,
header .sicon-search,
header .sicon-user {
    font-size: 0
}
.header-info{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
header .sicon-menu:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/a9170572-923f-41c9-bc88-e28ac5e7bcd1.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}
header salla-cart-summary{
  margin-right:0 !important
}
body.ltr header salla-cart-summary{
  margin-left:0 !important
}
header .sicon-cart:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/9c7396f1-52ed-4e15-b1ca-6f67ad456553.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}

body.rtl .lang:before {
    content: "ENGLISH";
    color: #000;;
    font-size: 1rem;
    font-weight: 400;
}
.s-cart-summary-count{
  background: transparent;
    color: #000;
    right: -10px;
}
body.ltr .s-cart-summary-count {
  left:-10px
}
.lang{
    flex-direction: row-reverse;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
body.ltr .lang:before {
    content: "العربية";
    margin-left: 7px;
}

header .sicon-search:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/855dfdd8-e357-4dd0-b784-e997e449ee11.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}

header .sicon-user:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/1a513270-862f-4743-84ad-dafa01bcd9cd.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}

header .sicon-user {
    color: #DE754C
}

header .main-nav-container {
    min-height: auto;
    height: auto !important;
}

header .main-nav-container .inner {
    padding: 0;
}

/* ====== Banners ====== */
/*section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0{
  margin-top:0
}
section.s-block.s-block--fixed-banner .container{
  padding:0
}
section.s-block.s-block--fixed-banner .banner--fixed img {
    border-radius: 0 !important;
}*/
/* ====== About ====== */
.s-block--about p.mb-5.text-store-text-primary {
    font-size: 1.1rem;
    padding: 0.3rem 2rem;
    font-weight: 300;
    margin: 0;
    font-family: 'Cairo', sans;
}
section#about-2{
    padding: 0;
    margin-top: 2rem;
}
.s-block--about h2 {
    margin-bottom: 0.5rem;
    font-size: 1.35rem;
}

.s-block--about a {
    margin-top: 1rem;
    background: transparent;
    color: #000;
    border-bottom: 1px solid #000;
    padding-inline: 0 !important;
    height: auto;
}

.s-block--about {
    margin-top: 0
}

.s-block--about {
    background-color: transparent !important;
    padding-top: 0;
}
section#about-1{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.s-block--about .container a {
    padding-inline: 1rem !important;
    border-radius: 8px !important;
    border: 1px solid #B4B4B4;
}

.s-block--about .container a i {
    display: none
}

.product-card__normal-cart salla-add-product-button salla-button button {
    background: #000;
}

.product-card__normal-cart__btn .s-button-text {
    color: #fff
}

.s-block.s-block--square-links.square-links-5 ::-webkit-scrollbar {
    height: 6px;
}

.s-block.s-block--square-links.square-links-5 ::-webkit-scrollbar-track {
    background: #D5D6D7;
    border-radius: 16px
}

.s-block.s-block--square-links.square-links-5 ::-webkit-scrollbar-thumb {
    background: #000;
}

/* ====== Categories ====== */
.enhanced-title-border {
    display: none;
}

.s-block.s-block--square-links.square-links-5 {
    margin: 4rem 0
}

.s-block.s-block--square-links.square-links-5 .lg\:mx-0.text-center.home-block-title h2 {
    text-align: start !important;
    font-family: 'Cairo', sans;
}

body.rtl .s-block.s-block--square-links.square-links-5 .mx-auto.max-w-7xl.px-6.lg\:px-8 {
    padding-left: 0;
}

.s-block.s-block--square-links.square-links-5 ul {
    grid-auto-flow: column;
    gap: 1rem;
    overflow: auto;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: auto;
    padding: 0 0 1rem;
    margin-top: 1rem;
}

.s-block.s-block--square-links.square-links-5 .grid li img {
    height: 14rem;
    width: 100%;
    border-radius: 6px;
}

.s-block.s-block--square-links.square-links-5 .grid li {
    width: 11rem;
    border-radius: 6px;
    height: 14rem;
}

.s-block.s-block--square-links.square-links-5 .grid li div {
    border-radius: 6px;
}
.
/*
.s-block.s-block--square-links.square-links-3 ul{
    gap: 10px !important;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 55rem;
    margin: 0 auto;
    padding: 10px 15px 0;
    scrollbar-width: none;
    ::-webkit-scrollbar:none
}
.s-block.s-block--square-links.square-links-3 ul li{
  flex: 0 0 65% !important;
}
.s-block.s-block--square-links.square-links-3 ul li img{
  width:100%;
  height:25rem
}
*/
/* ====== Products Slider ====== */
 
.product-card__enhanced-mini-cart__btn--inner span {
    margin-inline: auto;
    font-weight: 400;
    font-size: 0.875rem;
}

.product-card__enhanced-mini-cart__btn--inner i {
    display: none
}

.s-block.s-block--best-offers .lg\:mx-0.text-center.mb-8 h2:after,
section.s-block.container.fixed-products .home-block-title h2:after {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 1.1rem
}

  

.s-block--best-offers .flex.items-center.gap-8.mt-5,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 {
    justify-content: center;
}

.s-block--best-offers .flex.items-center.gap-8.mt-5 span.bg-gray-200,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 span.bg-gray-200 {
    display: none
}

.s-block--best-offers .flex.items-center.gap-8.mt-5 a,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 a {
    font-weight: 400;
    border-radius: 8px !important;
    border: 1px solid #B4B4B4;
    padding: 0rem 1rem !important;
    flex: auto;
}
body.ltr .s-block--best-offers .flex.items-center.gap-8.mt-5 a span,
body.ltr .s-block.fixed-products .flex.items-center.gap-8.mt-5 a span{
  font-size:0
}
body.ltr .s-block--best-offers .flex.items-center.gap-8.mt-5 a span:after,
body.ltr .s-block.fixed-products .flex.items-center.gap-8.mt-5 a span:after{
  content:"See more";
  display:block;
  font-weight:bold
}
.s-block--best-offers .flex.items-center.gap-8.mt-5 a i,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 a i {
    display: none
}

.s-block--best-offers .flex.items-center.gap-8.mt-5 a span,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 a span {
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-block--best-offers .flex.items-center.gap-8.mt-5 a span:after,
.s-block.fixed-products .flex.items-center.gap-8.mt-5 a span:after {
    content: "عرض المزيد";
    display: block;
    font-size: 0.875rem
}

.product-card__promotion {
    top: 0 !important;
    bottom: inherit !important;
    left: 0 !important;
    right: inherit !important;
}

/* يمكن تغيير النصوص من هنا */
#best-offers-7-slider .lg\:mx-0.text-center.mb-8 h2:after {
    
}
body.ltr #best-offers-7-slider .lg\:mx-0.text-center.mb-8 h2:after {
    content: "";
}

section.s-block.container.fixed-products.fixed-products--9 .home-block-title h2:after {
    content: "";
    padding-top: 1rem;
}
body.ltr section.s-block.container.fixed-products.fixed-products--9 .home-block-title h2:after {
    content: "";
    padding-top: 1rem;
}

section.s-block.container.fixed-products.fixed-products--11 .home-block-title h2:after {
    content: "";
    padding-top: 1rem;
}
body.ltr section.s-block.container.fixed-products.fixed-products--11 .home-block-title h2:after {
    content: "Perfumes that highlight your authenticity and express your uniqueness";
    padding-top: 1rem;
}

/* ====== Blogs ====== */
/* اخفاء المدونة */
.s-block.banners-slider.banners-slider--12{
  display:none
}
.product-card__title{
  font-size:1.125rem
}
.product-card__subtitle{
  font-size:0.875rem
}
.s-block.banners-slider.banners-slider--12.slide .container:before {
    content: "";
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
    font-weight: bold;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem
}
body.ltr .s-block.banners-slider.banners-slider--12.slide .container:before {
    content: "Where perfume stories begin";
}

.s-block.banners-slider.banners-slider--12 .s-slider-has-notitle .s-slider-block__title {
    display: none
}

.s-block.banners-slider.banners-slider--12.slide .container a {
    display: flex;
    flex-direction: column
}

.s-block.banners-slider.banners-slider .swiper-pagination,
.s-block.banners-slider.banners-slider--12 .swiper-pagination {
    display: none !important
}

.s-block.banners-slider.banners-slider--12.slide .container a:before {
  
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 1rem;
    max-width: 19rem;
    margin-inline: auto;
    order: 1
}
body.ltr .s-block.banners-slider.banners-slider--12.slide .container a:before {
    content: "Discover the secrets of perfumes and the best tips for a unique fragrance experience, with articles full of inspiration and expertise from our rich history";
}

.s-block.banners-slider.banners-slider--12.slide .container img {
    order: 0
}

.s-block.banners-slider.banners-slider--12.slide .container a:after {
    content: "أعرف المزيد";
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 0.2rem 2rem;
    border-radius: 8px;
    border: 1px solid #000;
    order: 2;
    width: fit-content;
    margin-inline: auto
}
body.ltr .s-block.banners-slider.banners-slider--12.slide .container a:after {
    content: "Learn more";
}
.s-slider-nav-arrow {
    background-color: transparent !important;
    border: none !important
}

.s-slider-nav-arrow svg {
    fill: #DE754C
}

.s-slider-block__title span.s-slider-button-icon svg {
    display: none !important
}

.s-slider-block__title button.s-slider-next span.s-slider-button-icon:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/3c95d229-d6f1-4995-9bd6-cf98a03d7f18.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}

.s-slider-block__title button.s-slider-prev span.s-slider-button-icon:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/d562f3ce-dced-40c8-8d0d-773d8a223b3b.svg) no-repeat center / cover;
    width: 28px;
    height: 28px;
    display: block;
}
body.ltr .s-slider-block__title button.s-slider-next span.s-slider-button-icon:after {
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/d562f3ce-dced-40c8-8d0d-773d8a223b3b.svg)
}
body.ltr  .s-slider-block__title button.s-slider-prev span.s-slider-button-icon:after {
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/3c95d229-d6f1-4995-9bd6-cf98a03d7f18.svg)
}
.s-block.banners-slider.banners-slider--12 {
    margin-top: 4rem;
    background: rgba(253, 249, 233, 0.40);
    padding: 3rem 1rem;
}

/* ====== Accordion ====== */
.index .accordion-section {
    margin: 2rem auto;
    padding: 10px 15px;
    max-width: 60rem;
}

.section-title,
.s-reviews-header {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center
}

section.accordion-section.branches .accordion-button {
    border: 1px solid #000 ;
    background: transparent;
    color: #fff;
    height: 48px;
}

section.accordion-section.branches .accordion-button.parent {
    background: transparent;
    color: #000;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
}

section.accordion-section.questions .acc-title {
	padding-bottom: 1rem;
}
section.accordion-section.questions .acc-title:not(:first-of-type) {
	padding-top: 2rem;
}
section.accordion-section.branches .acc-title {
    display: flex;
    color: #000;
    align-items: center;
    gap: 10px;
}

section.accordion-section.branches .accordion-button.parent:after,
section.accordion-section.branches .accordion-button.parent.active:after {
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/10337027-71f1-427d-abee-6b4761ed4d25.svg) no-repeat center / cover;
}

section.accordion-section.branches .accordion-button.parent .acc-title:before {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/9f1531fa-48c0-46ff-8156-d09c20a739d4.png) no-repeat center / cover;
    width: 2.8rem;
    height: 3rem;
    display: block;
    border-radius: 50%;
    margin-bottom: 0.5rem;
}

section.accordion-section.branches .accordion-button:after,
section.accordion-section.branches .accordion-button.active:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/a3b01d07-627d-47d0-895f-5327e1d054dd.svg) no-repeat center / cover;
}

.section-sub {
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
    margin-top: 5px
}

body.rtl .accordion {
    direction: rtl;
}
.accordion{
      padding-top: 10px
}
.accordion-button {
    cursor: pointer;
    width: 100%;
    text-align: right;
    transition: background-color 0.3s, color 0.3s;
    color: #252122;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease-out;
}

body:lang(en) .accordion-button,
body:lang(en) .accordion-content p {
    direction: ltr;
}

.index .accordion-button {
    padding: 8px 15px 8px 0;
    background: #fff;
    margin-bottom: 10px;
    color: #12284B;
    border-bottom: 1px solid #12284b3b;
    font-weight: 600;
}

.accordion-button.active {
    opacity: 0.75
}

.accordion-button .icon {
    font-size: 20px;
    margin-left: 10px;
}

.accordion-content {
    background-color: #fff;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
    padding-left: 18px;
    padding-right: 18px;
}

.product-single .pro-questions .accordion:before {
    content: "الاسئلة الشائعة";
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
    display: block
}
body.ltr.product-single .pro-questions .accordion:before {
    content: "Frequently Asked Questions";
}
.page-single .accordion-button,
.product-single .pro-questions .accordion-button {
    padding: 12px 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
}

.accordion-button:after {
    content: "╋";
    font-size: 0.8rem;
    transition: all .3s ease;
    font-weight: 400;
    color: #000;
}

.page-single .accordion-button:after,
.pro-questions .accordion-button:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/2e6bdc70-a739-48be-825c-f1ba23de17bb.svg) no-repeat center / cover;
    width: 20px;
    height: 20px;
    display: block;
}

.page-single .accordion-button.active:after,
.pro-questions .accordion-button.active:after {
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/2e6bdc70-a739-48be-825c-f1ba23de17bb.svg) no-repeat center / cover;
    width: 20px;
    height: 20px;
    display: block;
}

.accordion-button.active:after {
    content: "━";
    transform: rotate(180deg);
    color: #000;
}

.accordion-content p {
    margin: 10px 0 18px;
}

/*  product-single accordion */
.product-single .accordion-button {
    border-bottom: 1px solid #F4F7FA;
    padding: 8px 15px
}

.product-single .accordion-section {
    margin-bottom: 1rem;
    order: 1;
    max-width: 700px;
}

.product-single .accordion-button {
    font-weight: bold
}

.product-single .accordion-content p {
    font-weight: 500
}

.product-single .accordion-content {
    text-align: start;
}

/* ====== End Accordion ====== */
/* ====== Special Products ====== */
.s-block.banners-slider.banners-slider--3 .swiper a {
    height: 30rem
}

.s-block.banners-slider.banners-slider--3 {
    margin-top: 0
}

.s-block.banners-slider.banners-slider--3 .container {
    max-width: 800px;
}
.s-block.banners-slider.banners-slider--3 .swiper a img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

/* ====== Story ====== */
.s-block.banners-slider.banners-slider--13 {
    margin-top: 4rem !important; 
    font-family: 'Cairo', sans;
    text-align: center;
}
.s-block.banners-slider.banners-slider--13 .swiper{
    padding-left: 16vw !important;
    padding-right: 16vw !important;
}
.s-block.banners-slider.banners-slider--13 salla-slider .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #000 !important;
    position: absolute;
    width: 38px !important;
    height: 10px;
    z-index: 9998;
    top: 7px;
    border-radius: 25px;
    margin:0
}
.s-block.banners-slider.banners-slider--13 salla-slider .swiper-pagination{
    display: block !important;
    position: relative;
    top: 11px;
    background-color: #D5D6D7;
    height: 31px;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: linear-gradient(to bottom, white 0%, white 34.33%, #D5D6D7 34.33%, #D5D6D7 47.66%, white 47.66%, white 100%);
}
.s-block.banners-slider.banners-slider--13 salla-slider .swiper-slide{
    max-width: 270px;
}
.s-block.banners-slider.banners-slider--13 .swiper-wrapper {
    gap: 10px;
}
.s-block.banners-slider.banners-slider--13 img{
    border-radius: 25px;
}
.s-block.banners-slider.banners-slider--13 salla-slider .swiper-pagination-bullet {
    background-color: transparent;
    width:19%
}
.s-block.banners-slider.banners-slider--13 .container:before {
    content: "قصة ريف";
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    margin-inline: auto;
}
body.ltr .s-block.banners-slider.banners-slider--13 .container:before {
    content: "Reef Story";
}
.s-block.banners-slider.banners-slider--13 .container salla-slider:before {
 
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    padding: 1rem;
}
body.ltr .s-block.banners-slider.banners-slider--13 .container salla-slider:before {
    content: "Reef is a brand that reflects luxury and excellence, offering perfumes that blend the past and present with a passion for discovering scents that represent unique personalities. Each perfume from Riv tells a story of distinction with high quality, carefully selecting its ingredients from the best essential oil suppliers worldwide.";
}

.s-block.banners-slider.banners-slider--13.cards,
.s-block.banners-slider.banners-slider--12 .container {
    max-width: 900px;
    margin-inline: auto;
}

/* ====== Faq ====== */
.s-block--faq p.text-lg {
    color: #000;
    padding-bottom: 1rem;
    margin-top: 0
}

.s-block--faq .single-faq {
    background-color: #000;
    border: none
}

.s-block--faq .single-faq button p {
    color: #fff;
}

.s-block--faq .single-faq button i {
    background: transparent;
    color: #fff;
    font-size: 1.6rem;
    padding: 0;
}

.s-block--faq .faq-content p {
    color: #fff
}

/* ====== NewsLetter ====== */
.store-footer__newsletter {
    background-color: #FEFDF6 !important;
    color: #000;
}

.footer-is-custom .store-footer .store-footer__newsletter input {
    color: #000 !important;
    background-color: transparent;
    border: 1px solid rgba(217, 217, 217, 0.75);
    width: 100%;
}

.store-footer .store-footer__newsletter h2:after {
 
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 1rem;
}

.store-footer__newsletter button {
    background-color: #000;
    color: #fff !important;
}

.store-footer .store-footer__newsletter input::placeholder {
    color: #000 !important;
}

/* ====== Footer ====== */
footer>svg {
    display: none
}

  
.store-footer__inner .text-center.order-1.lg\:order-\[unset\] h3 {
    font-size: 0;
    margin: 0;
    display: none;
}
footer .store-footer__inner .lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] a.flex.items-center.justify-center.m-0{
    padding-bottom: 1rem;
}
.store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul li:nth-of-type(1):before {
    content: "الصفحات التعريفية";
    display: block;
    font-size: 1rem;
    text-align: start;
    font-weight: 700;
}
body.ltr .store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul li:nth-of-type(1):before {
    content: "Informational Pages";
}

.store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul li:nth-of-type(9):before {
    content: "روابط مهمة";
    display: block;
    font-size: 1rem;
    font-weight: 700;
}
body.ltr .store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul li:nth-of-type(9):before {
    content: "Important Links";
}
.store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul {
    text-align: start;
}

/* ====== Product Page ====== */
.product-single-top-description {
    list-style-type: none;
}
.product-single .bg-storeBG.p-5.rounded-md.rounded-b-none.flex.sm\:pb-0 .center-between.w-full{
  flex-direction: row-reverse;
}
.product-single salla-offer{
  display:none
}
/*/
.product-single .product-single-top-description ul {
  display: grid;

    grid-template-columns: repeat(2, 1fr);
    gap: 0rem;
    align-items: start;
    justify-content: space-evenly;
    align-content: stretch;
}
.product-single-top-description li
{
      border-width: 0.01px;
    border-color: rgb(214 214 214);
   
}
/*/
.product-single .product-single-top-description h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
}

.product-single .product-single-top-description h6 {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 1rem;
}

.product-single #single-product-details {
    background: rgba(253, 249, 233, 0.40);
}
.product-index  .flex.flex-col.gap-6.container.px-2\.5.ms\:px-5.w-full.cat-content.cats_style_1{
  max-width:100%;
  padding:0
}
.guarantee {
    display: flex;
    align-items: center;
    background: #F7F7F7;
    text-align: right;
    margin-bottom: 2rem;
}

.guarantee p,
.guarantee h2 {
    color: #646464;
    text-align: start;
}

.guarantee .img-con {
    width: 4rem;
}

.delivery img {
    width: 3rem;
}

.delivery {
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
}

.delivery .flex.items-center.gap-2 {
    border-top: 1px solid rgba(217, 217, 217, 0.44);
    border-bottom: 1px solid rgba(217, 217, 217, 0.44);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.delivery .flex.items-center.gap-2.text-sm{
  border-top: 0;
  padding: 1rem 0;
}
.tamara-summary-widget--inline-outlined {
    border-radius: 50px;
    background: #FEFDF6;
    border: none;
}

.tamara-summary-widget__bundle-ui.badge-position--is-end-line .tamara-summary-widget__content {
    font-size: 14px !important;
    font-family: "Cairo", serif;
    color: #50504F;
}

.product-single__info {
    display: flex;
    flex-direction: column;
}

.product-single__info h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-4.text-store-text-primary,
.product-single__info h2.product-entry__sub-title.text-sm.text-store-text-secondary.leading-6.mb-2\.5,
.product-single__info salla-rating-stars,
.product-single__info .flex.whitespace-nowrap.gap-4.items-center,
.product-single__info small.text-store-text-secondary.mb-3.block,
.product-single__info .flex.flex-col.space-y-5.mb-5,
.product-single__info salla-installment,
.product-single__info .guarantee,
.product-single__info #product-form {
    order: -1;
}

.product-single__info .delivery {
    order: 0;
}

.product-single__info .product-single-top-description,
.product-single__info .block.sm\:hidden {
    order: 1;
}

/* ====== Media Queries ====== */

@media(min-width: 768px) {

    .s-block--about h2,
    .s-block.banners-slider.banners-slider--12.slide .container::before,
    .s-block.banners-slider.banners-slider--13 .container::before {

        font-size: 2rem;
    }

    .s-block--about p.mb-5.text-store-text-primary,
    #best-offers-7-slider .lg\:mx-0.text-center.mb-8 h2:after,
    section.s-block.container.fixed-products.fixed-products--9 .home-block-title h2::after,
    section.s-block.container.fixed-products.fixed-products--11 .home-block-title h2::after,
    .s-block.banners-slider.banners-slider--21 .container salla-slider::before {
        font-size: 1.3rem;
    }

    .s-block.banners-slider.banners-slider--12.slide .container a:before {
        font-size: 1.5rem;
        max-width: 40rem;
        line-height: 2.5rem;
    }

    .s-block.banners-slider.banners-slider--3 .swiper a {
        height: 30rem;
        width: 25%;
    }

    .s-block.s-block--square-links.square-links-5 ul li {
        flex: 0 0 27% !important;
    }

    .s-block--square-links h2,
    .s-block--best-offers h2,
    section.s-block.container.fixed-products h2,
    .s-block--faq p.text-3xl {
        font-size: 2rem;
    }

    .s-block.banners-slider.banners-slider--3 .container {
        max-width: 1200px;
    }

    .s-block.s-block--square-links.square-links-5 ul {
        grid-template-rows: repeat(1, 1fr);
    }

    footer .store-footer__inner .container.grid {
        grid-template-columns: repeat(4, 1fr)
    }

    footer .store-footer__inner .container.grid .text-center.order-1.lg\:order-\[unset\] {
        grid-column: span 2;
    }

    footer .store-footer__inner .lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] {
        grid-column: inherit;
        margin: 0;
        order:-1
    }

    .store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul {
        flex-direction: column;
        display: flex;
        height: 14rem;
        flex-wrap: wrap;
    }

    header salla-cart-summary {
        margin: 0 !important
    }

    .header-btn__icon.icon {
        margin: 0 !important;
    }

    .store-footer__newsletter .container {
        gap: 1rem;
        max-width: 70rem;
        align-items: center;
    }

    .store-footer__newsletter .container>div,
    .store-footer__newsletter .container form {
        width: 100%
    }

    .store-footer__newsletter .container>div h2 {
        display: flex;
        flex-direction: column-reverse;
        font-size: 1.3rem;
    }

    .store-footer .store-footer__newsletter h2::after {
        margin-bottom: 0;
    }

    header .main-menu li.root-level>a {
        font-size: 1rem;
    }

    .s-block.s-block--square-links.square-links- .grid li {
        width: 11.8rem;
    }
  .s-block--about p.mb-5.text-store-text-primary {
    padding: 1rem;
}
.s-block.s-block--square-links.square-links-5 .lg\:mx-0.text-center.home-block-title h2 {
    font-size: 1.8rem;
}
.s-block.banners-slider.banners-slider--13 salla-slider .swiper-slide {
    max-width: 480px;
}
.s-block.banners-slider.banners-slider--13 .container salla-slider::before {
   font-size: 1.1rem;
    padding: 2rem 1rem;
    line-height: 2rem;
    max-width: 75rem;
    margin-inline: auto;
}

.navbar-brand {
    height: 4rem;
    padding: 8px;
}
.navbar-brand img{
    height: 100%;
  }
  .product-index img[src="https://cdn.salla.sa/form-builder/u4fwR5FzWIiByOTn8EDW0ZHe9KFt2KC5Tvta0app.jpg"]{
    display:block
  }
    .product-index img[src="https://cdn.salla.sa/form-builder/u4fwR5FzWIiByOTn8EDW0ZHe9KFt2KC5Tvta0app.jpg"]after{
    display:block;
    content:url(https://cdn.salla.sa/form-builder/CJEbLvY3oIxAWbo8dTYSM3ZZNQr1sudtZ4oY3v7B.jpg)
  }
}


@media(max-width: 768px) {

    /* ====== Sidemenu Icons ====== */
    .mm-ocd__content {
        width: 80% !important;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main:after {
        visibility: hidden;
    }

    .mm-spn li:after {
        border-top: none;
    }

   /* .mm-ocd__content nav a span:before {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }*/

    .mm-ocd__content nav li a {
        font-size: 1rem;
        gap: 1rem;
    }
    .mm-ocd__content nav li span.\!flex.items-center.gap-x-2, ul.main-menu a.text-gray-500.\!flex.items-center.gap-x-2 {
        padding: 13px 18px !important;
        font-size: 1rem;
        }
    .mm-ocd__content nav li a img, .mm-ocd__content nav li span.\!flex.items-center.gap-x-2 img{
        width: 2rem;
        height: 2rem;
        border-radius: 0;
        object-fit: contain;
    }

    nav a[aria-label="الأكثر مبيعاً"] {
        margin-top: 2rem;
    }

    .mm-ocd__content nav li a span {
        display: flex !important;
        align-items: center;
        gap: 10px
    }

    nav .btn--close {
        color: #DE754C;
    }

    .product-single__info {
      /*/  text-align: center; /*/
    }

    header .main-nav-container .inner .container {
        padding-inline: 15px
    }

    .product-single__info .flex.whitespace-nowrap.gap-4.items-center {
        justify-content: center;
    }

     

    .s-block--square-links h2,
    .s-block--best-offers h2,
    section.s-block.container.fixed-products h2,
    .s-block--faq p.text-3xl,
    .s-block.banners-slider.banners-slider--12.slide .container:before {
        font-size: 1.3rem;
    }

    header .container .flex.items-center.justify-start.w-1\/3 {
        gap: 10px
    }

    footer ul.footer-list.store-links-items li a {
        font-size: 0.875rem
    }

    .store-footer__inner .text-center.order-1.lg\:order-\[unset\] ul li:nth-of-type(9):before {
        margin-top: 1.25rem;
    }

    .content.content--single-page {
        padding-inline: 0
    }

    body.rtl .lang:before {
        content: "EN" !important;  
    }

    body.ltr .lang:before {
        content: "ع" !important;
        margin-left: 3px;
        font-size: 1.125rem;
        font-weight: bold;
    }
    

 

    .store-footer__newsletter form {
        flex-direction: column;
        padding-inline: 2rem;
    }

  .store-footer__newsletter form .min-w-0.flex-1,
    .store-footer__newsletter form .ltr\:sm\:ml-3.rtl\:sm\:mr-3 {
        color: #000;
        width: 100%;
    }

.s-block.banners-slider.banners-slider--3 .swiper a {
    min-height: 40rem;
}
.s-slider-v-centered .s-slider-block__title-nav {
    top: 73%;
}
.banners-slider .s-slider-v-centered .s-slider-block__title-nav {
    width: 80%;
}
header .sicon-search:after{
  width:24px; 
  height:24px
}
/*header span.header-btn__icon.icon.sicon-search{
  display:none
}*/
    footer .store-footer__inner .lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] p{
    text-align:center;
    }
    footer .store-footer__inner .text-center.order-1.lg\:order-\[unset\]{
      padding-inline:1rem
    }
}






































[class^="sicon-"], [class*=" sicon-"] {
    font-family: "sallaicons" !important;
 
}


 .mb-8 {
    margin-bottom: 0rem;
}

.selia-bottom-nav {
   
    background-color: #ebebeb;
    /*  background-color: #d5bdad;*/
   
}

.advanced-slider .swiper .swiper-slide-active p {
   
    color: #fff;
}
.advanced-slider .swiper .swiper-slide-active h2 {
  
    color: #bd8b80;
}
.mm-spn li {
    position: relative;
  
    border-bottom: 1px solid #dddddd;
}

s-app-install-alert-wrapper.open[position=bottom] {
    animation: slideUpFromBottom .6s linear;
}
.s-app-install-alert-wrapper.open[position=bottom] {
    display: flex;
}
.s-block {
    padding-bottom: .05rem;
    padding-top: .05rem;
}
.s-block.banners-slider+.s-block.double-banner, .s-block.banners-slider+.s-block.three-banners, .s-block.banners-slider+.s-block.s-block--fixed-banner, .s-block.banners-slider+.s-block.banners-slider, .s-block.s-block--fixed-banner+.s-block.double-banner, .s-block.s-block--fixed-banner+.s-block.three-banners, .s-block.s-block--fixed-banner+.s-block.s-block--fixed-banner, .s-block.double-banner+.s-block.s-block--fixed-banner, .s-block.double-banner+.s-block.banners-slider, .s-block.double-banner+.s-block.double-banner, .s-block.double-banner+.s-block.three-banners, .s-block.three-banners+.s-block.three-banners, .s-block.three-banners+.s-block.s-block--fixed-banner, .s-block.three-banners+.s-block.double-banner, .s-block.three-banners+.s-block.banners-slider {
    margin-top: .05rem;
}
@media (min-width: 768px) {
    .md\:gap-4 {
        gap: 0.18rem;
    }
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}
/* Add custom CSS styles below */
.s-app-install-alert-wrapper {
    display: none;
    flex-direction: row;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    width: 95%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    border-radius: .375rem;
    padding: .75rem;
    gap: .5rem;
    background-color: color-mix(in srgb,#414042 15%,white);
    background-color: color-mix(in srgb,var(--color-primary) 15%,white);
    filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06))
}

    .s-app-install-alert-wrapper.open[position=top] {
        display: flex;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

@keyframes slideDownFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

.s-app-install-alert-wrapper.open[position=top] {
    animation: slideDownFromTop .6s linear;
    transition-duration: 500ms
}

.s-app-install-alert-wrapper:not(.open) {
    display: none
}

.s-app-install-alert-content {
    width: 100%
}

.s-app-install-alert-wrapper[position=top] {
    top: 0
}

.s-app-install-alert-wrapper.open[position=bottom] {
    display: flex
}





.shippingTimeSec {
    width: 100%;
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--font-secondary);
    font-size: 14px
}

.shippingTimeSec .dropbtn {
    width: 100%;
    text-align: right;
    height: 100%;
    padding: 4px 0 0;
    cursor: pointer;
    font-weight: 100!important;
    color: var(--heighlightedMenuDarkred);
    text-decoration: underline
}

.shippingTimeSec #citiesInputSearch {
    box-sizing: border-box;
    background-image: url(https://www.w3schools.com/howto/searchicon.png);
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd
}

.shippingTimeSec .dropdown {
    position: relative
}

.shippingTimeSec .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #f9fafb;
    min-width: 230px;
    width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    overflow: hidden;
    box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px
}

.shippingTimeSec .dropdown-content ul {
    max-height: 230px;
    overflow: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.shippingTimeSec .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.shippingTimeSec .dropdown a:hover {
    background-color: #ddd
}

.show {
    display: block!important
}

.s-cities-label {
    color: rgba(55,65,81,var(--tw-text-opacity));
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.s-cities-label {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.s-cities-label b {
    display: block
}

.s-cities-label small {
    --tw-text-opacity: 1;
    color: rgba(156,163,175,var(--tw-text-opacity))
}

.s-cities-content {
    margin-top: .25rem;
    display: inline-flex;
    gap: .5rem;
    font-family: var(--font-secondary);
    font-size: .875rem
}

.s-cities-content>div>.dropdown {
    padding: 0
}

.deliverTime {
    padding: 4px 0 0
}

@media(min-width: 768px) {
    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar {
        width:8px
    }

    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgb(0 0 0/20%)
    }

    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgb(0 0 0/20%);
        background: #efefef;
        border-radius: 10px
    }
}

small {
    font-size: 90%;
    font-weight: 100!important
}

select option:checked,select option:hover {
    background: #ddd!important
}



 


.s-product-options-option-container {
    margin-bottom: 0.01rem;
}



 /*............*/
  
.typing {
    white-space: nowrap;
    border-right: 3px solid black;
    display: inline-block;
    overflow: hidden;
}

.s-product-options-grid-mode-span {

    border-radius: 1px;

}


   
.body.trans_header.slider_has_overlay .store-header *:not(custom-salla-product-card *), body.trans_header.slider_has_overlay .store-header .s-cart-summary-wrapper .sicon-cart:not(custom-salla-product-card *) {
    color: #fff;
}



.bg-primary {
    background-color: #414042;
    background-color: var(--color-primary);
    display: none;
}

 
.s-products-list-filters-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.15rem;
}
.s-block--animated-brands--marquee .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14);
    background-repeat: repeat;
    animation: scroll-x 12s linear infinite;
  
}
.s-block--animated-brands--brand img {
    width: 100px;
    height: 100px;
    padding: 10px;
    -o-object-fit: contain;
  
    -webkit-transition: all 300ms;
    background-color: white;
    border-width: 2px;
}

@media only screen and (max-width: 720px) {.s-block--special-products-slider .s-products-slider-card {
    height: auto;
    width: 61%;
    max-width: 360px;
    padding-left: 5px;
    padding-right: 5px;
} {
    transform: translateZ(0);
    backface-visibility: hidden;
    width: 61%;
}}

.product-card__enhanced-mini-cart button.s-button-element {
    border: 1;
    background: #f3f4f6;
   
}

body.trans_header.slider_has_overlay .store-header .main-nav-container.fixed-header *:not(custom-salla-product-card *) {
    color: #ffffff;
}
.product-card--primary-buttons button, .product-card--primary-buttons salla-button {
    border-color: #414042 !important;
    border-color: var(--color-primary) !important;
    color: #414042 !important;
    color: #ffffff !important;
}

@media only screen and (max-width: 720px) {.sicon-mail:before {
    content: "\ed57";
    display: none;
}}
@media only screen and (max-width: 720px) {.top-navbar:not(.topnav-has-bg) {
    background-color: var(--header-bg);
    color: var(--header-text-color);
    /* display: none; */
    width: 1%;
}}

.product-single__discounted-amount {
    display: none;
}

#tabbyPromo>[class*=styles__tabby], .tamara-product-widget {
    border: 1px solid #414042;
    border: 1px solid var(--color-primary);
    display: none;
}


    color: white;
    font-weight: bold;
}


 .s-installment-emkan-wrapper {
  
    DISPLAY: NONE;
}





.banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-style: none;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 2100px;
    margin-right: -240px;
    width: 1900px;
}




@media only screen and (max-width: 720px){.banner--fixed img {

         max-width: 428px;
        margin-right: -9px;
        width: 5000px;
}}\



.product-card__promotion {
   
    display: none;
}


.wa-selia.right {
    right: 30px;
    left: auto;
    left: initial;
    border-radius: 25px;
}

 


 .product-single-top-description a, .quickview-description a {
    color: #103cc0;
    text-decoration: underline;
    
}
S{
    text-decoration:auto;
    
}



@media only screen and (max-width: 720px) {body.trans_header .store-header {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: -53px;
}}



.s-comments-item-timestamp {
    display: NONE;
   
}



.border-primary {
    border-color: #414042;
    border-color: #05050521;
}



.s-product-options-option-label small {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
    display: none;
}




.styles__snippetWrapper--d68e9.styles__singleLine--d1c5f {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}



.styles__tabbyPromoSnippet--ed9ac.styles__tabbyPromoSnippetFontInherit--bb9df {
    font-family: inherit;
    display: none;
}
  /*............*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

.product-card__title a {
   
    white-space: nowrap;
}

 
.border-green-600 {
    --tw-border-opacity: 1;
    border-color: #16a34a;
    border-color: rgba(22, 163, 74, var(--tw-border-opacity));
}
.border-dashed {
    border-style: dashed;
}
.s-slider-nav-arrow svg {
    width: 100%;
    fill: #6b7280;
}
.product-card__enhanced-mini-cart {
    display: none !important;
}
.product-card__content {
    position: relative;
    text-align: center;
    padding: 3px 0px;
}
 
 
.product-card__image>a>img.lazy.loaded {
    opacity: 1;
    transform: scale(1.039);
}
 @media (max-width: 640px){

.product-card__image>a>img.lazy.loaded {
    opacity: 1;
     transform: scale(1.039);
}
}
 
 @media (min-width: 1024px){
.s-products-list-vertical-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}}

body.enhanced_add_btn_in_mobile .product-card__content-wrapper {
  
    padding: 6px !important;
    padding-bottom: 8px ;
}
@media (min-width: 768px)
{.s-products-list-filters-results {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.2rem;
}}
.s-rating-stars-medium svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #f9ba17;    
  
}

.s-product-card-rating {
    margin-top: 6px;
    justify-content: left;
    position: absolute;
    top: -27px;
    left: 5px;
    z-index: 1;
    --tw-text-opacity: 1;
    /* background: #ffffff87; */
    width: 100%;
}
.s-rating-stars-btn-star {
   
    padding-left: 0px;
    padding-right: 1px;
      width: 15px;
 
}
.product-card__content-wrapper>.text-store-text-secondary {
position: absolute;
    top: -24px;
    right: 0rem;
    z-index: 1;
    --tw-text-opacity: 1;
    background: #97b3ae;
    width: 100%;
    text-align: justify;
    padding: 8px 7px;
    color: #fff;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    /* background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); */
    color: rgb(255 255 255);
    font-size: 1rem;
    line-height: 1rem;
    opacity: 10;
    padding: .25rem .5rem;
    position: absolute;
    font-weight: 400;
}

 


.slide--cat-entry {
     background-color: #000000;
    padding: 0.75rem;
    text-align: center;
    color: #ffffff;
}


.h-full {
    height:100%;
}
.advanced-slider .swiper {
    height: 100%;
}
.flex>.tabs   {
  border-color: #414042;
    border-color: var(--color-primary);
    color: #414042;
    color: var(--color-primary);
    border-color: #414042;
    border-color: var(--color-primary);
    line-height: 2.75rem;
    margin-bottom: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: grey;
}

@media (min-width: 768px)
{
 .s-block__title {
    margin-bottom: 2rem;
 
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: grey;
}}


.s-block--best-offers .s-slider-block__title-left .s-slider-block__display-all, salla-products-slider .s-slider-block__title-left .s-slider-block__display-all {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 0px; 


}
.banners-slider+.double-banner, .banners-slider+.s-block--fixed-banner, .s-block--fixed-banner+.double-banner, .s-block--fixed-banner+.s-block--fixed-banner, .double-banner+.s-block--fixed-banner, .double-banner+.banners-slider, .double-banner+.double-banner {
    margin-top: 0.15rem;
}

 
@media only screen and (min-width: 1024px){
.main-menu li.root-level>a {
    padding-top: 0;
    padding-bottom: 1rem;
    font-weight: 700;
}
}

@media only screen and (min-width: 1024px){
.main-menu {
    
    padding-top: 1rem;
    
}}

.main-nav-container {
    min-height: 56px;
}

 @media (max-width: 640px){
.main-nav-container {
    min-height: 52px;
}}
 


.s-block {
   margin-top: 2px;
}
[dir=rtl] .s-cart-summary-count {
    right: -0.1rem;
}
.s-cart-summary-count {
    top: -0.01rem;
}
 
.s-user-menu-trigger {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    adding-top: 0.375rem;
    padding-bottom: 0.875rem;
    font-size: .875rem;
    line-height: 0.25rem;
}
@media (min-width: 640px){
.s-block {
   margin-top: 8px;
}
}
.banner--fixed img {
  
    border-radius: 0px;
   
}
.rounded-md {
   border-radius: 0px;
}

.sicon-hashtag:before {
    content: "\ec8e";
}
.slide--cat-entry i {
    margin-bottom: 0rem;
    display: inline-block;
    font-size: 0px;
    color: #414042;
    color: var(--color-primary);
}

.slide--cat-entry {
    
    height: 3rem;
   
    }
    .sicon-hr:before {
    content: "\e981a";
}
    
 .justify-center>.bg-primary {
   
    visibility: hidden;
    display: none;
}

.swiper-slide>.justify-center {
    background: #d8d8d8;
    color: #d8d8d8;
    padding: 0.5rem 0.625rem;
    border: 1px solid #efefef;
    border-radius: 6px;
    width: 100%;
    max-width: 176px;
    border: 1px solid #efefef;
    border-radius: 6px;
    /* text-align: center; */
    padding: 8px 6px;
    align-items: center;
}
.justify-center>.text-store-text-primary {
    color: #000000;
        margin-top: 0rem;
} 
    .mt-6 {
    margin-top: 0.5rem;
}
.ql-video{
      WIDTH: 100%;
   
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    display: none;
}
 
.object-none {
    -o-object-fit: none;
    object-fit: contain;
}
@media (min-width: 640px)
.s-block {
    margin-top: 7px;
}

@media (min-width: 1440px){
.container {
    max-width: 1280px;
}}
.main-nav-container.fixed-pinned .main-menu>li>a {
    padding-top: 13px;
    padding-bottom: 13px;
}

@media (max-width: 640px){
.is-sticky-product-bar .sticky-product-bar {
   
    bottom: 39px;
} 
}
.main-nav-container.animated .inner {
    transition: top .5s,transform .5s,opacity .4s;
}
  
@media (max-width: 767px){
.simplified-products .s-products-slider-card .product-card--simplified .product-card__image, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image, .simplified-products .offer-slide .product-card--simplified .product-card__image {
    height: 18.9rem;
    max-height: 19.2rem;
}}

@media (max-width: 991px){
.simplified-products .s-products-slider-card .product-card--simplified .product-card__promotion, .landing-page .s-products-slider-card .product-card__promotion, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion, .landing-page .s-products-list-wrapper .product-card__promotion, .simplified-products .offer-slide .product-card--simplified .product-card__promotion {
    top: auto;
    top: initial;
    bottom: 17rem;
    left: auto;
    left: 0;
    right: initial;
}
}


.product-card__promotion {
position: absolute;
    top: 1rem;
    left: 0rem;
    z-index: 1;
    max-width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    color: rgb(255 0 0);
    font-size: 0.75rem;
    line-height: 1rem;
    opacity: .9;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 2;
    border-bottom-right-radius: 0.75rem;
    font-weight: 400;
    
}

.product-card__addToCart__btn salla-button {
    color: #fff;
    text-transform: inherit;
    margin: auto;
    flex: 1;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0;
    display: none;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 40px;
    line-height: 40px;
}



@media (min-width: 768px){
.s-products-list-vertical-cards {
    
    gap: 10px;
}}





















 



.dark .da-ts {
    color: #9ca3af!important;
}
 
 

.s-button-primary-outline:hover {
   
   
    background-color:#ffffff;
    color: #000000;
   
}

div>salla-button>.s-button-primary {
    background-color: #000000;
    /* background-color: #ffffff; */
    border-color: #000000;
    /* border-color: #ffffff; */
    border-width: 1px;
    color: #ffffff;
}

div>salla-button>.s-button-primary:hover {
     background-color: #ffffff;
      color: #000000;
}

.dark .s-quantity-input-button {
    fill: #ffffff;
}
.dark .s-quantity-input-container {
    border-color:  #ffffff;
}
:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --goldColor: #ff0000;
    --linkHoverColor: #c79845;
    --text-btn: #ffffff;
    --greyColor: #969a9e;
    --darkColor: #555555;
    --transWhite15: rgba(255, 255, 255, 0.15);
    --heighlightedMenuDarkred: #a20002;
    --heighlightedMenuDarkblue: #df9e3c;
    --newBgDarkblue: #356f65;
    --dark-text-main: #000a22
}

:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --hoverColor: #6c6a6a;
    --greyColor: #969a9e;
    --darkColor: #555555
}

a.mburger.mburger--collapse>i.text-primary {
    color: #d2d2d2!important
}

.s-cart-summary-count {
    background: #d39864!important;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    color: #ffffff;
}

.header.store-header .navbar-brand {
    padding: 0 .25rem;
    margin: 0
}

header.store-header .navbar-brand img {
    max-height: 4.5rem
}

header.store-header>.inner.nav-header .social-links {
    gap: .25rem
}

header.store-header>.inner.nav-header .social-links>a.social-icon {
    padding: 0 .25rem;
    line-height: 18px
}

header.store-header>.inner.nav-header .social-links>a.social-icon:hover {
    color: #2b2b2b!important
}

.footer-middle .contact-links>a {
    display: inline-block;
    min-width: 3.75rem!important;
    padding: 6px 0 3px;
    text-align: center;
    border-radius: 2px;
    border: .01em solid #9da4be;
    gap: 5px
}

.footer-middle .contact-links>a:first-of-type {
    background-color: #21ca37!important;
    border-color: #1ae935
}

.footer-middle .contact-links>a:nth-of-type(2) {
    background-color: #1279cc!important;
    border-color: #188deb
}

.footer-middle .contact-links>a:nth-of-type(3) {
    background-color: #1d7884!important;
    border-color: #1e94a4
}

.footer-middle .contact-links>a:nth-of-type(4) {
    background-color: #44765e!important;
    border-color: #478e6c
}

.footer-middle .contact-links>a>i {
    font-size: 18px;
    font-weight: 500!important;
    background: -webkit-radial-gradient(33% 100% circle,#a5f0ff 4%,#cef8ff 30%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    background: radial-gradient(circle at 33% 100%,#a5f0ff 4%,#cef8ff 28%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,.15)
}

.footer-middle .contact-links>a>i.sicon-whatsapp2:before {
    content: "\e968"
}

.footer-middle .contact-links>a>i.sicon-iphone:before {
    content: "\e92d"
}

.footer-middle .contact-links>a>i.sicon-mail:before {
    content: "\ed4f"
}

.footer-middle .contact-links>a {
    position: relative;
    overflow: hidden
}

.footer-middle .contact-links>a:hover {
    color: #fff!important
}

.footer-middle .contact-links>a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient( left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.footer-middle .contact-links>a:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

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

ul.social-links>.social-links a.social-icon,ul.social-links>.social-links a.social-icon i:after,ul.social-links>.social-links span[class^=sicon-] {
    transition: all .35s;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59)
}

ul.social-links>.social-links a.social-icon i {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

ul.social-links>.social-links a.social-icon i:after {
    top: 90%;
    left: -110%;
    background-color: #1d7884
}

ul.social-links>.social-links a.social-icon i[class^=sicon-link] {
    transform: scale(.8);
    color: #61abb4
}

ul.social-links>.social-links a.social-icon:first-of-type i:after {
    background-color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:first-of-type i {
    color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i:after {
    background-color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i {
    color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i:after {
    background-color: #fffc00
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i {
    color: #dbbc21
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i:after {
    background-color: #010101
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i {
    color: #010101
}

ul.social-links>.social-links a.social-icon:focus i:after,ul.social-links>.social-links a.social-icon:hover i:after {
    top: -55%;
    left: -18%
}

ul.social-links>.social-links a.social-icon:focus i[class^=sicon-],ul.social-links>.social-links a.social-icon:hover i[class^=sicon-] {
    color: #fff
}

ul.social-links>.social-links {
    height: 40px;
    margin: auto;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

ul.social-links>.social-links a.social-icon {
    display: block;
    background-color: #fff;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.1);
    opacity: .99
}

ul.social-links>.social-links a.social-icon i:after {
    content: "";
    width: 52px;
    height: 52px;
    position: absolute;
    transform: rotate(45deg);
    z-index: -1
}

ul.social-links>.social-links a.social-icon:not(:nth-of-type(3)):hover i:before {
    color: #fff
}

ul.social-links>.social-links a.social-icon span[class^=sicon-] {
    font-size: 24px;
    vertical-align: middle
}

a.social-icon:hover {
    background: #fff!important;
    border-color: #fff!important;
    box-shadow: none
}

.bubble-show:hover .bubble {
    top: -2.2rem
}

.store-footer a:hover {
    color: var(--hoverColor)!important
}

.store-footer h3,.store-footer h3.follow {
    color: #9e9e9e!important
}

.sticky-product-bar .s-button-primary-outline {
    border: 1px solid var(--color-primary-l)
}

.footer-top.footer-container {
    padding-bottom: 0
}

.footer-middle.footer-container>.flex.flex-col:first-child {
    order: 0;
    min-width: 10rem
}

.footer-middle.footer-container>.flex.flex-col:nth-child(2) {
    order: 1;
    align-items: center
}

.store-footer .footer-list.store-links-items a {
    line-height: 20px
}
.footer-middle.footer-container>.flex.flex-col:nth-child(3) {
    order: 2
}

.footer-middle.footer-container>.flex.flex-col.gap-4 {
    order: 4
}

span.copyrights.text-sm.opacity-75 {
    display: flex;
    order: 2;
    margin-top: 10px
}

.flex.flex-col.gap-4>.footer-vat.flex.justify-center {
    padding: 0;
    flex-grow: 1;
    overflow: hidden
}

.vat-num>p.text-sm.text-text-grey.da-tm {
    display: inline-block
}

.vat-num>p.text-sm:after {
    content: ": 311577053700003"
}

.vat-num>span.text-sm.da-tm {
    display: block;
    position: relative;
    min-width: 100%;
    text-indent: -9999px
}



.intercom-lightweight-app-launcher,.intercom-namespace .intercom-dfosxs {
    bottom: 45px!important
}

.product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
    bottom: 110px!important
}

@media(min-width: 479px) {
    section.sticky-product-bar.bg-white.da-bgg {
        padding-right:80px
    }

    .product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
        bottom: 55px!important
    }
}

a.navbar-brand.p-1 {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

a.navbar-brand.p-1>img {
    zoom:1.15}
 

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]>h5 {
    font-weight: inherit!important;
    font-family: var(--font-secondary);
    padding: 0 5px
}

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]:before {
    content: "\e94e";
    font-family: sallaicons!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px
}

.main-menu li.links:hover,.main-menu li.social:hover {
    color: var(--hoverColor)!important
}

.product-entry button span.s-button-text {
    overflow: visible
}

.product-entry button span.s-button-text>.flex-center {
    position: relative
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]) {
    background-color: var(--color-primary);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element i.sicon-shopping-bag2 {
    opacity: 0;
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%) translateX(30px);
    transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
    visibility: hidden;
    color: #000
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]):hover {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: var(--color-primary);
    border-color: var(--goldColor);
    overflow: hidden
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover i.sicon-shopping-bag2 {
    opacity: 1;
    transform: translateY(-50%) translateX(-2px);
    visibility: visible;
    right: -20px
}

.product-entry .promo-title,.promotion-title {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: #000
}

.product-entry .on-sale>h4 {
    color: var(--linkHoverColor)
}

section.s-block.s-block--faqs {
    background-color: #eaeaea!important
}

.faq-container:hover .faq-item {
    color: #fff
}

@media(min-width: 375px) {
    .footer-middle.footer-container>.flex.flex-col:nth-child(2) {
        min-width:20rem
    }

    
}

@media(max-width: 768px) {
    .s-block.s-block--photos-slider~section.s-block.s-block--banners.container {
        margin-top:.75rem
    }

    .s-block--banners .two-row,.s-block--banners .one-row {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover,.main-menu>.has-children:hover>a {
        color:var(--hoverColor)!important
    }

    .main-menu li:not(.menu-user-login)>a:hover {
        color: var(--hoverColor)!important
    }

    .main-menu .has-children li a:hover {
        color: #414042!important
    }

    .store-footer .footer-container .logo-footer .foo {
        max-height: 100px;
        max-width: 100px
    }
}
 

    .s-block__title h2,.s-slider-block__title>.s-slider-block__title-right h2 {
        font-size: 1.10rem
    }
 

    footer .footer-apps>h3 {
        text-align: center!important
    }

    .footer-middle.footer-container>.flex.flex-col:first-child {
        max-width: 20%
    }
}

@media(min-width: 768px) {
    .grid.one-row.md\:grid-cols-1.grid-flow-row,section.s-block.s-block--banners.container>.grid.one-row.md\:grid-cols-2 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    section.s-block.s-block--banners.container {
        margin-top: 0;
        padding-top: .5rem
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row>.banner-entry {
        height: 400px
    }
}

@media(max-width: 992px) {
    footer .footer-middle.footer-container {
        display:flex;
        flex-wrap: wrap
    }
}

@media(max-width: 480px) {
    .s-block--banners .two-row .banner-entry,.s-block--banners .one-row .banner-entry {
        height:100px
    }
}

@media(max-width: 375px) {
    .sticky-product-bar.da-bgg>.container {
        padding-left:0;
        padding-right: 0
    }

    .s-quantity-input-button {
        width: 2.35rem
    }
}

.main.main--404 {
    background: #0d0d0d
}

.e404-container {
    display: flex;
    flex-direction: column
}

.e404-container>.landing {
    display: flex;
    max-width: 100%;
    height: 100vh
}

h1.title.title--giant.title--404 {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    max-height: initial;
    width: 50%;
    gap: 10px;
    color: #fff;
    justify-content: center;
    margin-bottom: 0
}

h1.title.title--giant.title--404>img {
    width: 50%;
    height: auto;
    max-height: initial
}

.e404-container>.landing h3 {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: -90px
}

.e404-container>p {
    position: absolute;
    width: 50%;
    left: 0;
    top: 50%;
    bottom: 0;
    color: #f4f4f4;
    display: flex;
    align-items: flex-start;
    margin: 0
}

.e404-container>a {
    position: absolute;
    padding: 5px 15px;
    right: 50%;
    top: calc(50% + 100px);
    background: var(--hoverColor);
    color: var(--color-primary);
    border-radius: 9999px;
    margin: 0
}

footer {
    padding-bottom: 39px
}

.footerBar {
  background: #2e2727;
    min-height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    padding: 5px;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #041c34;
    backdrop-filter: saturate(180%) blur(20px);
}

.footerBar>div {
    width: 50%;
    text-align: center
}

.footerBar>div:first-child {
    border-left: 2px solid #463424
}

.footerBar>div>h3 {
    color: #fff!important;
    margin: 0 auto;
    font-size: 15px
}

@media(max-width: 768px) {
    .footerBar>div>h3 {
        font-size:12px;
        line-height: 14px
    }
}

button.search-btn.header-btn {
    border: 1px solid #545454;
    border-radius: 100px;
    width: 50%;
    min-width: 70px;
    background: #f1f1f1;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 10px
}

.is_large .header-btn .sicon-search {
    color: var(--color-primary)!important
}

footer .footer-top .social-links>a.social-icon {
    width: 30px;
    height: 30px;
    padding: 2px
}

footer .footer-top .social-links>a.social-icon:hover {
    border-radius: 50%;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.categoryNav {
    background: #fff;
    transition: height .75s ease-out;
    height: 0;
    max-height: 46px!important
}

.categoryNavContainer {
    padding: 9px 15px;
    width: 100%;
    overflow-y: visible;
    height: 46px
}

.categoryNavContainer>ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    gap: 15px
}

.categoryNavContainer>ul>li {
    display: inline-block;
    flex: 1;
    text-align: center;
    border: 1px solid transparent
}

.categoryNavContainer>ul>li>a {
    padding: 2px 8px;
    display: inline-block;
    width: 100%
}

.categoryNavContainer>ul>li:first-child>a,ul.main-menu>li:not(.mobile-menu-slider):nth-child(2)>a.sidemenu-link>h5 {
    color: var(--heighlightedMenuDarkblue)!important
}

.categoryNavContainer>ul>li.categoryNavLink:hover {
    background: #f8f4ec;
    border-radius: 5px;
    border-color: #e5e2da;
    position: relative
}

.categoryNavContainer ul.categoryNavSubmenu {
    display: none;
    position: absolute;
    background: #f8f4ec;
    padding: 5px 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    margin-top: 1px;
    border-radius: 5px;
    border: 1px solid #e5e2da;
    max-height: calc(100vh - 155px);
    overflow-y: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.categoryNavContainer ul.categoryNavSubmenu:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #dee7ee transparent
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem {
    padding: 3px 5px;
    border-bottom: 1px solid #dee7ee
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:last-child {
    border-bottom: 0
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:hover>a {
    color: var(--heighlightedMenuDarkblue)
}

.categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
    display: block
}

@media(min-width: 768px) {
    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar {
        width:8px
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
        background: #efefef;
        border-radius: 10px
    }
}

@media(max-width: 768px) {
    .categoryNavContainer {
        overflow-x:auto
    }

    .categoryNavContainer>ul>li.categoryNavLink:hover {
        position: static
    }

    .categoryNavContainer ul.categoryNavSubmenu {
        left: auto;
        transform: translateX(50%);
        border-top-width: 3px
    }

    .categoryNavContainer ul.categoryNavSubmenu:before {
        left: 27px
    }

    .categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
        overflow-y: auto;
        height: 60vh
    }

    .categoryNavContainer .categoryNavLink.hasSub>a {
        position: relative
    }

    .categoryNavContainer .categoryNavLink.hasSub>a:after {
        content: "";
        display: none;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 7px;
        border-color: transparent transparent #e5e2da transparent
    }

    .categoryNavContainer .categoryNavLink.hasSub:hover>a:after {
        display: block
    }
}

section.s-block.s-block--special-product>.container>.flex-col {
    max-height: 450px;
    border: 1px solid #e8e8e8
}

section.s-block.s-block--special-product .p_image>a>img {
    width: auto;
    transform: scale(1.15) translateY(1%)
}

section.s-block.s-block--special-product .p_image {
    height: auto;
    width: 25%
}

section.s-block.s-block--special-product .p_image+.flex.flex-col {
    width: 75%;
    display: flex;
    justify-content: space-evenly
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
    margin-top: 10px
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
    margin: 10px 0
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
    width: 90%;
    margin-bottom: 15px
}

@media(max-width: 768px) {
    section.s-block.s-block--special-product>.container>.flex-col {
        flex-direction:row;
        max-height: 310px
    }

    section.s-block.s-block--special-product .p_image {
        width: 40%
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        width: 60%;
        padding: 10px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: 1rem;
        line-height: 1rem
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>p {
        font-size: .85rem;
        line-height: 16px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
        margin-top: 0
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
        margin: 0;
        padding: 10px 5px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
        width: 100%;
        margin-bottom: 0;
        font-size: .8rem;
        line-height: 16px
    }

    .s-block.s-block--special-product .btn {
        font-size: 14px;
        padding: 5px 15px 6px;
        margin-top: 4px
    }
}

@media(max-width: 425px) {
    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        padding:6px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: .8rem;
        line-height: .9rem
    }

    .tabs.tabs__special.tabs__outline {
        gap: .75rem
    }

    .tabs.tabs__special.tabs__outline>.tabs__outline .tab-trigger {
        padding: .4rem
    }
}

footer .footer-middle .contact-links>a>i {
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    opacity: 1
}

footer .footer-middle .contact-links>a>i::before {
    content: ""!important
}

footer .footer-middle .contact-links>a>i.sicon-whatsapp2 {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDy7H0tQmvk56pKCYtF9BdKi-_QiReTYN0bPj4ZjhKYs1n995BLRRpEC04BnBf3xNCyzr5s4UsIfVXPh_sYKJAIw5-g_AvvNncTssNTY2LfTQNCc-IyHM-09-bXMTvvBbn9HCZrCHd-To8sjBs4SS6obx2dI-aMW0M-AM-45QBlSVqU3AQXH0ESpdJbaqNPgDz50A19xzE5mZKhC0UeQJDA2mh0-mZUD3cZdQwqGMb2d9dUWNQhydx03LxSeddjiqklkivARAT5dWOwfG7rvYF7R8LcW1XUGoiCkDmVcJsqFdlQ1I4VonXNy5Nu8hnlQeegexQEszsHtUwOX839xK21_vJ6UVERra-Fco6hWu1EQt2PdhVIVHsjw1zylQbLxVn9aS4wB-Rnax10pryGkGYNPIATaam1TXlxknD8TKcQ51JW4nuzI40DgS1JjaoOxdFvyJoIxgGzOnQWrUyGAk17VOzyD1CBF6iYM-8tdVbt2ENJ3gVO0BJDywL-K0FuGj627g_E8D4QVyqEJaoU2psV8_5LjDUvgLNQZNjvihSkKqQGLXTsCYi5VoeWqRPO4_vuUtWKrr1UvYcp3oktT7D5JBEHMcaVjYFgSIX1MI1FoHIUKckyccKFdic3s64N27y1XTVsJyaH6OQBx6QYVksSzgjX3ccEc84LbLvUD6SygmT4j__1jr9xjusNGG9yzN3xUrqh1HeXD9nBvDQDA9mbMMyhPhNznEt9dPnEEwIH_o27s_FZaZ7FjE3f1gSkQlsWRtPcRaN2vssktPLi8KCkZIkzeDGZV9lkv6uJwgT9VxH2gf1iWqC3PY6pgEMII05xey69THxRl-ejPPAnsZ7bILSzhXqsCtiA9Rf1ewBAL6wIJBD84_4fAlDy4sh5Q0y3ACvxl2UNKXSAFXCDcfRp7xLpkX67gt2UQRld-EUxArbOiSj-eS85jw3d6FtPnsuP6CKvGT8zvBAFdxstwhCofLEHJUVdEV48oaiLKvywmtmXd-OVxXgW_mlz3wIXdr8qiVIKCND6gvAOTaHp0x-9zgdGxERmVD3AVNTZ3fFT1Ev97QrmgGYfiEgIDFP4J_oMkLyDcIT3Y7OsTsoq_swAHm9VGzoNJKCFVf8sNpkVaYRsYifERGgFOBUmtKajO_yO-8c83NUzPsYWhp4TKtvlMJGzLAt04ss2j7BEwvifQFH4W6Y4qGWoDnnQgfJiDAGyR4d9iKBtfwxbqOh5ZdGdqWU4L4NMblI2McLduNoiKg8A8DCpCiTGtEvywspJc3a2Q6z_6xuaNRfyWP25977WuIJqaO5u2kQdgjwuiFvn9pRyHPFtAXRwGZPhXpP5FgFcvbUVcqERaME4qCNHL9osTAkqqswE6ve5b0xqQqzRPvBANPyzk8QrYpj2zm26hpuKD63lTAy_qBtPt9slrHsbdVJJr961lIrtxE6UDjs_1-Szv553PwPFPH3cnXm7m5t5Bk_azd_jzrz_0HExOw_WluvjaL1pCy8sJa4bquL-_kU4aeXbTMPMFL4x0KFTz=w1432-h943)
}

footer .footer-middle .contact-links>a>i.sicon-iphone {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDzmtAsJUX8yUfJmBwhIsFfVV77NCF2NSbPVikl_Y9GMDqY7uTQ7jdS0g1sWreLaLK9_U4OBiGcm0IO0tFI12HwQyCqku5-V00Qrr7Zt52XRTBPdbCGD7mwu1TPM_qgKrWV98o8t1801pwjia6kLkctLorePG8tEb1QuHWchlUpAnlbPS-vzSNl33_HwwhiCiFctaBreIELIlC-cNPZ2grGPfTjfsELlLwQe9durM8JfaV_0HZqxXZGRPlzk3QXZ9Ck_tNar5zZlYTT0L1BFMcVizOTWGbyo0LUUuU_8SNdRncphgbIPFrUpMZ3Jl5a2OQiH87q_nY68NY675TmH8wl4bGeOKs_y4AZaFDtWgMZ8TfhuS0AOPM1lTWE-NhStvnWD-EGAbRK3FIWxcFYuk-HMGHWWmO2XTdnl3GHEHJCMzQL02Vb1vMXE8QxainlU1FzYeLgRC8auTxUEy5yaba5ahbPRLgcyDNPMyQxUKw4UlopHGDpFrx64paVHN4MuP9RnZnR1Dbm-hgrfWYkgS_gCaHLGLQLAGnsCarh8zLsXwtrAhqx214Oi8RFm5QxR7V_nfWQoJKGR7z0jLa1JHlApLgs4OKbope3SXdK-YVC6kAq4hOdjXEQPzEw0FYaQaKRldXsj1ViGJiMfqls-OQesAOrzX-Zief74iqXxTYOLRUQRgMupWqk4M79tKXch8NEkZtXcEsb_fpXCfkKPkA5keumN9IQuicj5gVbjpkXTdAiDk4ejdJUF7DUsJy8hGHBXrFCysNmwlQgmlepvQBiYLWJNm8PUH1p2fzEu_-LO4jQ90545QFAD2vCqJ3DXjXoqiWJgcRkTvMpVbMfj_mKNSYkJcAUY8uwwKcfKeEJqZ83z3PZLceNKn2gteIOYDkx52c8W46YA2foMSRU7HOq_9sM9uu5zx7alsQK9B-KlCXBoFuquEYkEvJJ29WuTaPPY5k87sPbZscsCc6y0iP47CX7eJLx69uDFccqgL9GfhNPvvXh38N-0PoBBg-UFHjYHfotiCvRNMRw6w9clDMFcoilHBFX_kGfwGUDQiZnSrpR2KnhJhYDTWe_B3lT_PwCZm5M-lYLTqIYnvEDhe2VOBEcUHOgeMGGSsj0g32aHqPRH7c-dpjqgWVsvWBfEn9naNjbAR89QcyCjF2h7V5q_zql52YLW5BPueOdw4yVWhvbIvDGwGSYVE3cat861oNdPe7QFrw8vMnmq2B6tHfCIyMkNxHo_76IDV_TEtntpD3L2zxya68VKf7vEaMIBuhm7tKaNSohtR_tDsmgUDb7E-_raLihazT1vvGnb9TbS9HijOiuv4aIuELXdm5CZpyF0LjzGKrkd3BLm1BMv1bE-healRvl_jew0_sErKJXoANdmpD4faYg6jhXdr9DVpII_xZl4kyjsBngbo3N6PTEVr4jwRYc-aFJxMV5PszIza2yXahChM4l3RxY2DXd37oD6ipwo7lu0LkU7ufZTCDUl4ivGhGODMuZzDnuD7yN_iqJjU75RLXcUTV6uByZo=w250-h238-p-k-rw-nu-v1)
}

footer .footer-middle .contact-links>a>i.sicon-mail {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDzKISmHdN7KxuJ3wHtbhZf304qkS-WlNse7zWEGpFUPo7XwIz-XSddxlSQIbEaTcvIr2HktLoRlYr86CSHIlsamV26EP6i8bjrjBmzB3LB46ztrvelqYh4qu7uFlwRWr-P2Gccqp6bnZFlWHHZs9XajS1db6X6PPtBv65TeEO2kP1Tyx0St7xWSEhN7xN5qj4tddI9NpcUam2hHoTeAQEo8eQ9z6PoS5oYst0zQe0rukTzie9v7jDFBx9rzXVjuu-5xXXjWXyBzl46xFZASxSjOed8Ld8GU5AhkEB3Vimwq9ks7azsqa0w-tZnlQay8EOq38aPU-vcMmfSkUPvp4iV95wln_3cpDFzEyrkZ4K5nIKRBJM5iIVEDvF1iQ-9UbHzIXVGWD9MuV8BnxyDeBVkFf9VP6mQIZj_x1iuL1b7VfAliqGnYODcskaPBkhVM2LMem3DOlUYuodboJLkrZ1-udbJl-UvUeDue8UUHyeI2tG9JCfjlxGneK1hB6usRYtbyjUa5RYYOSYOCw3_gZXIrLLjg7VMG25SxDMixaGsvDMu_Y2GAFgm_4G2HEqy9lAqFV6UmtOOPYVovAXyH3ZOuPtAsOe2ORapoWA-XyQSHqPtp8DAA_xIYiW19y0on2DUiRP7at1XYHVZBXZypiSJ0r1m-RfcZvMdLJom-CPDFqtpdEU6XKMzjrOMxSyHnXIJB-B4-XXVVblsZKOBxVaAFFjREd3S6lYOa2PdWq2io58nVCUpSUU6rnbNGikY1rhd89HnYciDOoRrYBznHtzgW9juQsk_VtoCrKSrf25F7j0_fAzBPrXZIFFFLbexSzFJTY3XLvU1Nqa_3mO-J-JvJzCFCG4LZqy93nSnR932kQY8MWEYmMQ72q7M_-y_qBBflHfyruMo_V_WeP6DgKE7cvCmCA5rT4xWlc-ywAo3VpYiA5q61nCY10sSRGiWk6RnsI-ZnbohUqDH_VLyXXThYfvo67ZwRFp5II_BMZ4cLw_TO-p_pbRDm-FqJ4yYvGupbyOUVGl2BoIgeMlPou_MXEdrolJkxft1PP3z79hCWiT6LI31iJGToxV3JdravNUfBz8csr9YEwQR11eN9P20Nc6lA8PHdlRIRoIeKlH8FuzSiVabjpZtX543tp3E1u9IPf5XjYVC95DJacwkOebOvwh-Jhnc4Kylek8zqApect0cddEQ65iuiY1Ogp1ZzAp2-tJXxnXFNhbPbPLdrHUdnB-zPwTpPhGPPV6wqEV7sP1IpFxISPFGbNlSc3sdm6fVpYg1JfhAoMy-AB1K-uYY_rpoWixp0_vZGJv-Kz0tPQuj_BgFEHYvSb_U6TZsiOp982vBSb230qBqok6Jlgk4SQrhUtAuAiKJEWCK9fPhCD_q3DgASVeNw24EBQC1oJKSUCJEsAXmPukHZCls5p-WTusuQ8JTUmlZiZXTlOxRTGACgqqGyvnUITAWy_12R5xD7kgHHj6n5n9_RygS6jAss6vzmDwL_ljGUGXMDlQdzsB-_se3W2AgCOOAwXJNF=w1432-h943)
}

.s-rating-stars-wrapper {
    margin-bottom: 15px
}

.price .total-price {
    font-size: 1.5rem
}

.price span.before-price {
    font-size: 18px
}

button.s-slider-nav-arrow span {
    display: block;
    background: #726a6573;
    border-radius: 50%;
    border: 1px solid #e0e0e0
}

salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    fill: #adadad!important;
    cursor: not-allowed
}

.s-product-options-colors-wrapper {
    margin-bottom: 5px
}

.s-product-options-colors-item>label {
    position: relative
}

.s-product-options-colors-item>label>div>p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content
}

.product-single .descWrapper {
    position: relative
}

.product-single article#more-content.full-description.details {
    position: static
}

#details_table .ql-video, .product-single-top-description .ql-video, .quickview-description .ql-video {
    height: 250px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    display: none
}

 
#btn-show-more {
    background: #fff;
    display: block;
    color: gray;
    border: 0;
    text-align: left;
    padding-top: 5px
}

#btn-show-more>i.sicon-arrow-down {
    position: relative;
    top: 3px
}

.details-slider.s-slider-wrapper {
    border: .1rem solid #fff
}

@media(max-width: 480px) {
    section.sticky-product-bar>.container {
        padding:0
    }

    section.sticky-product-bar .s-quantity-input-button {
        width: 2.75rem
    }

    section.sticky-product-bar .s-quantity-input-input {
        width: 2rem;
        padding: 0
    }

   
    section.sticky-product-bar salla-add-product-button salla-button .s-button-btn {
        padding: .5rem .5rem .625rem;
        font-size: .75rem
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button {
    position: relative;
    overflow: hidden;
    border: .01rem solid #080403
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button:before {
    content: "";
    position: absolute;
    top: 0;
    right: -200%;
    z-index: 0;
    display: block;
    width: 200%;
    height: 100%;
    background: -webkit-linear-gradient( right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    -webkit-transform: skewX(35deg);
    transform: skewX(35deg);
    -webkit-animation: btnShine 1.8s infinite;
    animation: btnShine 2s infinite
}

@-webkit-keyframes btnShine {
    100% {
        right: 150%
    }
}

@keyframes btnShine {
    100% {
        right: 150%
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button span.s-button-text {
    position: relative
}

@-webkit-keyframes btnIconshake {
    100% {
        top: 2px
    }
}

@keyframes btnIconshake {
    100% {
        top: 2px
    }
}

.discountCupon {
   width: 100%;
    max-width: 650px;
    height: auto;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    background-color: #9d7d6e;
    padding: 0 10px 10px;
    position: relative;
    border: 2px dashed #e7e5e5;
    display: flex;
    flex-direction: column;
    margin: 15px auto;
    color: #fff;
}

.discountCupon>.main,.discountCupon>.copy-button {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    flex: 1
}

.discountCupon>.copy-button {
    flex-direction: row-reverse
}

.discountCupon>.main>.co-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #003153;
    border-radius: 6px;
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center
}

.discountCupon>.main>.co-img>img {
    width: 100px;
    height: auto;
    margin: 0 auto
}

.discountCupon>.main>.vertical {
    border-left: 2px dashed #8d8d8d;
    height: 50%;
    position: absolute;
    left: 40%
}

.discountCupon>.main>.content {
    flex: 2;
    text-align: right
}

.cuponLogo {
    flex: 1;
    height: 85px;
    background: url(https://cdn.salla.sa/padBZ/o4BodRzZAqSheVDI3XmLnpjTlMSMVhdW9zRBAANw.png) left center no-repeat;
    background-size: contain
}

.cuponLogo>img {
    height: 85px;
    width: auto;
    margin: auto;
    float: left;
    display: none
}

.discountCupon>.main>.content h1 {
    font-size: 28px;
    margin-top: 4px;
    color: #59453a
}

.discountCupon>.main>.content h1 span {
    font-size: 18px
}

.discountCupon>.main>.content h2,.discountCupon>.main>.content h3 {
    color: #59453a
}

.discountCupon>.main>.content h2 {
    font-size: 18px
}

.discountCupon>.main>.content h3 {
    font-size: 26px
}

.discountCupon>.main>.content p {
    font-size: 16px;
    color: #696969;
    margin-left: -20px
}

.discountCupon>.copy-button {
    margin: 0 0 -3px;
    height: 45px;
    border-radius: 4px;
    padding: 0;
    border: 3px solid #fff;
    background: #fff
}

.discountCupon>.copy-button input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0
}

.discountCupon>.copy-button button,.discountCupon>.copy-button input[type=button] {
    padding: 5px 20px;
    background-color: var(--color-primary);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
    max-width: 70px
}

.discountCupon>.copy-button button.copybtnCopied,.discountCupon>.copy-button input[type=button].copybtnCopied {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 44px;
    text-align: center;
    left: 0;
    background-color: #529654;
    border: 4px solid #529654
}

.testimonials-slider .line-clamp-2,.testimonials-slider .line-clamp-3 {
    min-height: 24px
}
 

.comment.comment.flex.text-sm.space-s-2 {
    width: 100%
}

.s-comments-product .s-comment-form-input {
    background-color: #f7f7f7;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary:hover {
    background: var(--color-primary);
    color: #fff
}

.s-comments.s-comments-product>div {
    display: flex;
    flex-direction: column
}

.s-comments.s-comments-product>div>salla-comment-form {
    order: 3;
    margin: 20px 0
}

.s-comments.s-comments-product>div>salla-comment-form+div {
    margin-top: 0
}

@media(min-width: 768px) {
    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar {
        height:12px
    }

    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
    }

    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
        background: #efefef;
        border-radius: 10px
    }

    #product-tabs-faqs {
        scroll-margin-top: 250px
    }
}

@media(max-width: 768px) {
    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-right:calc(0.25rem*(1 - var(--tw-space-s-reverse)))
    }

    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-left: calc(0.25rem*var(--tw-space-s-reverse))
    }

    #product-tabs-faqs {
        scroll-margin-top: 150px
    }
}

@media(min-width: 1024px) {
    .s-block--tabs-produtcs .tabs-wrapper .tabs__item .grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.text-red-400 {
    color: var(--goldColor)
}

section.s-block.s-block--banners.container>.grid>.banner-entry:first-child,section.s-block.s-block--banners.container>.grid>.banner-entry:nth-child(2) {
    display: none
}

.product-index header+.nav-header {
    padding-bottom: .5rem
}

.product-index>.app-inner>.cat-square-banner.mt-4 {
    margin: .1rem
}

.is-sticky-product-bar .sticky-product-bar {
    z-index: 3
}

section.sticky-product-bar.bg-white.da-bgg {
    bottom: 39px;
    border-top: 1px solid var(--transWhite15)
}

.dark .da-brdr {
    border-color: var(--transWhite15)!important
}

#subcat-slider.carousel-slider .swiper-wrapper>div {
    background: #b7a98f;
    color: #59453a;
    padding: .5rem .625rem;
    border: 1px solid #efefef;
    border-radius: 6px;
    display: flex;
    align-items: center;
    align-content: center
}

#subcat-slider.carousel-slider .swiper-wrapper>div>a {
    width: 100%
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: transparent;
    color: var(--color-primary)
}

salla-add-product-button>salla-button.s-button-wrap>button {
    padding-left: 12px;
    padding-right: 12px
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text {
    align-items: baseline;
    justify-content: center
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text>i {
    font-size: 14px
}

 

.intercom-lightweight-app {
    display: none
}

@media(min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:20%
    }

    .home-slider .s-slider-block__title-nav {
        display: none;
        -webkit-animation: intercom-lightweight-app-launcher .75s;
        animation: intercom-lightweight-app-launcher .75s
    }
}

@media(max-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:70%
    }

    .s-product-card-sale-price,.s-product-card-content-sub {
        flex-direction: column;
        gap: .05rem
    }
}

@media(min-width: 640px) {
    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon {
        display:flex;
        align-items: center;
        width: 100%;
        max-width: 150px;
        border: 1px solid #efefef;
        border-radius: 6px;
        text-align: center;
        padding: 8px 6px
    }

    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon>a.sub-categories {
        flex: 1
    }
}

a.mburger.mburger--collapse>i.text-primary {
    color: var(--dark-text-main)!important
}

button.search-btn.header-btn {
    border: 1px solid #b7a98f
}

.s-cart-summary-count {
    background: var(--newBgDarkblue)!important
}

.store-footer h3,.store-footer h3.follow {
    color: var(--newBgDarkblue)!important
}

.dark .da-ts {
    color: #606060!important
}

.dark .contact-links a,.dark input {
    color: #fff
}

.dark .s-quantity-input-container {
    background: #a09472;
    border-color: #8c8163
}

.dark .s-quantity-input-button {
    fill: #d6d6d6
}