/* Add custom CSS styles below */ /* خط + ألوان وهوية ناعمة */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800&display=swap'); :root{ --brand:#4b7f4a; --brand-2:#9BCB7E; --ink:#1a1a1a; --muted:#6b7280; --card:#fff; --radius:18px; --shadow:0 10px 24px rgba(0,0,0,.08); } body{font-family:"Tajawal",system-ui,Segoe UI,Arial!important;color:var(--ink)} /* أزرار أوضح */ .btn, .button, [class*="btn-"], button{ border-radius:14px !important; font-weight:800 !important; } .btn-primary, .button--primary{ background:var(--brand)!important; border-color:var(--brand)!important; } .btn-primary:hover{filter:brightness(1.05)} /* بطاقات المنتجات أنظف */ .product-item, .product-card, [class*="product"]:has(img){ border-radius:var(--radius); background:var(--card); box-shadow:var(--shadow); overflow:hidden; } /* توحيد أبعاد صور المنتجات */ .product-item img, .product-card img{ aspect-ratio: 4/5; object-fit:cover; width:100%!important; height:auto!important; } /* شارة الخصم/الجديد */ .badge, .product-label, .product-ribbon{ background:#fff!important; color:var(--brand)!important; border:1px solid var(--brand)!important; border-radius:999px!important; font-weight:800!important; } /* تباعد عام بين الأقسام */ section, .section, [class*="section"]{scroll-margin-top:80px} .section-title, h2.section__title{position:relative; padding-inline-end:60px} .section-title::after, h2.section__title::after{ content:""; position:absolute; inset:auto 0 8px auto; width:46px; height:4px; background:linear-gradient(90deg,var(--brand),transparent); border-radius:4px; } /* سلايدر المراجعات كبطاقات صور مربعة لو استخدمت بانرات للمراجعات */ .testi-slide img, .review-banner img{border-radius:14px; box-shadow:var(--shadow)} /* تحريك خفيف عند المرور */ a:hover img{transform:translateY(-2px); transition:transform .25s ease} .bg-primary{ background-color:#4b7f4a!important} .s-block--store-features-icon i{ color:#FFF!important} /* ====== Athbah – Reviews Slider (no HTML) ====== */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800&display=swap'); .athbah-reviews-block{direction:rtl;font-family:"Tajawal",system-ui,Segoe UI,Arial; --brand:#4b7f4a; --gap:14px; --radius:18px; --shadow:0 10px 24px rgba(0,0,0,.08); max-width:1200px;margin:38px auto 28px;padding:0 16px; } .athbah-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px} .athbah-reviews-title{font-weight:800;font-size:26px;margin:0;color:#111} .athbah-reviews-sub{color:#6b7280;font-size:14px} .athbah-reviews-swiper{overflow:hidden;border-radius:var(--radius);position:relative} .athbah-reviews-swiper .swiper-wrapper{align-items:stretch} .athbah-reviews-swiper .swiper-slide{height:auto} .athbah-review-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;height:100%;position:relative} .athbah-review-img{aspect-ratio:3/4;background:#f3f6f3} .athbah-review-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease} .athbah-review-card:hover .athbah-review-img img{transform:scale(1.03)} .athbah-wa-badge{position:absolute;inset:auto 10px 10px auto;background:#fff;color:var(--brand); border:1px solid var(--brand);padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:var(--shadow);z-index:2} .athbah-reviews-swiper .swiper-button-next, .athbah-reviews-swiper .swiper-button-prev{ width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #e5e7eb; box-shadow:var(--shadow);color:#111;top:50%;transform:translateY(-50%); } .athbah-reviews-swiper .swiper-button-next:after, .athbah-reviews-swiper .swiper-button-prev:after{font-size:18px} .athbah-reviews-swiper .swiper-pagination-bullets{bottom:10px} .athbah-reviews-swiper .swiper-pagination-bullet{opacity:1;background:#cbd5e1;width:8px;height:8px} .athbah-reviews-swiper .swiper-pagination-bullet-active{width:22px;border-radius:999px;background:var(--brand)} .athbah-reviews-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease} .athbah-reviews-reveal.in{opacity:1;transform:none} /* استجابة */ @media (max-width:1024px){ .athbah-reviews-title{font-size:24px} } @media (max-width:640px){ .athbah-reviews-title{font-size:22px} } /* Dark mode تحسينات */ body.color-mode-dark .athbah-reviews-title{color:#f8fafc} body.color-mode-dark .athbah-reviews-sub{color:#94a3b8} body.color-mode-dark .athbah-review-card{background:#0f172a;border:1px solid rgba(255,255,255,.06)} body.color-mode-dark .athbah-reviews-swiper .swiper-button-next, body.color-mode-dark .athbah-reviews-swiper .swiper-button-prev{background:#0b1220;border-color:#1f2937;color:#e5e7eb} .athbah-reviews-title{ color:#4b7f4a!important; } /* ========================================================= ATHBAH – Ultra Light Skin (CSS only, RTL, Salla) يفرض مظهر فاتح حتى مع وجود .color-mode-dark ========================================================= */ /* لوحة ألوان خفيفة */ :root{ --brand:#4b7f4a; /* الأخضر الأساسي */ --brand-2:#87c27a; /* أخضر فاتح */ --ink:#1f2937; /* نص أساسي */ --muted:#6b7280; /* نص ثانوي */ --bg:#f9fbf7; /* خلفية عامة فاتحة جداً */ --surface:#ffffff; /* خلفية الكروت */ --border:#e9eef3; /* حدود خفيفة */ --radius:18px; --radius-sm:14px; --shadow:0 10px 24px rgba(17,24,39,.08); --grad:linear-gradient(135deg,#4b7f4a 0%,#9bcb7e 100%); } /* اجبار الموقع على Light حتى لو القالب Dark */ body, body.color-mode-dark{ background: radial-gradient(1200px 800px at 85% -100%, #eaf6ea 0%, transparent 60%), radial-gradient(900px 600px at -10% 120%, #f1fff1 0%, transparent 55%), var(--bg) !important; color:var(--ink); font-family:"Tajawal",system-ui,Segoe UI,Arial; } /* ---------------- Header زجاجي خفيف ---------------- */ .store-header .main-nav-container.fixed-header .inner{ background:rgba(255,255,255,.85) !important; backdrop-filter:blur(10px); border-bottom:1px solid var(--border); box-shadow:0 6px 14px rgba(17,24,39,.05); } #mainnav a:not(.navbar-brand){ position:relative; font-weight:800; } #mainnav a:not(.navbar-brand)::after{ content:""; position:absolute; inset:auto 0 -6px 0; height:3px; border-radius:99px; background:linear-gradient(90deg,var(--brand),transparent); transform:scaleX(0); transform-origin:right; transition:transform .35s ease; } #mainnav a:not(.navbar-brand):hover::after{ transform:scaleX(1); transform-origin:left } /* ---------------- أزرار موحّدة Light ---------------- */ .btn, .button, [class*="btn-"], .s-button-element{ border-radius:var(--radius-sm) !important; font-weight:800 !important; } .btn-primary, .s-button-primary, .advanced-slider__caption__inner__content__button{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; box-shadow:0 8px 18px rgba(75,127,74,.20); } .btn-primary:hover, .s-button-primary:hover{ filter:brightness(1.06) } /* ---------------- هيرو سلايدر (صور/أزرار) ---------------- */ .advanced-slider__image{ filter:saturate(1.05) contrast(1.02) } .advanced-slider__caption__inner__content__button{ border-radius:14px } /* ---------------- بطاقات المنتجات – Light فعلياً ---------------- */ .product-card, .product-item, [class*="product-card--"]{ background:var(--surface) !important; border:1px solid var(--border) !important; border-radius:var(--radius) !important; box-shadow:var(--shadow) !important; overflow:hidden; } .product-card__image, .product-item img{ position:relative; overflow:hidden; } .product-card__image .main-image, .product-item img{ width:100% !important; height:auto !important; aspect-ratio:4/5; object-fit:cover; transition:transform .4s ease, filter .3s ease; } .product-card:hover .main-image{ transform:scale(1.035); filter:saturate(1.02) } /* لمعان خفيف */ .product-card__image::after{ content:""; position:absolute; inset:0 auto 0 -55%; width:45%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); transition:transform .55s ease; pointer-events:none; } .product-card:hover .product-card__image::after{ transform:translateX(260%) skewX(-18deg) } /* شارة العرض/الترويج Light */ .product-card__promotion, .product-ribbon, .badge{ background:#fff !important; color:var(--brand) !important; border:1px solid var(--brand) !important; border-radius:999px !important; padding:.35rem .7rem; font-weight:800; } /* عنوان وسعر أوضح */ .product-card__title a{ font-weight:800; color:var(--ink) } .price-wrapper .total-price{ font-weight:800; color:#111 } .price-wrapper .before-price{ color:#ef4444; opacity:.9 } /* أزرار البطاقة */ .product-card__actions .s-button-element, .product-card__buttons .s-button-element{ background:#fff !important; border:1px solid var(--border); color:#111 !important; border-radius:12px !important; } .product-card__actions .s-button-element:hover{ transform:translateY(-1px) } /* ---------------- سلايدر المنتجات (أسهم/نقاط Light) ---------------- */ .s-slider-nav-arrow, .swiper-button-next, .swiper-button-prev{ width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--border); box-shadow:var(--shadow); color:#111; } .swiper-pagination-bullet{ background:#cbd5e1; opacity:1 } .swiper-pagination-bullet-active{ background:var(--brand); width:22px; border-radius:999px } /* ---------------- سكشن المزايا (بطاقات بيضاء بإطار) ---------------- */ .s-block--store-features .relative.p-px{ border-radius:var(--radius); border:1px solid var(--border); box-shadow:var(--shadow); background:var(--surface); } .s-block--store-features .bg-storeBG{ background:var(--surface) !important } /* ---------------- ماركيه الرسائل ---------------- */ .animated-text{ background:#eaf7ea !important; border-block:1px solid var(--border) } .animated-text a{ color:#1f2937 !important; font-weight:800 } /* ---------------- سكشن “أحدث المنتجات” عنوان وبوردر ---------------- */ #best-offers-3-slider .lg\:mx-0.text-center.mb-8 h2{ font-weight:800; letter-spacing:.2px; } .enhanced-title-border{ display:block; width:64px; height:4px; margin:10px auto 0; border-radius:4px; background:var(--grad) } /* ---------------- سلايدر آراء العملاء (لو مضاف) Light ---------------- */ .athbah-reviews-block{ background:transparent; } .athbah-reviews-title{ color:#111 } .athbah-review-card{ background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow) } .athbah-wa-badge{ background:#fff; color:var(--brand); border:1px solid var(--brand) } /* ---------------- الفوتر Light بالكامل ---------------- */ .store-footer{ background:var(--surface) !important; color:var(--muted) !important; border-top:1px solid var(--border) } .store-footer__curve{ color:var(--surface) } .store-footer a{ color:#334155 } .footer-description{ color:#6b7280 } .social-link{ width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f2f6f2;border:1px solid var(--border) } .social-link:hover{ background:#e9f5ea } /* ---------------- Bottom Nav (الموبايل) Light ---------------- */ .selia-bottom-nav{ background:rgba(255,255,255,.92) !important; backdrop-filter:blur(10px); border-top:1px solid var(--border); } .selia-bottom-nav .selia-bottom-nav-icon{ font-weight:700 } .selia-bottom-nav .sicon-house-door, .selia-bottom-nav .sicon-list, .selia-bottom-nav .sicon-user, .selia-bottom-nav .sicon-search{ color:#111 } /* ---------------- عناصر صغيرة ---------------- */ .container{ max-width:1200px } .contact-icon, .s-cart-summary-icon, .sicon-whatsapp2{ color:var(--brand) } #wa-selia{ background:var(--brand) !important } /* Scrollbar/Selection */ *::-webkit-scrollbar{ width:10px; height:10px } *::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,var(--brand),var(--brand-2)); border-radius:999px } ::selection{ background:#4b7f4a; color:#fff } .selia-bottom-nav-icon i:not(.sicon-sar){ color:#4b7f4a!important; } .enhanced-title-border{ border:2px solid #eaf7ea !important; } .enhanced-title-border:after, .enhanced-title-border:before{ background-color:#eaf7ea !important } /* === Reviews Slider: صور كاملة بدون قص === */ .athbah-reviews-block .athbah-review-img{ aspect-ratio: auto !important; height: clamp(260px, 55vw, 520px); /* موبايل ↔ ديسكتوب */ display: flex; align-items: center; justify-content: center; background: #fff; position: relative; overflow: hidden; padding: 0; } .athbah-reviews-block .athbah-review-img img{ width: 100%; height: 100%; object-fit: contain !important; /* ↑ أهم سطر */ object-position: center center !important; transform: none !important; } .athbah-reviews-block .athbah-review-card:hover .athbah-review-img img{ transform: none !important; /* منع الزوم اللي كان بيقص */ } /* لو فيه ستايل قديم كان محدد aspect-ratio أو cover هنلغيه بالقوة */ .athbah-review-img{ aspect-ratio: auto !important; } .athbah-review-img img{ object-fit: contain !important; } /* رأس القسم */ .athbah-reviews-head { text-align:center; margin-bottom: 16px; } .athbah-reviews-title { font-size: clamp(1.1rem, 2.5vw, 1.6rem); margin: 0 0 6px; } .athbah-reviews-sub { opacity: .8; font-size: .95rem; } .athbah-reviews-swiper { overflow: visible; } .athbah-reviews-swiper .swiper-wrapper { align-items: stretch; } .athbah-reviews-swiper .swiper-slide { height: auto; } /* مهم لتفادي "السلايد الفاضي" */ /* الكارد والصورة */ .athbah-review-card{ display:block; position:relative; border-radius:16px; overflow:hidden; box-shadow: 0 6px 20px rgba(0,0,0,.08); background:#0b0b0b; } .athbah-wa-badge{ position:absolute; z-index:2; top:10px; inset-inline-start:10px; background:#25D366; color:#fff; padding:3px 8px; border-radius:999px; font-size:.75rem; font-weight:600; box-shadow:0 2px 8px rgba(37,211,102,.35); } /* اجعل الصورة تظهر كاملة بنسبة أبعاد ثابتة (اختيارياً غيّر 9/16) */ .athbah-review-img{ position:relative; margin:0; aspect-ratio: 9/16; } .athbah-review-bg{ position:absolute; inset:0; background-size: cover; background-position:center; filter: blur(16px) saturate(1.1) opacity(.25); transform: scale(1.2); pointer-events:none; } .athbah-review-img img{ position:relative; z-index:1; width:100%; height:100%; object-fit: contain; /* الصورة كاملة بدون قص */ display:block; background:#111; } /* عناصر التحكم */ .athbah-reviews-swiper .swiper-button-prev, .athbah-reviews-swiper .swiper-button-next{ width: 38px; height: 38px; border-radius: 999px; background: rgba(0,0,0,.5); backdrop-filter: blur(4px); transition: .2s; top: 45%; } .athbah-reviews-swiper .swiper-button-prev:hover, .athbah-reviews-swiper .swiper-button-next:hover{ background: rgba(0,0,0,.65); } .athbah-reviews-swiper .swiper-button-prev:after, .athbah-reviews-swiper .swiper-button-next:after{ font-size: 16px; color:#fff; } .athbah-reviews-swiper .swiper-pagination-bullet{ background:#999; opacity:.6; } .athbah-reviews-swiper .swiper-pagination-bullet-active{ background:#222; opacity:1; } /* حركة دخول بسيطة */ .athbah-reviews-reveal{ opacity:0; transform: translateY(10px); transition: .4s ease; } .athbah-reviews-reveal.in{ opacity:1; transform:none; } /* ===== Athbah – clean look ===== */ .athbah-reviews-head{ text-align:center; margin-bottom:14px; } .athbah-reviews-title{ margin:0 0 6px; font-size:clamp(1.1rem,2.4vw,1.6rem); } .athbah-reviews-sub{ opacity:.8; font-size:.95rem; } .athbah-reviews-swiper{ overflow:visible; } .athbah-reviews-swiper .swiper-wrapper{ align-items:stretch; } .athbah-reviews-swiper .swiper-slide{ height:auto; } /* يمنع سلايد فاضي */ .athbah-review-card{ display:block; position:relative; border-radius:16px; overflow:hidden; background:#0b0b0b; box-shadow:0 6px 18px rgba(0,0,0,.08); } /* شارة واتساب – اسم فريد لتفادي تعارض ستايلات القالب */ .athbah-wa-chip{ position:absolute; z-index:3; top:10px; inset-inline-start:10px; display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; border-radius:999px; background:#25D366; color:#fff; font-size:.78rem; font-weight:700; line-height:1; white-space:nowrap; } /* صورة واضحة وممتلئة بدون تمدد غريب */ .athbah-review-img{ margin:0; aspect-ratio:9/16; background:#111; } .athbah-review-img img{ width:100%; height:100%; display:block; object-fit:cover; /* مليانة وواضحة */ image-rendering:auto; } /* عناصر التحكم */ .athbah-reviews-swiper .swiper-button-prev, .athbah-reviews-swiper .swiper-button-next{ width:36px; height:36px; border-radius:999px; background:rgba(0,0,0,.55); backdrop-filter:blur(4px); top:45%; transition:.2s; } .athbah-reviews-swiper .swiper-button-prev:hover, .athbah-reviews-swiper .swiper-button-next:hover{ background:rgba(0,0,0,.7); } .athbah-reviews-swiper .swiper-button-prev:after, .athbah-reviews-swiper .swiper-button-next:after{ font-size:16px; color:#fff; } .athbah-reviews-swiper .swiper-pagination-bullet{ background:#aaa; opacity:.6; } .athbah-reviews-swiper .swiper-pagination-bullet-active{ background:#222; opacity:1; } /* دخول لطيف */ .athbah-reviews-reveal{ opacity:0; transform:translateY(8px); transition:.35s ease; } .athbah-reviews-reveal.in{ opacity:1; transform:none; } .athbah-review-img img{ object-fit:contain; background:#111; }

/* ====== Reviews Slider – Athbah ====== */
.athbah-reviews-block{
  direction:rtl!important;
  --card-radius:18px!important;
  --btn-bg:rgba(0,0,0,.55)!important;
  --chip-bg:#fff!important;
  --chip-ink:var(--brand)!important;
  max-width:1200px; margin:38px auto 28px!important; padding:0 16px!important;
}
.athbah-reviews-head{ text-align:center!important; margin-bottom:14px!important }
.athbah-reviews-title{ margin:0 0 6px!important; font-size:clamp(1.1rem,2.4vw,1.6rem)!important; color:#111!important }
.athbah-reviews-sub{ opacity:.8!important; font-size:.95rem!important }

/* الحاوية */
.athbah-reviews-swiper{ overflow:visible!important; position:relative!important }
.athbah-reviews-swiper .swiper-wrapper{ align-items:stretch!important }
.athbah-reviews-swiper .swiper-slide{ height:auto!important } /* يمنع سلايد فاضي */

/* الكارت */
.athbah-review-card{
  display:block!important; position:relative!important; overflow:hidden!important;
  border-radius:var(--card-radius)!important;
  background:#fff!important; border:1px solid var(--border)!important; box-shadow:var(--shadow)!important;
}

/* الصورة – واضحة وكاملة */
.athbah-review-img{
  margin:0!important; aspect-ratio:9/16!important; background:#fff!important;
}
.athbah-review-img img{
  width:100%!important; height:100%!important; display:block!important;
  object-fit:contain!important; object-position:center center!important;
}

/* شارة واتساب (اسم فريد لتفادي التعارض) */
.athbah-wa-chip{
  position:absolute!important; z-index:3!important; top:10px!important; inset-inline-start:10px!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  padding:6px 10px!important; border-radius:999px!important;
  background:var(--chip-bg)!important; color:var(--chip-ink)!important; border:1px solid var(--brand)!important;
  font-size:.78rem!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important;
  box-shadow:var(--shadow)!important;
}

/* الأسهم */
.athbah-reviews-swiper .swiper-button-prev,
.athbah-reviews-swiper .swiper-button-next{
  width:36px!important; height:36px!important; border-radius:999px!important; background:var(--btn-bg)!important;
  backdrop-filter:blur(4px)!important; top:45%!important; transition:.2s!important;
}
.athbah-reviews-swiper .swiper-button-prev:hover,
.athbah-reviews-swiper .swiper-button-next:hover{ background:rgba(0,0,0,.7)!important }
.athbah-reviews-swiper .swiper-button-prev:after,
.athbah-reviews-swiper .swiper-button-next:after{ font-size:16px!important; color:#fff!important }

/* النقاط */
.athbah-reviews-swiper .swiper-pagination-bullet{ background:#aaa!important; opacity:.7!important }
.athbah-reviews-swiper .swiper-pagination-bullet-active{ background:#222!important; opacity:1!important; width:22px!important; border-radius:999px!important }

/* دخول لطيف */
.athbah-reviews-reveal{ opacity:0!important; transform:translateY(8px)!important; transition:.35s ease!important }
.athbah-reviews-reveal.in{ opacity:1!important; transform:none!important }

/* ====== Responsive ====== */
/* موبايل full-bleed + 2 سلايد بدون هوامش جانبية */
@media (max-width: 639px){
  .athbah-reviews-block{
    width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important;
    padding-left:0!important; padding-right:0!important;
  }
  .athbah-reviews-title{ font-size:22px!important }
}

/* تحسينات ألوان للوضع الداكن */
body.color-mode-dark .athbah-reviews-title{ color:#f8fafc }
body.color-mode-dark .athbah-reviews-sub{ color:#94a3b8 }
body.color-mode-dark .athbah-review-card{ background:#0f172a; border:1px solid rgba(255,255,255,.06) }
body.color-mode-dark .athbah-wa-chip{ background:#0b1220; color:#e5e7eb; border-color:#1f2937 }
/* === ATHBAH Lightbox (slider-only, append-only) === */
.athbah-no-scroll{ overflow:hidden; }

/* الغلاف */
.athbah-lb{
  position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.82); z-index:9999;
}
.athbah-lb.is-open{ display:flex; }

/* الحاوية الداخلية */
.athbah-lb__inner{
  position:relative; width:min(92vw, 920px); height:min(86vh, 920px); display:flex; align-items:center; justify-content:center;
}
.athbah-lb__img{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block;
  box-shadow:0 10px 24px rgba(0,0,0,.25); border-radius:12px; background:#000;
}

/* أزرار التحكم */
.athbah-lb__btn{
  position:absolute; display:grid; place-items:center; width:42px; height:42px; border-radius:999px;
  background:rgba(0,0,0,.55); color:#fff; border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(4px); cursor:pointer; transition:.2s;
}
.athbah-lb__btn:hover{ background:rgba(0,0,0,.7); }
.athbah-lb__close{ top:10px; inset-inline-end:10px; }
.athbah-lb__prev{ inset-inline-start:10px; top:calc(50% - 21px); }
.athbah-lb__next{ inset-inline-end:10px; top:calc(50% - 21px); }

/* إخفاء الأسهم لو صورة واحدة */
.athbah-lb.single .athbah-lb__prev,
.athbah-lb.single .athbah-lb__next{ display:none; }

/* يمنع سحب/تحديد أثناء العرض */
.athbah-lb, .athbah-lb *{ user-select:none; -webkit-user-drag:none; }