/* أنماط محلّل الروتين المشترك (مستخرجة من index.html بدون تغييرها) */
.routine-overlay{position:fixed;inset:0;background:rgba(27,26,27,.55);backdrop-filter:blur(3px);display:none;z-index:200;padding:20px}
.routine-overlay.open{display:flex}
.rsect-kit{margin-top:8px}
.rkit-row{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px dashed var(--line);background:var(--paper-2);border-radius:12px;margin-bottom:8px}
.rkit-row .rinfo{flex:1}
.rkit-note{font-size:.78rem;color:var(--ink-2);margin-top:4px;font-weight:700}
.routine-fab{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:150;background:var(--red);color:#fff;border:none;border-radius:999px;padding:.85rem 1.3rem;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 14px 30px -10px rgba(207,31,50,.6);display:none;align-items:center;gap:.5rem;transition:transform .15s}
.routine-fab.show{display:inline-flex}
.routine-fab:hover{transform:translateY(-2px)}
.rbadge{background:#fff;color:var(--red);border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.82rem;padding:0 6px}
.routine-overlay{justify-content:flex-start;align-items:stretch;padding:0}
.routine-panel{background:#fff;width:min(420px,86vw);height:100%;margin-inline-start:0;padding:22px 18px;overflow:auto;box-shadow:0 0 60px rgba(0,0,0,.3);display:flex;flex-direction:column}
@media(max-width:560px){.routine-panel{width:86vw;padding:16px 13px}.rmeters{gap:8px;margin-bottom:12px}.rmeter{padding:11px 8px}.routine-head h3{font-size:1.2rem}}
.routine-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.routine-head h3{font-family:'IBM Plex Sans Arabic',serif;font-size:1.4rem}
.routine-head .modal-close{position:static}
.ritem{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.ritem .rinfo{flex:1}
.rthumb{flex:none;width:52px;height:52px;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rthumb img{width:100%;height:100%;object-fit:contain;padding:3px}
.rthumb.ph::after{content:"🧴";font-size:1.4rem;opacity:.5}
.ritem .rbrand{font-size:.78rem;color:var(--red);font-weight:700}
.ritem .rname{font-weight:500}
.rremove{border:none;background:var(--paper-2);color:var(--ink);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:1.1rem;flex:none}
.rremove:hover{background:var(--red);color:#fff}
.rempty{color:var(--ink-2);text-align:center;padding:40px 0;flex:1}
.wa-send{margin-top:18px;background:#25D366;color:#fff;border:none;border-radius:14px;padding:1rem;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:1.05rem;cursor:pointer;transition:filter .2s}
.wa-send:hover{filter:brightness(.95)}
.wa-send:disabled{background:var(--paper-2);color:var(--ink-2);cursor:not-allowed}
.routine-note{font-size:.82rem;color:var(--ink-2);text-align:center;margin-top:10px}
.rwarn{background:#fff4e5;border:1px solid #f0c479;border-radius:12px;padding:14px;margin-top:14px;font-size:.9rem;color:#7a4a00;display:grid;gap:6px;line-height:1.7}
.rwarn .rwarn-t{font-weight:700;color:#a85a00}
.rwarn .rwarn-note{font-size:.8rem;color:#8a6d3b;margin-top:4px}
/* صندوق التكرار (أزرق) وصندوق النصائح (أخضر) */
  .rwarn.dupe{background:#eaf3fb;border-color:#a9cdee;color:#1c4e7a}
  .rwarn.alt{background:#f3eefb;border-color:#c9b3ee;color:#5a3a8a}
  .rwarn.skinfit{background:#fef6ec;border-color:#f0d2a0;color:#8a5a1a}
.rwarn.dupe .rwarn-t{color:#1c5f96}
.rwarn.tip{background:#e9f7ef;border-color:#a8dcc0;color:#1d6b43}
.rwarn.plan{background:#eef0fb;border-color:#b3bbe8;color:#33408a}
.rwarn.plan .rwarn-t{color:#2a3578}
.rstepname{display:inline-block;font-size:.66rem;font-weight:700;color:var(--red);background:#fdecea;border-radius:999px;padding:.12rem .5rem;margin-inline-start:4px}
.rstep-hint{font-size:.68rem;color:#888;font-style:italic;margin-top:6px}
.rwarn.tip .rwarn-t{color:#1f7a4d}
/* تعليم صفوف الروتين */
  .ritem.flag-conflict{border-inline-start:3px solid #e0902b;padding-inline-start:10px;background:#fff8ef}
.ritem.flag-dupe{border-inline-start:3px solid #5a9bd6;padding-inline-start:10px;background:#f1f7fc}
.rtag{display:inline-block;font-size:.7rem;font-weight:700;border-radius:6px;padding:1px 6px;margin-inline-start:6px;vertical-align:middle}
.rtag-c{background:#fbe6c8;color:#9a5a00}
.rtag-d{background:#d8e8f7;color:#1c5f96}
/* ===== لوحة الروتين المطوّرة ===== */
  .rprofile{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;font-size:.9rem;overflow:hidden}
.rprofile>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;user-select:none}
.rprofile>summary::-webkit-details-marker{display:none}
.rprofile>summary::after{content:'\25be';color:var(--ink-2);font-size:.9rem;transition:transform .2s}
.rprofile[open]>summary::after{transform:rotate(180deg)}
.rprofile-t{font-weight:700;font-size:1rem;color:var(--ink)}
.rprofile-hint{font-size:.74rem;color:var(--ink-2);font-weight:500}
.rprofile-grp{padding:2px 14px 7px}
.rprofile-grp+.rprofile-grp{border-top:1px solid var(--line)}
.rgrp-t{font-weight:700;font-size:.82rem;color:var(--red);margin:8px 0 1px}
.rchk{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;margin-top:8px}
.rchk input{width:18px;height:18px;accent-color:var(--red)}
.rallabel{margin:8px 0 5px;color:var(--ink);font-size:.82rem;font-weight:600}
.rchips{display:flex;flex-wrap:wrap;gap:5px}
.rchip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .82rem;font-size:.82rem;font-family:'IBM Plex Sans Arabic';cursor:pointer;transition:.15s;line-height:1.2}
.rchip:hover{border-color:var(--ink-2)}
.rchip.on{background:var(--red);color:#fff;border-color:var(--red)}
.rapply{display:block;width:calc(100% - 32px);margin:14px 16px 16px;background:var(--red);color:#fff;border:none;border-radius:12px;padding:.85rem;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:.96rem;cursor:pointer;transition:background .2s;box-shadow:0 10px 24px -14px rgba(207,31,50,.6)}
.rapply:hover{background:var(--red-dark)}
.rapply:active{transform:scale(.98)}
.rmeters{display:flex;gap:12px;margin-bottom:16px}
.rmeter{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.rmlabel{font-size:.78rem;color:var(--ink-2);margin-bottom:8px}
.rbar{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:8px}
.rbar span{display:block;height:100%;border-radius:999px;transition:width .4s}
.rmval{font-size:.92rem;font-weight:700}
.rcompat{font-family:'IBM Plex Sans Arabic';font-size:1.7rem;font-weight:700;line-height:1.1;margin-bottom:4px;background:conic-gradient(var(--red) calc(var(--p)*1%),#eee 0);-webkit-background-clip:text;background-clip:text;color:var(--red)}
.rsect{margin-bottom:14px}
.rsect-t{font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:1.05rem;padding:6px 0;border-bottom:2px solid var(--line);margin-bottom:6px}
.rstep{display:flex;align-items:stretch;gap:8px}
.rnum{flex:none;width:24px;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:var(--red)}
.rstep .ritem{flex:1}
.ritem.flag-red{border-inline-start:3px solid #c0392b;padding-inline-start:10px;background:#fdecea}
.ritem.flag-yellow{border-inline-start:3px solid #e0902b;padding-inline-start:10px;background:#fff8ef}
.rtag-r{background:#f8d2cd;color:#a32114}
.rtag-y{background:#fbe6c8;color:#9a5a00}
.rwarn.red{background:#fdecea;border-color:#e9a59c;color:#8a2417}
.rwarn.red .rwarn-t{color:#b0301d}
.rwarn.cumul{background:#fff3e0;border-color:#f0c479;color:#7a4a00}
.rwarn.cumul .rwarn-t{color:#a85a00}
.rdisc{text-align:center;font-size:.82rem;color:var(--ink-2);background:var(--paper-2);border-radius:10px;padding:10px;margin-top:6px}
.rdep{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.rdep summary{cursor:pointer;padding:13px 15px;font-weight:700;font-size:.95rem;list-style:none;user-select:none}
.rdep summary::-webkit-details-marker{display:none}
.rdep summary::before{content:"▸ ";color:var(--red)}
.rdep[open] summary::before{content:"▾ "}
.rdep-body{padding:4px 15px 15px}
.rdep-hint{font-size:.82rem;color:var(--ink-2);margin-bottom:12px;line-height:1.6}
.rdep-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rdep-nm{font-weight:600;font-size:.9rem}
.rdep-ctl{font-size:.85rem;color:var(--ink-2);white-space:nowrap}
.rdep-vol{width:62px;border:1.4px solid var(--line);border-radius:8px;padding:5px 7px;font-family:'IBM Plex Sans Arabic';font-size:.9rem;text-align:center}
.rdep-vol:focus{outline:none;border-color:var(--red)}
.rdep-pads{font-weight:600;color:var(--ink)}
.rdep-res{grid-column:1/-1;font-size:.85rem;color:#1f7a4d;font-weight:600}
.rdep-remind{width:100%;margin-top:12px;background:#25D366;color:#fff;border:none;border-radius:11px;padding:.8rem;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:.95rem;cursor:pointer}
.rdep-remind:hover{filter:brightness(.95)}
.rstep{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.rstep:last-child{border-bottom:none}
.rstep .rlabel{font-weight:700;color:var(--red);min-width:60px;font-size:.9rem}
.rstep .rprod{flex:1}
.rstep .rprod b{display:block;font-size:.98rem}
.rstep .rprod span{font-size:.84rem;color:var(--ink-2)}
.rsched-intro{font-size:.85rem;color:var(--ink-2);margin:6px 0 12px;line-height:1.6}
/* الجداول المتدرّجة أسبوعاً بأسبوع */
.rsched-weeknote{font-size:.82rem;line-height:1.6;background:#f6f2fe;border:1px solid #e2d8f8;border-radius:10px;padding:9px 12px;margin:2px 0 10px;color:#4a3a7a}
.rsched-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.rsched-tab{border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.rsched-tab:hover{border-color:#c8b6f0}
.rsched-tab.on{background:#7c3aed;border-color:#7c3aed;color:#fff}
.rsched-stagebody{margin-top:4px}
.rsched-stagehead{background:#faf7ff;border:1px solid #ece4fb;border-radius:10px;padding:8px 12px;margin-bottom:4px}
.rsched-stagehead b{display:block;font-size:.92rem;color:#5b3aa8}
.rsched-stagehead span{font-size:.8rem;color:var(--ink-2);line-height:1.6}
/* بطاقة «فعّل التحليل» — تظهر للروتين اليدوي قبل تفعيل التحليل */
.ranalyze-cta{margin:14px 0 4px;background:linear-gradient(135deg,#fff6f7,#fdeef0);border:1px solid #f3d4d8;border-radius:14px;padding:16px 16px 18px;text-align:center}
.ranalyze-txt b{display:block;font-size:1rem;color:#15181C;margin-bottom:5px}
.ranalyze-txt span{display:block;font-size:.85rem;color:#5A6470;line-height:1.65;max-width:440px;margin:0 auto 14px}
.ranalyze-btn{border:none;background:#CF1F32;color:#fff;font-family:inherit;font-weight:700;font-size:.98rem;border-radius:12px;padding:.85rem 1.4rem;cursor:pointer;box-shadow:0 8px 22px -10px rgba(207,31,50,.7);transition:transform .12s,box-shadow .12s}
.ranalyze-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(207,31,50,.8)}
.ranalyze-btn:active{transform:translateY(0)}
.rsched-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0}
.rtips{background:linear-gradient(135deg,#fff9f0,#fff4e8);border:1px solid #ffe0b8}
.rtip-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #ffe8d0}
.rtip-row:last-child{border-bottom:none}
.rtip-ico{font-size:1.3rem;flex-shrink:0;line-height:1.4}
.rtip-body{flex:1}
.rtip-body b{display:block;color:var(--red);font-size:.92rem;margin-bottom:3px}
.rtip-body>div{font-size:.86rem;color:var(--ink);line-height:1.65}
.rsched-day{background:#faf8f7;border:1px solid var(--line);border-radius:10px;padding:8px 5px;text-align:center;min-height:90px}
.rsched-day.rest{background:#f4f7f4;opacity:.85}
.rsched-dname{font-weight:700;font-size:.78rem;color:var(--ink);margin-bottom:6px;border-bottom:1px solid var(--line);padding-bottom:4px}
.rsched-slot{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-start;margin:4px 0}
.rsched-time{font-size:.7rem}
.rsched-item{display:inline-flex;flex-direction:column;align-items:center;gap:2px;max-width:96px}
.rsched-pname{font-size:.62rem;line-height:1.3;color:var(--ink-2);text-align:center;direction:ltr;word-break:break-word;font-weight:600}
.rsched-pill{color:#fff;font-size:.62rem;font-weight:700;padding:2px 5px;border-radius:6px;white-space:nowrap;display:inline-block}
.rsched-rest{font-size:.7rem;color:#16a34a;margin-top:8px}
.rsched-note{font-size:.82rem;color:var(--ink-2);background:#fff8 ;background:#fffaf0;border-radius:8px;padding:9px 12px;margin-top:8px;line-height:1.6;border-right:3px solid #f0a020}
.rsched-grid{grid-template-columns:repeat(4,1fr)}
.rsched-pill{font-size:.58rem;padding:2px 4px}

  /* توصية ذكية: لأي بشرة + كيف يُستخدم */
  .ruse{font-size:.78rem;line-height:1.5;color:#555;margin-top:5px;padding:6px 9px;background:#f6f9f7;border-inline-start:3px solid #8bc5a8;border-radius:6px}
  .ruse-skin{font-weight:700;color:#2e7d52}

/* تنبيه فوري: منتج مخصّص لنوع بشرة مختلف (يظهر لحظة تحديد نوع البشرة) */
.ritem.flag-skin{border-inline-start:3px solid #c98a3a;padding-inline-start:10px;background:#fdf6ec}
.rtag-skin{background:#f5e2c4;color:#8a5a1a}
/* برنامج تدريجي: ملصق موعد الإدخال + ملصق التناوب + السطر التعريفي */
.rtag-phase{background:#e9e1fb;color:#5b3aa8}
.rtag-alt{background:#dbeafe;color:#1e4fa3}
.rphase-hint{font-size:.82rem;line-height:1.7;background:#f6f2fe;border:1px solid #e2d8f8;border-radius:12px;padding:10px 13px;margin:2px 0 14px;color:#4a3a7a}
.rphase-hint .rtag-phase{white-space:nowrap}

/* الإدخال التدريجي تحت الجدول الأسبوعي (مطوي لتقليل الإطالة) */
.rsched-grad{margin-top:8px;font-size:.86rem}
.rsched-grad summary{cursor:pointer;font-weight:700;color:#6a2a78;padding:4px 0}
.rsched-grad-row{color:#555;line-height:1.55;margin:4px 0;padding-inline-start:4px}
/* خطة التدرّج الكاملة: تايم لاين أسبوعي */
.rsched-gradtl{margin:8px 0 4px;border-inline-start:2px solid #e5d3ef;padding-inline-start:12px}
.rsched-phase{position:relative;margin:0 0 12px}
.rsched-phase::before{content:'';position:absolute;inset-inline-start:-17px;top:3px;width:9px;height:9px;border-radius:50%;background:#8b3fa8;box-shadow:0 0 0 3px #f3e8f7}
.rsched-phase-w{font-weight:800;color:#6a2a78;font-size:.88rem;margin-bottom:2px}
.rsched-phase-b{color:#4a4a4a;line-height:1.65;font-size:.85rem}
.rsched-grad-tip{background:#f6effa;border:1px solid #e5d3ef;border-radius:8px;padding:8px 11px;margin-top:6px;font-size:.82rem;color:#6a2a78;line-height:1.6}

/* ===== الخيار F — تايم لاين عمودي لخطوات الروتين ===== */
.rtimeline .rtl-track{position:relative;padding-inline-start:26px}
.rtimeline .rtl-track::before{content:"";position:absolute;inset-inline-start:7px;top:14px;bottom:14px;width:2px;background:linear-gradient(#CF1F32,#2C7A6B);border-radius:2px}
.rtl-step{position:relative;padding:8px 0}
.rtl-dot{position:absolute;inset-inline-start:-26px;top:13px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #CF1F32;box-shadow:0 0 0 3px #fff}
.rtl-step .rstepname{display:inline-block;margin-bottom:5px}
.rdesc{font-size:.79rem;color:#555;line-height:1.55;margin-top:6px;padding:7px 11px;background:#f6f9f7;border-inline-start:3px solid #8bc5a8;border-radius:7px}

/* توحيد بانر الطقس + النصائح مع روح التصميم (ألوان محايدة هادئة) */
.rweather{display:flex;gap:11px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:14px}
.rweather-ic{font-size:18px;line-height:1.4;flex:none}
.rweather-body{flex:1}
.rweather b{font-size:.9rem;color:var(--ink);display:block;margin-bottom:3px}
.rweather span{font-size:.82rem;color:var(--ink-2);line-height:1.6}
.rweather-gov{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-size:.8rem;font-weight:600;color:var(--ink)}
.rweather-gov select{font-family:'IBM Plex Sans Arabic';font-size:.8rem;font-weight:700;border:1.5px solid var(--red-tint);border-radius:999px;padding:5px 16px 5px 26px;background:var(--red-tint) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23CF1F32' stroke-width='3' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat left 10px center;color:var(--red);cursor:pointer;appearance:none;-webkit-appearance:none}
.rweather-gov select:hover{border-color:var(--red)}
.rsect.rtips{background:var(--paper-2);border:1px solid var(--line)}
.rsect.rtips .rtip-row{border-bottom:1px solid var(--line)}

/* ════════════════════════════════════════════════════════════════
   الكرت الموحّد للمنتج (.upcard) — نفس الشكل بالظبط في الصفحة الرئيسية
   وكل صفحات البراندات. أسلوب صفحات البراندات الموسّع + مميّزات الرئيسية
   (شارات الأمان + الأهداف + أنواع البشرة + اختيار الحجم).
   مُسمّى بنطاق خاص (up-) كي لا يتعارض مع أنماط أي صفحة.
   ════════════════════════════════════════════════════════════════ */
.upcard{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.upcard:hover{transform:translateY(-4px);box-shadow:0 24px 46px -30px rgba(27,26,27,.45)}
.upimg{height:300px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.upimg img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:14px}
.upimg .ph{font-size:2.8rem;opacity:.45}
.upbody{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.upname{font-family:'IBM Plex Sans Arabic',serif;font-weight:700;font-size:1.2rem;color:var(--ink);line-height:1.4}
.updesc{color:var(--ink);font-weight:500;font-size:.95rem;line-height:1.6}
.upbadges{display:flex;flex-wrap:wrap;gap:6px}
.upbadge{font-size:.7rem;font-weight:700;border-radius:999px;padding:.18rem .6rem;white-space:nowrap;line-height:1.5}
.upb-preg-ok{background:#e9f7ef;color:#1d6b43}
.upb-preg-no{background:#fdecea;color:#c0392b}
.upb-sens{background:#eef7e9;color:#4a6b1d}
.upb-hydra{background:#e8f3fb;color:#1c5f96}
.upb-spf{background:#fff4e0;color:#8a5a00}
.upb-active{background:#fdecea;color:#c0392b}
.upprose{font-size:.9rem;color:var(--ink-2);line-height:1.7;margin:0}
.upprose b{color:var(--ink)}
.upiflags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}
.upiflag{font-size:.76rem;font-weight:600;border-radius:999px;padding:3px 10px;border:1px solid var(--line)}
.upiflag.good{background:#e9f7ee;color:#1d7a43;border-color:#a9dcbd}
.upiflag.warn{background:#fff4e5;color:#8a5300;border-color:#f0c479}
.upiflag.neutral,.upiflag.info{background:#eef0f3;color:#4a4f57;border-color:#d4d8de}
.upifdot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-inline-end:5px;border:1px solid rgba(0,0,0,.28);vertical-align:-1px;box-shadow:inset 0 0 2px rgba(0,0,0,.15)}
.upinci{margin:2px 0;border-top:1px dashed var(--line);padding-top:8px}
.upinci summary{cursor:pointer;font-weight:700;color:var(--red);font-size:.84rem;list-style:none;display:flex;align-items:center;gap:6px}
.upinci summary::-webkit-details-marker{display:none}
.upinci summary .chev{transition:transform .2s}
.upinci[open] summary .chev{transform:rotate(180deg)}
.upinci-list{margin-top:8px;font-size:.82rem;color:var(--ink-2);line-height:1.85;direction:ltr;text-align:left;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.upinci-list b{color:var(--ink);background:var(--red-tint);padding:0 3px;border-radius:4px}
.upinci-src{font-size:.72rem;color:#8a8a8a;margin-top:6px;direction:rtl;text-align:right}
.upmeta{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--ink-2);background:var(--paper-2);border-radius:10px;padding:10px 12px;line-height:1.6}
.upmeta b{color:var(--ink);font-weight:700}
.upsafety{font-size:.82rem;line-height:1.7;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}
.upsize-wrap{display:flex;align-items:center;gap:8px;margin-top:2px}
.upsize-wrap label{font-size:.85rem;font-weight:700;color:var(--ink-2)}
.upsize{flex:1;font-family:'IBM Plex Sans Arabic';font-size:.9rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}
.upkit-note{background:var(--paper-2);border:1px dashed var(--line);border-radius:12px;padding:.6rem .8rem;font-size:.85rem;color:var(--ink-2);font-weight:700;text-align:center}
.upadd{margin-top:auto;background:var(--teal);color:#fff;border:none;border-radius:999px;padding:.78rem 1rem;font-family:'IBM Plex Sans Arabic';font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s}
.upadd:hover{background:var(--red)}
.upadd.added{background:var(--red)}
.upadd:active{transform:scale(.96)}

/* كرت مختصر بصفحة العلامة: زر إضافة + رابط تفاصيل */
.upfoot{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.upfoot .upadd{margin-top:0}
.upmore{text-align:center;color:var(--teal);font-weight:700;font-size:.9rem;border:1px solid var(--line);border-radius:999px;padding:.6rem 1rem;transition:.2s;text-decoration:none}
.upmore:hover{background:var(--teal-tint);border-color:var(--teal)}
.upimg{cursor:pointer}
.upname a{color:inherit}

/* ★ إصلاح الصور: صندوق flex بارتفاع ثابت (يتجاوز أنماط صفحات المنتجات المضمّنة) — احتواء كامل بلا قص */
.phero-img{aspect-ratio:auto!important;height:440px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.phero-img img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;padding:8px!important}
.p-rel .ri{aspect-ratio:auto!important;height:200px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.p-rel .ri img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;padding:8px!important}