.s-block--about p, .s-block--about h2{
color: #fff;
}
.s-offer-card-title{
overflow: visible !important;
white-space: nowrap !important;
}
.product-single__main-media{
position: relative;
}
@media (max-width: 768px) {
.sizes-box > div {
flex-wrap: nowrap !important;
overflow-x: auto;
scrollbar-width: none;
}
.sizes-box > div::-webkit-scrollbar {
display: none;
}
.sizes-box a,
.sizes-box span {
flex: 0 0 auto;
white-space: nowrap;
}
}
.product-single__main-media .flex.text-\[\#f11e1e\]{
position: absolute;
top: 12px;
left: 8px;
background: #fff2f2;
padding: 3px 6px;
border-radius: 6px;
font-size: 11px;
width: fit-content;
z-index: 9;
}
salla-installment {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
margin-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
}
#tabbyPromo > [class*='styles__tabby'],
.tamara-product-widget {
border: 0 !important;
}
@media (max-width: 991px) {
.product-single .product-single-top-description video{
height: 400px;
width: 100%;
object-fit: cover;
}
.tamara-product-widget span {
font-size: 12px;
}
.app-inner .promotion-banner ul{
padding: 0 0
}
.app-inner .promotion-banner{
font-size: 13px;
padding: 3px 0;
}
.header-btn__icon, .sicon-menu.text-2xl{
font-size: 1.1rem;
}
}
[dir=rtl] .new-lang-btn svg{
margin-right: 9px;
margin-left: 0;
margin-left: initial;
}
[dir=ltr] .new-lang-btn svg{
margin-left: 9px;
margin-right: 0;
margin-right: initial;
}
body:not(.index) .new-lang-btn svg path{
stroke: #0e4532
}
salla-installment {
display: none;
}
.tamara-product-widget {
position: relative !important;
background-color: #fff !important;
font-family: var(--store-font) !important;
line-height: 1.6 !important;
border-radius: 6px !important;
color: #000 !important;
margin: 0 5px !important;
min-width: 45% !important;
max-width: 45% !important;
border: 1px solid #de9681 !important;
padding: 0 10px !important;
padding-bottom: 10px !important;
padding-top: 25px !important;
font-size: 11px !important;
font-weight: 400 !important;
min-height: 80px !important;
max-height: 110px !important;
display: block !important;
text-align: start !important;
}
#tabbyPromoWrapper {
background-color: #fff !important;
font-family: var(--store-font) !important;
line-height: 1.6 !important;
border-radius: 6px !important;
font-weight: 400 !important;
position: relative !important;
padding: 0 10px !important;
margin: 0 5px !important;
min-width: 45% !important;
max-width: 45% !important;
font-size: 11px !important;
border: 1px solid #3bffc4 !important;
min-height: 80px !important;
max-height: 110px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding-bottom: 15px !important;
padding-top: 20px !important;
text-align: start !important;
}
.group-banner,.index .main-nav-container.fixed-header .new-lang-btn{
display: none !important;
}
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button{
background-color: #011A30 !important;
}
.special-categories .single-banner {
flex: 0 0 100% !important;
max-width: 100% !important;
}.s-block--about h2, .s-block--about p{
text-align: center;
}
.s-block--about a{
margin: 0 auto;
display: flex;
width: 150px;
align-items: center;
justify-content: center;
}
/*.product-single .s-add-product-button-main:not(.w-full)>salla-button{
width: 100% !important;
}
.product-single .s-add-product-button-main{
width: 100%;
}
.product-single salla-mini-checkout-widget{
display: none;
}*/
/*.index h2.text-2xl{
font-size: 1.2rem;
}*/
.enhanced-title-border{
display: none !important;
}
.product-card__normal-cart__btn salla-button button,.product-card__mini-cart salla-button button{
justify-content: start;
background: #dde8da;
border-color: #373413;
padding-bottom: .25rem;
padding-top: 0.5rem;
border-radius: 0;
color: #0e4532;
}
.product-single .tabs.hide-scroll,.product-single .comment .flex .sicon-check, .product-single .comment .flex .sicon-check + span, .product-single .comment .flex .sicon-check + span + span{
display:none !important;
}
@media (min-width: 991px){
.product-card__mini-cart {
display: none;
}}
.product-single .comment .sicon-star2 {
color: black;
}
.s-rating-stars-selected {
fill: #837356
}
.footer-logo img{
width: 150px;
}
.product-card__normal-cart__btn button i, .product-card__mini-cart__btn button i{
display:none;
}
.product-card__mini-cart__btn button{
font-size: 12px;
}
.product-card__mini-cart__btn button i{
position: relative;
top: 3px;
}
.top-navbar .hidden.whitespace-nowrap{
display:none !important;
}
.border-4{
display:none}
.product-single .offer-slider .s-slider-block__title h2{
color: #f87171;
}
.product-single .offer-slider .s-slider-block__title p{
color: #111111;
opacity: 1;
}
.product-single .offer-slider .s-slider-block__title:before{
color: #eb5c5c;
}
.product-single .offer-slider .swiper-slide{
align-items: stretch;
display: flex;
align-self: stretch;
height: auto;
}
body.trans_header .store-header{
top: 3px;
}
@media (max-width: 991px) {
.s-block--about {
padding-top: 0
}
.s-block--about .container{
padding-right: 0px;
padding-left: 0px;
}
body.trans_header .store-header{
top: 30px;
}
}
.main-nav-container .sicon-cart:before{
opacity:0;
}
.main-nav-container .sicon-cart{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 5px;
}
body.trans_header.slider_has_overlay .main-nav-container:not(.fixed-header) .sicon-cart{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 5px;
}
.s-button-disabled{
opacity: 1
}
/* 2) ضمان ظهور زر الهامبرغر في كل المقاسات */
.header-btn--menu,
.navbar-toggler,
.sicon-menu.text-2xl {
display: flex !important;
align-items: center;
gap: 4px;
}
/* … (باقي الأكواد الأصلية حتى النهاية كما هي) … */
/* ------------------------------------------------------------------ */
/* HEADER MENU TOGGLE – LAVERNE STYLE */
/* ------------------------------------------------------------------ */
/* 1) إخفاء جميع روابط وأيقونات الهيدر (ما عدا زر القائمة) */
/* 4) تحسين حجم الأيقونة */
.header-btn--menu svg,
.navbar-toggler svg,
.sicon-menu.text-2xl {
width: 20px !important;
height: 20px !important;
}
/* 5) محاذاة العنصر لليمين في RTL أو لليسار في LTR */
[dir="rtl"] .header-btn--menu { margin-right: 0; margin-left: auto; }
[dir="ltr"] .header-btn--menu { margin-left: 0; margin-right: auto; }
/* ------------------------------------------------------------------ */
/* نهاية تعديل الهيدر */
/* ------------------------------------------------------------------ */
/* Wrapper to contain the products and title */
/* قسم المنتجات في صفحة الشيك آوت */
#checkout-products-section {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
padding: 20px;
background: #fff;
border: 1px solid #ccc;
border-radius: 16px;
margin: 30px auto;
width: 90%;
max-width: 1200px;
}
#checkout-products-section .product-card {
width: 180px;
font-size: 14px;
text-align: center;
background: #fff;
padding: 10px;
}
/* موبايل */
@media (max-width: 768px) {
#checkout-products-section {
gap: 4px;
padding: 5px 2px;
border-radius: 12px;
margin: 20px auto;
width: 95vw;
overflow-x: hidden;
}
#checkout-products-section .s-products-list-wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: .5rem;
}
#checkout-products-section .product-card {
width: 120px !important;
font-size: 11px;
padding: 0;
border-radius: 8px;
}
#checkout-products-section .product-card *:not(img) {
margin-top: 0 !important;
}
#checkout-products-section button {
font-size: 11px !important;
padding: 8px 5px !important;
}
#checkout-products-section .s-block__title {
margin-bottom: 0;
padding-bottom: 0;
}
#checkout-products-section .product-card__subtitle {
display: none !important;
}
}
.s-block__title h2 {
font-size: 1.5rem; /* adjust size as needed */
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
salla-add-product-button button {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
/* حواف مستديرة للصور */
.overflow-hidden img {
border-radius: 10px;
}
/* زر عرض المزيد */
#btn-show-more {
color: red !important;
}
/* تنسيق شبكة الصور */
ul.mx-auto.grid {
gap: 9px;
max-width: none;
}
ul.mx-auto.grid li div.overflow-hidden img {
width: 105%;
height: auto;
transition: transform 0.4s ease;
transform-origin: center;
}
ul.mx-auto.grid li div.overflow-hidden {
overflow: visible;
}
ul.mx-auto.grid li {
padding: 2px;
}
/* صور السلايدر داخل container.mt-6 */
.container.mt-6 .rounded-full {
width: 6rem !important;
height: 6rem !important;
border-radius: 16px !important;
max-width: none !important;
max-height: none !important;
}
/* موبايل */
@media (max-width: 768px) {
.container.mt-6 .swiper-slide {
padding: 0 10px;
box-sizing: border-box;
}
.container.mt-6 .rounded-full {
width: 100px !important;
height: 100px !important;
border-radius: 15px !important;
object-fit: cover;
}
.container.mt-6 .swiper-slide span.text-sm {
margin: 5px auto 0;
font-size: 14px;
max-width: 110px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.container.mt-6 .swiper-wrapper {
display: flex;
gap: 35px;
}
}
/* إزالة مسافات البانر */
.s-block.s-block--fixed-banner.fixed-banner--16 {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* صندوق المقاسات */
.sizes-box {
display:flex;
justify-content:center;
gap:8px;
margin-top:20px;
margin-bottom:10px;
}
.sizes-box a {
padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
color: #333;
text-decoration: none;
}
.sizes-box .active {
border-color: #000;
font-weight: bold;
}
/* تغيير نص الأزرار داخل المودال */
.s-modal-body .product-card__normal-cart button .s-button-text,
.s-modal-body .product-card__mini-cart button .s-button-text {
font-size: 0;
}
.s-modal-body .product-card__normal-cart button .s-button-text::after,
.s-modal-body .product-card__mini-cart button .s-button-text::after {
content: " قبول ";
font-size: 15px;
}
/* صور الروابط المربعة */
.s-block--square-links img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
aspect-ratio: auto !important;
}
/* تقليل المسافة أسفل العنوان */
.home-block-title {
margin-bottom: 10px !important;
}
/* إخفاء النص القديم بجانب السعر */
.text-store-text-secondary.mb-3.block {
display: none;
}
/* نص السعر الجديد */
.new-price-text {
margin-left: 10px;
font-size: 12px;
color: black;
font-weight: 300;
}
/* تنسيق الصورة */
.image-container {
text-align: center;
margin-top: 20px;
}
.image-container img {
max-width: 50%;
height: auto;
margin: 0 auto;
display: block;
}
/* تغيير نص زر إضافة للسلة */
html[lang="ar"] salla-add-product-button
button[product-status="sale"]
.s-button-text {
font-size: 0 !important;
}
html[lang="ar"] salla-add-product-button
button[product-status="sale"]
.s-button-text::after {
content: "إضافة" !important;
font-size: 14px !important;
}
html[lang="en"] salla-add-product-button
button[product-status="sale"]
.s-button-text {
font-size: 0 !important;
}
html[lang="en"] salla-add-product-button
button[product-status="sale"]
.s-button-text::after {
content: "Add to cart" !important;
font-size: 14px !important;
}
/* نص صغير */
.sub {
font-weight: 300;
font-size: 14px;
text-align: center;
margin-top: 4px;
}
/* بانر الموبايل */
@media (max-width: 767px) {
.s-block--fixed-banner {
margin-left: -23px;
margin-right: -23px;
}
.s-block--fixed-banner img {
width: 100%;
height: auto;
display: block;
}
}
/* منتجات التشيك اوت */
.anime-item .product-card__image {
height: 150px !important;
overflow: hidden;
margin-bottom: 0 !important;
}
.anime-item .product-card__image a {
height: 100% !important;
display: block;
}
.fixed-products .s-products-list-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fixed-products .s-products-list-wrapper > .product-card {
width: 48%;
}
.product-card__buttons .wishlist,
.product-card__buttons .quickview-btn {
display: none !important;
}
/* إصلاح ارتفاع السلايدر */
.advanced-slider.auto-height .swiper-wrapper {
height: unset !important;
}
@media (max-width: 768px) {
.s-products-slider-card {
position: relative;
margin: auto;
left: -15px;
}
}
@media (min-width: 1024px) {
.s-block--special-products-slider--3 > div > div:first-child {
flex: 3; /* يكبر الفيديو */
}
.s-block--special-products-slider--3 .slider-wrap {
flex: 2; /* الكارد يظل أصغر */
}
}
html[dir="rtl"] .store-header .navbar-brand img{display:none}
html[dir="rtl"] .store-header .navbar-brand{
background:url("https://cdn.shopify.com/s/files/1/0621/8081/9111/files/ASSAF_Logo_SAB.png?v=1766500679") center/contain no-repeat;
width:170px;
height:75px;
display:block
}
/* صور الألوان */
[data-color="Off White"]{
background-image:url("https://cdn.salla.sa/yrlRO/c4f8fca6-69b0-4082-b941-be925e772e48-805.55555555556x1000-wF7pPcTKLBpyCAZk5jTPxb6tLdjdLDslnl6ukn3S.png");
}
[data-color="Cream"]{
background-image:url("https://i.postimg.cc/x883K24m/3.png");
}
[data-color="Blush Pink"]{
background-image:url("https://i.postimg.cc/HnFXX7MZ/6.png");
}
[data-color="Light brown"]{
background-image:url("https://i.postimg.cc/t4jVbbN5/1.png");
}
[data-color="Beige-Brown"]{
background-image:url("https://cdn.salla.sa/yrlRO/e93490ba-2a07-47fd-be34-0339a0c8e282-805.55555555556x1000-nr57q32KJLnirJLvTEIkHrTaeb3ajLp1WaHoSBVt.png");
}
[data-color="Brown"]{
background-image:url("https://cdn.salla.sa/yrlRO/2f5efd41-a4d3-4288-83d1-6d81f9c741ba-805.55555555556x1000-j9b7oevKr8lnL6wx5houYUHzOJGYHlIfOolaJiRx.png");
}
[data-color="Off-White"]{
background-image:url("https://i.postimg.cc/RFJ4D3yJ/8.png");
}
[data-color="Brown "]{
background-image:url("https://i.postimg.cc/NMmZXRZ5/11.png");
}
[data-color="Biege Pink"]{
background-image:url("https://i.postimg.cc/HLVgrcpS/9.png");
}
[data-color="Black "]{
background-image:url("https://i.postimg.cc/ZnLg74bR/12.png");
}
[data-color="Blush-Pink"]{
background-image:url("https://i.postimg.cc/7LCFxFVg/10.png");
}
[data-color="Olive Green"]{
background-image:url("https://cdn.salla.sa/yrlRO/05e25bd5-8977-48a2-a4f2-3be12e33a9df-805.55555555556x1000-aqVyBHiWdbMWlR2Z1pmn4TIRQHigzWgYBFNx1MlB.png");
}
[data-color="dark green"]{
background-image:url("https://i.postimg.cc/9MrDbQCK/2.png");
}
[data-color="Black"]{
background-image:url("https://i.postimg.cc/3w3pXhyJ/7.png");
}
[data-color="Blue - أزرق"]{
background-image:url("https://i.postimg.cc/Dz8PRFgk/13.png");
}
[data-color="Yellow - أصفر"]{
background-image:url("https://i.postimg.cc/ncpYpqky/14.png");
}
[data-color="Grey - رمادي"]{
background-image:url("https://i.postimg.cc/1zJbr9zF/16.png");
}
[data-color="Black - أسود"]{
background-image:url("https://i.postimg.cc/Y0mV7YzW/17.png");
}
[data-color="Black - أسود "]{
background-image:url("https://i.postimg.cc/7LGQ0SjS/18.png");
}
[data-color="Green - أخضر"]{
background-image:url("https://i.postimg.cc/3NBLY1DJ/19.png");
}
[data-color="Green - أخضر "]{
background-image:url("https://i.postimg.cc/9fCrqBD8/20.png");
}
[data-color="Sky Blue - سماوي"]{
background-image:url("https://i.postimg.cc/vBSBkF0x/21.png");
}
[data-color="Havana - هاڤانا"]{
background-image:url("https://i.postimg.cc/KztByY3W/15.png");
}
[data-color="Demi - ديمي"]{
background-image:url("https://i.postimg.cc/CMk5JtjM/22.png");
}
[data-color=" Black - أسود"]{
background-image:url("https://i.postimg.cc/GmH1g8Zy/23.png");
}
[data-color=" Black - أسود"]{
background-image:url("https://i.postimg.cc/J0kTvXbN/26.png");
}
[data-color=" Black - أسود "]{
background-image:url("https://i.postimg.cc/VN2nTV4g/28.png");
}
[data-color=" Black - أسود "]{
background-image:url("https://i.postimg.cc/VN2nTV4g/28.png");
}
[data-color=" Black - أسود "]{
background-image:url("https://i.postimg.cc/BvjwHRXM/32.png");
}
[data-color=" Green - أخضر "]{
background-image:url("https://i.postimg.cc/Dy7jBSS4/33.png");
}
[data-color="Purple - بنفسجي"]{
background-image:url("https://i.postimg.cc/j258qN6Z/24.png");
}
[data-color="Brown - بني"]{
background-image:url("https://i.postimg.cc/9fY1G1JD/26.png");
}
[data-color="Light Green - اخضر فاتح"]{
background-image:url("https://i.postimg.cc/02ztLYy8/25.png");
}
[data-color="Light Honey - عسلي فاتح"]{
background-image:url("https://i.postimg.cc/6513YGHJ/29.png");
}
[data-color="Sand - رملي"]{
background-image:url("https://i.postimg.cc/XqmRy3gk/30.png");
}
[data-color="برغندي"]{background-image:url("https://cdn.salla.sa/yrlRO/83ededdd-03fa-47db-85a0-62f58523f687-1000x1000-jxtDJHynHkjEmc8Y6YlP5wGbPt85RtfjLnueJU3g.png");}
[data-color="Sky Blue - سماوي "]{
background-image:url("https://i.postimg.cc/VLbQPrfz/31.png");
}
[data-color="Golden Brown - بني"]{
background-image:url("https://i.postimg.cc/DZBJhpcL/34.png");
}
[data-color="Sand - رملي "]{
background-image:url("https://i.postimg.cc/CLf1rx9w/35.png");
}
[data-color=" Sand - رملي"]{
background-image:url("https://i.postimg.cc/HnFQGPpH/36.png");
}
[data-color="Silver - فضي"]{
background-image:url("https://i.postimg.cc/q7p2dKdP/37.png");
}
[data-color="Black أسود"]{
background-image:url("https://i.postimg.cc/L8pxnnpJ/38.png");
}
[data-color="Black أسود "]{
background-image:url("https://i.postimg.cc/B6T6ZYcB/Untitled-design-(39).png");
}
[data-color=" Sand - رملي "]{
background-image:url("https://i.postimg.cc/661s2Vjf/Untitled-design-(40).png");
}
[data-color="GREY"]{
background-image:url("https://i.postimg.cc/Pq4XBptJ/47.png");
}
[data-color="BLACK"]{
background-image:url("https://i.postimg.cc/kgsLCxbC/41.png");
}
[data-color="DARK GRAY"]{
background-image:url("https://i.postimg.cc/ZKFMPrjw/42.png");
}
[data-color="YELLOW"]{
background-image:url("https://i.postimg.cc/v8XnWTfv/45.png");
}
[data-color="BLUE"]{
background-image:url("https://yourcdn.com/blue.jpg");
}
[data-color="BLUE"]{
background-image:url("https://i.postimg.cc/mk4ShnxB/43.png");
}
[data-color="ORANGE"]{
background-image:url("https://i.postimg.cc/zGyTDNLp/44.png");
}
[data-color="GREEN"]{
background-image:url("https://i.postimg.cc/6qDtdC0p/48.png");
}
[data-color=" BLUE"]{
background-image:url("https://i.postimg.cc/x1GnzJNW/49.png");
}
[data-color=" BLACK"]{
background-image:url("https://i.postimg.cc/htVP1Z6r/46.png");
}
[data-color="GOLD"] {
background-image: url("https://cdn.salla.sa/yrlRO/01a97af1-02c9-436e-bc31-f2a6167a55bd-1000x1000-jCLLJgaeRfjS8EXPkscmDstFkaglBRrlzubRjTxa.jpg");
}
[data-color="بيج"] {
background-image: url("https://cdn.salla.sa/yrlRO/87bcb2ba-f1ee-48b5-9081-175adb844bcf-805.55555555556x1000-rOJLmJHyzVZUStDcYN0GYBfutI2NbM7uDsKy2EjG.png");
}
[data-color="بلاك"] {
background-image: url("https://cdn.salla.sa/yrlRO/857e1033-078e-41a1-9ad1-e0bee2b78490-805.55555555556x1000-4UdzjXSO0pDd3j4h36nOfb7iDDZM7cLkl0ZJKESH.png");
}
[data-color="الاصفر"] {
background-image: url("https://cdn.salla.sa/yrlRO/efd88521-0ca5-49b2-b780-8d7f082ac396-1000x1000-xKrjPLBThKn3dUol2aQUyGVJJmWPqpsjE0L7Hizm.png");
}
[data-color="الازرق"] {
background-image: url("https://cdn.salla.sa/yrlRO/4222543b-d4a1-4854-80fc-bdfe40ce36d3-1000x1000-9rhLhJLXqpk9z72e3Hm7CoFqf24q4z1dUZtHtUiT.png");
}
/* Vintage Collection Colors */
[data-color="Vintage-Sky"] { background-image: url("https://cdn.salla.sa/yrlRO/9e93b772-eaf6-4dde-ae86-5482498be4c1-995.77402135231x1000-O5LjyYHnDwhVUPurfFkYWU2oS5Y3N7fc2yJEGQeP.png"); }
[data-color="Vintage-Green"] { background-image: url("https://cdn.salla.sa/yrlRO/33c8a298-ebd6-4cdc-a7bb-0432995a4727-995.77402135231x1000-EdtR8DJSQSKYhvKmXIcZ1YbYC0G977DrE5BuCoFd.png"); }
[data-color="Vintage-Pink"] { background-image: url("https://cdn.salla.sa/yrlRO/eacdedbc-29d8-4537-a9ea-231e2c45781f-995.77402135231x1000-VjVU3oIeMRibWf335mYG5sZLdPYucjZKWhLm7Aj4.png"); }
[data-color="Vintage-Gold"] { background-image: url("https://cdn.salla.sa/yrlRO/b2272e78-dd1a-45f6-a5d1-59771bcf8c82-995.77402135231x1000-Bx9mqa4CuOuGs3c7cSe5tq2bdlNrs9DDIn0aDu6H.png"); }
[data-color="BLACK-"] { background-image: url("https://cdn.salla.sa/yrlRO/bfcc4372-d0ea-4f54-affa-0cd1f4f0467b-1000x1000-zb3F9cOQhwf1je6jLL2wgZ5HaXW6DSSdm8rZgcdg.png"); }
[data-color="GREEN-"] { background-image: url("https://cdn.salla.sa/yrlRO/aeb8bd86-2901-4939-b24e-0b190a866bbf-1000x1000-V9m4cDlsTP7Vd6GYXb0jUa6WOUqU59hZna2HlE7C.png"); }
[data-color="BLUE-"] { background-image: url("https://cdn.salla.sa/yrlRO/078de4c3-84f1-418a-9e83-753e02733288-1000x1000-DGqVlrwEklRzYLXTrYrKqwe2Y6IOSVg3bd61BVRA.png"); }
[data-color="greenish-biege"] {
background-image: url("https://cdn.salla.sa/yrlRO/7f0ffa17-35a7-416c-9818-9bf7b62b6cbb-1000x1000-bRAkQfFos7jeeSdZfcvZWlAGS0FNQmyj8QibcyP3.jpg");
}
[data-color="BLACK-SILVER"] { background-image: url("https://cdn.salla.sa/yrlRO/d950e39f-b5fe-49fe-9a77-467d514ed058-1000x1000-AZUYolcVLZdkXKbo2HmM3nLYdTFSxB4KdqXebI5R.jpg"); }
[data-color="BLUISH"] { background-image: url("https://cdn.salla.sa/yrlRO/4af2c422-b711-4f2c-a8bd-d91bd3a7d1e1-1000x1000-PJ5PrJWsv50x4v4Phd3MhmmEeZNYoc6yZGx3T7jl.jpg"); }
[data-color="GREENISH"] { background-image: url("https://cdn.salla.sa/yrlRO/2d01612c-548f-416c-b2ed-bc9981bec55f-1000x1000-S0blqoRABXEzt4y6P9Do8dZmlUpML0EvD2Fyb5a6.png"); }
[data-color="BROWNISH"] { background-image: url("https://cdn.salla.sa/yrlRO/411065d9-77f5-48b1-a72c-52b7feafb49a-1000x1000-FSxxCM8wRgPQmWki8VB6Kk4RW3bDJWwtnsIF7XDh.png"); }
[data-color="BIEGEE"] { background-image: url("https://cdn.salla.sa/yrlRO/4082b2b1-d55e-4edf-be90-3a3df5770559-1000x1000-9lGVWl2BJPleEnHaW1SPak81Nh00V761oJh8ph7x.png"); }
[data-color="milky"] { background-image: url("https://cdn.salla.sa/yrlRO/fa9d002a-60e1-4e71-8de1-7439e7eabc47-1000x1000-XjV41vwWmWeLzbRYlFWeugLTCtpJxGMaPnCIZPJU.png"); }
[data-color="brownish"] { background-image: url("https://cdn.salla.sa/yrlRO/60d4c1af-3580-40b1-b926-6b04731dffc3-1000x1000-fJxW0bjaON4N5LvX8IuLIOYhJfBN6iCaRArtXUgT.png"); }
[data-color="GREY-WATCH"] { background-image: url("https://cdn.salla.sa/yrlRO/b3f2c995-22e6-421d-937f-8f8c5ea8ba95-1000x1000-wZcT43qWFKBVhSsvGhEcv3QDqfjWZrMCARHnJLkA.jpg"); }
[data-color="GOLDEN-WATCH"] { background-image: url("https://cdn.salla.sa/yrlRO/00e61bad-ade7-497e-a2e6-bf3bfe9ea1d4-1000x1000-2969VZW7m6EXBAFl7oHw5Ci8AqkvGrQuiyZAKQix.jpg"); }
[data-color="QUEEN01"] { background-image: url("https://cdn.salla.sa/yrlRO/2bcf72fa-b97a-49cf-b5d1-0b61c4f4bab4-1000x1000-NGwtsRcJQtBV89L49VwjlI8A7eU52CmV8hAIW7NF.png"); }
[data-color="QUEEN02"] { background-image: url("https://cdn.salla.sa/yrlRO/bde9863a-1a0d-46e9-b8da-e10a5cd7d96f-1000x1000-0iLJJweTd1od3Cjthf08Pr7CX8Mr9i8Khl3JoRl2.jpg"); }
[data-color="GOLDEN-GREY-WATCH"] { background-image: url("https://cdn.salla.sa/yrlRO/91bd2bd0-ec6c-4cba-af62-f4b57ae6b9c1-1000x1000-Tpow8viGKy71ZRO3oNmaMXNDMozXMEEwTdec296j.jpg"); }
[data-color="GOLDENN-WATCH"] { background-image: url("https://cdn.salla.sa/yrlRO/502030f6-a1d3-424f-9343-dd4ebb426963-1000x1000-YyVaxLrKBFj7rwGtRLG0lyLkVarHtFPQDkbruTue.jpg"); }
[data-color="biegeVAL"] { background-image: url("https://cdn.salla.sa/yrlRO/81ee63f2-7a48-4993-b713-03eb884cbec8-1000x1000-PNEmxvv8OwvGdgeU7coO0kh3IbJla7saIE5trAfH.png"); }
[data-color="brownVAL"] { background-image: url("https://cdn.salla.sa/yrlRO/f696396f-1356-4271-82ea-eb721991e89e-1000x1000-R8IgzZoIawpVFaJiV8nxGIIzOu1IaPabqbZ207AB.png"); }
[data-color="blackVAL"] { background-image: url("https://cdn.salla.sa/yrlRO/c9a9e442-16c1-41b7-a7ad-b83fc911d9f1-1000x1000-6NUATymG6NOG7jruHul7O9nz399ZoTDUZoVFDD0x.png"); }
/* الجوال */
@media (max-width:640px){
.colors-box a{height:52px}
.color-dot{width:24px;height:24px}
}
.s-button-element .sicon-shopping {
display: none;
}
@media (max-width: 768px) {
.city-tabs-container .city-tab {
padding: 8px 16px;
font-size: 13px;
text-align: center;
}
.btn-tabs-container{
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
}
.s-cart-item-offers-title {
font-size: 0;
}
.s-cart-item-offers-title::after {
content: "حصلت على عرض (وفّر أكثر مع كل منتج تضيفه!)";
font-size: 16px;
}
@media (max-width: 768px) {
.gomla__addon-products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
padding: 0 !important;
overflow: visible !important;
}
.gomla__carousel-item {
width: 100% !important;
margin: 0 !important;
}
.gomla__product-card__main {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 8px !important;
text-align: center !important;
}
.gomla__product-card__image {
width: 90px !important;
height: auto !important;
margin: 0 auto 6px !important;
object-fit: contain !important;
}
.gomla__product-card__info {
padding: 0 !important;
text-align: center !important;
}
.gomla__product-card__name {
font-size: 13px !important;
margin: 0 0 4px !important;
}
.gomla__product-card__pricing {
justify-content: center !important;
gap: 6px !important;
}
}
@media (max-width: 768px) {
.product-card{
display:flex;
flex-direction:column;
}
.product-card__content{
flex:1;
display:flex;
flex-direction:column;
}
.product-card__normal-cart,
.product-card__mini-cart{
margin-top:auto;
}
.city-tabs-container{overflow-x:auto}
.btn-tabs-container{display:flex;flex-wrap:nowrap;width:max-content}
.city-tab{flex:0 0 auto}
}
#offers a,
#offers span {
display: none;
}
.colors-box strong,
.colors-box a {
font-size: 0 !important;
}
.color-dot {
width: 60px !important;
height: 60px !important;
display: block !important;
border: 1.5px solid #ccc !important;
border-radius: 6px !important;
background-size: cover !important;
background-position: center !important;
padding: 8px !important;
}
.colors-box a {
display: inline-block !important;
padding: 0 !important;
margin: 6px !important;
}
.colors-box a.active .color-dot {
border-color: #000 !important;
}
section.special-product.special-product--4 .s-block__title-right h2{
margin-bottom:6px;
}
section.special-product.special-product--4 .s-block__title-right h2::after{
content:"عرض لن يتكرر";
display:block;
text-align:center;
color:#888;
font-weight:400;
font-size:.9rem;
margin-top:6px;
}
}
.s-block--about{margin-top:70px}
.s-block--about *{
direction:rtl !important;
text-align:right !important;
margin-right:4px ;
}
/* عدل الارقام هنا */
html:not([lang="ar"]) #about-11,
html:not([lang="ar"]) #about-28 {
display: none;
}
html:not([lang="en"]) #about-12,
html:not([lang="en"]) #about-30 {
display: none;
}
#about-11 *, #about-28 * { color: #6D624D; }
#about-12 *, #about-30 * { text-align: left !important; color: #6D624D; margin-left:5px; margin-top:6px; }
#about-12*,
#about-30* {
text-align: left;
margin-left: 5px;
margin-top: 8px !important;
color:#6d624d;
}
/* عدل الارقام هنا */
section.fixed-products.fixed-products--30 .home-block-title,
section.fixed-products.fixed-products--7 .home-block-title{
display: none !important;
margin-top: 0 !important;
}
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button {
background-color: #49482a !important;
border: 2px solid #000000 !important;
color: #000000!important;
}
.store-footer .footer-logo img{
filter: brightness(0) invert(1);
}
.s-block--about h3{font-size:15px}
.s-block--about h2{font-size:26px;line-height:1.3;font-weight:300;}
.s-block--about p{font-size:16px;}
.before-price {
color: rgb(205, 210, 215) !important;
}
.price_is_on_sale .total-price {
color: rgb(130, 145, 155) !important;
}
/*.s-button-element.s-button-btn {
background-color: transparent !important;
color: #837356 !important;
}
.s-button-element.s-button-btn svg {
fill: #837356 !important;
}
*/
:lang(ar) .s-conditional-offer-checkpoint-label.first-checkpoint span,
:lang(en) .s-conditional-offer-checkpoint-label.first-checkpoint span {
font-size: 0;
position: relative;
}
:lang(ar) .s-conditional-offer-checkpoint-label.first-checkpoint span::after {
content: "لا يوجد";
font-size: 14px;
position: relative;
bottom: 8px;
padding-right: 8px;
display: inline-block;
}
:lang(en) .s-conditional-offer-checkpoint-label.first-checkpoint span::after {
content: "None";
font-size: 14px;
position: relative;
bottom: 8px;
display: inline-block;
}
.sizes-box,
.sizes-box a {
color: #837356;
}
.product-card__promotion {
position: absolute !important;
top: 10px !important;
right: 10px !important;
bottom: auto !important;
right: auto !important;
font-size: 9px;
padding: 2px 6px;
border-radius: 6px;
z-index: 99;
}
.product-card {
position: relative !important;
}
@media (min-width: 992px) {
.product-card__promotion {
left: auto !important;
right: 10px !important;
}
}
li:has(span.fix-align.text-store-text-primary:where(:not(*))) {}
h2.product-entry__sub-title { color:#9C927A; }
#store-box{
position:fixed;
inset:0;
display:none;
background:rgba(0,0,0,.4);
z-index:9999999;
align-items:center;
justify-content:center;
}
#store-box .inner{
width:90%;
max-width:400px;
background:#fff;
border-radius:12px;
overflow:hidden;
text-align:right;
}
#store-box b,
#store-box a{
display:block;
padding:14px;
border-bottom:1px solid #eee;
color:#837356;
text-decoration:none;
}
#store-box a:last-child{
border:0;
}
.product-card__promotion{
z-index:0;
}
.object-cover {
-o-object-fit: cover;
object-fit: contain;
}
/* إخفاء السكشن بشكل افتراضي */
#block-blog-41,
#block-blog-40{
display: none;
}
/* إظهاره فقط في الصفحات العربية */
html[lang="ar"] #block-blog-40,
html[lang="en"] #block-blog-41 {
display: block;
}
@media(max-width:1024px){
iframe.ql-video{
aspect-ratio:9/16;
width:100%!important;
height:auto!important;
}
.s-add-product-button-with-sticky-bar .s-button-text {
color: #ffffff !important;
}
.s-block--special-products-slider .s-slider-container:where([dir=rtl],[dir=rtl] *) {
scale: 1.21;
margin-top: 10px;
}
.lg\:w-1\/3.flex.items-center.justify-center{
margin-right:25px !important;
margin-left:25px !important;
}
html[dir="ltr"] .s-block--special-products-slider .s-slider-container{
padding-left: 5rem;
}
}
@media (min-width: 1024px){
#details_table .ql-video,
.product-single-top-description .ql-video,
.quickview-description .ql-video{
aspect-ratio: 9 / 16 !important;
width: 420px !important;
height: auto !important;
display: block;
margin: auto;
}
.breadcrumbs{
margin-top: 15px;
}
.fixed-products .s-products-list-wrapper > .product-card {
width: 20%;
}
salla-products-list.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) custom-salla-product-card {
width: 20%!important;
}
.lg\:max-h-\[700px\] {
max-height: 800px;
}
.s-block--special-products-slider--2 .swiper-wrapper{
justify-content: center !important;
}
}
.s-offer-wrapper .s-slider-block__title,
.s-offer-bank-payment-nav.closest .s-slider-block__title {
display: none !important;
}
#more-content {
max-height: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.product-single-top-description .article--main::after {
display: none !important;
}
.main-content.blog-category img.h-80.object-cover {
display: none !important;
}
@media (min-width: 1024px){
.s-block--special-products-slider > div{
gap: 40px;
}
.s-block--special-products-slider > div > div:first-child{
flex-basis: 50%;
max-width: 50%;
margin-right: 190px;
}
.s-block--special-products-slider > div > .slider-wrap{
flex-basis: 54%;
max-width: 54%;
padding: 0;
}
.s-block--special-products-slider video{
width: 100%;
height: 100%;
object-fit: cover;
}
.s-block--special-products-slider .swiper-slide{
flex-basis: 90%;
max-width: 90%;
margin-top: 110px;
}
.s-block--special-products-slider .s-slider-container[dir="rtl"]{
padding-left: 5rem;
}
html[dir="ltr"] .s-block--special-products-slider > div > div:first-child{
margin-left:190px;
margin-right:0;
}
html[dir="ltr"] .s-block--special-products-slider .s-slider-container{
padding-right:5rem;
padding-left:0;
}
}/* Hide Assaf Blog from all menu iterations */
li#blog,
li[id="415229763"],
li[id="696815961"],
li[id="657505788"]{
display: none !important;
visibility: hidden !important;
}
#best-offers-16-slider h2::after {
content: "قم باضافه عطرين لتفعيل العرض";
display: block;
font-size: 16px;
margin-top: 8px;
font-weight: normal;
}
#best-offers-13-slider h2::after {
content: "قم بإضافة ثلاث عطور لتفعيل العرض";
display: block;
font-size: 16px;
margin-top: 8px;
font-weight: normal;
}
#best-offers-12-slider h2::after {
content: "قم بإضافة ثلاث عطور لتفعيل العرض";
display: block;
font-size: 16px;
margin-top: 8px;
font-weight: normal;
}
html[lang="en"] #best-offers-16-slider h2::after {
content: "Add 2 perfumes to activate the offer";
}
html[lang="en"] #best-offers-13-slider h2::after {
content: "Add 3 perfumes to activate the offer";
}
.sicon-keyboard_arrow_down::before {
content: "│";
font-size: 14px;
margin: 0 4px;
}
li[id="1114434010"] {
display: none !important;
}
/* ============================================================ */
/* NEW ADD TO CART BUTTON STYLES - Black background, white text */
/* ============================================================ */
/* Product card add to cart button */
.product-card__content
salla-add-product-button
button.s-button-element {
background-color: #49482a !important;
border: none !important;
border-radius: 5px !important;
padding: 10px 16px !important;
}
/*CUSTOM CODE COLORS*/
.asf-cats__title{
color:#49482a!important;
}
.assaf-en, .assaf-ar, .single-en, .single-ar, .asf-ar, .asf-en, .asf-cats__title {
color: #49482a !important;
}
/*END*/
.product-card__content
.salla-add-product-button
.s-button-text {
color: #ffffff !important;
}
/* Sticky product bar button */
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button {
background-color: #49482a !important;
border: none !important;
border-radius: 5px !important;
color: #ffffff !important;
}
/* General add to cart button */
.s-button-element.s-button-btn {
background-color: #49482a !important;
color: #ffffff !important;
border-radius: 5px !important;
}
/* Add cart icon inside button - make it white */
.s-button-element .sicon-shopping {
display: inline-block !important;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px;
}
.s-button-element .sicon-shopping::before {
display: none;
}
/* Normal cart button icon */
.product-card__normal-cart__btn button i,
.product-card__mini-cart__btn button i {
display: inline-block !important;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px;
}
.product-card__normal-cart__btn button i::before,
.product-card__mini-cart__btn button i::before {
display: none;
}
/* Hide basket icon on out of stock buttons */
salla-add-product-button button[disabled] .sicon-shopping,
salla-add-product-button button[product-status="sold_out"] .sicon-shopping,
button[disabled] .sicon-shopping {
display: none !important;
}
/* Remove icon only from sticky bar and main product form */
.sticky-product-bar i.sicon-shopping,
#product-form i.sicon-shopping,
.s-sticky-product-bar i.sicon-shopping,
form#product-form i.sicon-shopping {
display: none !important;
}
/* Target by class and attribute combination */
button.s-button-element[form="product-form"] .sicon-shopping {
display: none !important;
}
/* This keeps the icon on product cards (they don't have sticky-product-bar or product-form ID) */
/* ============================================================ */
/* OLD BUTTON STYLES (commented out - kept for reference) */
/* ============================================================ */
/* OLD: Product card add to cart button - white background, black text, black border */
/* .product-card__content
salla-add-product-button
button.s-button-element {
background-color: #ffffff !important;
border: 2px solid #000000 !important;
}
.product-card__content
salla-add-product-button
.s-button-text {
color: #000000 !important;
} */
/* OLD: Sticky product bar button */
/* #product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button {
background-color: #ffffff !important;
border: 2px solid #000000 !important;
color: #000000!important;
} */
/* OLD: Global add to cart button - black background, white text */
/* .s-button-element.s-button-btn {
background-color: #000 !important;
color: #fff !important;
} */
/* Hide Arabic tiles on English version */
[lang="en"] .arabic-tiles {
display: none !important;
}
/* Hide English tiles on Arabic version */
[lang="ar"] .english-tiles {
display: none !important;
}
/*stike black subtitle
.fixed-products--1 .home-block-subtitle {
text-align: center;
color: var(--color-store-text-secondary, #000);
font-size: 0.95rem;
margin-top: 0.35rem;
margin-bottom: 0;
}*/
/*HIde view all*/
.s-block--best-offers .flex.items-center.gap-8.mt-5 {
display: none;
}
/* Hide the Arabic title text */
salla-list-tile.s-gifting-widget .s-list-tile-item-title,
salla-list-tile.s-gifting-widget .s-list-tile-item-subtitle {
display: none;
}
/* Replace with image using pseudo-element on the content wrapper */
salla-list-tile.s-gifting-widget .s-list-tile-item-content::before {
content: '';
display: block;
background-image: url('https://cdn.shopify.com/s/files/1/0621/8081/9111/files/jpg_1e6948e0-1c2e-4349-8eaf-4b33e6818dc1.jpg?v=1782741491');
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
width: 360px;
height: 180px;
}
@media (max-width: 768px) {
salla-list-tile.s-gifting-widget .s-list-tile-item-content::before {
margin-bottom: -60px;
}
}
.fixed-products--57 .home-block-title {
display: none !important;
}
/* Target the English version by checking the URL path */
html:lang(en) .s-block--fixed-banner img[src*="d0943271-0652-4939-93d2-64186794e5b4"] {
content: url("https://cdn.shopify.com/s/files/1/0621/8081/9111/files/EN__jpg.jpg?v=1783427265");
height: auto;
width: 100%;
}
/* Hide Arabic tiles on English version */
[lang="en"] .arabic-hero {
display: none !important;
}
/* Hide English tiles on Arabic version */
[lang="ar"] .english-hero {
display: none !important;
}
/*Categories*/
.asf-cats {
max-width: 1400px;
margin: 0 auto;
padding: 60px 20px;
font-family: inherit;
}
/* ---- Language toggle (Salla sets lang on ) ---- */
.asf-cats .asf-en { display: none; }
html[lang^="ar"] .asf-cats .asf-ar { display: inline; }
html[lang^="en"] .asf-cats .asf-ar { display: none; }
html[lang^="en"] .asf-cats .asf-en { display: inline; }
/* ---- Heading ---- */
.asf-cats__head { text-align: center; margin-bottom: 40px; }
.asf-cats__title {
font-size: 34px;
font-weight: 700;
letter-spacing: 1px;
color: #1e2a47;
margin: 0 0 8px;
}
.asf-cats__subtitle {
font-size: 17px;
font-weight: 400;
color: #5a6478;
margin: 0;
}
/* ---- Desktop grid ---- */
.asf-cats__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.asf-cats__card {
display: block;
text-decoration: none;
color: inherit;
}
/* Container stays fixed; only the image inside zooms */
.asf-cats__imgwrap {
display: block;
overflow: hidden;
border-radius: 16px;
aspect-ratio: 3 / 4;
}
.asf-cats__imgwrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.asf-cats__card:hover .asf-cats__imgwrap img {
transform: scale(1.08);
}
.asf-cats__label {
display: block;
text-align: center;
margin-top: 14px;
font-size: 18px;
font-weight: 600;
color: #1e2a47;
}
/* ---- Mobile: horizontal scroll slider ---- */
@media (max-width: 767px) {
.asf-cats { padding: 40px 0; }
.asf-cats__title { font-size: 26px; }
.asf-cats__subtitle { font-size: 15px; }
.asf-cats__head { margin-bottom: 28px; padding: 0 16px; }
.asf-cats__grid {
display: flex;
overflow-x: auto;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
gap: 10px;
padding: 0 12px;
scrollbar-width: none;
}
.asf-cats__grid::-webkit-scrollbar { display: none; }
.asf-cats__card {
flex: 0 0 48%;
scroll-snap-align: start;
}
.asf-cats__label { font-size: 16px; margin-top: 10px; }
}
/*Horizontal section*/
.assaf-bs{
--gap: 20px;
--card-w: 220px;
--radius: 14px;
--ink: #49482a;
--muted: #8a8a8a;
--accent: #c0392b;
--line: #ececec;
font-family: inherit;
max-width: 1280px;
margin: 0 auto;
padding: 24px 16px;
box-sizing: border-box;
}
.assaf-bs *{ box-sizing: border-box; }
/* products LEFT | banner RIGHT. Banner drives the row height
(natural image height); products column stretches to match. */
.assaf-bs__inner{
display: grid;
grid-template-columns: 1fr 40%; /* [products] [banner] */
gap: var(--gap);
align-items: stretch;
direction: ltr;
}
.assaf-bs__products{
grid-column: 1; min-width: 0; direction: rtl;
display: flex; flex-direction: column;
justify-content: center; /* keep heading/cards/arrows as one compact centered group */
gap: 14px;
}
.assaf-bs__banner{ grid-column: 2; }
/* ---------- Banner: natural height, NO crop, no radius ---------- */
.assaf-bs__banner{ display: block; }
.assaf-bs__banner img{
display: block;
width: 100%;
height: auto; /* natural aspect ratio -> sets the row height */
}
/* ---------- Heading (top, centered) ---------- */
.assaf-bs__title{
text-align: center;
font-size: 24px; font-weight: 700; color: var(--ink);
margin: 0;
unicode-bidi: plaintext;
}
.assaf-bs__desc{
text-align: center;
font-size: 14px; color: var(--muted);
margin: 0; line-height: 1.6;
max-width: 46ch; margin-inline: auto;
unicode-bidi: plaintext; /* lets each language set its own direction (fixes EN period) */
}
/* ---------- Cards centered in the middle ---------- */
.assaf-bs__trackwrap{
display: flex; align-items: center;
min-height: 0;
}
.assaf-bs__track{
width: 100%;
display:flex; gap:14px;
overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory;
-ms-overflow-style:none; scrollbar-width:none;
}
.assaf-bs__track::-webkit-scrollbar{ display:none; height:0; }
/* ---------- Arrows (bottom, centered) ---------- */
.assaf-bs__nav{ display:flex; gap:8px; justify-content:center; margin-top:0; }
.assaf-bs__arrow{
width:38px; height:38px; border-radius:50%;
border:1px solid var(--line); background:#fff; cursor:pointer;
font-size:18px; line-height:1; color:var(--ink);
display:flex; align-items:center; justify-content:center; transition:.2s;
}
.assaf-bs__arrow:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
/* ---------- Card ---------- */
.assaf-bs__card{
flex:0 0 var(--card-w); width:var(--card-w);
scroll-snap-align:start;
border:1px solid var(--line); border-radius:var(--radius);
overflow:hidden; background:#F2EFEA;
display:flex; flex-direction:column;
}
.assaf-bs__card.is-skeleton{
min-height:340px;
background:linear-gradient(90deg,#f4f4f4 25%,#ececec 37%,#f4f4f4 63%);
background-size:400% 100%; animation:assafShimmer 1.3s infinite; border:none;
}
@keyframes assafShimmer{ 0%{background-position:100% 0} 100%{background-position:-100% 0} }
.assaf-bs__thumb{ position:relative; aspect-ratio:1/1; overflow:hidden; background:#f7f7f7; }
.assaf-bs__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.assaf-bs__badge{
position:absolute; top:10px; inset-inline-start:10px;
background:#1a1a1a; color:#fff; font-size:11px; font-weight:600;
padding:4px 8px; border-radius:6px;
}
.assaf-bs__body{ padding:12px; display:flex; flex-direction:column; gap:8px; flex:1; align-items:center; text-align:center; }
.assaf-bs__name{
font-size:14px; font-weight:600; color:var(--ink); margin:0; line-height:1.4;
min-height:2.8em; text-align:center;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.assaf-bs__name a{ color:inherit; text-decoration:none; }
.assaf-bs__price{ display:flex; align-items:center; justify-content:center; gap:8px; }
.assaf-bs__price .now{ color:var(--accent); font-weight:700; font-size:16px; }
.assaf-bs__price .was{ color:var(--muted); text-decoration:line-through; font-size:13px; }
.assaf-bs__btn{
margin-top:auto; width:100%;
display:flex; align-items:center; justify-content:center; gap:8px;
border:1px solid var(--ink); border-radius:8px;
padding:10px; font-size:13px; font-weight:600;
color:#fff; background:var(--ink);
cursor:pointer; text-decoration:none; transition:.2s;
}
.assaf-bs__btn img{ width:16px; height:16px; display:block; }
.assaf-bs__btn:hover{ opacity:.85; }
/* ============================================================
MOBILE — VERTICAL stack:
1) banner on top
2) heading + description
3) product slider (horizontal scroll)
============================================================ */
@media (max-width: 768px){
.assaf-bs{ padding:14px 12px; --card-w: 150px; }
/* stack everything in one column; banner first via order */
.assaf-bs__inner{
display: flex;
flex-direction: column;
gap: 14px;
direction: rtl;
}
.assaf-bs__banner{ order: 1; width: 100%; }
.assaf-bs__products{ order: 2; justify-content: flex-start; gap: 10px; }
/* banner: full width on top, ORIGINAL size, no crop */
.assaf-bs__banner img{ width:100%; height:auto; object-fit:contain; }
.assaf-bs__title{ font-size: 18px; }
.assaf-bs__desc{ font-size: 13px; }
.assaf-bs__trackwrap{ align-items: stretch; }
.assaf-bs__card{ flex-basis: 46%; width: 46%; } /* ~2 cards + peek */
.assaf-bs__body{ padding:10px; gap:6px; }
.assaf-bs__name{ font-size:12px; min-height:2.6em; }
.assaf-bs__price .now{ font-size:14px; }
.assaf-bs__price .was{ font-size:12px; }
.assaf-bs__btn{ padding:8px; font-size:12px; }
.assaf-bs__nav{ margin-top:0; }
.assaf-bs__arrow{ width:34px; height:34px; font-size:15px; }
}
/*Big Tiles*/
.assaf-dual{
max-width:1400px; /* ← the "images stop growing" control. Lower = smaller max size */
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
padding:24px 16px;
box-sizing:border-box;
}
.assaf-card{text-align:center;}
.assaf-card a.assaf-imglink{display:block;}
.assaf-card img{
width:100%;
height:auto;
aspect-ratio:1/1; /* keeps both images the same shape. Remove if you want natural ratios */
object-fit:cover;
display:block;
}
.assaf-title{
font-size:20px;
font-weight:600;
letter-spacing:.08em;
margin:18px 0 8px;
}
.assaf-desc{
font-size:14px;
line-height:1.7;
color:#555;
max-width:360px;
margin:0 auto 14px;
}
.assaf-btn{
display:inline-block;
font-size:14px;
color:#111;
text-decoration:underline;
text-underline-offset:5px;
}
/* Mobile: one per row */
@media(max-width:768px){
.asf-tabs__bar{
justify-content:center!important;
}
#product-form section:has(.product-sku-wrapper),
#product-form .product-price-bottom,
.product-single__tax-note{
display:none!important;
}
.product-single__title,
.product-entry__sub-title{
text-align:center!important;
}
.product-single salla-rating-stars,
#variant-inventory{
display:flex!important;
justify-content:center!important;
}
.product-price-top .starting-or-normal-price{
width:100%!important;
justify-content:center!important;
}
.product-single__stock-info{
align-items:center!important;
}
.s-rating-stars-wrapper{
width:max-content!important;
margin:auto!important;
}
.product-single .s-rating-stars-btn-star svg{
width:14px!important;
height:18px!important;
}
.product-price-top{
justify-content:center!important;
}
.product-price-top .price_is_on_sale{
text-align:center!important;
}
.product-single .product-single__info button.btn--wishlist,
.product-single .product-single__info button.s-social-share-btn{
background-color:#f2efea!important;
}
.assaf-dual{grid-template-columns:1fr;}
}
/* --- Bilingual: show EN by default, AR when the page is Arabic --- */
.assaf-ar{display:none;}
html[lang="ar"] .assaf-en{display:none;}
html[lang="ar"] .assaf-ar{display:inline;}
/*martini*/
.martini {
background: transparent !important;
}
.martini .flex {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.martini .w-full,
.martini .md\:w-2\/3 {
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
text-align: center !important;
}
.martini h2,
.martini h3,
.martini p {
color: #49482a !important;
text-align: center !important;
}
.martini .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 2rem auto 0 !important;
background: transparent !important;
border: 1px solid #000 !important;
color: #000 !important;
}
.martini .btn i,
.martini .btn span {
color: #000 !important;
}
/* Target by ID to ensure top priority */
#best-offers-16-slider .home-block-title,
#best-offers-16-slider h2,
#best-offers-16-slider .enhanced-title-border,
#best-offers-16-slider .s-slider-block__title {
display: none !important;
}
/*hide menu item*/
li[id="46093592"] {
display: none !important;
}
li[id="589837500"] {
display: none !important;
}
li[id="216953677"] {
display: none !important;
}
li[id="725567687"] {
display: none !important;
}
li[id="152393486"] {
display: none !important;
}
li[id="142460755"] {
display: none!important;
}
li[id="1898147312"] {
display: none!important;
}
li[id="953677375"] {
display: none!important;
}
li[id="1564459629"] {
display: none!important;
}
li[id="332072653"] {
display: none!important;
}
li[id="61539686"] {
display: none!important;
}
li[id="2128689543"] {
display: none!important;
}
li[id="1221482624"] {
display: none!important;
}
li[id="1180607875"] {
display: none!important;
}
li[id="1569609458"] {
display: none!important;
}
li[id="834939120"] {
display: none!important;
}
li[id="1611175315"] {
display: none!important;
}
li[id="371357330"] {
display: none!important;
}
li[id="412297623"] {
display: none!important;
}
li[id="406761339"] {
display: none!important;
}
li[id="1672096583"] {
display: none!important;
}
li[id="1701032168"] {
display: none!important;
}
li[id="651067066"] {
display: none!important;
}
li[id="768150403"] {
display: none!important;
}
li[id="874994433"] {
display: none!important;
}
/*star rating color*/
.s-product-card-rating span svg{
margin-bottom: 0px;
fill: #fbbf24!important;
}
/* HEADER */
html.asf-at-top .store-header,
html.asf-at-top .top-navbar,
html.asf-at-top #mainnav,
html.asf-at-top #mainnav .inner {
background: transparent !important;
box-shadow: none !important;
}
/* Everything white while at top */
html.asf-at-top .store-header,
html.asf-at-top .store-header a,
html.asf-at-top .store-header span,
html.asf-at-top .store-header button,
html.asf-at-top .store-header i,
html.asf-at-top .store-header .topnav-link-item,
html.asf-at-top .store-header .main-menu > li > a,
html.asf-at-top .store-header .main-menu > li > a span,
html.asf-at-top .store-header #store-btn,
html.asf-at-top .store-header #store-btn span,
html.asf-at-top .store-header .menu-label,
html.asf-at-top .store-header .s-cart-summary-total,
html.asf-at-top .store-header .s-cart-summary-count {
color: #fff !important;
}
/* Salla's icons are often inline SVG inside web components */
html.asf-at-top .store-header svg,
html.asf-at-top .store-header svg path {
fill: #fff !important;
}
/* Dropdown panels keep their own styling - do not bleed white into them */
html.asf-at-top .store-header .sub-menu,
html.asf-at-top .store-header .sub-menu a,
html.asf-at-top .store-header .sub-menu span,
html.asf-at-top .store-header #store-box,
html.asf-at-top .store-header #store-box a,
html.asf-at-top .store-header #store-box b {
color: initial !important;
background: #fff !important;
}
/* Smooth the transition */
.store-header,
.store-header a,
.store-header i,
.store-header span,
.navbar-brand img {
transition: color .25s ease, background-color .25s ease;
}
html.asf-at-top[dir="rtl"] .store-header .navbar-brand,
html.asf-at-top [dir="rtl"] .store-header .navbar-brand {
background-image: url(https://cdn.shopify.com/s/files/1/0621/8081/9111/files/ar-logo.png?v=1787252439) !important;
}
html.asf-at-top .main-nav-container .sicon-cart {
background-image: url('data:image/svg+xml,') !important;
}
/* Targets mobile screens up to 600px wide */
@media (max-width: 600px) {
.store-header {
/* margin-top: -30px;*/
}
.main-nav-container .inner {
padding-bottom: 3px;
padding-top: 0px;
}
}
/* 1. Hide the store button & dropdown */
#store-btn,
#store-box {
display: none !important;
}
.header__cart-summary{margin-right:0!important;}
/* 2. Strip ALL borders, outlines, and pseudo-element dividers from every element inside .header-buttons */
.header-buttons,
.header-buttons *,
.header-buttons *::before,
.header-buttons *::after {
border: none !important;
border-left: none !important;
border-right: none !important;
outline: none !important;
box-shadow: none !important;
content: none !important; /* Kills decorative lines drawn via pseudo-elements */
}
/* 3. Restore icon content so icon fonts (like sicon) don't break from content: none */
.header-buttons [class*="sicon-"]::before {
content: normal !important;
}
/*Injected heading*/
.national-day-96-heading {
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
.national-day-96-heading h2 {
color: #49482a;
font-size: 28px;
font-weight: 700;
margin: 0 0 6px;
}
.national-day-96-heading p {
color: #49482a;
font-size: 16px;
font-weight: 400;
margin: 0;
}
:is(.gomla__addon-bundle-container-11483, [data-gomla-addon-bundle-id="11483"]) .gomla__title {
margin: 15px;
}
/*hide thumb*/
.asf-fpc__thumbs { display: none; }