/* Pharmacies: the green cross on the corner — an LED cross lighting up from its centre, capsules drifting,
   prescription labels. Palette: UI UX Pro Max "Pharmacy/Drug Store" (#15803D, #0369A1, #14532D). Font: Almarai. */
body.skin-pharmacies{--bg:#F3FBF5;--card:#FFFFFF;--card-2:#E3F4E8;--border:#C9E7D2;--fg:#12361F;--secondary-fg:#1B4A2B;--muted:#46634F;
  --primary:#15803D;--on-primary:#FFFFFF;--accent:#0369A1;--i-font:"Almarai";--i-w:800;--i-r:22px;--peak:#1D4ED8;color-scheme:light}
.skin-pharmacies .btn{border-radius:999px}
.skin-pharmacies .ih{align-content:center;gap:4px}
.skin-pharmacies .ih-art{position:relative;inset:auto;z-index:0}
.skin-pharmacies .ih-art .art{width:min(640px,96vw)}
.skin-pharmacies .ih h1{font-size:clamp(42px,6vw,82px);line-height:1.2}
.skin-pharmacies .px{fill:#D5ECDC;animation:ph-led 2.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes ph-led{0%,100%{fill:#D5ECDC}30%,60%{fill:var(--primary)}}
.skin-pharmacies .cap rect{fill:#fff;stroke:var(--border);stroke-width:3}
.skin-pharmacies .cap .half{fill:var(--primary);stroke:none}
.skin-pharmacies .cap path{stroke:var(--border);stroke-width:2}
.skin-pharmacies .cap.c1 .half,.skin-pharmacies .cap.c3 .half{fill:var(--accent)}
.skin-pharmacies .cap{animation:ph-float 5s ease-in-out infinite alternate;animation-delay:calc(var(--d) * -1)}
@keyframes ph-float{to{translate:0 -14px}}
/* clients: prescription labels */
.skin-pharmacies .ir-list li{border-radius:12px}
.skin-pharmacies .ir-list li::before{content:"Rx";padding:2px 7px;border-radius:6px;background:var(--primary);color:#fff;font:800 13px/1.4 "Almarai",sans-serif}
/* services: a capsule holds each icon */
.skin-pharmacies .is-ico{width:96px;height:48px;border-radius:24px;background:linear-gradient(90deg,var(--primary) 50%,var(--card-2) 50%);color:#fff}
html[dir=rtl] .skin-pharmacies .is-ico{background:linear-gradient(270deg,var(--primary) 50%,var(--card-2) 50%)}
.skin-pharmacies .is-ico svg{width:22px;height:22px;translate:-22px 0}
html[dir=rtl] .skin-pharmacies .is-ico svg{translate:22px 0}
.skin-pharmacies .im-list a{border-color:var(--border)}