/* تطبيق 108 على الشاشات العريضة (طلب عادل 2026-11-03: «خلها تتناسق مع الجوال والتابلت والآيباد والكمبيوتر»).
   الجوال ما يتغيّر. من 760 بكسل: بدل شكل الجوال في النص تصير لوحة أعرض بزوايا دائرية، والخدمات والأيام تنعرض كلها بدون سحب.
   من 1024 بكسل (كمبيوتر أو آيباد بالعرض): لوحة عريضة، وصفحة الحجز عمودين (الخدمة والتاريخ والوقت يمين، والعنوان و«التالي» يسار)،
   وباقي الصفحات في النص بعرض مريح. أعمدة صفحة الحجز (.bk6-cols/.bk6-c1/.bk6-c2) يضيفها patch-desktop.js وقت البناء. */
.bk6-cols,.bk6-c1,.bk6-c2{display:block;min-width:0}

@media (min-width:760px){
  html body .app{max-width:720px;margin:24px auto;border-radius:28px;box-shadow:0 0 0 1px var(--dv),0 24px 70px rgba(12,36,67,.14)}
  html body .tabbar{max-width:520px}
  html body .e108pn{max-width:560px}
  html body .vf{max-width:720px}
  html body #view .pad{width:100%;max-width:720px;margin:0 auto;box-sizing:border-box;padding-left:28px;padding-right:28px}
  html body .bk6-main{width:100%;max-width:720px;margin:0 auto;padding:22px 28px 110px;box-sizing:border-box}
  html body .bk6-row{flex-wrap:wrap;overflow:visible;margin:0;padding:6px 0 4px}
  html body .bk6-top .bk6-lb{font-size:18px}
  html body .bk6-top .logo-mk{width:56px;height:33px}
}

@media (min-width:1024px) and (min-height:560px){
  html body .app{max-width:1120px}
  html body .vf{max-width:1120px}
  html body #view .pad{max-width:860px;padding-left:32px;padding-right:32px}
  html body .bk6-main{max-width:1060px;padding:28px 40px 120px}
  html body .bk6-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 36px;align-items:start}
  html body .bk6-c2{margin-top:16px;padding:6px 22px 22px;border:1px solid var(--dv);border-radius:22px;background:var(--sf);box-shadow:var(--sh)}
  html body .bk6-c2 .bk6-in,html body .bk6-c2 .bk6-adr{background:var(--bg)}
  html body .bk6-top .bk6-lb{font-size:20px}
  html body .bk6-top .logo-mk{width:64px;height:38px}
  html body .bk6-chip{height:46px;padding:0 18px;font-size:15.5px}
  html body .bk6-go{height:54px}
  /* صفحة الدفع (فيها زر الرجوع .bk6-ph): عمود واحد في النص */
  html body .bk6-main:has(.bk6-ph){max-width:640px}
}

/* شريط «حرير» فوق صفحة الحجز بكل المقاسات (طلب عادل 2026-11-06): «اختر الخدمة» والشعار عليه */
html body .bk6-top{padding:12px 16px;border-radius:16px;background:#CDD2D9 url(/brand/silk108.svg) center/cover no-repeat;box-shadow:0 8px 20px -12px rgba(15,29,49,.3)}
html body .bk6-top .bk6-lb{color:#0F1D31}