@font-face {
    font-family: 'Janna LT';
    src: url('https://fekharabdelghani2-crypto.github.io/fontss/JannaLT-Regular.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;
    font-display: swap; 
}


@font-face {
    font-family: 'Janna LT';
    src: url('https://fekharabdelghani2-crypto.github.io/fontss/JannaLT-Bold.ttf') format('truetype');
    font-weight: bold; 
    font-style: normal;
    font-display: swap;
}


body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, textarea, select, .font-primary, .da-tm, .da-ts {
    font-family: 'Janna LT', sans-serif !important;
}


i, [class^="sicon-"], [class*=" sicon-"], .s-social-icon svg {
    font-family: 'sallaicons' !important;
}
 
.city-note, 
p:not(.city-title):not(.city-branches):not(.city-branches p) {
  text-align: center;
}

.city-note {
  color: #007bff;
  text-align: center;
  font-weight: 700 !important;
  margin: 10px 0;
}


.city-branches p {
  margin: 8px 0 !important; 
  padding: 0 !important;
}

.city-branches li {
  margin: 4px 0 !important;
  padding: 0 !important;
}

.city-branches + p {
  margin-top: 20px;
}

.city-branches {
  display: none;
  padding: 10px;
  background-color: #fdfdfd;
  border-radius: 5px;
  margin-bottom: 5px;
}

.city-branches.active {
  display: block;
}

.city-title {
  cursor: pointer;
  background-color: #eee;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
}

.city-title::after {
  content: "▼"; 
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #555;
}

.city-title.open::after {
  content: "▲";
  color: #000;
}     





 
section.s-block {
    position: relative;
    overflow: inherit;
    BACKGROUND-COLOR: #000;
}

.logo-light {
    transform: scale(0.8); 
    width: auto;
    height: auto;
}


 

banner--fixed {
    display: block;
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-radius: 0 !important; 
}

.banner--fixed img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 0 !important; 
    transform: none !important; 
}


.s-block--fixed-banner .container {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    border-radius: 0 !important;
}


.overflow-hidden {
    overflow: hidden;
    border-radius: 0 !important;
}


.banner--fixed img,
.banner--fixed,
.s-block--fixed-banner .container,
.overflow-hidden {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
}

.s-block--fixed-banner {
    margin: 0 !important;
    padding: 0 !important;
}

.s-block--fixed-banner .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header-container{
background-color:black;
color:white;
}

.search-btn .sicon-search {
    color: white !important;
}

.s-cart-summary-wrapper .sicon-shopping-bag2,
.s-cart-summary-wrapper svg {
    color: white !important;
    fill: white !important;
}


.s-cart-summary-count {
    background-color: #ff0000;  
    color: white !important;    
    border-radius: 50%;         
    padding: 2px 6px;           
}


.s-cart-summary-total {
    color: white !important;
}


.s-product-card-wishlist-btn {
display:none;
}



.s-block__title {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}


.s-block__title .right-side {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}


.s-block__title h2 {
    text-align: center !important;
    color: #000 !important;
    margin: 0 auto !important;
}

.store-footer {
    position: relative;
    --tw-text-opacity: 1;
  background-color:black;
  color:white;
      margin-top: 0rem;

}


.s-slider-block__title h2 {
    color: white !important;
    font-size: 24px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}


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





.s-slider-block__title h2 {
    font-size: 0 !important;
}

.s-slider-block__title {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important; 
}

.s-slider-block__title-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-slider-block__title-left {
    display: none !important;
}

.s-slider-block__title h2 {
    font-size: 1.25rem !important;
     color: #000 !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin: 10px !important; 
}

.s-slider-block__title h2::after {
    font-size: 1.125rem !important;
    color: white !important;
    display: none !important;
    text-align: center !important;
    width: 100% !important;
}


.s-block--testimonials,
.s-block--testimonials .container {
    background-color: black !important;
}


.s-block--testimonials .flex.h-full {
    background-color: #333333 !important;
    border: 1px solid white !important;
    border-radius: 12px !important;
}


.s-block--testimonials .flex.h-full * {
    color: white !important;
}

.swiper-pagination{
dispaly:none;
}



.testimonial__avatar {
    border-radius: 50% !important;
    width: 4rem !important;
    height: 4rem !important;
}


.swiper.s-slider-container {
    padding: 0 50px !important;
    overflow: visible !important;
}


.swiper-slide {
    transition: all 0.3s ease !important;
    opacity: 0.5 !important;           
    transform: scale(0.9) !important;  
}


.swiper-slide-active {
    opacity: 1 !important;            
    transform: scale(1) !important;   
}


.swiper-wrapper {
    padding: 20px 0 !important;
}

.swiper-pagination {
    display: none !important;
}


.s-product-card-entry {
    border: none !important;
}


.s-product-card-entry:hover {
    border: none !important;
}

.s-product-card-content-title,
.s-product-card-content-title a {
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.s-product-card-content-title,
.s-product-card-content-subtitle,
.s-product-card-sale-price {
    text-align: center;
}


.s-product-card-sale-price {
    display: flex;
    justify-content: center;  
    align-items: center; 
    gap: 10px; 
    width: 100%; 
    text-align: center;
    flex-direction: row-reverse; 
}


.s-product-card-price-before {
    text-decoration: line-through; 
    color: gray; 
    font-size: 1em; 
}


.s-product-card-sale-price h4 {
    font-size: 115%; 
    font-weight: bold; 
    color: red; 
}


.index>.app-inner {
    overflow-x: hidden;
    background-color: #7a7a7a;
}


.header-btn .sicon-add::before {
    content: "";
    color: white;
}


.s-product-card-promotion-title {
    position: absolute !important;
    left: 8px !important;
    right: auto !important;
    bottom: 8px !important;
    top: auto !important;
    background-color: white !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    direction: rtl !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

.s-product-card-promotion-title {
    color: #333 !important;
}


.s-product-card-promotion-title {
    background: white;
}

.s-product-card-promotion-title::first-line {
    color: #333;
}

.s-product-card-promotion-title {
    color: rgb(232, 78, 78);
}






.s-product-card-discount {
    position: absolute;
    inset: auto 0 0 auto; 
    margin: 1rem 0.5rem 0.8rem 1rem;
    border-radius: 5px;

}






.s-product-card-discount {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 8px !important; 
    border-radius: 8px !important; 
    background-color: #f87e7e !important; 
    width: fit-content !important; 
}

.s-product-card-discount .off-ratio {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important; 
    white-space: nowrap !important; 
    font-weight: bold !important;
    color: white !important; 
}

.s-product-card-discount .off-ratio::before {
    content: "وفر " !important;
}



.wish-share {
    display: none !important; 
}



.promotion-title {
    display: none !important;
}




.s-rating-stars-reviews {
    visibility: hidden;
}


.store-info__logo {
    background-color: #dadada;
}

.ql-align-right city-branches p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}

.city-branches br {
  display: none !important;
}

.city-branches p.city-branches:has(strong) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}

.menu-list a[href*="مراكز-العناية-المعتمدة"] {
    display: none !important;
}



.content--single-page .content-entry img:is(
    [src="https://cdn.salla.sa/oVwZZ/0fd1oHm1EvrvbLJh2l1aaN4IdjKXJBqEe76S87fl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Fvdx1lPd3N3lXVG95MdpSFVX9jULm1B2MUHMTqwE.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/MkX77wZAaeUq6hUBL8Bz3YEAUMGtXjB0NFjjB57y.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/pwReLYz9k3P9dgCI9Eendzd353VuepXyFtoZgEM6.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/otMVyTAS9178mNNOKPjM2HInIj9fbovkwTXWiZJ7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/EWo1axSjFiMGV9wek8PGxO4Pp5ImJhK2qTXwhewZ.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ahgyEqWv4P9iM9Qbgdpqbk5PZeehqDPoh2OD39qr.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fnxOqLU1MAIK2c5pAbyd5RHhhHYLjttwfS9j8VnF.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/rSUZHJGKTZbVmhgZZ8r0obrNCKEaqcvwP3qHU3TK.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/mp3Cvw9rLReD5lXpWuNDvMTCwVggzrFccP8pSxkk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Rh2hdS8TeStm9v1cl8UgWKWweoYLbX85KJTAGKnn.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/K1ZCGcqSSSUkrntCU6xHAgZeq2te7R7xuhbe04DA.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/1VHbqzeFjvdj6yr1EjsDjRSLB51pw3HeuIxZXkQd.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ugptSVF0MOd7a0UgCEV5jlQzQM92IiUVoDXCIqir.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/FrWxDBDdofF0XVkbBCxkwJHTkKB5TqZOuhYeSPJl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/b8hlxJUrCZstfCvVHKJXHRgYydAAiwe4Y7G7KSYe.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/LONYuwC4weSqes4GvKJ5JlbALuLCRNQvlcTIOtNC.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/tkbQiiKcjHWj4QtTRj67sekEUoYURBrBXxgjHFdk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fuMgywwkmPWb6XbDTvBD6BiyJiLPmBvC6c1qUF7u.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/WL9BgcHrEzs0ZuF9TzR8oLBkWGXNUXXt2nyQeCo7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/HFi6LAT8dY0jHScteawCGoUYx7ayNwzCwJjaHhUj.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/xB10z24YTlCMON7hGvfcdtH7nQjFz4n7bRPdTcMD.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/RFvAREVySR8FhgS4dOU353MkFBHvrm4tURPdIOA7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/QAn1PSJDSMKMXmI4iyBR263Xgwj89IhNBQ9wsqMp.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/506cjjdf0y1w4smwuwWX7cNaIg2jC1Pe5ME6HaCR.jpg"]
) {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.content--single-page .content-entry img:is(
    [src="https://cdn.salla.sa/oVwZZ/0fd1oHm1EvrvbLJh2l1aaN4IdjKXJBqEe76S87fl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Fvdx1lPd3N3lXVG95MdpSFVX9jULm1B2MUHMTqwE.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/MkX77wZAaeUq6hUBL8Bz3YEAUMGtXjB0NFjjB57y.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/pwReLYz9k3P9dgCI9Eendzd353VuepXyFtoZgEM6.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/otMVyTAS9178mNNOKPjM2HInIj9fbovkwTXWiZJ7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/EWo1axSjFiMGV9wek8PGxO4Pp5ImJhK2qTXwhewZ.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ahgyEqWv4P9iM9Qbgdpqbk5PZeehqDPoh2OD39qr.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fnxOqLU1MAIK2c5pAbyd5RHhhHYLjttwfS9j8VnF.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/rSUZHJGKTZbVmhgZZ8r0obrNCKEaqcvwP3qHU3TK.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/mp3Cvw9rLReD5lXpWuNDvMTCwVggzrFccP8pSxkk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Rh2hdS8TeStm9v1cl8UgWKWweoYLbX85KJTAGKnn.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/K1ZCGcqSSSUkrntCU6xHAgZeq2te7R7xuhbe04DA.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/1VHbqzeFjvdj6yr1EjsDjRSLB51pw3HeuIxZXkQd.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ugptSVF0MOd7a0UgCEV5jlQzQM92IiUVoDXCIqir.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/FrWxDBDdofF0XVkbBCxkwJHTkKB5TqZOuhYeSPJl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/b8hlxJUrCZstfCvVHKJXHRgYydAAiwe4Y7G7KSYe.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/LONYuwC4weSqes4GvKJ5JlbALuLCRNQvlcTIOtNC.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/tkbQiiKcjHWj4QtTRj67sekEUoYURBrBXxgjHFdk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fuMgywwkmPWb6XbDTvBD6BiyJiLPmBvC6c1qUF7u.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/WL9BgcHrEzs0ZuF9TzR8oLBkWGXNUXXt2nyQeCo7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/HFi6LAT8dY0jHScteawCGoUYx7ayNwzCwJjaHhUj.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/xB10z24YTlCMON7hGvfcdtH7nQjFz4n7bRPdTcMD.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/RFvAREVySR8FhgS4dOU353MkFBHvrm4tURPdIOA7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/QAn1PSJDSMKMXmI4iyBR263Xgwj89IhNBQ9wsqMp.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/506cjjdf0y1w4smwuwWX7cNaIg2jC1Pe5ME6HaCR.jpg"]
):hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}


.content--single-page .content-entry p:has(> a > img:is(
    [src="https://cdn.salla.sa/oVwZZ/0fd1oHm1EvrvbLJh2l1aaN4IdjKXJBqEe76S87fl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Fvdx1lPd3N3lXVG95MdpSFVX9jULm1B2MUHMTqwE.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/MkX77wZAaeUq6hUBL8Bz3YEAUMGtXjB0NFjjB57y.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/pwReLYz9k3P9dgCI9Eendzd353VuepXyFtoZgEM6.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/otMVyTAS9178mNNOKPjM2HInIj9fbovkwTXWiZJ7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/EWo1axSjFiMGV9wek8PGxO4Pp5ImJhK2qTXwhewZ.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ahgyEqWv4P9iM9Qbgdpqbk5PZeehqDPoh2OD39qr.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fnxOqLU1MAIK2c5pAbyd5RHhhHYLjttwfS9j8VnF.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/rSUZHJGKTZbVmhgZZ8r0obrNCKEaqcvwP3qHU3TK.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/mp3Cvw9rLReD5lXpWuNDvMTCwVggzrFccP8pSxkk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/Rh2hdS8TeStm9v1cl8UgWKWweoYLbX85KJTAGKnn.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/K1ZCGcqSSSUkrntCU6xHAgZeq2te7R7xuhbe04DA.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/1VHbqzeFjvdj6yr1EjsDjRSLB51pw3HeuIxZXkQd.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/ugptSVF0MOd7a0UgCEV5jlQzQM92IiUVoDXCIqir.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/FrWxDBDdofF0XVkbBCxkwJHTkKB5TqZOuhYeSPJl.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/b8hlxJUrCZstfCvVHKJXHRgYydAAiwe4Y7G7KSYe.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/LONYuwC4weSqes4GvKJ5JlbALuLCRNQvlcTIOtNC.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/tkbQiiKcjHWj4QtTRj67sekEUoYURBrBXxgjHFdk.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/fuMgywwkmPWb6XbDTvBD6BiyJiLPmBvC6c1qUF7u.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/WL9BgcHrEzs0ZuF9TzR8oLBkWGXNUXXt2nyQeCo7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/HFi6LAT8dY0jHScteawCGoUYx7ayNwzCwJjaHhUj.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/xB10z24YTlCMON7hGvfcdtH7nQjFz4n7bRPdTcMD.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/RFvAREVySR8FhgS4dOU353MkFBHvrm4tURPdIOA7.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/QAn1PSJDSMKMXmI4iyBR263Xgwj89IhNBQ9wsqMp.jpg"],
    [src="https://cdn.salla.sa/oVwZZ/506cjjdf0y1w4smwuwWX7cNaIg2jC1Pe5ME6HaCR.jpg"]
)) {
    display: grid;
    gap: 20px;
    margin: 0;
}


@media (min-width: 768px) {
    .content--single-page .content-entry p:has(> a > img:is(
        [src="https://cdn.salla.sa/oVwZZ/0fd1oHm1EvrvbLJh2l1aaN4IdjKXJBqEe76S87fl.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/Fvdx1lPd3N3lXVG95MdpSFVX9jULm1B2MUHMTqwE.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/MkX77wZAaeUq6hUBL8Bz3YEAUMGtXjB0NFjjB57y.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/pwReLYz9k3P9dgCI9Eendzd353VuepXyFtoZgEM6.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/otMVyTAS9178mNNOKPjM2HInIj9fbovkwTXWiZJ7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/EWo1axSjFiMGV9wek8PGxO4Pp5ImJhK2qTXwhewZ.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/ahgyEqWv4P9iM9Qbgdpqbk5PZeehqDPoh2OD39qr.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/fnxOqLU1MAIK2c5pAbyd5RHhhHYLjttwfS9j8VnF.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/rSUZHJGKTZbVmhgZZ8r0obrNCKEaqcvwP3qHU3TK.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/mp3Cvw9rLReD5lXpWuNDvMTCwVggzrFccP8pSxkk.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/Rh2hdS8TeStm9v1cl8UgWKWweoYLbX85KJTAGKnn.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/K1ZCGcqSSSUkrntCU6xHAgZeq2te7R7xuhbe04DA.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/1VHbqzeFjvdj6yr1EjsDjRSLB51pw3HeuIxZXkQd.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/ugptSVF0MOd7a0UgCEV5jlQzQM92IiUVoDXCIqir.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/FrWxDBDdofF0XVkbBCxkwJHTkKB5TqZOuhYeSPJl.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/b8hlxJUrCZstfCvVHKJXHRgYydAAiwe4Y7G7KSYe.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/LONYuwC4weSqes4GvKJ5JlbALuLCRNQvlcTIOtNC.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/tkbQiiKcjHWj4QtTRj67sekEUoYURBrBXxgjHFdk.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/fuMgywwkmPWb6XbDTvBD6BiyJiLPmBvC6c1qUF7u.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/WL9BgcHrEzs0ZuF9TzR8oLBkWGXNUXXt2nyQeCo7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/HFi6LAT8dY0jHScteawCGoUYx7ayNwzCwJjaHhUj.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/xB10z24YTlCMON7hGvfcdtH7nQjFz4n7bRPdTcMD.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/RFvAREVySR8FhgS4dOU353MkFBHvrm4tURPdIOA7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/QAn1PSJDSMKMXmI4iyBR263Xgwj89IhNBQ9wsqMp.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/506cjjdf0y1w4smwuwWX7cNaIg2jC1Pe5ME6HaCR.jpg"]
    )) {
        grid-template-columns: repeat(4, 1fr);
    }
}


@media (max-width: 767px) {
    .content--single-page .content-entry p:has(> a > img:is(
        [src="https://cdn.salla.sa/oVwZZ/0fd1oHm1EvrvbLJh2l1aaN4IdjKXJBqEe76S87fl.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/Fvdx1lPd3N3lXVG95MdpSFVX9jULm1B2MUHMTqwE.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/MkX77wZAaeUq6hUBL8Bz3YEAUMGtXjB0NFjjB57y.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/pwReLYz9k3P9dgCI9Eendzd353VuepXyFtoZgEM6.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/otMVyTAS9178mNNOKPjM2HInIj9fbovkwTXWiZJ7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/EWo1axSjFiMGV9wek8PGxO4Pp5ImJhK2qTXwhewZ.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/ahgyEqWv4P9iM9Qbgdpqbk5PZeehqDPoh2OD39qr.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/fnxOqLU1MAIK2c5pAbyd5RHhhHYLjttwfS9j8VnF.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/rSUZHJGKTZbVmhgZZ8r0obrNCKEaqcvwP3qHU3TK.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/mp3Cvw9rLReD5lXpWuNDvMTCwVggzrFccP8pSxkk.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/Rh2hdS8TeStm9v1cl8UgWKWweoYLbX85KJTAGKnn.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/K1ZCGcqSSSUkrntCU6xHAgZeq2te7R7xuhbe04DA.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/1VHbqzeFjvdj6yr1EjsDjRSLB51pw3HeuIxZXkQd.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/ugptSVF0MOd7a0UgCEV5jlQzQM92IiUVoDXCIqir.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/FrWxDBDdofF0XVkbBCxkwJHTkKB5TqZOuhYeSPJl.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/b8hlxJUrCZstfCvVHKJXHRgYydAAiwe4Y7G7KSYe.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/LONYuwC4weSqes4GvKJ5JlbALuLCRNQvlcTIOtNC.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/tkbQiiKcjHWj4QtTRj67sekEUoYURBrBXxgjHFdk.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/fuMgywwkmPWb6XbDTvBD6BiyJiLPmBvC6c1qUF7u.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/WL9BgcHrEzs0ZuF9TzR8oLBkWGXNUXXt2nyQeCo7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/HFi6LAT8dY0jHScteawCGoUYx7ayNwzCwJjaHhUj.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/xB10z24YTlCMON7hGvfcdtH7nQjFz4n7bRPdTcMD.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/RFvAREVySR8FhgS4dOU353MkFBHvrm4tURPdIOA7.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/QAn1PSJDSMKMXmI4iyBR263Xgwj89IhNBQ9wsqMp.jpg"],
        [src="https://cdn.salla.sa/oVwZZ/506cjjdf0y1w4smwuwWX7cNaIg2jC1Pe5ME6HaCR.jpg"]
    )) {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}





.content-entry {
  min-height: unset !important; 
}



salla-slider[block-title="قد يعجبك أيضًا"] .swiper-slide {
  opacity: 1 !important;
  transform: none !important;
}


















section.s-block--testimonials .swiper-slide > div.bg-white {
    background-color: #272626 !important; 
    border: 1px solid #272626 !important; 
    border-radius: 12px !important;
    padding: 30px 20px !important;
    box-shadow: none !important;
    direction: rtl !important;
}

section.s-block--testimonials .swiper-slide .flex-col.-mt-8 {
    margin-top: 0 !important;
    align-items: flex-start !important; 
    text-align: right !important; 
    padding-bottom: 0 !important;
}


section.s-block--testimonials .s-testimonials--slider--img {
    align-items: flex-start !important; 
    width: 100% !important;
}

section.s-block--testimonials .testimonial__avatar {
    width: 65px !important;
    height: 65px !important;
    margin: 0 0 15px 0 !important;
    background-color: #1f1f1f !important; 
    border-radius: 50% !important;
    box-shadow: none !important;
}


section.s-block--testimonials h4.da-tm {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-align: right !important;
    width: 100% !important;
}

section.s-block--testimonials .testimonial__rating {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important; 
    margin-top: 0 !important;
}

section.s-block--testimonials .s-rating-stars-btn-star svg path {
    fill: #e31b23 !important;
}

section.s-block--testimonials p.text-base.da-tm.text-center {
    color: #e5e5e5 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-top: 15px !important;
    text-align: right !important; 
    width: 100% !important;
}

section.s-block--testimonials i.testimonial__icon.sicon-quote,
html[dir="rtl"] section.s-block--testimonials i.testimonial__icon.sicon-quote {
    color: #3D3C3C !important; 
    opacity: 1 !important; 
    visibility: visible !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important; 
    right: auto !important; 
    font-size: 35px !important; 
    transform: none !important; 
}

section.s-block--testimonials i.testimonial__icon.sicon-quote::before {
    color: #3D3C3C !important;
}

html[dir="rtl"] section.s-block--testimonials i.testimonial__icon {
    left: 20px !important;
    right: auto !important;
}

section.s-block--testimonials p.text-gray-400.da-ts:empty {
    display: none !important;
}









section.s-block--testimonials .s-slider-block__title-right h2 {
    color: #ffffff !important;
    text-align: right !important;
}






@media (max-width: 768px) {
    
    
    .store-header .header-container > .flex > div:nth-child(1) {
        order: 1 !important;
        width: auto !important;
        justify-content: flex-end !important;
    }
    .store-header .header-container > .flex > div:nth-child(2) {
        order: 2 !important;
        flex: 1 !important; 
        align-items: flex-start !important; 
    }



    .store-header .header-container > .flex > div:nth-child(3) {
        order: 3 !important;
        width: auto !important;
    }
}




















.store-footer__inner {
    background-color: #050505 !important;
    color: #e5e5e5 !important;
}

.store-footer .container {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}


.store-footer .to-top {
    display: flex !important;
    justify-content: flex-start !important; 
    width: 100% !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #1f1f1f !important;
    margin: 0 !important;
}

.store-footer .to-top a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 30px !important;
    padding: 8px 18px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

.store-footer .to-top p { color: #000000 !important; font-size: 13px !important; font-weight: 700 !important; margin: 0 !important; }
.store-footer .to-top i { color: #000000 !important; font-size: 14px !important; }


.store-footer .footer-top {
    position: absolute !important;
    left: 15px !important;
    top: 25px !important; 
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

.store-footer .s-social-list {
    display: flex !important;
    gap: 15px !important;
}

.store-footer .s-social-link, .store-footer .s-social-link a, .store-footer .s-social-link a::before {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    display: flex !important;
}

.store-footer .s-social-link a::before { display: none !important; }
.store-footer .s-social-icon { width: 22px !important; height: 22px !important; }
.store-footer .s-social-icon svg { fill: #ffffff !important; width: 100% !important; height: 100% !important; }


.store-footer .footer-middle {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}


.store-footer .footer-middle > div {
    border-bottom: 1px solid #1f1f1f !important;
    padding: 25px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    text-align: right !important;
}

.store-footer .footer-middle > div:last-child {
    border-bottom: none !important;
}


.store-footer .footer-profile {
    align-items: flex-start !important; 
}
.store-footer .footer-profile .logo-footer {
    margin: 0 0 15px 0 !important;
}
.store-footer .footer-profile p {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    text-align: right !important;
    width: 100% !important;
}


.store-footer .menu-list { width: 100% !important; text-align: right !important; }
.store-footer .menu-list h3, .store-footer h3.s-contacts-title {
    color: #e31b23 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
    text-align: right !important;
    width: 100% !important;
}
.store-footer .footer-list a {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    text-align: right !important;
    display: block !important;
}


.store-footer salla-contacts {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
}

.store-footer .s-contacts-list::before {
    content: "نخدمك بعيوننا، تواصل معنا وابشر بسعدك.";
    display: block !important;
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    text-align: right !important;
    width: 100% !important;
}

.store-footer .s-contacts-list {
    display: flex !important;
    flex-direction: row !important; 
    justify-content: flex-start !important; 
    gap: 12px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.store-footer .s-contacts-item {
    background-color: #272626 !important;
    border-radius: 30px !important;
    padding: 10px 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    width: auto !important;
}

.store-footer .s-contacts-icon { background: transparent !important; margin: 0 !important; width: 18px !important; height: 18px !important; }
.store-footer .s-contacts-icon svg { fill: #ffffff !important; }
.store-footer .unicode { color: #ffffff !important; }


.store-footer a[href*="wa.me"] .unicode { font-size: 0 !important; }
.store-footer a[href*="wa.me"] .unicode::after { content: "واتساب"; font-size: 14px; }
.store-footer a[href*="tel:"] .unicode { font-size: 0 !important; }
.store-footer a[href*="tel:"] .unicode::after { content: "الرقم الموحد"; font-size: 14px; }
.store-footer a[href*="mailto:"] { display: none !important; }


.store-footer .footer-vat {
    display: flex !important;
    flex-direction: column !important; 
    justify-content: flex-start !important;
    align-items: flex-start !important; 
    width: 100% !important;
    padding: 0 !important;
    gap: 20px !important; 
}

.store-footer salla-trust-badges {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
}
.store-footer salla-trust-badges .s-trust-badges-content { text-align: right !important; }
.store-footer salla-trust-badges .s-trust-badges-label { color: #888888 !important; font-size: 12px !important; }
.store-footer salla-trust-badges .s-trust-badges-number { color: #ffffff !important; font-size: 13px !important; }
.store-footer salla-trust-badges img { width: 40px !important; height: auto !important; }

.store-footer .footer-vat > div.flex {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}
.store-footer .vat-num p { color: #888888 !important; font-size: 12px !important; margin: 0 !important; text-align: right !important;}
.store-footer .vat-num span { color: #ffffff !important; font-size: 13px !important; display: block !important; text-align: right !important;}


.store-footer .footer-bottom {
    border-top: 1px solid #1f1f1f !important;
    padding: 20px 0 !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.store-footer .footer-bottom ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}

.store-footer .footer-bottom li {
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    height: auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.store-footer .footer-bottom img {
    height: 24px !important; 
    width: auto !important;
    object-fit: contain !important;
}







.store-footer .s-social-icon svg {
    display: none !important;
}


.store-footer .s-social-icon {
    width: 22px !important;
    height: 22px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}




.store-footer a[aria-label="instagram"] .s-social-icon {
    background-image: url('https://cdn.salla.sa/oVwZZ/nZzTMehC2KB6MRcOEPV38byPMqw55JtDZvODXre4.png') !important;
}


.store-footer a[aria-label="twitter"] .s-social-icon {
    background-image: url('https://cdn.salla.sa/oVwZZ/Xt8iage3zqKb6wYipFH1bVT2C80m138MLUJWKUU9.png') !important;
}


.store-footer a[aria-label="snapchat"] .s-social-icon {
    background-image: url('https://cdn.salla.sa/oVwZZ/ysy9nk4mijCwbhfBmaSEGcWD3wUCSXn3rzTCBfLm.png') !important;
}


.store-footer a[aria-label="tiktok"] .s-social-icon {
    background-image: url('https://cdn.salla.sa/oVwZZ/Fm5H2CQdNoq5lsVJkGC4whcRvYocVQfz95ILHeBL.png') !important;
}


.store-footer a[aria-label="youtube"] .s-social-icon {
    background-image: url('https://cdn.salla.sa/oVwZZ/VJrdhKVYqFJbZ9g9IQNTdPK1VjW8y8tnsziK3emc.png') !important;
}


.store-footer .s-social-link, 
.store-footer .s-social-link a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


.store-footer .footer-top {
    position: absolute !important;
    left: 20px !important;
    top: 25px !important;
    width: auto !important;
    border: none !important;
}

.store-footer .s-social-list {
    display: flex !important;
    gap: 12px !important; 
    flex-direction: row !important;
}






.store-footer .footer-profile {
    max-width: 100% !important; 
    width: 100% !important;
    align-items: flex-start !important; 
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.store-footer .footer-profile p {
    text-align: right !important;
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.store-footer .footer-bottom li.pay-mahally_customer_wallet {
    display: none !important;
    visibility: hidden !important;
  
}


















custom-salla-product-card.s-product-card-entry {
    background-color: #1d1d1d !important; 
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}


.s-product-card-image {
    position: relative !important;
    background-color: #1d1d1d !important;
}


.s-product-card-promotion-title {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important; 
    right: auto !important;
    bottom: auto !important;
    background-color: rgba(60, 60, 60, 0.85) !important; 
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    font-size: 11px !important;
    z-index: 5 !important;
    transform: none !important;
}


.s-product-card-actions {
    display: none !important;
}


.s-product-card-content {
    padding: 15px 15px 0 15px !important;
    background-color: #1d1d1d !important;
    display: flex !important;
    flex-direction: column !important;
}

.s-product-card-content-main {
    text-align: right !important; 
    width: 100% !important;
}


.s-product-card-content-title, 
.s-product-card-content-title a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: right !important;
    margin-bottom: 5px !important;
}


.s-product-card-content-subtitle {
    color: #a0a0a0 !important;
    font-size: 13px !important;
    text-align: right !important;
    margin-bottom: 15px !important;
}


.s-product-card-content-sub {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    width: 100% !important;
    margin-bottom: 20px !important;
}

.s-product-card-sale-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}


.s-product-card-price {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 !important;
}


.s-product-card-price-before {
    color: #a0a0a0 !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    text-decoration-color: #ed1b24 !important; 
    text-decoration-thickness: 1.5px !important;
}


.s-product-card-content-sub::after {
    content: "قسم فاتورتك على 4 دفعات" !important; 
    display: block !important;
    margin-top: 12px !important;
    color: #a0a0a0 !important;
    font-size: 12px !important;
    padding-right: 0 !important; 
    padding-left: 85px !important; 
    background-image: url('https://cdn.assets.salla.network/themes/1034648396/1.161.0/images/tabby_installment.png'), url('https://cdn.assets.salla.network/themes/1034648396/1.161.0/images/tamara_installment.png') !important;
    background-position: left center, left 40px center !important; 
    background-size: 35px auto, 35px auto !important;
    background-repeat: no-repeat !important;
    text-align: right !important; 
    line-height: 20px !important;
    
    white-space: nowrap !important;
    overflow: hidden !important;
}

@media (max-width: 480px) {
    .s-product-card-content-sub::after {
        font-size: 9px !important; 
        padding-left: 65px !important;
        background-size: 28px auto, 28px auto !important;
        background-position: left center, left 32px center !important;
    }
}


.s-product-card-content-footer {
    margin: 0 -15px !important; 
    padding: 0 !important;
    width: calc(100% + 30px) !important;
    border-radius: 0 0 12px 12px !important;
    overflow: hidden !important;
}

.s-product-card-content-footer salla-add-product-button,
.s-product-card-content-footer .w-full {
    width: 100% !important;
    border-radius: 0 !important;
}

.s-product-card-content-footer .s-button-btn {
    background-color: #ed1b24 !important; 
    color: #ffffff !important; 
    border: none !important;
    border-radius: 0 !important; 
    width: 100% !important;
    padding: 15px 0 !important; 
    font-size: 16px !important;
    font-weight: bold !important;
    justify-content: center !important;
    box-shadow: none !important;
}

.s-product-card-content-footer .s-button-btn:hover {
    background-color: #c9151d !important; 
}


.s-product-card-content-footer .s-button-btn i {
    color: #ffffff !important;
}










.s-block__title h2,
.s-slider-block__title-right h2,
.s-block-title h2,
.s-slider-block__title h2,
.store-home section h2 {
    color: #ffffff !important;
    text-align: right !important;
    font-weight: 700 !important;
    margin-right: 0 !important;
}


.s-block__title,
.s-slider-block__title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    direction: rtl !important; 
    width: 100% !important;
    margin-bottom: 20px !important;
}


.s-slider-block__title-left {
    margin-right: auto !important;
    margin-left: 0 !important;
}





.s-products-list-wrapper, 
.s-products-list-horizontal-cards {
    gap: 7px !important; 
}







custom-salla-product-card div.s-product-card-promotion-title,
.s-products-list-wrapper .s-product-card-promotion-title {
    color: #ffffff !important; 
    -webkit-text-fill-color: #ffffff !important; 
    text-shadow: none !important; 
}




section.s-blog--slider .swiper-slide > div.bg-white {
    background-color: #363636 !important; 
    border-radius: 12px !important;
    overflow: hidden !important; 
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}


section.s-blog--slider .swiper-slide .flex-col.-mt-6 {
    margin-top: 0 !important;
    padding: 0 !important; 
    gap: 0 !important;
}


section.s-blog--slider .s-blog--slider--img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

section.s-blog--slider .post-entry__image {
    height: 300px !important; 
    width: 100% !important;
    border-radius: 0 !important; 
    margin: 0 !important;
}


section.s-blog--slider .s-blog--slider--title {
    background-color: #1D1D1D !important; 
    padding: 20px 25px !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    text-align: right !important;
    direction: rtl !important;
}


section.s-blog--slider .s-blog--slider--title h2,
section.s-blog--slider .s-blog--slider--title h2 a {
    color: #ffffff !important; 
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    text-align: right !important;
    width: 100% !important;
}


section.s-blog--slider .s-blog--slider--title p {
    color: #a0a0a0 !important; 
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: right !important;
    width: 100% !important;
}


section.s-blog--slider .swiper-slide > div.bg-white {
    max-width: 240px !important; 
    margin: 0 auto !important; 
}


section.s-blog--slider .post-entry__image {
    height: 300px !important; 
}










.s-product-card-content {
    padding: 15px 15px 0 15px !important; 
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}





.s-product-card-content-footer {
    margin: auto -15px 0 -15px !important;
    padding: 0 !important;
    width: auto !important; 
    border-radius: 0 0 12px 12px !important; 
    overflow: hidden !important;
}


.s-product-card-content-footer .s-button-btn {
    background-color: #ed1b24 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important; 
    width: 100% !important;
    padding: 16px 0 !important; /
    font-size: 16px !important;
    font-weight: bold !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 0 !important; 
}




salla-add-product-button {
    margin: 0 !important;
    display: block !important;
}




.s-block__title h2, 
.s-slider-block__title-right h2, 
.s-block-title h2, 
.s-slider-block__title h2, 
.store-home section h2 {
    font-size: 2.2rem !important; 
    font-style: italic !important; 
    font-weight: 800 !important;   
    line-height: 1.2 !important;
    color: #ffffff !important;
    text-align: right !important;
}


@media (max-width: 768px) {
    .s-block__title h2, 
    .s-slider-block__title-right h2, 
    .s-slider-block__title h2 {
        font-size: 1.8rem !important; 
    }

}



.s-product-card-promotion-title, 
custom-salla-product-card div.s-product-card-promotion-title {
    border: none !important;           
    box-shadow: none !important;         
    outline: none !important;            
    
  
    background-color: #5b5b5b !important; 
    color: #ffffff !important;           

}







.s-modal-body .s-products-slider-wrapper {
    width: 100% !important;
    max-width: 200px !important; 
    margin: 0 auto !important;
}

.s-modal-body .s-products-slider-card {
    width: 250px !important; 
    display: flex !important;
    justify-content: center !important;
}

.s-modal-body custom-salla-product-card {
    width: 100% !important;
    min-width: 200px !important;
}

.s-modal-body .s-product-card-content-footer .s-button-btn {
    padding: 12px 0 !important;
}

@media (min-width: 768px) {
    .s-modal-md {
        max-width: 500px !important;
    }
}


.buy-with .s-block__title h2.da-cp {
    color: #000000 !important;
}









@media (max-width: 767px) {
    /* 1. جعل حاوية السلايدر سوداء بالكامل وتقليل المساحة العلوية */
    .details-slider, 
    .image-slider, 
    .swiper.s-slider-container {
        background-color: #000000 !important;
        padding-top: 0px !important; 
        padding-bottom: 0 !important;
        margin: 0 !important;
        /* التأكد من إلغاء أي فراغات جانبية من الحاوية */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. تكبير الصورة لتقليل الفراغ الجانبي */
    .details-slider .swiper-slide img {
        /* رفعنا النسبة لتقليل الفراغ يميناً ويساراً */
        width: 96% !important; 
        margin: 0 auto !important;
        border-radius: 20px !important; 
        /* تم تغيير contain إلى cover أو fill إذا أردت ملء كامل لكن يفضل cover للحفاظ على الأبعاد */
        object-fit: cover !important; 
        display: block !important;
        height: auto !important;
    }

    /* التأكد من أن الشريحة نفسها تأخذ العرض كاملاً */
    .swiper-slide {
        width: 100% !important;
        background-color: transparent !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* 3. تنسيق حاوية النقاط (الرمادية) ورفعها للأعلى */
    .details-slider .swiper-pagination {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        /* زيادة المارجن السالب لرفعها أكثر إذا كبرت الصورة */
        margin-top: -40px !important; 
        position: relative !important;
        z-index: 10 !important;
        background-color: rgba(128, 128, 128, 0.5) !important; 
        width: auto !important;
        max-width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 8px 12px !important; 
        border-radius: 20px !important; 
    }

    /* 4. تنسيق النقاط البيضاء بالداخل */
    .details-slider .swiper-pagination-bullet {
        background: #ffffff !important; 
        opacity: 0.5 !important;
        width: 7px !important;
        height: 7px !important;
        margin: 0 4px !important;
    }

    .details-slider .swiper-pagination-bullet-active {
        background: #ffffff !important; 
        opacity: 1 !important;
        width: 18px !important; 
        border-radius: 10px !important;
    }

    /* إخفاء العناصر غير الضرورية */
    .s-slider-thumbs, .details-slider .s-slider-nav-arrow {
        display: none !important;
    }
}













@media (max-width: 767px) {
    /* 1. الحاوية الرئيسية: جعلها عريضة جداً بخلفية سوداء */
    .s-quantity-input-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        background-color: #000000 !important;
        border-radius: 50px !important;
        padding: 5px 12px !important;
        /* العرض هنا هو المتحكم في كلمة "عريضة" */
        width: 100% !important; 
        max-width: 680px !important; /* زدنا العرض الأقصى لتكون عريضة وواضحة */
        height: 55px !important;
        border: none !important;
        margin: 10px auto !important; /* لتوسيطها في الصفحة */
    }

    /* 2. أزرار الزائد والناقص: دوائر رمادية */
    .s-quantity-input-increase-button, 
    .s-quantity-input-decrease-button {
        background-color: #333333 !important; /* لون رمادي غامق */
        border-radius: 50% !important;
        width: 42px !important; /* حجم الدوائر الجانبية */
        height: 42px !important;
        min-width: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        border: none !important;
    }

    /* 3. دائرة الرقم في المنتصف: دائرة حمراء */
    .s-quantity-input-input {
        background-color: #ed1b24 !important; 
        border-radius: 50% !important;
        width: 42px !important; /* نفس حجم الدوائر الجانبية للتناسق */
        height: 42px !important;
        color: #ffffff !important;
        font-size: 18px !important;
        font-weight: bold !important;
        text-align: center !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. ضبط حجم الأيقونات (الزائد والناقص) */
    .s-quantity-input-button span svg {
        width: 16px !important;
        height: 16px !important;
        fill: #ffffff !important;
    }

    /* لضمان توسيط القسم بالكامل في شريط الجوال السفلي */
    .sticky-product-bar__quantity {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
}








/* إخفاء سكشن وسائل الدفع */
.s-block--payment {
    display: none !important;
}




@media (max-width: 767px) {
    /* 1. أهم خطوة: إلغاء المسافات الجانبية للحاوية الأساسية في الجوال */
    /* هذا يزيل البياض من يمين ويسار الشاشة */
    .main-content, 
    .mob\:container, 
    .sidebar {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    /* 2. تلوين السكاشن بالأسود وجعلها تمتد للحافة */
    .product-entry__sub-title, 
    h1.da-tm, 
    .tab-trigger[data-target="product-tabs-faqs"], 
    .price.my-1 {
        background-color: #000 !important;
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
        /* إضافة مسافة داخلية للنص حتى لا يلتصق بالحافة */
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* 3. تنسيق "مناسب لجميع السيارات" */
    .product-entry__sub-title {
        color: #ccc !important;
        padding-top: 20px !important;
        border-radius: 0 !important; /* إزالة أي انحناء */
    }

    /* 4. تنسيق العنوان الرئيسي */
    h1.da-tm {
        color: #fff !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* 5. تنسيق النجوم والتقييمات */
    .tab-trigger.block.w-max {
        background-color: #000 !important;
        max-width: 100% !important;
        padding-bottom: 10px !important;
    }
    .s-rating-stars-reviews {
        color: #fff !important;
    }

    /* 6. تنسيق منطقة السعر */
    .price.my-1 {
        padding-bottom: 25px !important;
    }
    .total-price { color: #fff !important; }
    .before-price { color: #777 !important; }
    .price.my-1 small.color-grey { color: #aaa !important; }

    /* 7. الصورة: نتركها بحجمها الطبيعي لكن نلغي الفراغ تحتها */
    .details-slider, salla-slider.details-slider {
        margin-bottom: 0 !important;
        width: 100% !important;
    }
    
    .details-slider img {
        border-radius: 0 !important; /* لجعلها قطعة واحدة مع السواد */
    }

    /* إخفاء أي خلفية بيضاء قد تظهر خلف السواد */
    .main-content {
        background-color: transparent !important;
    }
}

@media (max-width: 767px) {
    /* 1. إزالة أي مسافات داخلية للحاوية الكبرى لتسمح بالالتصاق */
    .main-content.mob\:container, 
    .main-content, 
    .sidebar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

 
}










@media (max-width: 767px) {

    /* تعديل السكشن الخاص بالكبسولة ليكون أسود ممتد */
    .product-entry__sub-title {
        background-color: #000 !important; /* الخلفية الكبيرة سوداء لتتصل بما قبلها وبعدها */
        width: 100% !important;
        display: block !important;
        padding: 20px 20px 10px 20px !important; /* مسافات للسكشن */
        margin: 0 !important;
        color: transparent !important; /* إخفاء النص الأصلي المباشر */
        border-radius: 0 !important;
    }

    /* تحويل النص نفسه بداخل الـ h3 إلى شكل الكبسولة الرمادية */
    /* ملاحظة: سنستخدم خاصية عرض النص داخل عنصر span أو داخل الـ h3 نفسه بتصميم مختلف */
    
    .product-entry__sub-title::before {
        content: "مناسب لجميع السيارات"; /* إعادة كتابة النص */
        display: inline-block !important;
        background-color: #2a2a2a !important; /* لون الكبسولة الرمادي */
        color: #fff !important; /* لون النص داخل الكبسولة */
        padding: 4px 15px !important; /* شكل الكبسولة */
        border-radius: 50px !important; /* تدوير الكبسولة */
        font-size: 12px !important;
        visibility: visible !important;
    }

}

/* استهداف الهواتف فقط (أقل من 768 بكسل) */
@media (max-width: 767px) {
    /* تحديد المسار بدقة داخل price_is_on_sale لضمان عدم التأثير على سكشنات أخرى */
    .price-wrapper .price_is_on_sale h2.total-price.text-red-400 {
        color: #f86468 !important; /* اللون الأحمر الصريح */
    }
}