/** Shopify CDN: Minification failed

Line 407:1 Unexpected "<"

**/
/* ==========================================================
   custom-blue-white.css  (نسخة مصححة — بدون Liquid)
   تعديل شكل صفحة المنتج — أزرق (#0B5FFF) وأبيض فقط
   ========================================================== */

:root{
  --rl-blue: #0B5FFF;
  --rl-blue-tint: #EAF1FF;
  --rl-blue-tint2: #F5F8FF;
  --rl-ink: #0B1220;
  --rl-ink-soft: #5B6B85;
}

/* ---------- 1) صندوق السعر ---------- */
.price{
  color: var(--rl-blue) !important;
}
.price--large .price-item--regular{
  font-weight: 800 !important;
  font-size: 1.7rem !important;
}
.price-item--sale{
  color: var(--rl-ink-soft) !important;
  opacity: .8;
}
.price__badge-sale,
.price__badge-sold-out{
  background: var(--rl-blue) !important;
  color: #fff !important;
  border-color: var(--rl-blue) !important;
}

/* ---------- 2) عداد الكمية ---------- */
.product-form__quantity .quantity{
  border: 1.5px solid var(--rl-blue-tint) !important;
  background: var(--rl-blue-tint2) !important;
  border-radius: 14px !important;
  overflow: hidden;
}
.product-form__quantity .quantity__button,
.product-form__quantity .quantity__input{
  color: var(--rl-blue) !important;
  background: transparent !important;
}

/* ---------- 3) زرار أضف للسلة + اشترِ الآن ---------- */
.product-form__submit{
  background: var(--rl-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 24px -10px rgba(11,95,255,.5);
}
.shopify-payment-button__button{
  border-radius: 14px !important;
}
.shopify-payment-button__button--unbranded{
  background: var(--rl-blue) !important;
}

/* ---------- 4) الجاليري: نقاط التنقل والسهمين ---------- */
.thumbnail-list .thumbnail--current,
.thumbnail.is-active{
  border-color: var(--rl-blue) !important;
}
.slider-counter__link .dot{
  background: var(--rl-blue-tint) !important;
}
.slider-counter__link[aria-current="true"] .dot,
.slider-counter__link.is-active .dot{
  background: var(--rl-blue) !important;
}
.slider-button{
  background: var(--rl-blue) !important;
  border-color: var(--rl-blue) !important;
}
.slider-button svg{
  color: #fff !important;
  stroke: #fff !important;
}

.product__media-item img{
  transition: opacity .45s ease, transform .45s ease;
}

/* ---------- 5) صندوق الوصف — يشتغل مع أي محتوى (فقرة / عناوين / نقط) ---------- */
.product__description.rte{
  background: var(--rl-blue-tint2) !important;
  border: 1px solid var(--rl-blue-tint) !important;
  border-radius: 20px !important;
  padding: 22px 20px !important;
}
.product__description.rte::before{
  content: "عن المنتج";
  display: block;
  font-weight: 800;
  font-size: 15px;
  color: var(--rl-ink);
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--rl-blue-tint);
}
.product__description.rte p{
  color: var(--rl-ink-soft) !important;
  line-height: 1.95 !important;
}
.product__description.rte h2,
.product__description.rte h3{
  color: var(--rl-blue) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
}
.product__description.rte ul,
.product__description.rte ol{
  list-style: none !important;
  padding: 0 !important;
  display: grid;
  gap: 8px;
}
.product__description.rte li{
  background: #fff !important;
  border-radius: 12px !important;
  padding: 9px 12px !important;
  position: relative;
  padding-inline-start: 26px !important;
}
.product__description.rte ul li::before{
  content: "";
  position: absolute;
  inset-inline-start: 12px;
  top: 14px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--rl-blue);
}
.product__description.rte hr{
  border: none !important;
  border-top: 1px dashed var(--rl-blue-tint) !important;
  margin: 16px 0 !important;
}

/* ---------- 6) صندوق العنوان + السعر + الكمية + السلة (طبق الأصل) ---------- */
.rl-buybox{
  background: #fff !important;
  border: 1.5px solid var(--rl-blue-tint) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  margin: 0 0 20px !important;
  box-shadow: 0 10px 30px -22px rgba(11,95,255,.45);
  max-width: 420px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.rl-buybox > *{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* العنوان */
.rl-buybox .product__title{
  order: 1;
  flex: 0 0 100%;
  margin: 0 0 10px !important;
}
.rl-buybox .product__title h1,
.rl-buybox .product__title h2{
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* السعر */
.rl-buybox [id^="price-"]{
  order: 2;
  flex: 0 0 100%;
  margin-bottom: 14px !important;
}
.rl-buybox .price--large .price-item--regular{
  font-size: 1.5rem !important;
}

/* الأغلفة اللي مالهاش كلاس (نلغي تأثيرها البصري فقط عشان نوصل لعناصرها) */
.rl-buybox > div:not(.product__title):not(.product-form__quantity):not([id^="price-"]){
  display: contents !important;
}
.rl-buybox .product-form,
.rl-buybox .product-form form{
  display: contents !important;
}
.rl-buybox .product-form__error-message-wrapper{
  order: 5;
  flex: 0 0 100%;
}

/* صف: زرار أضف للسلة (يمين) + الكمية (شمال) */
.rl-buybox .product-form__quantity{
  order: 4;
  flex: 0 0 34%;
  margin: 0 !important;
}
.rl-buybox .product-form__quantity .quantity__label{
  display: none !important;
}
.rl-buybox .product-form__buttons{
  order: 3;
  flex: 1 1 auto;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
}

/* زرار أضف للسلة نفسه */
.rl-buybox .product-form__submit{
  flex: 1 1 auto;
  order: 1;
  min-width: 0;
}
.rl-buybox .product-form__submit.button--secondary{
  background: #fff !important;
  color: var(--rl-blue) !important;
  border: 1.5px solid var(--rl-blue) !important;
  box-shadow: none !important;
}
.rl-buybox .product-form__submit.button--primary{
  background: var(--rl-blue) !important;
  color: #fff !important;
  border: none !important;
}

/* زرار اشترِ الآن (الدفع السريع) — صف لوحده تحت */
.rl-buybox .shopify-payment-button{
  order: 2;
  flex: 0 0 100%;
  margin-top: 4px;
}
.rl-buybox .shopify-payment-button__button{
  border-radius: 14px !important;
}

/* مسافة واضحة قبل صندوق الوصف */
.product__description.rte{
  margin-top: 10px !important;
}

/* ---------- 7) خلفية زرقاء لصندوق العنوان/السعر/الكمية/السلة ---------- */
.rl-buybox{
  background: var(--rl-blue) !important;
  border: none !important;
}
.rl-buybox .product__title h1,
.rl-buybox .product__title h2,
.rl-buybox .product__title a{
  color: #fff !important;
}
.rl-buybox .price,
.rl-buybox .price--large .price-item--regular{
  color: #fff !important;
}
.rl-buybox .price-item--sale{
  color: rgba(255,255,255,.65) !important;
}
.rl-buybox .price__badge-sale,
.rl-buybox .price__badge-sold-out{
  background: #fff !important;
  color: var(--rl-blue) !important;
}
.rl-buybox .product__tax,
.rl-buybox .quantity__label{
  color: rgba(255,255,255,.8) !important;
}
.rl-buybox .quantity{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.3) !important;
}
.rl-buybox .quantity__button,
.rl-buybox .quantity__input{
  color: #fff !important;
}
.rl-buybox .product-form__submit{
  background: #fff !important;
  color: var(--rl-blue) !important;
}

/* ---------- 8) رجّع الكارت أبيض + خلي المساحة وراه زرقاء ---------- */
.rl-buybox{
  background: #fff !important;
  border: 1.5px solid var(--rl-blue-tint) !important;
}
.rl-buybox .product__title h1,
.rl-buybox .product__title h2,
.rl-buybox .product__title a{
  color: var(--rl-ink) !important;
}
.rl-buybox .price,
.rl-buybox .price--large .price-item--regular{
  color: var(--rl-blue) !important;
}
.rl-buybox .price-item--sale{
  color: var(--rl-ink-soft) !important;
}
.rl-buybox .price__badge-sale,
.rl-buybox .price__badge-sold-out{
  background: var(--rl-blue) !important;
  color: #fff !important;
}
.rl-buybox .product__tax,
.rl-buybox .quantity__label{
  color: var(--rl-ink-soft) !important;
}
.rl-buybox .quantity{
  background: var(--rl-blue-tint2) !important;
  border-color: var(--rl-blue-tint) !important;
}
.rl-buybox .quantity__button,
.rl-buybox .quantity__input{
  color: var(--rl-blue) !important;
}
.rl-buybox .product-form__submit{
  background: var(--rl-blue) !important;
  color: #fff !important;
}

/* المساحة اللي وراء الكارت (القسم كله) */
.product__info-wrapper{
  background: var(--rl-blue-tint) !important;
  border-radius: 24px !important;
  padding: 18px !important;
}

/* ---------- 9) فصل سطر "وفّرت" عن سطر "الضرائب مشمولة" ---------- */
.rl-buybox [id^="price-"]{
  display: block !important;
  margin-bottom: 10px !important;
}
.rl-buybox .product__tax{
  display: block !important;
  position: static !important;
  margin-top: 8px !important;
  clear: both !important;
}
.rl-buybox .volume-pricing-note{
  display: block !important;
  margin-bottom: 8px !important;
}

/* ---------- 10) بادچ اسم البراند (Raylo) دائرة زرقاء ---------- */
/* ملحوظة: العنصر ده بره صندوق rl-buybox، فبنستهدفه مباشرة */
.product__text.inline-richtext{
  display: inline-block !important;
  background: var(--rl-blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  padding: 6px 16px !important;
  border-radius: 100px !important;
  margin: 0 0 10px !important;
}

/* ---------- 11) خلفية زرقاء لزرار أضف إلى عربة التسوق ---------- */
.rl-buybox .product-form__submit{
  background: var(--rl-blue) !important;
  color: #fff !important;
  border: none !important;
}/* ---------- 12) تغليب نهائي — أقوى من أي كود تاني (زرار السلة أزرق دايمًا) ---------- */
html body .product-form__buttons .product-form__submit,
html body .product-form__buttons button[name="add"],
html body button.product-form__submit.button--secondary,
html body button.product-form__submit.button--primary{
  background-color: #0B5FFF !important;
  background: #0B5FFF !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}/* ---------- 13) قسم "قد يعجبك أيضًا" — سكرول أفقي جنب بعض ---------- */
ul.product-grid{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  gap: 14px !important;
  padding: 4px 4px 14px !important;
  margin: 0 !important;
  list-style: none !important;
}
ul.product-grid > li{
  flex: 0 0 62% !important;
  max-width: 62% !important;
  scroll-snap-align: start;
}
/* إخفاء شريط السكرول عشان يبقى شكله أنضف */
ul.product-grid{
  scrollbar-width: none;
}
ul.product-grid::-webkit-scrollbar{
  display: none;
}<script>
(function () {
  var done = false;

  function setupLoop(grid) {
    if (done || !grid || grid.children.length < 2) return;
    done = true;

    grid.style.scrollBehavior = 'auto';

    var originalItems = Array.from(grid.children);

    originalItems.forEach(function (item) {
      var clone = item.cloneNode(true);
      clone.setAttribute('aria-hidden', 'true');

      clone.querySelectorAll('img').forEach(function (img) {
        img.loading = 'eager';
        img.decoding = 'sync';
      });

      grid.appendChild(clone);
    });

    var half = grid.scrollWidth / 2;
    var resetting = false;
    var originalSnap = getComputedStyle(grid).scrollSnapType || '';

    grid.addEventListener('scroll', function () {
      if (resetting) return;
      if (Math.abs(grid.scrollLeft) >= half - 5) {
        resetting = true;

        grid.style.scrollSnapType = 'none';
        grid.style.scrollBehavior = 'auto';

        grid.scrollLeft = grid.scrollLeft > 0
          ? grid.scrollLeft - half
          : grid.scrollLeft + half;

        requestAnimationFrame(function () {
          requestAnimationFrame(function () {
            grid.style.scrollSnapType = originalSnap;
            resetting = false;
          });
        });
      }
    });
  }

  function findRecoGrid() {
    return document.querySelector('product-recommendations ul.product-grid');
  }

  var existing = findRecoGrid();
  if (existing && existing.children.length > 1) {
    setupLoop(existing);
    return;
  }

  var observer = new MutationObserver(function () {
    var grid = findRecoGrid();
    if (grid && grid.children.length > 1) {
      setupLoop(grid);
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });

  setTimeout(function () { observer.disconnect(); }, 15000);
})();
</script>
/* ===== Dark mode overrides (correct classes) ===== */
[data-theme="dark"] .rl-buybox {
  background: #161F34 !important;
  border-color: #2A3550 !important;
}

[data-theme="dark"] .rl-buybox .product__title h1,
[data-theme="dark"] .rl-buybox .product__title h2 {
  color: #F2F2F4 !important;
}

[data-theme="dark"] .rl-buybox .price,
[data-theme="dark"] .rl-buybox .price--large .price-item--regular {
  color: #5B94E8 !important;
}

[data-theme="dark"] .rl-buybox .quantity {
  background: #1C263C !important;
  border-color: #2A3550 !important;
}

[data-theme="dark"] .rl-buybox .quantity__button,
[data-theme="dark"] .rl-buybox .quantity__input {
  color: #5B94E8 !important;
}

[data-theme="dark"] .product__info-wrapper {
  background: #0D1424 !important;
}

[data-theme="dark"] .product__description.rte {
  background: #161F34 !important;
  border-color: #2A3550 !important;
}

[data-theme="dark"] .product__description.rte::before {
  color: #F2F2F4 !important;
  border-bottom-color: #2A3550 !important;
}

[data-theme="dark"] .product__description.rte p {
  color: #9AA1B8 !important;
}

[data-theme="dark"] .product__description.rte li {
  background: #1C263C !important;
}[data-theme="dark"] .rl-buybox .product__tax,
[data-theme="dark"] .rl-buybox .volume-pricing-note,
[data-theme="dark"] .rl-buybox [id^="price-"] .price-item--sale {
  color: #9AA1B8 !important;
}

[data-theme="dark"] .rl-buybox .price-item--sale {
  color: #6B7189 !important;
}[data-theme="dark"] .product__media-wrapper {
  background: #161F34 !important;
}[data-theme="dark"] .rl-buybox {
  background: #161F34 !important;
  border-color: #2A3550 !important;
}

[data-theme="dark"] .rl-buybox .product__title h1,
[data-theme="dark"] .rl-buybox .product__title h2 {
  color: #F2F2F4 !important;
}

[data-theme="dark"] .rl-buybox .price,
[data-theme="dark"] .rl-buybox .price--large .price-item--regular {
  color: #5B94E8 !important;
}

[data-theme="dark"] .rl-buybox .price-item--sale {
  color: #6B7189 !important;
}

[data-theme="dark"] .rl-buybox .product__tax,
[data-theme="dark"] .rl-buybox .volume-pricing-note {
  color: #9AA1B8 !important;
}

[data-theme="dark"] .rl-buybox .quantity {
  background: #1C263C !important;
  border-color: #2A3550 !important;
}

[data-theme="dark"] .rl-buybox .quantity__button,
[data-theme="dark"] .rl-buybox .quantity__input {
  color: #5B94E8 !important;
}

[data-theme="dark"] .rl-buybox .product-form__submit.button--secondary {
  background: #161F34 !important;
  border-color: #5B94E8 !important;
  color: #5B94E8 !important;
}

[data-theme="dark"] .rl-buybox .product-form__submit.button--primary {
  background: #5B94E8 !important;
  color: #0D1424 !important;
}

[data-theme="dark"] .rl-buybox .product__text.inline-richtext {
  background: #5B94E8 !important;
  color: #0D1424 !important;
}