/* ------------------------------------------------------------------ */
/* ملف مخصّص لمتجر عساف – custom.css */
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: #dde8da;
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;
}
.product-single .s-rating-stars-btn-star svg {
fill:black
}
.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: 40px;
}
@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: 55px;
}
}
.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;
}
/* زر الشراء */
.s-add-product-button-with-sticky-bar .s-button-text {
color: #fff !important;
}
/* صندوق المقاسات */
.sizes-box {
display: flex;
gap: 8px;
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;
}
/* جعل نص الباركود أبيض */
div.center-between:has(.sicon-barcode),
div.center-between:has(.sicon-barcode) * {
color: #fff !important;
}
/* النجوم */
salla-rating-stars {
margin: 12px 0;
display: block;
}
salla-rating-stars svg {
width: 15px;
height: 15px;
}
.s-rating-stars-wrapper {
display: flex;
align-items: center;
gap: 2px;
flex-direction: row;
width: 100%;
}
/* إخفاء النص القديم بجانب السعر */
.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;
}
/* تغيير نص زر إضافة للسلة */
salla-add-product-button
button[product-status="sale"]
.s-button-text {
font-size: 0 !important;
}
salla-add-product-button
button[product-status="sale"]
.s-button-text::after {
content: "إضافة" !important;
font-size: 14px !important;
}
/* لون زر الإضافة */
.s-button-element.s-button-btn {
background-color: #000 !important;
color: #fff !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 a {
height: 100% !important;
display: block;
}
.anime-item .product-card__image img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.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; /* الكارد يظل أصغر */
}
}
.colors-box{
display:flex;
gap:12px;
margin:16px 0;
direction:rtl;
overflow-x:auto;
}
.colors-box a{
display:flex;
align-items:center;
gap:8px;
padding:0 14px;
height:48px;
border:1px solid #ccc;
border-radius:10px;
font-size:14px;
color:#000;
text-decoration:none;
white-space:nowrap;
flex-shrink:0;
}
.colors-box a.active{
border-color:#000;
font-weight:700;
}
.color-dot{
width:22px;
height:22px;
border-radius:50%;
background:currentColor;
flex-shrink:0;
}
.colors-box > strong {
display: block;
margin-top: 12px !important;
}
/* ألوان */
[data-color="Off White"]{color:#f1e6d4}
[data-color="Cream"]{color:#e8d8c6}
[data-color="Blush Pink"]{color:#e3b79a}
[data-color="Biege Pink"]{color:#d6a07f}
[data-color="Light brown"]{color:#b08968}
[data-color="Beige-Brown"]{color:#c2a27a}
[data-color="Brown"]{color:#6f4e37}
[data-color="Olive Green"]{color:#6b6a3f}
[data-color="dark green"]{color:#1b4332}
[data-color="Black"]{color:#000}
[data-color="Blue - أزرق"] { color: #7b9fba; }
[data-color="Yellow - أصفر"] { color: #d4c376; }
[data-color="Silver - فضي"] { color: #ccc; }
[data-color="Black - أسود"] { color: #000; }
[data-color="Green - أخضر"] { color: #767159; }
[data-color="Sky Blue - سماوي"] { color:#7ea4c0; }
[data-color="Havana - هاڤانا"] { color:#7b4124; }
[data-color="Demi - ديمي"] { color:#8d4e38; }
[data-color="Purple - بنفسجي"] { color:#cab8ce; }
[data-color="Brown - بني"] { color:#523302; }
[data-color="Light Green - اخضر فاتح"] { color:#a9b39f; }
/* الجوال */
@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: 6px 10px;
font-size: 11.4px;
}
}
.s-cart-item-offers-title {
font-size: 0;
}
.s-cart-item-offers-title::after {
content: "حصلت على عرض (وفّر أكثر مع كل منتج تضيفه!)";
font-size: 16px;
}
.product-single-top-description,
.product-single-top-description article,
.product-single-top-description h2,
.product-single-top-description p,
.product-single-top-description img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
@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) {
custom-salla-product-card {
display: flex;
flex-direction: column;
height: 100%;
}
.product-card__content {
flex: 1;
display: flex;
flex-direction: column;
}
/* نخلي زر واحد فقط */
.product-card__buttons {
display: none;
}
/* الزر الأساسي */
.product-card__normal-cart {
margin-top: auto;
min-height: 48px;
}
}
.top-navbar:not(.topnav-has-bg) {
display: none;
}