/* ==================================================
   إعدادات الهيدر على الجوال فقط
   تصغّر ارتفاع الهيدر والشعار والأيقونات
   تعمل على الشاشات بعرض 767 بكسل وأقل
================================================== */

@media screen and (max-width: 767px) {

  /* يجعل ارتفاع الهيدر 52 بكسل */
  .header__main-container,
  .header__main-row,
  .header__main-start,
  .header__main-end {
    height: 52px !important;
    min-height: 52px !important;
  }

  /* يجعل عناصر الهيدر في المنتصف عموديًا */
  .header__main-row {
    align-items: center !important;
  }

  /* يحدد مساحة شعار المتجر داخل الهيدر */
  .header__main-row .navbar-brand {
    width: 105px !important;
    height: 52px !important;
    min-width: 105px !important;
    position: relative !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  /* يحدد حجم صورة الشعار ومكانها */
  .header__main-row .logo-normal {
    width: 105px !important;
    height: 63px !important;
    max-width: none !important;
    max-height: none !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
  }

  /* يجعل أزرار القائمة والبحث والحساب والسلة بحجم موحد */
  .header__main-row .mburger,
  .header__main-row button[data-selia="header-search-button"],
  .header__main-row .header-btn,
  .header__main-row .s-cart-summary-wrapper {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* يحدد حجم مساحة السلة ويضبط المسافة حولها */
  .header__main-row salla-cart-summary {
    width: 34px !important;
    height: 34px !important;
    margin-right: 5px !important;
    margin-left: 0 !important;
  }

  /* يجعل حجم أيقونات القائمة والبحث والحساب والسلة 20 بكسل */
  .header__main-row .sicon-menu,
  .header__main-row .sicon-search,
  .header__main-row .sicon-user,
  .header__main-row .sicon-cart {
    font-size: 20px !important;
  }
}


/* ==================================================
   تغيير خلفية الهيدر إلى اللون البيج
   يعمل على الجوال والكمبيوتر
================================================== */
/* تغيير خلفية الهيدر في كل الصفحات ما عدا الرئيسية */
body.not-home-page #mainnav,
body.not-home-page #mainnav .inner,
body.not-home-page #mainnav .header__main-container,
body.not-home-page #mainnav .header__main-row {
  background-color: #F5F1E8 !important;
}
/* ==================================================
   تغيير خلفية مربع "أهدِ من تحب" إلى اللون البيج
================================================== */

.s-list-tile-item,
.s-list-tile-item-content,
.s-list-tile-item-action {
  background-color: #F5F1E8 !important;
}


/* ==================================================
   تغيير خلفية منطقة شعارات وسائل الدفع إلى اللون البيج
   مثل مدى وفيزا وApple Pay وتابي وتمارا والدفع عند الاستلام
================================================== */

.s-payments-list,
.s-payments-list-item {
  background-color: #F5F1E8 !important;
}






















/****************************************************
1) تنظيف خطوط وفواصل العناوين
****************************************************/
.enhanced-title-border,
.home-block-line,
span.enhanced-title-border.home-block-line{
display:none !important;
}

/****************************************************
2) لون وضبط عناوين الأقسام
****************************************************/
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl,
h3.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary,
p.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl{
}

.home-block-title h2.text-3xl,
#best-offers-4-slider h2.text-3xl{
font-size:24px !important;
line-height:1.3 !important;
letter-spacing:-0.5px !important;
}

/****************************************************
3) بطاقات المنتجات داخل السلايدر
****************************************************/
.s-slider-container .s-products-slider-card{
width:232px !important;
max-width:232px !important;
margin-inline:auto !important;
}

.s-slider-container .s-products-slider-card .product-card__image{
width:100% !important;
height:auto !important;
overflow:hidden !important;
padding:0 !important;
}

.s-slider-container .s-products-slider-card .product-card__image img,
.s-slider-container .product-card__image img.h-full,
.s-slider-container .product-card__image img.second-image,
.s-slider-container .product-card__image img.main-image{
width:100% !important;
height:auto !important;
max-height:100% !important;
object-fit:contain !important;
display:block !important;
}

/****************************************************
4) مسافات السلايدرات
****************************************************/
.advanced-slider--0 .swiper.s-slider-container,
.slider-wrap .s-slider-container{
margin-bottom:2px !important;
padding-bottom:2px !important;
}

.slider-wrap + *,
#best-offers-1-slider + *{
margin-top:2px !important;
padding-top:2px !important;
}

#best-offers-1-slider{
margin-top:24px !important;
margin-bottom:2px !important;
padding-bottom:2px !important;
}

/****************************************************
5) إخفاءات
****************************************************/
.sticky-product-bar .s-fast-checkout-button,
a[href="https://mo67af.net/blog"],
a.btn.btn--outline-primary.h-10.grow-0,
.s-slider-block__title-nav,
span.h-px.bg-gray-200.flex-1.block,
.product-single__info>.flex.items-center.justify-between.mb-5{
display:none !important;
}

.product-single__info .flex.items-center.gap-8.mt-5{
margin-top:12px !important;
}

.product-single__info .flex.items-center.gap-8.mt-5 span.h-px{
opacity:.4 !important;
}

/****************************************************
6) خيارات اللون الأصلية
****************************************************/
.s-product-options-option-label b>span{
display:none !important;
}

.s-product-options-option[data-option-type="color"]{
width:100% !important;
margin:10px 0 15px !important;
overflow:visible !important;
}

salla-product-options .s-product-options-colors-wrapper{
display:flex !important;
justify-content:flex-start !important;
gap:14px !important;
flex-wrap:wrap !important;
overflow:visible !important;
}

/****************************************************
7) إخفاء سكرول الصور
****************************************************/
.s-slider-thumbs .swiper-scrollbar,
.product-single__slider .swiper-scrollbar{
display:none !important;
}

.s-slider-thumbs .swiper-slide[style*="visibility: hidden"]{
display:none !important;
}

/****************************************************
8) دوائر الألوان في كروت المنتجات
****************************************************/
.card-color-swatches{
display:flex !important;
justify-content:center !important;
gap:8px !important;
margin:10px 2px 12px !important;
flex-wrap:wrap !important;
}

.card-color-swatches span{
width:22px !important;
height:22px !important;
border-radius:50% !important;
display:block !important;
border:1.5px solid #ddd !important;
}

/****************************************************
9) عجلة الألوان تحت الصور
****************************************************/
.s-product-options-option[data-option-type="color"].real-colors-hidden{
position:absolute !important;
left:-9999px !important;
top:auto !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
overflow:hidden !important;
pointer-events:none !important;
margin:0 !important;
padding:0 !important;
}

.colors-under-images-box{
display:block !important;
width:max-content !important;
max-width:100% !important;
margin:10px 0 8px auto !important;
padding:0 !important;
position:relative !important;
z-index:20 !important;
touch-action:manipulation !important;
}

.colors-under-images-box::before{
content:"اختاري لون الطقم";
display:block !important;
font-size:12px !important;
font-weight:600 !important;
color:#444 !important;
margin-bottom:7px !important;
text-align:right !important;
}

.colors-under-images-box .fake-colors-box,
.colors-under-images-box .s-product-options-option,
.colors-under-images-box .s-product-options-option-content,
.colors-under-images-box .s-product-options-colors-wrapper{
margin:0 !important;
padding:0 !important;
}

.colors-under-images-box .s-product-options-option-label{
display:none !important;
}

.colors-under-images-box .s-product-options-option-content{
display:block !important;
width:max-content !important;
max-width:100% !important;
height:auto !important;
min-height:0 !important;
overflow:visible !important;
}

.colors-under-images-box .s-product-options-colors-wrapper{
display:flex !important;
flex-wrap:wrap !important;
gap:14px !important;
justify-content:flex-start !important;
border:0 !important;
overflow:visible !important;
}

.colors-under-images-box input{
pointer-events:none !important;
}

.colors-under-images-box label{
touch-action:manipulation !important;
cursor:pointer !important;
}

.colors-under-images-box label.active-color span{
outline:2px solid #9A73FF !important;
outline-offset:3px !important;
}

/****************************************************
10) اللوقو
****************************************************/
@media (max-width:768px){
.logo-normal,
img.logo-normal{
width:auto !important;
height:58px !important;
max-height:58px !important;
object-fit:contain !important;
}
}

/****************************************************
11) صفحة المنتج
****************************************************/
.product-single__description,
.product-content,
.product-entry{
margin-bottom:-6px !important;
padding-bottom:0 !important;
}

#btn-show-more,
a#btn-show-more{
display:inline-block !important;
margin-top:-10px !important;
margin-bottom:-34px !important;
padding:0 !important;
line-height:1 !important;
transform:none !important;
}

salla-product-options.s-product-options-wrapper{
margin-top:-18px !important;
padding-top:0 !important;
}

salla-product-options .s-product-options-option-container:first-child{
margin-top:0 !important;
padding-top:0 !important;
}

salla-product-options .s-product-options-option-label{
margin-bottom:8px !important;
}

/****************************************************
12) وصل حديثاً
****************************************************/
#best-offers-4-slider{
margin-top:10px !important;
padding-top:2px !important;
}

#best-offers-4-slider h2{
margin-top:2px !important;
margin-bottom:14px !important;
padding-top:2px !important;
}

#best-offers-4-slider .s-slider-block__title{
margin:2px !important;
padding:2px !important;
}

/****************************************************
13) فوق المميزات
****************************************************/
.slider-wrap.relative.lg\:w-2\/3{
padding-bottom:26px !important;
}

@media (max-width:768px){
.slider-wrap.relative.lg\:w-2\/3{
padding-bottom:22px !important;
}
}
/* إخفاء رابط عروض خاصة من القائمة */
a[href="/عروض-خاصة/c151980349"],
a[href="https://mo67af.net/عروض-خاصة/c151980349"] {
    display: none !important;
}
/****************************************************
منع تكبير صورة المنتج بعد اختيار اللون
****************************************************/
.product-single__slider a.swiper-slide.magnify-wrapper,
.product-single__slider .swiper-slide.magnify-wrapper.homeslider__slide{
box-sizing:border-box !important;
padding-top:34px !important;
padding-bottom:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
}

.product-single__slider a.swiper-slide.magnify-wrapper > img,
.product-single__slider .swiper-slide.magnify-wrapper.homeslider__slide > img{
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:center center !important;
}
/****************************************************
14) ضبط بلوك الشراء والإهداء
****************************************************/

body:has(.product-single__info) .colors-under-images-box{
z-index:5 !important;
}

body:has(.product-single__info) .sticky-product-bar{
z-index:20 !important;
padding-top:12px !important;
padding-bottom:12px !important;
}

body:has(.product-single__info) .sticky-product-bar__quantity{
margin-bottom:-11px !important;
}

body:has(.product-single__info) .sticky-product-bar__btn{
margin-top:8px !important;
margin-bottom:0 !important;
}

body:has(.product-single__info) .sticky-product-bar salla-gifting,
body:has(.product-single__info) .product-single__info salla-gifting{
display:block !important;
margin-top:-6px !important;
margin-bottom:0 !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

body:has(.product-single__info) .sticky-product-bar salla-gifting > div,
body:has(.product-single__info) .product-single__info salla-gifting > div,
body:has(.product-single__info) .s-gifting-widget,
body:has(.product-single__info) .s-list-tile-item{
margin-top:0 !important;
margin-bottom:0 !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

body:has(.product-single__info) .s-list-tile-item{
min-height:auto !important;
gap:6px !important;
}

body:has(.product-single__info) .s-list-tile-item-content,
body:has(.product-single__info) .s-list-tile-item-title,
body:has(.product-single__info) .s-list-tile-item-title h3{
margin-top:0 !important;
padding-top:0 !important;
}

body:has(.product-single__info) .s-list-tile-item-title{
margin-bottom:-3px !important;
}

body:has(.product-single__info) .s-list-tile-item-subtitle,
body:has(.product-single__info) .s-list-tile-item-subtitle > div{
margin-top:0 !important;
padding-top:0 !important;
}

body:has(.product-single__info) .s-list-tile-item-icon{
width:18px !important;
min-width:18px !important;
margin-inline-end:6px !important;
}

@media (max-width:768px){

body:has(.product-single__info) .s-list-tile-item-subtitle{
font-size:12px !important;
letter-spacing:-0.6px !important;
word-spacing:-1px !important;
white-space:normal !important;
overflow:hidden !important;
}

body:has(.product-single__info) .s-list-tile-item-action .s-button-element{
min-width:auto !important;
padding:6px 8px !important;
}

body:has(.product-single__info) .s-gifting-widget-action-content{
font-size:11px !important;
gap:2px !important;
}

body:has(.product-single__info) .s-gifting-widget-action-content svg{
width:16px !important;
height:16px !important;
}

}

/****************************************************
منع الصفحة البيضاء يمين بالجوال بدون تخريب سلايدر المنتج
****************************************************/
html,
body{
max-width:100% !important;
overflow-x:hidden !important;
}

@media (max-width:768px){

*{
box-sizing:border-box !important;
}

.colors-under-images-box,
.colors-under-images-box .s-product-options-option-content,
.colors-under-images-box .s-product-options-colors-wrapper,
salla-product-options .s-product-options-colors-wrapper{
width:100% !important;
max-width:100% !important;
overflow:visible !important;
}

.colors-under-images-box .s-product-options-colors-wrapper,
salla-product-options .s-product-options-colors-wrapper{
flex-wrap:wrap !important;
}

main,
section,
.product-single__info,
.product-single__description,
.product-content{
max-width:100% !important;
overflow-x:hidden !important;
}

/* لا نلمس swiper عشان ما تختفي الصورة عند اختيار اللون */

}
























.gold-guarantee-bar{
    width:100%;
    margin-bottom:14px;
    padding:9px 16px;

    display:flex;
    align-items:center;
    justify-content:flex-start;

    gap:6px;
    direction:rtl;
    text-align:right;

    position:relative;
    overflow:hidden;

    background:#EABF56;

    border:none;
    border-radius:8px;
    box-shadow:none;

    color:#fff;

    font:inherit;
    font-size:18.8px;
    font-weight:700;
    line-height:1.4;
}

.gold-guarantee-bar::before{
    content:"";
    position:absolute;

    top:-130%;
    left:-25%;

    width:16%;
    height:360%;

    transform:rotate(22deg);

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.10) 25%,
        rgba(255,255,255,.95) 50%,
        rgba(255,255,255,.10) 75%,
        transparent 100%
    );

    filter:blur(5px);

    animation:goldShine 2.2s linear infinite;
}

.gold-guarantee-bar span{
    position:relative;
    z-index:2;
}

.gold-guarantee-icon{
    font-size:18px;
    margin-left:6px;
}

@keyframes goldShine{

    0%{
        left:-25%;
        opacity:0;
    }

    5%{
        opacity:1;
    }

    82%{
        left:115%;
        opacity:1;
    }

    86%{
        opacity:0;
    }

    100%{
        left:115%;
        opacity:0;
    }

}



















.product-single-top-description{
margin-bottom:45px !important;
}

















#best-offers-3-slider {
    margin-top: 27px !important;
}







salla-basket-gap.s-basket-gap-entry {
  display: none !important;
}









.s-count-down-list{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:5px !important;
  width:100% !important;
  margin:8px 0 10px !important;
}

.s-count-down-list::before{
  content:"ينتهي العرض خلال";
  grid-column:1/-1;
  color:#991B1B;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  text-align:center;
  margin-bottom:2px;
}

.s-count-down-list .s-count-down-item{
  min-width:0 !important;
  padding:6px 2px !important;
  background:#FFF5F5 !important;
  border:1px solid #991B1B !important;
  border-radius:5px !important;
  color:#991B1B !important;
  text-align:center !important;
}

.s-count-down-list .s-count-down-item-value{
  color:#991B1B !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.s-count-down-list .s-count-down-item-label{
  color:#7F1D1D !important;
  font-size:10px !important;
  font-weight:600 !important;
  margin-top:3px !important;
}













/* عنوان الإضافات فوق أول إضافة في جميع المنتجات */
.s-product-options-option-container:has(
  > .s-product-options-option[data-option-type="color"]
)
+ .s-product-options-option-container::before {
  content: "✦ إضافات مميزة  تجعل طقمك أكثر تميزًا";
  display: block !important;
  width: 100% !important;
  margin: 22px 0 14px !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  text-align: right !important;

 background: linear-gradient(
  to left,
  #9A73FF 0%,
  #9A73FF 26%,
  #2D2D2D 30%,
  #2D2D2D 100%
) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}