/** Shopify CDN: Minification failed

Line 367:1 Expected "}" to go with "{"

**/
/* ============================================
   Raylo — Product Page Reskin (Blue / White)
   Restyles Dawn's native classes only.
   Does NOT touch product-media-gallery (kept default).
   ============================================ */

:root{
  --raylo-ink:#0C2340;
  --raylo-blue:#1E5FCC;
  --raylo-blue-light:#EAF2FE;
  --raylo-line:#E3E9F3;
  --raylo-bg:#F5F8FC;
}

/* ---- info column wrapper ---- */
.product__info-container{
  background:#fff;
  border:1px solid var(--raylo-line);
  border-radius:18px;
  padding:20px 18px;
}

/* ---- brand / text pill badge (block type: text) ---- */
.productinfo-container .producttext{
  display:inline-flex;
  align-items:center;
  background:var(--raylo-blue-light);
  color:var(--raylo-blue);
  font-weight:700;
  font-size:13px;
  padding:5px 14px;
  border-radius:100px;
  margin-bottom:10px;
}

/* ---- title ---- */
.product__title h1,
.product__title .h1{
  color:var(--raylo-ink);
  font-weight:800;
  line-height:1.3;
}
.producttitle a.producttitle{
  display:none;
}

/* ---- price ---- */
.price{
  color:var(--raylo-ink);
}
.price .price-item--regular{
  font-weight:800;
  font-size:28px;
  color:var(--raylo-blue);
}
.price .price__sale .price-item--sale-regular s{
  opacity:.45;
  font-weight:400;
}
.price .price-item--sale{
  color:var(--raylo-blue);
  font-weight:800;
  font-size:28px;
}
.price__badge-sale{
  background:var(--raylo-blue-light) !important;
  color:var(--raylo-blue) !important;
  border:none !important;
  border-radius:100px;
  font-weight:700;
}

/* ---- quantity stepper ---- */
.product-form__quantity .quantity{
  border:1.5px solid var(--raylo-ink);
  border-radius:100px;
  background:#fff;
  overflow:hidden;
}
.product-formquantity .quantitybutton{
  background:transparent;
  border:none;
}
.product-formquantity .quantityinput{
  font-weight:800;
  text-align:center;
}
.product-formquantity .quantitylabel{
  font-weight:700;
  font-size:13px;
  color:var(--raylo-ink);
}

/* ---- add to cart / buy buttons ---- */
.product-form__buttons .button--primary,
.product-form__submit{
  background:var(--raylo-blue) !important;
  border-color:var(--raylo-blue) !important;
  color:#fff !important;
  border-radius:100px !important;
  font-weight:800 !important;
  padding-top:15px;
  padding-bottom:15px;
}
.product-form__buttons .button--secondary{
  background:#fff !important;
  border:1.5px solid var(--raylo-ink) !important;
  color:var(--raylo-ink) !important;
  border-radius:100px !important;
  font-weight:800 !important;
}
.shopify-payment-button{
  margin-top:10px;
}

/* ---- row: quantity beside "Add to cart", buy-now stays full width below ---- */
.raylo-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:stretch;
  margin-top:16px;
}
.raylo-btn-row .product-form__quantity{
  flex:0 0 34%;
  margin:0;
}
.raylo-btn-row .product-form__submit{
  flex:1 1 auto;
  margin:0 !important;
}
.raylo-btn-row > *:not(.product-formquantity):not(.product-formsubmit){
  flex:1 1 100%;
  margin-top:10px !important;
}

/* ---- description: generic styling, no fixed sections ---- */
.product__description{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--raylo-line);
  color:var(--raylo-ink);
  line-height:1.9;
  font-size:14.5px;
}
.product__description p{
  margin-bottom:14px;
  opacity:.85;
}
.product__description ul,
.product__description ol{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.product__description li{
  position:relative;
  background:var(--raylo-bg);
  border-radius:12px;
  padding:12px 36px 12px 14px;
  font-weight:600;
  font-size:13.5px;
}
.product__description li::before{
  content:"";
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--raylo-blue);
}
.product__description h2,
.product__description h3{
  font-weight:800;
  color:var(--raylo-ink);
  margin:18px 0 8px;
}.product__title{
  background:none !important;
  border:none !important;
  padding:0 !important;
  border-radius:0 !important;
}
.productinfo-container .producttext{
  background:var(--raylo-blue-light) !important;
  color:var(--raylo-blue) !important;
  border-radius:100px !important;
}/* ===== Raylo fixes round 2 ===== */

/* شيل باچ "مبيع" الافتراضي بتاع الثيم */
.price .badge,
.price__badge-sale,
.price__badge-sold-out{
  display:none !important;
}

/* أضف إلى عربة التسوق: خلفية زرقاء */
.product__info-container form button[type="submit"]{
  background:var(--raylo-blue) !important;
  border:1.5px solid var(--raylo-blue) !important;
  color:#fff !important;
  border-radius:100px !important;
  font-weight:800 !important;
}

/* رقم الكمية أزرق، وموجب أزرق وسالب أحمر */
.quantity__input{
  color:var(--raylo-blue) !important;
  font-weight:800 !important;
}
.quantity__button[name="plus"],
.quantity__button[name="plus"] svg{
  color:var(--raylo-blue) !important;
  fill:var(--raylo-blue) !important;
}
.quantity__button[name="minus"],
.quantity__button[name="minus"] svg{
  color:#E63946 !important;
  fill:#E63946 !important;
}

/* الوصف يبقى قالب منفصل تمامًا عن كارت السعر */
.product__description{
  background:#fff !important;
  border:1px solid var(--raylo-line) !important;
  border-radius:18px !important;
  padding:18px 16px !important;
  margin:24px -18px -20px -18px !important;
}
@media screen and (min-width: 750px){
  .product{
    align-items: flex-start !important;
  }
  .productinfo-container.productcolumn-sticky{
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .product__info-wrapper{
    height: auto !important;
  }
/* أزرار التالي/السابق — كل نسخ السلايدر (موبايل + ديسكتوب) */
.product__media-wrapper .slider-mobile-gutter .slider-button,
.product__media-wrapper .thumbnail-slider .slider-button,
.product__media-wrapper .slider-button{
  background: var(--raylo-blue) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.product__media-wrapper .slider-mobile-gutter .slider-button .svg-wrapper svg,
.product__media-wrapper .thumbnail-slider .slider-button .svg-wrapper svg,
.product__media-wrapper .slider-button .svg-wrapper svg{
  fill: #fff !important;
  color: #fff !important;
  width: 18px !important;
  height: 18px !important;
}
.product__media-wrapper .slider-button:disabled{
  opacity: .35 !important;
  background: var(--raylo-blue) !important;
}/* ---- زرار "أضف إلى السلة" = outline زي الصورة المطلوبة ---- */
.product-form__buttons .product-form__submit,
.product-form__buttons .product-form__submit.button--primary,
.product-form__buttons .product-form__submit.button--secondary{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  border:1.5px solid var(--raylo-ink) !important;
  color:var(--raylo-ink) !important;
  border-radius:100px !important;
  font-weight:800 !important;
  padding-top:15px;
  padding-bottom:15px;
}
.product-form__buttons .product-form__submit span{
  color:var(--raylo-ink) !important;
}
/* ================= RAYLO ADDITIONS ================= */

/* ظل خفيف حوالين كارت المعلومات */
.product__info-container{
  box-shadow: 0 6px 24px rgba(12, 35, 64, 0.06) !important;
}

/* شكل الـ Raylo pill */
.product__info-container .product__text{
  display:inline-flex !important;
  align-items:center;
  background:var(--raylo-blue-light) !important;
  color:var(--raylo-blue) !important;
  font-weight:700;
  font-size:13px;
  padding:5px 14px;
  border-radius:100px !important;
}

/* pill بتاع وفّرت + ترتيب صف السعر */
.raylo-price-row{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}
.raylo-savings-badge{
  display:inline-flex;
  align-items:center;
  background:var(--raylo-blue-light);
  color:var(--raylo-blue);
  font-weight:700;
  font-size:13px;
  padding:5px 14px;
  border-radius:100px;
  white-space:nowrap;
}

/* خلفية مربع الكمية */
.product-form__quantity .quantity{
  border:none !important;
  border-radius:100px !important;
  background:var(--raylo-bg) !important;
  overflow:hidden;
}
.product-form__quantity .quantity__label{
  display:none !important;
}

/* زرار أضف إلى السلة: Outline + أيقونة، بدون لمس ملف الـ liquid خالص */
.product__info-container form button[type="submit"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:#fff !important;
  border:1.5px solid var(--raylo-blue) !important;
  box-shadow:none !important;
  outline:none !important;
  color:var(--raylo-blue) !important;
  border-radius:100px !important;
  font-weight:800 !important;
  padding:14px 20px !important;
}
.product__info-container form button[type="submit"]::before{
  content:"";
  width:18px;
  height:18px;
  flex-shrink:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E5FCC'%3E%3Cpath d='M7 4h-2l-1 2h2l3.6 7.59-1.35 2.44c-.16.28-.25.61-.25.97 0 1.1.9 2 2 2h12v-2h-11.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1h-15.55l-.94-2zm4 14c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}