/** Shopify CDN: Minification failed

Line 46:0 Unexpected "}"

**/
/* Yacine Phone — Sky Blue UI */
html{scroll-behavior:smooth}
body{direction:rtl; font-family: sans-serif;}
:root{
  --yp-sky:#2FA3FF;          /* أزرق سماوي أساسي */
  --yp-sky-soft:#EBF5FF;     /* خلفية فاتحة */
  --yp-text:#0A2540;         /* نص داكن */
  --yp-muted:#6B7280;        /* نص ثانوي */
  --yp-radius:16px;
} 

.yp-container{max-width:1200px;margin-inline:auto;padding:24px}
.yp-title{font-size:clamp(26px,4vw,44px);margin:0 0 8px;color:var(--yp-text)}
.yp-sub{color:var(--yp-muted);margin:0 0 16px}
.yp-btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--yp-sky);color:#fff;text-decoration:none;font-weight:700}
.yp-btn:hover{filter:brightness(0.9)}
.yp-btn--sm{padding:8px 14px;font-size:14px}

.yp-hero{background:var(--yp-sky-soft);padding:40px 0;text-align:center}
.yp-section{padding:1px 0}
.yp-h2{font-size:24px;margin-bottom:16px;color:var(--yp-text)}

.yp-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.yp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.yp-grid{grid-template-columns:repeat(2,1fr)}}
/* Featured products - horizontal scroll on mobile */
@media (max-width: 768px){
  .yp-grid{
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
  .yp-card{
    flex: 0 0 50%; /* كل كارت ياخذ 50% من عرض الشاشة */
    scroll-snap-align: start;
  }
}
}



.yp-card{background:#fff;border:1px solid #eef2f7;border-radius:var(--yp-radius);overflow:hidden;display:flex;flex-direction:column;text-align:center}
.yp-card__img img{width:100%;height:auto;display:block}
.yp-card__body{padding:14px}
.yp-card__title{font-size:16px;margin:0 0 8px}
.yp-price{font-weight:700;color:var(--yp-text);margin-bottom:10px}
/* Weekly deal */
.yp-deal{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
@media (max-width:900px){.yp-deal{grid-template-columns:1fr}}
.yp-deal__card{position:relative;border:1px solid #e5eef8;border-radius:var(--yp-radius);overflow:hidden;display:block;background:#fff;text-decoration:none;color:inherit}
.yp-deal__badge{position:absolute;top:12px;left:12px;background:var(--yp-sky);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}
.yp-deal__meta{padding:12px}
/* Equal height for product cards */
.yp-card{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* يخلي كل الكروت نفس الطول */
}

.yp-footer__phone{
  text-decoration: none;
  color:rgb(255, 255, 255);
  font-weight: 900;
  display: inline-block;
  margin-bottom: 15px;
}

/* Equal height + fix buy button position */
.yp-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.yp-card__body{
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* يخلي العنوان فوق والزر تحت */
  flex: 1;
}

.yp-card__title{
  font-size: 14px;
  line-height: 1.4;
  height: 40px;       /* سطرين ثابتين */
  overflow: hidden;   /* يخفي أي زيادة */
  margin-bottom: 8px;
}

.yp-price{
  margin-bottom: 12px;
}

.yp-btn--sm{
  margin-top: auto;   /* يثبت الزر تحت */
}
/* Categories section */
/* Categories horizontal scroll */
.yp-cats {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}

.yp-cat {
  flex: 0 0 150px; /* كل كاتيجوري ثابت العرض */
  scroll-snap-align: start;
}
.yp-cat__img {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 8px;
  background: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yp-cat__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .yp-cats { grid-template-columns: repeat(2, 1fr); }
}

.yp-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  background: #fff;
  padding: 16px;
  border-radius: var(--yp-radius);
  border: 1px solid #eef2f7;
  transition: 0.2s;
}
.yp-cat:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* إصلاح صور الفئات لتكون مربعة */
.yp-cat__img {
  width: 100%;
  aspect-ratio: 1/1; /* يخلي الإطار مربع */
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb; /* خلفية فاتحة لو الصورة صغيرة */
}

.yp-cat__img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* يمنع التمطط ويحافظ على الشكل */
}


.yp-cat__title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: var(--yp-text);
}
/* Trust Badges */
.yp-trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  text-align: center;
}
@media (max-width: 768px){
  .yp-trust { grid-template-columns: 1fr; }
}

.yp-trust__item {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: var(--yp-radius);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: 0.2s;
}
.yp-trust__item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.yp-trust__icon {
  font-size: 28px;
}

.yp-trust__text {
  font-size: 16px;
  font-weight: 600;
  color: var(--yp-text);
}
/* Trust Badges - Modern Row */
.yp-trust-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.yp-trust-box {
  flex: 0 0 180px; /* عرض ثابت لكل مربع */
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: var(--yp-radius);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  transition: 0.2s;
}

.yp-trust-box:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

.yp-trust-icon {
  font-size: 22px;
}

.yp-trust-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--yp-text);
}
.yp-footer {
  width: "100%";
  background: #0A2540;
  color: #fff;
  margin-top: 40px;
  padding: 40px 0 20px;
  font-size: 14px;
}
.yp-footer__top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px){
  .yp-footer__top { grid-template-columns: 1fr; text-align: center; }
}
.yp-footer__logo { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: var(--yp-sky); }
.yp-footer__about { line-height: 1.6; color: #cfd6e0; }

.yp-footer__title { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #fff; }
.yp-footer__links { list-style: none; padding: 0; margin: 0; }
.yp-footer__links li { margin-bottom: 6px; }
.yp-footer__links a { color: #cfd6e0; text-decoration: none; transition: .2s; }
.yp-footer__links a:hover { color: var(--yp-sky); }

.yp-footer__social a { color: #fff; margin: 0 5px; text-decoration: none; }
.yp-footer__social a:hover { color: var(--yp-sky); }

.yp-footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
  color: #cfd6e0;
}
.yp-footer__payment ul { list-style: none; display: flex; justify-content: center; gap: 10px; margin: 10px 0 0; padding: 0; }
/* Scroll dots indicators */
.yp-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}

.yp-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db; /* رمادي */
  transition: 0.3s;
}

.yp-dots span.active {
  background: var(--yp-sky); /* الأزرق السماوي */
  transform: scale(1.2);
}
/* Collection products grid */
.yp-collection-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.yp-collection-card {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  text-align: center;
}

.yp-collection-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

.yp-collection-card__img {
  width: 100%;
  aspect-ratio: 1/1; /* الصور مربعة */
  background: #f9fafb;
  overflow: hidden;
}

.yp-collection-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* يمنع التمطط */
}

.yp-collection-card__body {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.yp-collection-card__title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #0A2540;
  height: 40px; /* ثابت سطرين */
  overflow: hidden;
}

.yp-collection-card__price {
  font-weight: 700;
  color: #2FA3FF;
  margin-bottom: 10px;
}

.yp-collection-card__btn {
  background: #2FA3FF;
  color: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 14px;
  text-decoration: none;
  transition: 0.2s;
}

.yp-collection-card__btn:hover {
  filter: brightness(0.9);
}
/* زر أضف للسلة */
button[name="add"], .product-form__submit {
  background: #2FA3FF;      /* الأزرق السماوي */
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 999px;     /* دائري */
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s ease;
  width: 100%;              /* يخليه ياخذ عرض كامل */
}


button[name="add"], .product-form__submit {
  background: linear-gradient(90deg, #2FA3FF, #0077CC);
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* مسافة بين النص والأيقونة */
}

button[name="add"]::before,
.product-form__submit::before {
  content: "🛒";
  font-size: 18px;
}

.habhab{
  font-size: 20px !important;
  font-weight:500;
}/* ===== Variant Buttons Style ===== */
.product-form__input input[type=radio] {
  display: none;
  }

  .product-form__input label {
    display: inline-block;
      padding: 12px 18px;
        margin: 6px 6px 6px 0;
          border-radius: 14px;
            border: 2px solid #e5e5e5;
              background: #fff;
                font-size: 15px;
                  font-weight: 600;
                    cursor: pointer;
                      transition: all 0.25s ease;
                      }

                      .product-form__input input[type=radio]:checked + label {
                        background: #000;
                          color: #fff;
                            border-color: #000;
                              transform: scale(1.05);
                              }

                              .product-form__input label:hover {
                                border-color: #000;
                                }