/* ==========================================================================
   كتبك — تحسينات صفحة الكتاب على الهاتف (book.php)
   يُحمَّل بعد assets/home.css
   ========================================================================== */

/* منع أي عنصر من توسيع الصفحة أفقياً (كان سبب «الصفحة بجهة بها خلل» على الهاتف) */
html,body{max-width:100%;overflow-x:clip}
.pdp,.pdp-body,.pdp-head,.pdp-buy,.pdp-media,.layout,.layout .lmain,.layout main,.layout aside,.engage{min-width:0;max-width:100%}
.pdp-body img,.engage img,.pdp-body table{max-width:100%}
.pdp-body>p,.pdp-body .toc .tl,.info td,.info th,.byline,.pdp-head h1{overflow-wrap:anywhere}

/* حقل «فخ العسل» يبقى مخفياً دون أن يمدّد الصفحة */
.hp{position:absolute!important;left:auto!important;right:auto!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;pointer-events:none!important}

@media (max-width:720px){
  /* الشريط الجانبي تحت المحتوى بعمود واحد */
  .layout{grid-template-columns:minmax(0,1fr)}
  .layout aside{position:static}
  .pdp-media{position:static}
  .buybtns .btn{min-height:52px}
  .facts li{font-size:12px}
  .dlpanel{padding:1rem}
}