/* تفريغ قسم داخل صورة: صفحة الصورة ومرفقات المنتجات فوقها.
   نفس الملف في المنصة (order) والإدارة (edara) عشان المعاينة تطابق المنصة بالضبط.
   كل المقاسات بوحدة cqw (نسبة من عرض الصورة) فالمرفقات تكبر وتصغر مع الصورة وتبقى بنفس أماكنها. */
.im-page{position:relative;width:100%;container-type:inline-size;direction:ltr;background:#f4f1e8;overflow:hidden;user-select:none;-webkit-user-select:none}
.im-page>img{display:block;width:100%;height:auto;-webkit-user-drag:none;pointer-events:none}
.im-regions{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.im-regions polygon{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .25s,stroke .25s}
.im-layer{position:absolute;inset:0;pointer-events:none}

.im-el{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-size:calc(var(--s,2.4) * 1cqw);line-height:1.4;font-family:"Noto Kufi Arabic",system-ui,sans-serif;pointer-events:auto;cursor:pointer;color:#18352a;text-align:center;align-items:center;white-space:normal;overflow-wrap:anywhere}
.im-el:not([style*="width"]){white-space:nowrap}
.im-el.im-a-right{text-align:right;align-items:flex-end}
.im-el.im-a-left{text-align:left;align-items:flex-start}
.im-el.im-c-dark{color:#18352a}
.im-el.im-c-light{color:#fff;text-shadow:0 .06em .35em rgba(0,0,0,.45)}
.im-el.im-c-green{color:#2d6a4f}
.im-el.im-c-gold{color:#b07a12}
.im-el.im-c-red{color:#b43e3e}
.im-el.im-plate{padding:.35em .7em;border-radius:.6em;background:rgba(255,254,251,.86);box-shadow:0 .3em 1em rgba(24,53,42,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.im-el.im-c-light.im-plate{background:rgba(25,68,51,.72)}

.im-name{font-weight:900;letter-spacing:-.01em}
.im-desc{font-weight:600;line-height:1.65;opacity:.88}
.im-price{font-weight:900}
.im-price .sale-price{display:inline-flex;align-items:baseline;gap:.4em}
.im-price del{font-size:.72em;font-weight:700;opacity:.6}
.im-price b{font-weight:900}

.im-pill{display:inline-flex;align-items:center;gap:.35em;padding:.32em .75em;border-radius:999px;font-weight:900;line-height:1.3;white-space:nowrap}
.im-prep .im-pill{background:#e5f4e9;color:#1c6a3a;border:.08em solid #bde0c6}
.im-prep svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.im-min .im-pill{background:#fff2bf;color:#755400;border:.08em solid #e4b838;border-radius:.55em}
.im-badge .im-pill{background:#dca83e;color:#1f3328;box-shadow:0 .25em .7em rgba(176,122,18,.3)}

/* زر الإضافة: نفس زر المنصة لكن مقاسه من حجم المرفق */
.im-add .product-quantity-slot{min-width:0!important;width:auto}
.im-el.im-add .product-add,.im-el.im-add .im-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3em;margin:0;border:0!important;border-radius:.7em!important;padding:.5em 1.35em!important;background:#194433!important;color:#fff!important;font:inherit!important;font-size:1em!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap;box-shadow:0 .35em 1em rgba(25,68,51,.28);cursor:pointer;transition:transform .15s,background .15s}
.im-el.im-add .product-add:hover{background:#2d6a4f!important;transform:translateY(-.06em)}
.im-el.im-add .unavailable-add{background:#7c8a83!important}
.im-el.im-add .product-qty{display:inline-grid!important;grid-template-columns:2em minmax(1.8em,auto) 2em!important;align-items:center;border:.08em solid #cad6ce!important;border-radius:.7em!important;overflow:hidden;background:#fff!important;font-size:1em!important}
.im-el.im-add .product-qty button{height:2em!important;width:2em!important;padding:0!important;border:0!important;background:#eef4ef!important;color:#194433!important;font:inherit!important;font-size:1em!important;font-weight:900!important}
.im-el.im-add .product-qty strong{font-size:1em!important;text-align:center;color:#18352a}

/* المنصة: الصفحة بعرض الشاشة، وحدود المنتجات ما تبين (تنضغط بس) */
.im-section{scroll-margin-top:96px}
.im-section .im-page{width:min(100%,900px);margin:0 auto;border-radius:22px;box-shadow:0 22px 60px rgba(24,53,42,.12)}
.im-section .im-regions polygon:focus-visible{stroke:rgba(220,168,62,.95)}
.im-section .im-regions polygon{-webkit-tap-highlight-color:transparent}
body.cover-image-page #categories,body.cover-image-page #headingNavigation,body.cover-image-page #categoryMenu{display:none!important}
body.cover-image-page .product-sections{gap:28px;padding-top:4px}
@media (max-width:760px){
  .im-section .im-page{width:calc(100% + 24px);margin-inline:-12px;border-radius:0;box-shadow:none}
}