/* Pharmacology — دارو و داروشناسی (صفحه اختصاصی، تم بالینی مدرن) */
.ph-page { display: flex; flex-direction: column; gap: 14px; animation: phFade .4s ease-out; }
@keyframes phFade { from { opacity: 0; transform: translateY(10px); } }
.ph-hero {
  position: relative; overflow: hidden; border-radius: 24px; padding: 22px 18px 20px; color: #fff;
  background: linear-gradient(135deg, #0d9488 0%, #0ea5e9 55%, #6366f1 100%);
  box-shadow: 0 16px 36px rgba(13, 148, 136, .32);
}
.ph-hero::before { content: ""; position: absolute; width: 230px; height: 230px; border-radius: 50%;
  background: rgba(255, 255, 255, .13); top: -90px; inset-inline-end: -60px; }
.ph-hero::after { content: ""; position: absolute; width: 130px; height: 130px; border-radius: 50%;
  border: 2px dashed rgba(255, 255, 255, .4); bottom: -60px; inset-inline-start: -30px; }
.ph-hero > * { position: relative; z-index: 1; }
.ph-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800;
  background: rgba(255, 255, 255, .22); padding: 4px 12px; border-radius: 99px; margin-bottom: 10px; }
.ph-hero h2 { margin: 0 0 4px; font-size: 22px; font-weight: 900; line-height: 1.5; }
.ph-hero p { margin: 0 0 14px; font-size: 12.5px; opacity: .93; }
.ph-search { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 16px;
  padding: 6px 6px 6px 14px; box-shadow: 0 10px 24px rgba(2, 6, 23, .25); }
[dir="ltr"] .ph-search { padding: 6px 14px 6px 6px; }
.ph-search svg { flex: none; color: #0d9488; }
.ph-search input { flex: 1; min-width: 0; border: none; outline: none; background: transparent;
  font: inherit; font-size: 14px; color: #111827; padding: 10px 0; }
.ph-search input::placeholder { color: #9ca3af; }
.ph-clear { flex: none; width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center;
  background: #f1f5f9; color: #64748b; font-size: 15px; font-weight: 800; }
.ph-count { display: inline-block; margin-top: 10px; font-size: 11px; font-weight: 700; opacity: .9; }
.ph-sec { margin: 2px 0 0; font-size: 14px; font-weight: 900; color: var(--text-primary, #111827);
  display: flex; align-items: center; gap: 7px; }
.ph-sec small { font-weight: 700; font-size: 11px; color: var(--text-secondary, #6b7280); }
.ph-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: none; }
.ph-chips::-webkit-scrollbar { display: none; }
.ph-chip { flex: none; font: inherit; font-size: 12px; font-weight: 800; padding: 8px 15px; border-radius: 13px;
  border: 1px solid var(--border, #e5e7eb); background: var(--bg-card, #fff);
  color: var(--text-primary, #111827); }
.ph-chip.on { background: linear-gradient(135deg, #0d9488, #0ea5e9); color: #fff; border-color: transparent;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .35); }
.ph-list { display: flex; flex-direction: column; gap: 9px; }
.ph-row { display: flex; align-items: center; gap: 12px; width: 100%; text-align: start; font: inherit;
  background: var(--bg-card, #fff); border: 1px solid var(--border, #e5e7eb); border-radius: 17px;
  padding: 12px 13px; color: var(--text-primary, #111827); }
.ph-ic { flex: none; width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center;
  color: #fff; background: linear-gradient(135deg, #14b8a6, #0d9488); }
.ph-ic svg { width: 24px; height: 24px; }
.ph-row b { display: block; font-size: 13.5px; }
.ph-row small { display: block; font-size: 11px; color: var(--text-secondary, #6b7280); margin-top: 2px; }
.ph-tag { margin-inline-start: auto; flex: none; font-size: 10px; font-weight: 800; background: #f0fdfa;
  color: #0f766e; border: 1px solid #99f6e4; padding: 4px 10px; border-radius: 99px; max-width: 42%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ph-pop { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.ph-popcard { border: 1px solid var(--border, #e5e7eb); background: var(--bg-card, #fff);
  border-radius: 17px; padding: 13px 12px; font: inherit; text-align: start;
  color: var(--text-primary, #111827); display: flex; flex-direction: column; gap: 7px; width: 100%; }
.ph-popcard .ph-ic { width: 40px; height: 40px; border-radius: 13px; }
.ph-popcard b { font-size: 12.5px; line-height: 1.6; }
.ph-popcard small { font-size: 10.5px; color: var(--text-secondary, #6b7280); }
.ph-ai { position: relative; overflow: hidden; border-radius: 20px; padding: 18px 16px; color: #fff;
  background: linear-gradient(135deg, #7c3aed, #d946ef); box-shadow: 0 14px 30px rgba(124, 58, 237, .35); }
.ph-ai::after { content: ""; position: absolute; width: 170px; height: 170px; border-radius: 50%;
  background: rgba(255, 255, 255, .14); top: -70px; inset-inline-end: -50px; }
.ph-ai > * { position: relative; z-index: 1; }
.ph-ai h3 { margin: 0 0 4px; font-size: 15.5px; font-weight: 900; display: flex; align-items: center; gap: 8px; }
.ph-ai p { margin: 0 0 12px; font-size: 12px; opacity: .92; }
.ph-ai-cta { display: inline-block; background: #fff; color: #7c3aed; font-size: 12.5px; font-weight: 800;
  padding: 9px 20px; border-radius: 12px; }
.ph-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ph-link { display: flex; align-items: center; gap: 9px; border-radius: 16px; padding: 12px;
  font-size: 12.5px; font-weight: 800; border: 1px solid var(--border, #e5e7eb);
  background: var(--bg-card, #fff); color: var(--text-primary, #111827); }
.ph-link svg { flex: none; }
.ph-note { font-size: 10.5px; line-height: 1.9; color: var(--text-secondary, #6b7280);
  background: var(--bg-card, #fff); border: 1px dashed var(--border, #e5e7eb);
  border-radius: 14px; padding: 10px 13px; }
/* نمای جزئیات دارو */
.ph-back { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font: inherit;
  font-size: 12.5px; font-weight: 800; color: var(--text-secondary, #6b7280);
  background: var(--bg-card, #fff); border: 1px solid var(--border, #e5e7eb);
  padding: 8px 15px; border-radius: 12px; }
.ph-dhead { border-radius: 22px; padding: 20px 17px; color: #fff; position: relative; overflow: hidden;
  background: linear-gradient(135deg, #0f766e, #0369a1); box-shadow: 0 14px 30px rgba(3, 105, 161, .3); }
.ph-dhead::after { content: ""; position: absolute; width: 200px; height: 200px; border-radius: 50%;
  border: 2px dashed rgba(255, 255, 255, .35); top: -90px; inset-inline-end: -60px; }
.ph-dhead > * { position: relative; z-index: 1; }
.ph-dhead h2 { margin: 0; font-size: 20px; font-weight: 900; }
.ph-dhead .en { display: block; font-size: 13px; opacity: .9; margin-top: 2px; font-weight: 700; }
.ph-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.ph-badges span { font-size: 10.5px; font-weight: 800; background: rgba(255, 255, 255, .2);
  border: 1px solid rgba(255, 255, 255, .35); padding: 4px 11px; border-radius: 99px; }
.ph-brands { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.ph-brands span { font-size: 11px; font-weight: 700; background: #fff; color: #0f766e;
  padding: 5px 12px; border-radius: 99px; }
.ph-acc { border: 1px solid var(--border, #e5e7eb); background: var(--bg-card, #fff);
  border-radius: 16px; overflow: hidden; }
.ph-acc-head { display: flex; align-items: center; gap: 10px; width: 100%; font: inherit;
  padding: 13px 14px; background: none; color: var(--text-primary, #111827);
  font-size: 13px; font-weight: 800; text-align: start; }
.ph-acc-head svg { flex: none; color: #0d9488; }
.ph-acc-head .chev { margin-inline-start: auto; transition: transform .3s; color: var(--text-secondary, #6b7280); }
.ph-acc.open .chev { transform: rotate(180deg); }
.ph-acc-body { display: none; padding: 0 14px 14px; font-size: 12.5px; line-height: 2;
  color: var(--text-primary, #111827); }
.ph-acc.open .ph-acc-body { display: block; }
.ph-acc.warn .ph-acc-head svg { color: #dc2626; }
.ph-empty { text-align: center; padding: 26px 16px; border: 1px dashed var(--border, #e5e7eb);
  border-radius: 18px; color: var(--text-secondary, #6b7280); font-size: 12.5px; }
@media (prefers-reduced-motion: reduce) { .ph-page { animation: none; } }

.ph-chip { display: inline-flex; align-items: center; gap: 6px; }
.ph-chip-ic { width: 22px; height: 22px; border-radius: 8px; display: grid; place-items: center; color: #fff; flex: none; }
.ph-chip-ic svg { width: 13px; height: 13px; }
.ph-chip-n { font-size: 10px; font-weight: 800; background: rgba(0,0,0,.08); padding: 1px 7px; border-radius: 99px; }
.ph-chip.on .ph-chip-n { background: rgba(255,255,255,.3); }

.ph-page { padding-bottom: 86px; }
.ph-ai-fab { position: fixed; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); left: 16px; z-index: 60;
  display: flex; align-items: center; gap: 8px; background: linear-gradient(135deg,#7c3aed,#d946ef);
  color: #fff; font-size: 12.5px; font-weight: 800; padding: 12px 18px 12px 14px; border-radius: 99px;
  box-shadow: 0 12px 28px rgba(124,58,237,.45); }
.ph-ai-fab::after { content: ""; position: absolute; inset: -4px; border-radius: 99px;
  border: 2px solid rgba(217,70,239,.5); animation: phFabPulse 2s ease-out infinite; }
@keyframes phFabPulse { from { transform: scale(.95); opacity: 1; } to { transform: scale(1.12); opacity: 0; } }
.ph-dtop { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; }
.ph-dtop h2 { flex: 1; min-width: 0; }
.ph-back-ov { flex: none; width: 36px; height: 36px; padding: 0; display: grid; place-items: center;
  background: rgba(255,255,255,.95); border: none; color: #0f172a; box-shadow: 0 4px 12px rgba(2,6,23,.28); }
[dir="rtl"] .ph-back-ov svg { transform: scaleX(-1); }
.ph-makers span { background: #f0fdfa; color: #0f766e; border: 1px solid #99f6e4; }
@media (prefers-reduced-motion: reduce) { .ph-ai-fab::after { animation: none; } }

.ph-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ph-fact { background: var(--bg-card,#fff); border: 1px solid var(--border,#e5e7eb); border-radius: 16px; padding: 12px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.ph-fact svg { color: #0d9488; }
.ph-fact b { display: block; font-size: 10.5px; margin-top: 5px; line-height: 1.6; }
.ph-fact small { display: block; font-size: 9.5px; color: var(--text-secondary,#6b7280); margin-top: 1px; }
.ph-mono { background: var(--bg-card,#fff); border: 1px solid var(--border,#e5e7eb); border-radius: 20px; padding: 4px 16px 12px; }
.ph-msec { padding: 12px 0; border-bottom: 1px dashed var(--border,#e5e7eb); }
.ph-msec:last-child { border-bottom: none; }
.ph-msec > h4 { margin: 0 0 6px; font-size: 13.5px; font-weight: 900; display: flex; align-items: center; gap: 8px; }
.ph-msec > h4 svg { color: #0d9488; flex: none; }
.ph-msec p { margin: 0; font-size: 12.5px; line-height: 2.1; }
.ph-msec.lead { background: linear-gradient(135deg,rgba(13,148,136,.1),rgba(14,165,233,.1)); margin: 10px -8px 0; padding: 10px 12px; border-radius: 14px; border-bottom: none; }
.ph-callout { border-radius: 14px; padding: 11px 13px; font-size: 12.5px; line-height: 2; margin: 10px 0; }
.ph-callout h4 { margin: 0 0 5px; font-size: 13px; font-weight: 900; display: flex; align-items: center; gap: 8px; }
.ph-callout p { margin: 3px 0; }
.ph-callout.danger { background: rgba(220,38,38,.08); border: 1px solid rgba(220,38,38,.32); }
.ph-callout.danger h4 { color: #dc2626; }
.ph-callout.warn { background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.38); }
.ph-callout.warn h4 { color: #b45309; }
.ph-chips2 { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.ph-chips2 span { font-size: 11px; font-weight: 700; background: #f0fdfa; border: 1px solid #99f6e4; color: #0f766e; padding: 4px 11px; border-radius: 99px; }
.ph-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ph-mini { background: rgba(13,148,136,.07); border-radius: 12px; padding: 9px 11px; }
.ph-mini b { display: block; font-size: 11px; margin-bottom: 3px; color: #0f766e; }
.ph-mini p { margin: 0; font-size: 12px; line-height: 1.9; }
.ph-guide { display: grid; gap: 8px; padding: 12px 0 2px; }
.ph-g { display: flex; gap: 10px; align-items: flex-start; background: rgba(99,102,241,.06); border-radius: 13px; padding: 10px 12px; }
.ph-g svg { flex: none; color: #6366f1; margin-top: 2px; }
.ph-g b { display: block; font-size: 12px; margin-bottom: 2px; }
.ph-g p { margin: 0; font-size: 11.5px; line-height: 1.9; color: var(--text-secondary,#6b7280); }
.ph-ask { display: flex; align-items: center; gap: 12px; border-radius: 18px; padding: 14px 15px; color: #fff;
  background: linear-gradient(135deg,#7c3aed,#d946ef); box-shadow: 0 12px 26px rgba(124,58,237,.32); margin-top: 14px; }
.ph-ask b { display: block; font-size: 13.5px; }
.ph-ask small { font-size: 11px; opacity: .9; }
.ph-ask .ph-ai-cta { margin-inline-start: auto; flex: none; }

.ph-goal { border-radius: 16px; padding: 12px 15px; color: #fff; font-size: 12.5px; font-weight: 800;
  background: linear-gradient(135deg,#0d9488,#6366f1); box-shadow: 0 10px 22px rgba(13,148,136,.3); margin-bottom: 10px; }
.ph-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ph-pillar:nth-child(3) { grid-column: 1 / -1; }
.ph-pillar:nth-child(3) .ph-pi { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; }
.ph-pillar:nth-child(3) .ph-pi span:last-child { grid-column: 1 / -1; }
.ph-pillar { background: var(--bg-card,#fff); border: 1px solid var(--border,#e5e7eb); border-radius: 16px; padding: 11px 13px; }
.ph-pillar > b { display: block; font-size: 13px; font-weight: 900; margin-bottom: 7px; }
.ph-pillar span { display: flex; align-items: center; gap: 7px; font-size: 12px; padding: 3px 0; }
.ph-pillar span i { font-style: normal; color: #10b981; font-weight: 900; }
.ph-charts { display: grid; gap: 10px; }
.ph-chart { background: var(--bg-card,#fff); border: 1px solid var(--border,#e5e7eb); border-radius: 18px; padding: 13px 15px; }
.ph-chart-t { font-size: 13px; font-weight: 900; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ph-chart-t span { font-size: 11px; background: rgba(13,148,136,.12); color: #0f766e; padding: 2px 10px; border-radius: 99px; }
.ph-time { position: relative; height: 66px; margin: 4px 6px 0; }
.ph-tline { position: absolute; top: 14px; left: 0; right: 0; height: 4px; border-radius: 99px; background: rgba(13,148,136,.15); }
.ph-tick { position: absolute; top: 26px; transform: translateX(-50%); font-size: 9.5px; color: var(--text-secondary,#6b7280); }
.ph-tmark { position: absolute; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; }
.ph-tmark i { width: 13px; height: 13px; border-radius: 50%; background: #0d9488; border: 3px solid #fff; box-shadow: 0 3px 8px rgba(13,148,136,.5); }
.ph-tmark b { font-size: 9.5px; margin-top: 15px; color: var(--text-primary,#111827); }
.ph-chart-n { margin: 8px 0 0; font-size: 10px; color: var(--text-secondary,#6b7280); }
.ph-fxbar { display: flex; height: 14px; border-radius: 99px; overflow: hidden; background: rgba(0,0,0,.06); }
.ph-fxbar i.c1 { background: linear-gradient(90deg,#2dd4bf,#0d9488); }
.ph-fxbar i.c2 { background: linear-gradient(90deg,#fbbf24,#ef4444); }
.ph-fxleg { display: flex; gap: 14px; margin-top: 7px; font-size: 11px; font-weight: 700; }
.ph-fxleg i { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-inline-end: 5px; }
.ph-fxleg i.c1 { background: #14b8a6; }
.ph-fxleg i.c2 { background: #ef4444; }

.ph-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ph-cat { display: flex; align-items: center; gap: 11px; font: inherit; text-align: start;
  background: var(--bg-card,#fff); border: 2px solid var(--border,#e5e7eb); border-radius: 18px;
  padding: 12px; color: var(--text-primary,#111827); }
.ph-cat.on { border-color: #0d9488; box-shadow: 0 10px 22px rgba(13,148,136,.25); }
.ph-cat-ic { flex: none; width: 52px; height: 52px; border-radius: 17px; display: grid;
  place-items: center; color: #fff; box-shadow: 0 8px 16px rgba(2,6,23,.2); }
.ph-cat-ic svg { width: 27px; height: 27px; }
.ph-cat-tx { flex: 1; min-width: 0; }
.ph-cat-tx b { display: block; font-size: 13.5px; font-weight: 900; }
.ph-cat-tx small { display: block; font-size: 10.5px; color: var(--text-secondary,#6b7280); margin-top: 2px; }
.ph-gauge { background: var(--bg-card,#fff); border: 1px solid var(--border,#e5e7eb);
  border-radius: 18px; padding: 13px 15px; margin-bottom: 12px; }
.ph-gauge-t { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 900; margin-bottom: 10px; }
.ph-gauge-t svg { color: #0d9488; }
.ph-gauge-t span { margin-inline-start: auto; font-size: 12px; color: #0f766e;
  background: rgba(13,148,136,.12); padding: 3px 11px; border-radius: 99px; }
.ph-gbar { position: relative; display: flex; height: 13px; border-radius: 99px;
  overflow: visible; background: rgba(0,0,0,.07); }
.ph-gbar i { display: block; height: 100%; }
.ph-gbar i:first-child { border-start-start-radius: 99px; border-end-start-radius: 99px; }
.ph-needle { position: absolute; top: -5px; bottom: -5px; width: 3px; background: #111827;
  border-radius: 99px; transform: translateX(-50%); box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 2px 6px rgba(0,0,0,.3); }
.ph-glab { display: flex; justify-content: space-between; font-size: 10px;
  color: var(--text-secondary,#6b7280); margin-top: 5px; }
.ph-pillars { display: grid; gap: 12px; }
.ph-pillar { padding: 14px 15px; }
.ph-pillar > b { font-size: 13.5px; margin-bottom: 8px; }
.ph-pillar span { padding: 5px 0; font-size: 12.5px; line-height: 1.9; }
.ph-goal { margin-bottom: 12px; }
.ph-sec { margin: 16px 0 10px; }

.phc-box { display: flex; flex-direction: column; font: inherit; text-align: start; overflow: hidden;
  background: var(--bg-card,#fff); border: 2px solid var(--border,#e5e7eb); border-radius: 20px;
  color: var(--text-primary,#111827); padding: 0; }
.phc-box.on { border-color: #0d9488; box-shadow: 0 10px 22px rgba(13,148,136,.25); }
.phc-img { display: block; height: 96px; background-size: cover; background-position: center; }
.phc-tx { display: flex; align-items: center; gap: 8px; padding: 10px 12px 12px; }
.phc-tx b { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 900; }
.phc-tx small { display: block; font-size: 10.5px; color: var(--text-secondary,#6b7280); font-weight: 700; margin-top: 1px; }
.phc-go { flex: none; width: 28px; height: 28px; border-radius: 10px; display: grid; place-items: center;
  background: rgba(13,148,136,.12); color: #0f766e; }
.phc-hero { position: relative; border-radius: 24px; overflow: hidden; min-height: 235px;
  background-size: cover; background-position: center; display: flex; flex-direction: column;
  justify-content: flex-end; padding: 66px 16px 15px; color: #fff;
  box-shadow: 0 16px 34px rgba(2,6,23,.25); }
.phc-shade { position: absolute; inset: 0;
  background: linear-gradient(180deg,rgba(2,6,23,0) 15%,rgba(2,6,23,.5) 55%,rgba(2,6,23,.8)); }
.phc-hero .ph-back-ov { position: absolute; top: 8px; inset-inline-start: 12px; z-index: 2; }
.phc-txt { position: relative; z-index: 1; }
.phc-txt h2 { margin: 5px 0 3px; font-size: 23px; font-weight: 900; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.phc-txt p { margin: 0; font-size: 12.5px; opacity: .94; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.phc-tag { display: inline-block; font-size: 10.5px; font-weight: 800; background: rgba(255,255,255,.24);
  border: 1px solid rgba(255,255,255,.4); padding: 3px 11px; border-radius: 99px; }
.phc-chips { position: relative; z-index: 1; display: flex; gap: 8px; margin-top: 10px; }
.phc-chips span { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800;
  background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.38); color: #fff;
  padding: 6px 12px; border-radius: 12px; backdrop-filter: blur(8px); }

.phc-box2 { position: relative; display: flex; flex-direction: column; font: inherit; text-align: start;
  background: var(--bg-card,#fff); border: 2px solid var(--border,#e5e7eb); border-radius: 22px;
  overflow: hidden; color: var(--text-primary,#111827); padding: 0;
  box-shadow: 0 10px 22px rgba(2,6,23,.07); }
.phc-box2.on { border-color: #0d9488; box-shadow: 0 12px 26px rgba(13,148,136,.3); }
.phc2-img { position: relative; display: block; height: 112px; background-size: cover; background-position: center; }
.phc2-arrow { position: absolute; top: 9px; inset-inline-end: 9px; width: 30px; height: 30px;
  border-radius: 50%; background: rgba(255,255,255,.94); display: grid; place-items: center;
  color: #0f172a; box-shadow: 0 4px 10px rgba(2,6,23,.2); }
.phc2-tx { display: block; width: 100%; box-sizing: border-box; padding: 10px 13px 13px; }
.phc2-tx b { display: block; font-size: 16px; font-weight: 900; }
.phc2-tx small { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700;
  color: var(--text-secondary,#6b7280); margin-top: 4px; }
.phc2-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34,197,94,.18); flex: none; }

.phd-box { position: relative; display: block; min-height: 172px; border-radius: 22px; overflow: hidden;
  font: inherit; text-align: start; color: #fff; padding: 0; border: 2px solid transparent;
  box-shadow: 0 10px 22px rgba(2,6,23,.14); }
.phd-box.on { border-color: #0d9488; box-shadow: 0 12px 26px rgba(13,148,136,.35); }
.phd-ph { position: absolute; inset: 0; background-size: cover; background-position: center; }
.phd-scrim { position: absolute; inset: 0; }
.phd-arrow { position: absolute; top: 10px; inset-inline-end: 10px; width: 32px; height: 32px;
  border-radius: 50%; background: #7c3aed; display: grid; place-items: center; color: #fff;
  box-shadow: 0 6px 14px rgba(124,58,237,.5); }
.phd-pill { position: absolute; bottom: 10px; inset-inline-start: 10px; max-width: calc(100% - 62px);
  background: rgba(255,255,255,.94); color: #0f172a; font-size: 12px; font-weight: 800;
  padding: 7px 13px; border-radius: 99px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ph-credit { text-align: center; font-size: 10px; color: var(--text-secondary,#6b7280); padding: 2px 0 0; }

.phd-haze { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 42%); }
.phd-shine { position: absolute; inset: -45%; pointer-events: none;
  background: linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 50%,transparent 58%);
  animation: phdShine 6s ease-in-out infinite; }
@keyframes phdShine { 0% { transform: translateX(-55%); } 60%, 100% { transform: translateX(55%); } }
.phc-haze { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%); }
@media (prefers-reduced-motion: reduce) { .phd-shine { animation: none; } }

.phx-box { position: relative; display: flex; flex-direction: column; font: inherit; text-align: start;
  background: var(--bg-card,#fff); border: 2px solid var(--border,#e5e7eb); border-radius: 22px;
  overflow: hidden; color: var(--text-primary,#111827); padding: 0;
  box-shadow: 0 10px 22px rgba(2,6,23,.07); }
.phx-box.on { border-color: #0d9488; box-shadow: 0 12px 26px rgba(13,148,136,.3); }
.phx-visual { position: relative; display: grid; place-items: center; height: 122px; overflow: hidden; }
.phx-glow { position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 30%,rgba(255,255,255,.4),rgba(255,255,255,0) 65%); }
.phx-visual .axart { position: relative; z-index: 1; filter: drop-shadow(0 8px 12px rgba(0,0,0,.25)); }
.phx-arrow { position: absolute; top: 9px; inset-inline-end: 9px; width: 30px; height: 30px;
  border-radius: 50%; background: rgba(255,255,255,.94); display: grid; place-items: center;
  color: #0f172a; box-shadow: 0 4px 10px rgba(2,6,23,.2); z-index: 2; }
.phx-tx { padding: 10px 13px 13px; }
.phx-tx b { display: block; font-size: 15px; font-weight: 900; }
.phx-tx small { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700;
  color: var(--text-secondary,#6b7280); margin-top: 4px; }
.phx-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34,197,94,.18); flex: none; }
.phc-hero2 { position: relative; border-radius: 24px; overflow: hidden; min-height: 235px;
  display: flex; flex-direction: column; justify-content: flex-end; padding: 54px 16px 15px;
  color: #fff; box-shadow: 0 16px 34px rgba(2,6,23,.25); }
.phc-artbg { position: absolute; top: -30px; inset-inline-end: -30px; width: 210px; height: 210px;
  opacity: .9; pointer-events: none; }
.phc-artbg .axart { width: 100%; height: 100%; }
.axart { display: inline-block; }
.ax-beat { animation: axBeat 1.6s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axBeat { 0%,100% { transform: scale(1); } 14% { transform: scale(1.12); } 28% { transform: scale(1); } 42% { transform: scale(1.08); } 56% { transform: scale(1); } }
.ax-breathe { animation: axBreathe 3.2s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axBreathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }
.ax-rock { animation: axRock 3s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axRock { 0%,100% { transform: rotate(-7deg); } 50% { transform: rotate(7deg); } }
.ax-float { animation: axFloat 3.4s ease-in-out infinite; }
@keyframes axFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.ax-floatpulse { animation: axFloatPulse 3s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axFloatPulse { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-6px) scale(1.04); } }
.ax-bob { animation: axBob 2.6s ease-in-out infinite; }
@keyframes axBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
.ax-blink { animation: axBlink 4.2s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axBlink { 0%,92%,100% { transform: scaleY(1); } 95% { transform: scaleY(.88); } }
.ax-spin { animation: axSpin 14s linear infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axSpin { to { transform: rotate(360deg); } }
.ax-flap { animation: axFlap 3s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes axFlap { 0%,100% { transform: scaleX(1); } 50% { transform: scaleX(.93); } }
@media (prefers-reduced-motion: reduce) { .axart { animation: none !important; } }

.phx-box { min-height: 148px; background: none; border: 2px solid transparent; }
.phx-box.on { border-color: rgba(255,255,255,.9); box-shadow: 0 12px 26px rgba(2,6,23,.3); }
.phx-visual { position: absolute; inset: 0; display: block; border-radius: 20px; overflow: hidden; }
.phx-visual > svg { position: absolute; top: 8px; left: 50%; width: 62px; height: 62px; margin-left: -31px; }
.phx-tx { position: absolute; bottom: 0; left: 0; right: 0; padding: 26px 12px 11px;
  background: linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.55)); color: #fff; }
.phx-tx b { color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
.phx-tx small { color: rgba(255,255,255,.9); text-shadow: 0 1px 6px rgba(0,0,0,.4); }
.phx-visual { height: auto; }

.phx-box { min-height: 118px; background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(13,148,136,.04) 10px, rgba(13,148,136,.04) 11px); }
.phx-visual { height: 64px; }
.phx-visual::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.5); z-index: 0; }
.phx-visual > svg { position: relative; z-index: 1; width: 44px; height: 44px; }
.phx-visual > .phx-glow { z-index: 0; }
.phx-arrow { z-index: 2; }
.phx-tx { display: flex; align-items: center; gap: 9px; padding: 8px 11px; color: #0f172a; }
.phx-tx small { color: #475569; }
.phx-ico { flex: none; width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: #fff; box-shadow: 0 4px 10px rgba(2,6,23,.2); }
.phx-ico svg { width: 15px; height: 15px; }
.phx-txcol { flex: 1; min-width: 0; }
.phx-txcol b { font-size: 13px; }
.phx-txcol small { font-size: 10.5px; }
.phc-hero2::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.42); z-index: 0; }
.phc-hero2 > .phc-artbg { z-index: 0; }
.phc-hero2 > .phc-txt, .phc-hero2 > .phc-chips { position: relative; z-index: 1; }

/* compact final: coherent overlay — overrides all earlier phx rules */
.phx-box { min-height: 118px; background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(13,148,136,.04) 10px, rgba(13,148,136,.04) 11px); }
.phx-visual { height: auto; text-align: center; padding-top: 10px; box-sizing: border-box; }
.phx-visual > svg { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0; width: 72px; height: 72px; z-index: 1; }
.phx-tx { background: none; }
.phx-tx b { color: #0f172a; text-shadow: none; }
.phx-tx small { color: #475569; text-shadow: none; }

/* خواسته کاربر: حذف کامل border باکس ها در تم تيره */
html[data-theme='dark'] .ai-banner,
html[data-theme='dark'] .warn-banner,
html[data-theme='dark'] .auth-note,
html[data-theme='dark'] .net-alert,
html[data-theme='dark'] .sym-saved,
html[data-theme='dark'] .well-lvl-1,
html[data-theme='dark'] .well-lvl-2,
html[data-theme='dark'] .well-lvl-3,
html[data-theme='dark'] .ph-tag,
html[data-theme='dark'] .ph-makers span,
html[data-theme='dark'] .ph-chips2 span,
html[data-theme='dark'] .ph-callout.danger,
html[data-theme='dark'] .ph-callout.warn,
html[data-theme='dark'] .chip.selected,
html[data-theme='dark'] .srv-info-card,
html[data-theme='dark'] .srv-phone,
html[data-theme='dark'] .srv-a1-card,
html[data-theme='dark'] .srv-a1-toggle,
html[data-theme='dark'] .srv-a1-date,
html[data-theme='dark'] .srv-a1-time,
html[data-theme='dark'] .srv-service-btn,
html[data-theme='dark'] .srv-dept,
html[data-theme='dark'] .srv-map,
html[data-theme='dark'] .srv-a1-sheet,
html[data-theme='dark'] .ph-cat.on,
html[data-theme='dark'] .phc-box.on,
html[data-theme='dark'] .phc-box2.on,
html[data-theme='dark'] .phd-box.on,
html[data-theme='dark'] .phx-box.on,
html[data-theme='dark'] .ph-chip.on {
  border-color: transparent !important;
}

/* تکميل حذف border در تم تيره: کارت هاي سريع، دکمه تب خدمات، صفحه لندينگ */
html[data-theme='dark'] .quick-card,
html[data-theme='dark'] .segmented.services-tabs button {
  border-color: transparent !important;
}
html[data-theme='dark'] .land { --ld-border: transparent; }

/* دسته بندي هاي دارو هم سبک باکس هاي صفحه اصلي + حفظ آيکون انيميشني */
.ph-cats .phx-box {
  position: relative; display: flex; flex-direction: column; gap: 10px;
  padding: 16px 14px 14px; border-radius: 20px; min-height: 0; overflow: hidden;
  background: var(--bg-card); border: 1px solid var(--border);
  box-shadow: 0 8px 24px rgba(2,6,23,.10); cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
  animation: hhUp .5s cubic-bezier(.22,.9,.3,1.05) backwards;
}
.ph-cats .phx-box:nth-child(1) { animation-delay: .02s; }
.ph-cats .phx-box:nth-child(2) { animation-delay: .06s; }
.ph-cats .phx-box:nth-child(3) { animation-delay: .10s; }
.ph-cats .phx-box:nth-child(4) { animation-delay: .14s; }
.ph-cats .phx-box:nth-child(5) { animation-delay: .18s; }
.ph-cats .phx-box:nth-child(6) { animation-delay: .22s; }
.ph-cats .phx-box:nth-child(7) { animation-delay: .26s; }
.ph-cats .phx-box:nth-child(8) { animation-delay: .30s; }
.ph-cats .phx-box:nth-child(9) { animation-delay: .34s; }
.ph-cats .phx-box:nth-child(10) { animation-delay: .38s; }
.ph-cats .phx-box:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(2,6,23,.20); }
.ph-cats .phx-box:active { transform: scale(.97); }
.ph-cats .phx-box.on { box-shadow: 0 12px 26px rgba(13,148,136,.30), 0 0 0 2px rgba(13,148,136,.55); }
.ph-cats .phx-visual {
  position: static; flex: none; width: 52px; height: 52px; border-radius: 17px;
  display: grid; place-items: center; overflow: hidden; padding: 0; text-align: center;
  box-shadow: 0 10px 22px rgba(2,6,23,.25);
}
.ph-cats .phx-visual::before { display: none; }
.ph-cats .phx-glow { display: none; }
.ph-cats .phx-visual > svg.axart { width: 38px; height: 38px; margin: 0; }
.ph-cats .phx-arrow {
  top: auto; inset-inline-end: auto; bottom: 12px; left: 12px;
  width: 26px; height: 26px; border-radius: 50%; box-shadow: none;
  display: grid; place-items: center;
  color: var(--text-tertiary); background: var(--bg-soft); border: 1px solid var(--border);
}
.ph-cats .phx-tx {
  position: static; display: flex; flex-direction: column; gap: 2px;
  padding: 0; background: none; color: var(--text-primary);
}
.ph-cats .phx-ico { display: none; }
.ph-cats .phx-txcol b { display: block; font-size: 13.5px; font-weight: 900; color: var(--text-primary); line-height: 1.5; }
.ph-cats .phx-txcol small { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-secondary); margin-top: 2px; }

/* حذف نمايش تعداد دارو در باکس دسته ها: فقط يک خط متن */
.ph-cats .phx-txcol small { display: none; }

/* باکس دسته ها: بگراند خطي خلاقانه + يک خط توضيح */
.ph-cats .phx-box {
  background:
    radial-gradient(130px 90px at 85% -10%, rgba(13,148,136,.12), transparent 70%),
    repeating-linear-gradient(115deg, transparent 0 13px, rgba(100,116,139,.07) 13px 14px),
    repeating-linear-gradient(-35deg, transparent 0 19px, rgba(100,116,139,.05) 19px 20px),
    linear-gradient(165deg, #ffffff 0%, #f6f9fc 100%);
}
html[data-theme='dark'] .ph-cats .phx-box {
  background:
    radial-gradient(130px 90px at 85% -10%, rgba(45,212,191,.14), transparent 70%),
    radial-gradient(100px 70px at 8% 108%, rgba(99,102,241,.16), transparent 70%),
    repeating-linear-gradient(115deg, transparent 0 13px, rgba(148,163,184,.07) 13px 14px),
    repeating-linear-gradient(-35deg, transparent 0 19px, rgba(148,163,184,.05) 19px 20px),
    linear-gradient(165deg, #0f2140 0%, #0c1a32 60%, #0b172c 100%);
}
.ph-cats .phx-txcol small {
  display: block; font-size: 11px; font-weight: 700; color: var(--text-secondary);
  margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}

/* دسته ها: چيدمان افقي (آيکون کنار عنوان)، حذف فلش، جهت بر اساس زبان */
.ph-cats .phx-arrow { display: none; }
html[dir="rtl"] .ph-cats .phx-box,
html[dir="ltr"] .ph-cats .phx-box { flex-direction: row; align-items: center; gap: 12px; }
.ph-cats .phx-tx { flex: 1; min-width: 0; text-align: start; }

/* دسته ها: بگراند غيرتکراري + عنوان کنار آيکون + متن تمام عرض زير */
.ph-cats .phx-box { flex-wrap: wrap; gap: 8px 12px; }
.ph-cats .phx-tx, .ph-cats .phx-txcol { display: contents; }
.ph-cats .phx-txcol b { flex: 1; min-width: 0; align-self: center; }
.ph-cats .phx-txcol small { flex: 0 0 100%; white-space: normal; overflow: visible; margin-top: 0; line-height: 1.9; }
.ph-cats .phx-box {
  background:
    radial-gradient(130px 90px at 85% -10%, rgba(13,148,136,.12), transparent 70%),
    repeating-linear-gradient(115deg, transparent 0 13px, rgba(100,116,139,.07) 13px 14px),
    repeating-linear-gradient(-35deg, transparent 0 19px, rgba(100,116,139,.05) 19px 20px),
    linear-gradient(165deg, #ffffff 0%, #f6f9fc 100%);
}
.ph-cats .phx-box:nth-child(even) {
  background:
    radial-gradient(140px 100px at 10% 110%, rgba(99,102,241,.12), transparent 70%),
    repeating-linear-gradient(55deg, transparent 0 16px, rgba(100,116,139,.07) 16px 17px),
    repeating-linear-gradient(-55deg, transparent 0 16px, rgba(100,116,139,.05) 16px 17px),
    linear-gradient(165deg, #ffffff 0%, #f4f7fe 100%);
}
.ph-cats .phx-box:nth-child(3n) {
  background:
    radial-gradient(150px 80px at 50% -20%, rgba(168,85,247,.12), transparent 70%),
    repeating-linear-gradient(15deg, transparent 0 12px, rgba(100,116,139,.07) 12px 13px),
    repeating-linear-gradient(-75deg, transparent 0 22px, rgba(100,116,139,.045) 22px 23px),
    linear-gradient(165deg, #ffffff 0%, #faf6fd 100%);
}
html[data-theme='dark'] .ph-cats .phx-box {
  background:
    radial-gradient(130px 90px at 85% -10%, rgba(45,212,191,.14), transparent 70%),
    repeating-linear-gradient(115deg, transparent 0 13px, rgba(148,163,184,.07) 13px 14px),
    repeating-linear-gradient(-35deg, transparent 0 19px, rgba(148,163,184,.05) 19px 20px),
    linear-gradient(165deg, #0f2140 0%, #0c1a32 60%, #0b172c 100%);
}
html[data-theme='dark'] .ph-cats .phx-box:nth-child(even) {
  background:
    radial-gradient(140px 100px at 10% 110%, rgba(99,102,241,.18), transparent 70%),
    repeating-linear-gradient(55deg, transparent 0 16px, rgba(148,163,184,.07) 16px 17px),
    repeating-linear-gradient(-55deg, transparent 0 16px, rgba(148,163,184,.05) 16px 17px),
    linear-gradient(165deg, #101a3a 0%, #0b142e 60%, #080f24 100%);
}
html[data-theme='dark'] .ph-cats .phx-box:nth-child(3n) {
  background:
    radial-gradient(150px 80px at 50% -20%, rgba(168,85,247,.16), transparent 70%),
    repeating-linear-gradient(15deg, transparent 0 12px, rgba(148,163,184,.07) 12px 13px),
    repeating-linear-gradient(-75deg, transparent 0 22px, rgba(148,163,184,.05) 22px 23px),
    linear-gradient(165deg, #1a1440 0%, #120f30 60%, #0c0a24 100%);
}
/* دکمه برگشت داخل هيرو دسته: بالاتر و جدا از محتواي زير */
.phc-hero2 .ph-back-ov { position: absolute; top: 10px; inset-inline-start: 12px; z-index: 2; }

/* FIX 20261015: differentiate drug categories from homepage quick-access + back button */
.ph-topbar{display:flex;justify-content:flex-start;margin-bottom:2px}
.ph-topbar .ph-back{text-decoration:none}
.ph-sec-clinical{margin:14px 2px 8px;font-size:13px;font-weight:900;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:7px}
.ph-cats-clinical{display:flex !important;flex-direction:column;gap:9px;grid-template-columns:none !important}
.ph-cats-clinical .phx-box{flex-direction:row !important;align-items:center;gap:12px;min-height:0 !important;background:var(--bg-card,#fff) !important;border:1px solid var(--border,#e5e7eb) !important;border-inline-start:4px solid #0d9488 !important;border-radius:16px !important;padding:10px 12px !important;box-shadow:0 4px 12px rgba(2,6,23,.06) !important}
.ph-cats-clinical .phx-visual{position:relative !important;inset:auto !important;width:48px;height:48px;flex:none;border-radius:14px;display:grid !important;place-items:center;overflow:hidden;padding:0 !important}
.ph-cats-clinical .phx-visual>svg{width:30px !important;height:30px !important;margin:0 !important;position:relative !important;left:auto !important;top:auto !important}
.ph-cats-clinical .phx-visual .phx-glow{display:none}
.ph-cats-clinical .phx-visual .phx-arrow{display:none}
.ph-cats-clinical .phx-tx{position:static !important;padding:0 !important;flex:1;background:none !important;display:flex;align-items:center;gap:10px}
.ph-cats-clinical .phx-tx b{color:var(--text-primary,#0f172a) !important;text-shadow:none !important;font-size:14px !important}
.ph-cats-clinical .phx-tx small{color:var(--text-secondary,#64748b) !important;text-shadow:none !important}
.ph-cats-clinical .phx-box::after{content:"\276E";font-size:15px;font-weight:900;color:#94a3b8;margin-inline-start:auto}
[dir="ltr"] .ph-cats-clinical .phx-box::after{content:"\276F"}
.ph-hero .ph-back-ov{position:absolute;top:10px;inset-inline-start:12px;z-index:2}
/* pharma theme harmony: clinical boxes follow Dark/Light vars */
html[data-theme='dark'] .ph-sec-clinical{background:rgba(13,148,136,.14);color:#5eead4;border-color:rgba(45,212,191,.35)}
html[data-theme='dark'] .ph-cats-clinical .phx-box{box-shadow:0 6px 16px rgba(0,0,0,.45) !important}

/* pharma ph200: horizontal row boxes */
.ph-cats .phx-box.phx-row{flex-direction:row;align-items:center;gap:11px;padding:12px 13px;min-height:96px}
.phx-box.phx-row .phx-arrow{position:static;flex:none;width:28px;height:28px}
.phx-row .phx-txcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.phx-row .phx-txcol b{font-size:14px;font-weight:900;color:var(--text-primary,#111827)}
.phx-row .phx-txcol small{font-size:11px;line-height:1.9;color:var(--text-secondary,#6b7280)}
.phx-row .phx-n{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#0d9488}
.phx-row .phx-n svg{width:12px;height:12px}
.phx-sideart{position:absolute;inset-inline-end:-16px;top:50%;transform:translateY(-50%) rotate(-8deg);opacity:.13;pointer-events:none}
.phx-box.phx-row.on{border-color:#0d9488;box-shadow:0 12px 26px rgba(13,148,136,.3)}

/* pharma ph300: mirrored row + arrow flip */
.phx-row .phx-txcol{text-align:start}
html[dir="rtl"] .phx-row .phx-n svg{transform:scaleX(-1)}

/* pharma ph400: prominent icon tile adjacent to title */
.phx-box.phx-row .phx-ico{width:46px;height:46px;border-radius:15px;flex:none;box-shadow:0 6px 14px rgba(2,6,23,.25)}
.phx-box.phx-row .phx-ico svg{width:20px;height:20px}
.phx-row .phx-txcol{gap:4px}

/* pharma ph500: roomy self-contained row cards */
.ph-cats{grid-template-columns:1fr}

.phx2{position:relative;display:flex;align-items:center;gap:12px;width:100%;font:inherit;text-align:start;cursor:pointer;color:var(--text-primary,#111827);background:var(--bg-card,#fff);border:2px solid var(--border,#e5e7eb);border-radius:20px;padding:13px 14px;box-shadow:0 8px 20px rgba(2,6,23,.07)}
.phx2.on{border-color:#0d9488;box-shadow:0 12px 26px rgba(13,148,136,.3)}
.phx2:active{transform:scale(.98)}
.phx2-ico{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(2,6,23,.25)}
.phx2-ico svg{width:22px;height:22px}
.phx2-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:start}
.phx2-tx b{font-size:15px;font-weight:900}
.phx2-tx small{font-size:11.5px;line-height:1.9;color:var(--text-secondary,#6b7280)}
.phx2-side{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px}
.phx2-n{font-size:11px;font-weight:900;color:#0d9488;background:rgba(13,148,136,.12);padding:2px 10px;border-radius:99px;white-space:nowrap}
.phx2-arrow{width:28px;height:28px;border-radius:50%;background:rgba(127,127,127,.13);display:grid;place-items:center;color:var(--text-secondary,#6b7280)}
.phx2-arrow svg{width:13px;height:13px}
html[dir="rtl"] .phx2-arrow svg{transform:scaleX(-1)}

/* pharma ph500: roomy self-contained row cards */
.ph-cats{grid-template-columns:1fr}

.phx2{position:relative;display:flex;align-items:center;gap:12px;width:100%;font:inherit;text-align:start;cursor:pointer;color:var(--text-primary,#111827);background:var(--bg-card,#fff);border:2px solid var(--border,#e5e7eb);border-radius:20px;padding:13px 14px;box-shadow:0 8px 20px rgba(2,6,23,.07)}
.phx2.on{border-color:#0d9488;box-shadow:0 12px 26px rgba(13,148,136,.3)}
.phx2:active{transform:scale(.98)}
.phx2-ico{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(2,6,23,.25)}
.phx2-ico svg{width:22px;height:22px}
.phx2-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:start}
.phx2-tx b{font-size:15px;font-weight:900}
.phx2-tx small{font-size:11.5px;line-height:1.9;color:var(--text-secondary,#6b7280)}
.phx2-side{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px}
.phx2-n{font-size:11px;font-weight:900;color:#0d9488;background:rgba(13,148,136,.12);padding:2px 10px;border-radius:99px;white-space:nowrap}
.phx2-arrow{width:28px;height:28px;border-radius:50%;background:rgba(127,127,127,.13);display:grid;place-items:center;color:var(--text-secondary,#6b7280)}
.phx2-arrow svg{width:13px;height:13px}
html[dir="rtl"] .phx2-arrow svg{transform:scaleX(-1)}

/* pharma ph600: isolated roomy row cards */
.phz-grid{display:grid;grid-template-columns:1fr;gap:10px}

.phz-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;font:inherit;text-align:start;cursor:pointer;color:var(--text-primary,#111827);background:var(--bg-card,#fff);border:2px solid var(--border,#e5e7eb);border-radius:20px;padding:13px 14px;box-shadow:0 8px 20px rgba(2,6,23,.07)}
.phz-card.on{border-color:#0d9488;box-shadow:0 12px 26px rgba(13,148,136,.3)}
.phz-card:active{transform:scale(.98)}
.phz-ico{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(2,6,23,.25)}
.phz-ico svg{width:22px;height:22px}
.phz-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:start}
.phz-tx b{font-size:15px;font-weight:900}
.phz-tx small{font-size:11.5px;line-height:1.9;color:var(--text-secondary,#6b7280)}
.phz-side{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px}
.phz-n{font-size:11px;font-weight:900;color:#0d9488;background:rgba(13,148,136,.12);padding:2px 10px;border-radius:99px;white-space:nowrap}
.phz-go{width:28px;height:28px;border-radius:50%;background:rgba(127,127,127,.13);display:grid;place-items:center;color:var(--text-secondary,#6b7280)}
.phz-go svg{width:13px;height:13px}
html[dir="rtl"] .phz-go svg{transform:scaleX(-1)}