{"id":11,"date":"2026-08-02T19:37:48","date_gmt":"2026-08-02T19:37:48","guid":{"rendered":"https:\/\/shop.dngpharmacyandmart.com\/?page_id=11"},"modified":"2026-08-02T19:45:45","modified_gmt":"2026-08-02T19:45:45","slug":"shop","status":"publish","type":"page","link":"https:\/\/shop.dngpharmacyandmart.com\/?page_id=11","title":{"rendered":"Shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40febc8 e-con-full e-flex e-con e-parent\" data-id=\"40febc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36f9250 elementor-widget elementor-widget-html\" data-id=\"36f9250\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\n     DNG PHARMACY & MART \u2014 SHOP\r\n     Brand: #004141 teal \u00b7 #f58634 orange \u00b7 #ffede0 peach\r\n     Type: Fraunces (display) \u00b7 Inter (body) \u00b7 IBM Plex Mono (data)\r\n     Paste into an Elementor HTML widget on a full-width section.\r\n     =================================================================== -->\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\r\n\r\n#dng-shop *, #dng-shop *::before, #dng-shop *::after {\r\n  margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;\r\n}\r\n\r\n#dng-shop {\r\n  \/* Brand *\/\r\n  --ink: #002B2B;\r\n  --teal: #004141;\r\n  --teal-2: #0A5A5A;\r\n  --teal-3: #16706B;\r\n  --orange: #F58634;\r\n  --orange-2: #D96D1A;\r\n  --orange-3: #FFA866;\r\n  --peach: #FFEDE0;\r\n  --peach-2: #FFE0CC;\r\n\r\n  \/* Neutrals (warm, tuned to peach) *\/\r\n  --paper: #FFFDF9;\r\n  --paper-2: #FFF8F0;\r\n  --line: #EADCCB;\r\n  --line-2: #F2E7DA;\r\n  --body: #4A5654;\r\n  --muted: #8B9694;\r\n\r\n  \/* Semantic *\/\r\n  --ok: #1A8A4A;\r\n  --ok-bg: #E6F5EC;\r\n  --warn: #B45309;\r\n  --danger: #C0392B;\r\n  --danger-bg: #FDEDEA;\r\n\r\n  \/* Type *\/\r\n  --display: 'Fraunces', Georgia, serif;\r\n  --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  --mono: 'IBM Plex Mono', ui-monospace, monospace;\r\n\r\n  \/* Space + shape *\/\r\n  --r-sm: 8px; --r: 14px; --r-lg: 20px; --r-xl: 28px;\r\n  --shadow: 0 1px 2px rgba(0,43,43,.04), 0 8px 24px rgba(0,43,43,.06);\r\n  --shadow-lg: 0 24px 60px rgba(0,43,43,.16);\r\n\r\n  font-family: var(--sans) !important;\r\n  color: var(--ink) !important;\r\n  line-height: 1.6 !important;\r\n  background: var(--paper-2) !important;\r\n  width: 100% !important;\r\n  overflow-x: clip !important;\r\n  -webkit-font-smoothing: antialiased !important;\r\n  position: relative !important;\r\n}\r\n\r\n#dng-shop img { max-width: 100% !important; height: auto !important; display: block !important; }\r\n#dng-shop a { text-decoration: none !important; color: inherit !important; }\r\n#dng-shop ul, #dng-shop ol { list-style: none !important; }\r\n#dng-shop button { font-family: inherit !important; border: none !important; background: none !important; cursor: pointer !important; color: inherit !important; }\r\n#dng-shop input, #dng-shop select, #dng-shop textarea { font-family: inherit !important; font-size: inherit !important; }\r\n\r\n#dng-shop :focus-visible {\r\n  outline: 2px solid var(--orange) !important;\r\n  outline-offset: 2px !important;\r\n  border-radius: 4px !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #dng-shop *, #dng-shop *::before, #dng-shop *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n\r\n#dng-shop .wrap { max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; width: 100% !important; }\r\n#dng-shop .wrap-tight { max-width: 900px !important; margin: 0 auto !important; padding: 0 20px !important; width: 100% !important; }\r\n\r\n\/* ---------- Type primitives ---------- *\/\r\n#dng-shop .h-xl { font-family: var(--display) !important; font-optical-sizing: auto !important; font-size: clamp(30px, 4vw, 46px) !important; font-weight: 500 !important; line-height: 1.08 !important; letter-spacing: -.03em !important; color: var(--teal) !important; }\r\n#dng-shop .h-lg { font-family: var(--display) !important; font-size: clamp(24px, 3vw, 34px) !important; font-weight: 500 !important; line-height: 1.12 !important; letter-spacing: -.025em !important; color: var(--teal) !important; }\r\n#dng-shop .h-md { font-family: var(--display) !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -.015em !important; color: var(--teal) !important; }\r\n#dng-shop .h-sm { font-family: var(--display) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--teal) !important; }\r\n#dng-shop em, #dng-shop .accent { font-style: italic !important; color: var(--orange) !important; font-weight: 400 !important; }\r\n#dng-shop .lede { font-size: 16px !important; color: var(--body) !important; line-height: 1.65 !important; }\r\n\r\n#dng-shop .eyebrow {\r\n  display: inline-flex !important; align-items: center !important; gap: 8px !important;\r\n  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;\r\n  letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--orange-2) !important;\r\n}\r\n#dng-shop .eyebrow::before { content: \"\" !important; width: 18px !important; height: 1px !important; background: var(--orange) !important; }\r\n\r\n\/* ---------- SIGNATURE: dispensing label ---------- *\/\r\n#dng-shop .label-strip {\r\n  display: flex !important; align-items: stretch !important;\r\n  border-top: 1px solid var(--line) !important;\r\n  font-family: var(--mono) !important; font-size: 10.5px !important;\r\n  letter-spacing: .02em !important; color: var(--body) !important;\r\n  background: var(--paper-2) !important;\r\n}\r\n#dng-shop .label-strip span {\r\n  padding: 7px 10px !important; flex: 1 !important;\r\n  border-right: 1px dashed var(--line) !important;\r\n  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;\r\n}\r\n#dng-shop .label-strip span:last-child { border-right: none !important; }\r\n#dng-shop .label-strip b { color: var(--teal) !important; font-weight: 600 !important; }\r\n\r\n\/* ---------- Buttons ---------- *\/\r\n#dng-shop .btn {\r\n  display: inline-flex !important; align-items: center !important; justify-content: center !important;\r\n  gap: 9px !important; padding: 14px 26px !important; border-radius: 100px !important;\r\n  font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: .01em !important;\r\n  transition: transform .2s cubic-bezier(.4,0,.2,1), background-color .2s, box-shadow .2s, color .2s !important;\r\n  white-space: nowrap !important; cursor: pointer !important;\r\n}\r\n#dng-shop .btn svg { flex-shrink: 0 !important; transition: transform .25s !important; }\r\n#dng-shop .btn:hover svg.arw { transform: translateX(3px) !important; }\r\n\r\n#dng-shop .btn-primary { background: var(--orange) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(245,134,52,.28) !important; }\r\n#dng-shop .btn-primary:hover { background: var(--orange-2) !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 10px 26px rgba(245,134,52,.38) !important; }\r\n\r\n#dng-shop .btn-teal { background: var(--teal) !important; color: #fff !important; }\r\n#dng-shop .btn-teal:hover { background: var(--teal-2) !important; color: #fff !important; transform: translateY(-1px) !important; }\r\n\r\n#dng-shop .btn-ghost { background: transparent !important; color: var(--teal) !important; border: 1.5px solid var(--line) !important; }\r\n#dng-shop .btn-ghost:hover { border-color: var(--teal) !important; background: var(--peach) !important; color: var(--teal) !important; }\r\n\r\n#dng-shop .btn-wa { background: #25D366 !important; color: #fff !important; }\r\n#dng-shop .btn-wa:hover { background: #1EA952 !important; color: #fff !important; transform: translateY(-1px) !important; }\r\n\r\n#dng-shop .btn:disabled, #dng-shop .btn[aria-disabled=\"true\"] { opacity: .45 !important; cursor: not-allowed !important; transform: none !important; box-shadow: none !important; }\r\n#dng-shop .btn-block { width: 100% !important; }\r\n\r\n\/* ---------- Chips \/ pills ---------- *\/\r\n#dng-shop .chip {\r\n  display: inline-flex !important; align-items: center !important; gap: 5px !important;\r\n  padding: 4px 10px !important; border-radius: 6px !important;\r\n  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 600 !important;\r\n  letter-spacing: .08em !important; text-transform: uppercase !important;\r\n}\r\n#dng-shop .chip-rx { background: var(--orange) !important; color: #fff !important; }\r\n#dng-shop .chip-otc { background: var(--peach-2) !important; color: var(--teal) !important; }\r\n#dng-shop .chip-new { background: var(--teal) !important; color: #fff !important; }\r\n#dng-shop .chip-sale { background: var(--danger) !important; color: #fff !important; }\r\n#dng-shop .chip-stock { background: var(--ok-bg) !important; color: var(--ok) !important; }\r\n#dng-shop .chip-out { background: #F0EEEA !important; color: var(--muted) !important; }\r\n\r\n\/* ---------- Field primitives ---------- *\/\r\n#dng-shop .field { display: block !important; }\r\n#dng-shop .field + .field { margin-top: 16px !important; }\r\n#dng-shop .field label, #dng-shop .lbl {\r\n  display: block !important; font-size: 12.5px !important; font-weight: 600 !important;\r\n  color: var(--teal) !important; margin-bottom: 6px !important; letter-spacing: .01em !important;\r\n}\r\n#dng-shop .field .hint { font-size: 12px !important; color: var(--muted) !important; margin-top: 5px !important; }\r\n#dng-shop .inp {\r\n  width: 100% !important; padding: 13px 15px !important;\r\n  border: 1.5px solid var(--line) !important; border-radius: var(--r-sm) !important;\r\n  background: var(--paper) !important; font-size: 15px !important; color: var(--ink) !important;\r\n  outline: none !important; transition: border-color .2s, box-shadow .2s, background-color .2s !important;\r\n}\r\n#dng-shop .inp::placeholder { color: var(--muted) !important; }\r\n#dng-shop .inp:focus { border-color: var(--teal) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(0,65,65,.09) !important; }\r\n#dng-shop .inp.err { border-color: var(--danger) !important; background: var(--danger-bg) !important; }\r\n#dng-shop textarea.inp { min-height: 96px !important; resize: vertical !important; }\r\n#dng-shop select.inp {\r\n  appearance: none !important; -webkit-appearance: none !important; padding-right: 42px !important;\r\n  background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23004141' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'\/%3e%3c\/svg%3e\") !important;\r\n  background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 16px !important;\r\n  cursor: pointer !important;\r\n}\r\n#dng-shop .field-err { font-size: 12px !important; color: var(--danger) !important; margin-top: 5px !important; display: none !important; }\r\n#dng-shop .field-err.on { display: block !important; }\r\n\r\n\/* ---------- Image placeholder ---------- *\/\r\n#dng-shop .ph {\r\n  background: repeating-linear-gradient(45deg, var(--peach) 0 10px, var(--peach-2) 10px 20px) !important;\r\n  display: flex !important; flex-direction: column !important;\r\n  align-items: center !important; justify-content: center !important;\r\n  color: var(--teal) !important; text-align: center !important; gap: 6px !important;\r\n}\r\n#dng-shop .ph small { font-family: var(--mono) !important; font-size: 9.5px !important; letter-spacing: .08em !important; text-transform: uppercase !important; opacity: .75 !important; }\r\n\r\n\/* ---------- HEADER ---------- *\/\r\n#dng-shop .hdr {\r\n  background: rgba(255,253,249,.92) !important;\r\n  backdrop-filter: saturate(180%) blur(12px) !important;\r\n  -webkit-backdrop-filter: saturate(180%) blur(12px) !important;\r\n  border-bottom: 1px solid var(--line) !important;\r\n  position: sticky !important; top: 0 !important; z-index: 90 !important;\r\n}\r\n#dng-shop .hdr-in {\r\n  display: flex !important; align-items: center !important; gap: 20px !important;\r\n  padding: 12px 0 !important;\r\n}\r\n#dng-shop .logo { flex-shrink: 0 !important; display: block !important; }\r\n#dng-shop .logo img { height: 46px !important; width: auto !important; object-fit: contain !important; }\r\n\r\n#dng-shop .hdr-search { flex: 1 !important; max-width: 460px !important; position: relative !important; }\r\n#dng-shop .hdr-search .inp { padding-left: 42px !important; border-radius: 100px !important; background: var(--paper-2) !important; }\r\n#dng-shop .hdr-search .s-ico { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--muted) !important; pointer-events: none !important; }\r\n\r\n#dng-shop .nav { display: flex !important; align-items: center !important; gap: 26px !important; margin-left: auto !important; }\r\n#dng-shop .nav a { font-size: 14.5px !important; font-weight: 500 !important; color: var(--ink) !important; position: relative !important; padding: 4px 0 !important; transition: color .2s !important; }\r\n#dng-shop .nav a:hover { color: var(--teal) !important; }\r\n#dng-shop .nav a.on { color: var(--teal) !important; font-weight: 600 !important; }\r\n#dng-shop .nav a.on::after { content: \"\" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -2px !important; height: 2px !important; background: var(--orange) !important; border-radius: 2px !important; }\r\n\r\n#dng-shop .hdr-cart {\r\n  position: relative !important; width: 42px !important; height: 42px !important;\r\n  border-radius: 50% !important; background: var(--peach) !important; color: var(--teal) !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  transition: background-color .2s, transform .2s !important; flex-shrink: 0 !important;\r\n}\r\n#dng-shop .hdr-cart:hover { background: var(--orange) !important; color: #fff !important; transform: translateY(-1px) !important; }\r\n#dng-shop .hdr-cart .n {\r\n  position: absolute !important; top: -3px !important; right: -3px !important;\r\n  min-width: 20px !important; height: 20px !important; padding: 0 5px !important;\r\n  background: var(--orange) !important; color: #fff !important; border: 2px solid var(--paper) !important;\r\n  border-radius: 100px !important; font-family: var(--mono) !important; font-size: 10px !important;\r\n  font-weight: 600 !important; display: flex !important; align-items: center !important; justify-content: center !important;\r\n}\r\n#dng-shop .hdr-cart:hover .n { background: var(--teal) !important; }\r\n\r\n#dng-shop .burger {\r\n  display: none !important; width: 42px !important; height: 42px !important; border-radius: var(--r-sm) !important;\r\n  background: var(--peach) !important; color: var(--teal) !important;\r\n  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\r\n}\r\n\r\n#dng-shop .m-nav { display: none !important; flex-direction: column !important; padding: 8px 20px 20px !important; border-top: 1px solid var(--line) !important; background: var(--paper) !important; gap: 2px !important; }\r\n#dng-shop .m-nav.on { display: flex !important; }\r\n#dng-shop .m-nav a { padding: 13px 0 !important; font-size: 15px !important; font-weight: 500 !important; border-bottom: 1px solid var(--line-2) !important; color: var(--ink) !important; }\r\n#dng-shop .m-nav a.on { color: var(--teal) !important; font-weight: 600 !important; }\r\n#dng-shop .m-search { padding: 12px 20px !important; border-top: 1px solid var(--line) !important; display: none !important; background: var(--paper) !important; position: relative !important; }\r\n\r\n\/* ---------- FLOATING ACTION STACK ---------- *\/\r\n#dng-shop .fab-stack {\r\n  position: fixed !important; right: 18px !important; bottom: 18px !important;\r\n  z-index: 80 !important; display: flex !important; flex-direction: column !important; gap: 12px !important;\r\n}\r\n#dng-shop .fab {\r\n  width: 56px !important; height: 56px !important; border-radius: 50% !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  position: relative !important; transition: transform .22s cubic-bezier(.34,1.4,.64,1), box-shadow .22s !important;\r\n}\r\n#dng-shop .fab:hover { transform: scale(1.07) !important; }\r\n#dng-shop .fab-wa { background: #25D366 !important; color: #fff !important; box-shadow: 0 8px 22px rgba(37,211,102,.4) !important; }\r\n#dng-shop .fab-cart { background: var(--orange) !important; color: #fff !important; box-shadow: 0 8px 22px rgba(245,134,52,.42) !important; }\r\n#dng-shop .fab-cart .n {\r\n  position: absolute !important; top: -2px !important; right: -2px !important;\r\n  min-width: 22px !important; height: 22px !important; padding: 0 6px !important;\r\n  background: var(--teal) !important; color: #fff !important; border: 2px solid var(--paper-2) !important;\r\n  border-radius: 100px !important; font-family: var(--mono) !important; font-size: 10.5px !important;\r\n  font-weight: 600 !important; display: flex !important; align-items: center !important; justify-content: center !important;\r\n}\r\n#dng-shop .fab-tip {\r\n  position: absolute !important; right: calc(100% + 10px) !important; top: 50% !important;\r\n  transform: translateY(-50%) translateX(6px) !important;\r\n  background: var(--ink) !important; color: #fff !important; padding: 6px 11px !important;\r\n  border-radius: 6px !important; font-size: 12px !important; font-weight: 500 !important;\r\n  white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important;\r\n  transition: opacity .2s, transform .2s !important;\r\n}\r\n#dng-shop .fab:hover .fab-tip { opacity: 1 !important; transform: translateY(-50%) translateX(0) !important; }\r\n\r\n\/* ---------- CART DRAWER ---------- *\/\r\n#dng-shop .scrim {\r\n  position: fixed !important; inset: 0 !important; background: rgba(0,43,43,.42) !important;\r\n  backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important;\r\n  z-index: 190 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .3s !important;\r\n}\r\n#dng-shop .scrim.on { opacity: 1 !important; pointer-events: auto !important; }\r\n\r\n#dng-shop .drawer {\r\n  position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important;\r\n  width: 420px !important; max-width: 100vw !important; background: var(--paper) !important;\r\n  z-index: 191 !important; transform: translateX(100%) !important;\r\n  transition: transform .34s cubic-bezier(.4,0,.2,1) !important;\r\n  display: flex !important; flex-direction: column !important;\r\n  box-shadow: var(--shadow-lg) !important;\r\n}\r\n#dng-shop .drawer.on { transform: translateX(0) !important; }\r\n\r\n#dng-shop .dr-hd {\r\n  padding: 18px 20px !important; border-bottom: 1px solid var(--line) !important;\r\n  display: flex !important; align-items: center !important; justify-content: space-between !important;\r\n  background: var(--peach) !important; flex-shrink: 0 !important;\r\n}\r\n#dng-shop .dr-hd-t { display: flex !important; align-items: baseline !important; gap: 9px !important; }\r\n#dng-shop .dr-hd-n { font-family: var(--mono) !important; font-size: 12px !important; color: var(--orange-2) !important; }\r\n#dng-shop .dr-x {\r\n  width: 34px !important; height: 34px !important; border-radius: 50% !important;\r\n  background: var(--paper) !important; color: var(--teal) !important; border: 1px solid var(--line) !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important; transition: all .2s !important;\r\n}\r\n#dng-shop .dr-x:hover { background: var(--orange) !important; color: #fff !important; border-color: var(--orange) !important; }\r\n\r\n#dng-shop .dr-bd { flex: 1 !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 6px 20px !important; }\r\n\r\n#dng-shop .dr-empty { text-align: center !important; padding: 56px 16px !important; }\r\n#dng-shop .dr-empty-ico { width: 64px !important; height: 64px !important; margin: 0 auto 14px !important; border-radius: 50% !important; background: var(--peach) !important; color: var(--teal) !important; display: flex !important; align-items: center !important; justify-content: center !important; }\r\n#dng-shop .dr-empty p { font-size: 13.5px !important; color: var(--body) !important; margin: 6px 0 18px !important; }\r\n\r\n#dng-shop .ln {\r\n  display: grid !important; grid-template-columns: 64px 1fr !important; gap: 12px !important;\r\n  padding: 14px 0 !important; border-bottom: 1px dashed var(--line) !important;\r\n}\r\n#dng-shop .ln:last-child { border-bottom: none !important; }\r\n#dng-shop .ln-img { width: 64px !important; height: 64px !important; border-radius: 10px !important; overflow: hidden !important; border: 1px solid var(--line) !important; }\r\n#dng-shop .ln-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }\r\n#dng-shop .ln-top { display: flex !important; justify-content: space-between !important; gap: 10px !important; align-items: start !important; }\r\n#dng-shop .ln-name { font-family: var(--display) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--teal) !important; line-height: 1.3 !important; }\r\n#dng-shop .ln-meta { font-family: var(--mono) !important; font-size: 10.5px !important; color: var(--muted) !important; margin-top: 3px !important; }\r\n#dng-shop .ln-amt { font-family: var(--mono) !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--teal) !important; white-space: nowrap !important; }\r\n#dng-shop .ln-bot { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 9px !important; }\r\n#dng-shop .stp { display: inline-flex !important; align-items: center !important; background: var(--peach) !important; border-radius: 8px !important; padding: 2px !important; }\r\n#dng-shop .stp button { width: 26px !important; height: 26px !important; border-radius: 6px !important; color: var(--teal) !important; font-size: 15px !important; font-weight: 600 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background-color .15s !important; }\r\n#dng-shop .stp button:hover { background: var(--paper) !important; }\r\n#dng-shop .stp b { min-width: 28px !important; text-align: center !important; font-family: var(--mono) !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--teal) !important; }\r\n#dng-shop .ln-del { font-size: 11.5px !important; color: var(--muted) !important; transition: color .2s !important; }\r\n#dng-shop .ln-del:hover { color: var(--danger) !important; }\r\n#dng-shop .ln-rx { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-family: var(--mono) !important; font-size: 9.5px !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--ok) !important; margin-top: 6px !important; }\r\n\r\n#dng-shop .dr-ft { padding: 16px 20px 18px !important; border-top: 1px solid var(--line) !important; background: var(--paper-2) !important; flex-shrink: 0 !important; }\r\n#dng-shop .sum-r { display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; font-size: 13.5px !important; color: var(--body) !important; }\r\n#dng-shop .sum-r b, #dng-shop .sum-r span:last-child { font-family: var(--mono) !important; color: var(--ink) !important; }\r\n#dng-shop .sum-tot { margin-top: 8px !important; padding-top: 12px !important; border-top: 1px solid var(--line) !important; display: flex !important; justify-content: space-between !important; align-items: baseline !important; }\r\n#dng-shop .sum-tot span { font-size: 14px !important; font-weight: 600 !important; color: var(--teal) !important; }\r\n#dng-shop .sum-tot b { font-family: var(--mono) !important; font-size: 21px !important; font-weight: 600 !important; color: var(--orange-2) !important; }\r\n#dng-shop .dr-note { font-size: 11.5px !important; color: var(--muted) !important; text-align: center !important; margin-top: 10px !important; line-height: 1.5 !important; }\r\n\r\n\/* ---------- TOAST ---------- *\/\r\n#dng-shop .toast {\r\n  position: fixed !important; left: 50% !important; bottom: 24px !important;\r\n  transform: translateX(-50%) translateY(16px) !important;\r\n  background: var(--ink) !important; color: #fff !important;\r\n  padding: 12px 18px !important; border-radius: 100px !important;\r\n  display: flex !important; align-items: center !important; gap: 9px !important;\r\n  font-size: 13.5px !important; font-weight: 500 !important;\r\n  box-shadow: var(--shadow-lg) !important; z-index: 300 !important;\r\n  opacity: 0 !important; pointer-events: none !important; transition: opacity .25s, transform .25s !important;\r\n  max-width: calc(100vw - 32px) !important;\r\n}\r\n#dng-shop .toast.on { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; }\r\n#dng-shop .toast i { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: var(--ok) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }\r\n\r\n\/* ---------- FOOTER ---------- *\/\r\n#dng-shop .ftr { background: var(--teal) !important; color: rgba(255,255,255,.74) !important; padding: 60px 0 0 !important; margin-top: auto !important; }\r\n#dng-shop .ftr-grid { display: grid !important; grid-template-columns: 1.6fr 1fr 1fr 1.3fr !important; gap: 40px !important; padding-bottom: 44px !important; border-bottom: 1px solid rgba(255,255,255,.13) !important; }\r\n#dng-shop .ftr-logo { background: var(--paper) !important; padding: 12px 16px !important; border-radius: var(--r) !important; display: inline-block !important; margin-bottom: 16px !important; }\r\n#dng-shop .ftr-logo img { height: 42px !important; width: auto !important; }\r\n#dng-shop .ftr-about { font-size: 14px !important; line-height: 1.65 !important; margin-bottom: 18px !important; max-width: 300px !important; }\r\n#dng-shop .ftr-about b { color: #fff !important; font-weight: 600 !important; }\r\n#dng-shop .socials { display: flex !important; gap: 8px !important; }\r\n#dng-shop .soc { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(255,255,255,.09) !important; border: 1px solid rgba(245,134,52,.25) !important; color: var(--orange-3) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all .25s !important; }\r\n#dng-shop .soc:hover { background: var(--orange) !important; color: #fff !important; border-color: var(--orange) !important; transform: translateY(-2px) !important; }\r\n#dng-shop .ftr h4 { font-family: var(--display) !important; font-size: 16px !important; font-weight: 600 !important; color: #fff !important; margin-bottom: 16px !important; }\r\n#dng-shop .ftr-links { display: flex !important; flex-direction: column !important; gap: 9px !important; }\r\n#dng-shop .ftr-links a { font-size: 13.5px !important; color: rgba(255,255,255,.74) !important; transition: color .2s, padding-left .2s !important; }\r\n#dng-shop .ftr-links a:hover { color: var(--orange-3) !important; padding-left: 3px !important; }\r\n#dng-shop .ftr-hours li { display: flex !important; justify-content: space-between !important; gap: 12px !important; padding: 7px 0 !important; border-bottom: 1px dashed rgba(255,255,255,.1) !important; font-size: 13px !important; }\r\n#dng-shop .ftr-hours li span { color: rgba(255,255,255,.85) !important; }\r\n#dng-shop .ftr-hours li b { font-family: var(--mono) !important; font-size: 11.5px !important; color: var(--orange-3) !important; font-weight: 500 !important; }\r\n#dng-shop .ftr-contact { margin-top: 16px !important; background: rgba(255,255,255,.05) !important; border: 1px solid rgba(245,134,52,.2) !important; border-radius: var(--r) !important; padding: 16px !important; }\r\n#dng-shop .ftr-ci { display: flex !important; gap: 9px !important; align-items: start !important; font-size: 12.5px !important; line-height: 1.5 !important; margin-bottom: 10px !important; }\r\n#dng-shop .ftr-ci:last-child { margin-bottom: 0 !important; }\r\n#dng-shop .ftr-ci i { color: var(--orange) !important; flex-shrink: 0 !important; margin-top: 1px !important; }\r\n#dng-shop .ftr-bot { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0 !important; gap: 14px !important; flex-wrap: wrap !important; }\r\n#dng-shop .ftr-bot p { font-family: var(--mono) !important; font-size: 11.5px !important; color: rgba(255,255,255,.5) !important; }\r\n#dng-shop .ftr-bot div { display: flex !important; gap: 20px !important; }\r\n#dng-shop .ftr-bot a { font-size: 12.5px !important; color: rgba(255,255,255,.6) !important; }\r\n#dng-shop .ftr-bot a:hover { color: var(--orange-3) !important; }\r\n\r\n\/* ---------- RESPONSIVE (shared) ---------- *\/\r\n@media (max-width: 980px) {\r\n  #dng-shop .nav, #dng-shop .hdr-search { display: none !important; }\r\n  #dng-shop .burger { display: flex !important; }\r\n  #dng-shop .m-search { display: block !important; }\r\n  #dng-shop .hdr-in { gap: 12px !important; }\r\n  #dng-shop .hdr-cart { margin-left: auto !important; }\r\n  #dng-shop .ftr-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }\r\n}\r\n@media (max-width: 620px) {\r\n  #dng-shop .logo img { height: 38px !important; }\r\n  #dng-shop .ftr-grid { grid-template-columns: 1fr !important; gap: 28px !important; }\r\n  #dng-shop .ftr-bot { flex-direction: column !important; text-align: center !important; }\r\n  #dng-shop .drawer { width: 100% !important; }\r\n  #dng-shop .fab { width: 52px !important; height: 52px !important; }\r\n  #dng-shop .fab-stack { right: 14px !important; bottom: 14px !important; gap: 10px !important; }\r\n}\r\n\r\n\r\n\/* ---------- INTENT BAND ---------- *\/\r\n#dng-shop .band {\r\n  background: linear-gradient(160deg, var(--teal) 0%, var(--ink) 100%) !important;\r\n  color: #fff !important; padding: 34px 0 !important; position: relative !important; overflow: hidden !important;\r\n}\r\n#dng-shop .band::after {\r\n  content: \"\" !important; position: absolute !important; right: -80px !important; top: -120px !important;\r\n  width: 380px !important; height: 380px !important; border-radius: 50% !important;\r\n  background: radial-gradient(circle, rgba(245,134,52,.22) 0%, transparent 68%) !important; pointer-events: none !important;\r\n}\r\n#dng-shop .band-in { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 28px !important; flex-wrap: wrap !important; }\r\n#dng-shop .band h1 { font-family: var(--display) !important; font-size: clamp(26px, 3.4vw, 38px) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -.03em !important; color: #fff !important; margin-bottom: 7px !important; }\r\n#dng-shop .band h1 em { color: var(--orange-3) !important; }\r\n#dng-shop .band p { font-size: 14.5px !important; color: rgba(255,255,255,.76) !important; max-width: 430px !important; }\r\n#dng-shop .assure { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }\r\n#dng-shop .assure div {\r\n  display: flex !important; align-items: center !important; gap: 8px !important;\r\n  padding: 9px 14px !important; background: rgba(255,255,255,.07) !important;\r\n  border: 1px solid rgba(245,134,52,.26) !important; border-radius: 100px !important;\r\n  font-size: 12.5px !important; font-weight: 500 !important; color: rgba(255,255,255,.92) !important;\r\n}\r\n#dng-shop .assure i { color: var(--orange-3) !important; display: flex !important; }\r\n\r\n\/* ---------- LAYOUT ---------- *\/\r\n#dng-shop .shell { padding: 30px 0 80px !important; }\r\n#dng-shop .cols { display: grid !important; grid-template-columns: 232px 1fr !important; gap: 30px !important; align-items: start !important; }\r\n\r\n\/* ---------- FILTER RAIL ---------- *\/\r\n#dng-shop .rail { position: sticky !important; top: 84px !important; }\r\n#dng-shop .rail-card { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important; overflow: hidden !important; }\r\n#dng-shop .rail-sec { padding: 16px !important; border-bottom: 1px solid var(--line-2) !important; }\r\n#dng-shop .rail-sec:last-child { border-bottom: none !important; }\r\n#dng-shop .rail-t { font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .13em !important; text-transform: uppercase !important; color: var(--muted) !important; margin-bottom: 11px !important; }\r\n\r\n#dng-shop .cats { display: flex !important; flex-direction: column !important; gap: 1px !important; }\r\n#dng-shop .cat {\r\n  display: flex !important; align-items: center !important; justify-content: space-between !important;\r\n  gap: 8px !important; padding: 9px 11px !important; border-radius: var(--r-sm) !important;\r\n  font-size: 13.5px !important; font-weight: 500 !important; color: var(--body) !important;\r\n  transition: background-color .16s, color .16s !important; width: 100% !important; text-align: left !important;\r\n}\r\n#dng-shop .cat:hover { background: var(--peach) !important; color: var(--teal) !important; }\r\n#dng-shop .cat.on { background: var(--teal) !important; color: #fff !important; font-weight: 600 !important; }\r\n#dng-shop .cat b { font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 500 !important; opacity: .68 !important; }\r\n\r\n#dng-shop .opt { display: flex !important; align-items: center !important; gap: 9px !important; padding: 7px 0 !important; cursor: pointer !important; font-size: 13.5px !important; color: var(--body) !important; }\r\n#dng-shop .opt input { width: 17px !important; height: 17px !important; accent-color: var(--orange) !important; cursor: pointer !important; flex-shrink: 0 !important; }\r\n#dng-shop .opt:hover { color: var(--teal) !important; }\r\n\r\n#dng-shop .rng { display: flex !important; gap: 8px !important; align-items: center !important; }\r\n#dng-shop .rng input { width: 100% !important; padding: 8px 10px !important; border: 1.5px solid var(--line) !important; border-radius: var(--r-sm) !important; background: var(--paper-2) !important; font-family: var(--mono) !important; font-size: 12px !important; color: var(--ink) !important; outline: none !important; }\r\n#dng-shop .rng input:focus { border-color: var(--teal) !important; }\r\n#dng-shop .rng span { color: var(--muted) !important; font-size: 12px !important; }\r\n\r\n#dng-shop .rail-clear { width: 100% !important; padding: 10px !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--orange-2) !important; border-radius: var(--r-sm) !important; transition: background-color .16s !important; }\r\n#dng-shop .rail-clear:hover { background: var(--peach) !important; }\r\n\r\n\/* Consult card *\/\r\n#dng-shop .consult { margin-top: 14px !important; background: var(--teal) !important; border-radius: var(--r) !important; padding: 20px 18px !important; color: #fff !important; }\r\n#dng-shop .consult .h-sm { color: #fff !important; margin-bottom: 6px !important; }\r\n#dng-shop .consult p { font-size: 12.5px !important; color: rgba(255,255,255,.76) !important; line-height: 1.55 !important; margin-bottom: 14px !important; }\r\n\r\n\/* ---------- TOOLBAR ---------- *\/\r\n#dng-shop .tools { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-bottom: 18px !important; flex-wrap: wrap !important; }\r\n#dng-shop .tools p { font-size: 13.5px !important; color: var(--body) !important; }\r\n#dng-shop .tools p b { font-family: var(--mono) !important; color: var(--teal) !important; font-weight: 600 !important; }\r\n#dng-shop .tools-r { display: flex !important; align-items: center !important; gap: 10px !important; }\r\n#dng-shop .sort { padding: 9px 36px 9px 13px !important; border: 1.5px solid var(--line) !important; border-radius: var(--r-sm) !important; background-color: var(--paper) !important; font-size: 13px !important; font-weight: 500 !important; color: var(--teal) !important; }\r\n#dng-shop .filt-btn { display: none !important; align-items: center !important; gap: 7px !important; padding: 9px 15px !important; border: 1.5px solid var(--line) !important; border-radius: var(--r-sm) !important; background: var(--paper) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--teal) !important; }\r\n\r\n\/* active filter tags *\/\r\n#dng-shop .tags { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; margin-bottom: 16px !important; }\r\n#dng-shop .tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 10px !important; background: var(--peach) !important; border: 1px solid var(--peach-2) !important; border-radius: 100px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--teal) !important; }\r\n#dng-shop .tag button { color: var(--orange-2) !important; display: flex !important; line-height: 0 !important; }\r\n#dng-shop .tag button:hover { color: var(--danger) !important; }\r\n\r\n\/* ---------- GRID ---------- *\/\r\n#dng-shop .grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)) !important; gap: 16px !important; }\r\n\r\n#dng-shop .card {\r\n  background: var(--paper) !important; border: 1px solid var(--line) !important;\r\n  border-radius: var(--r) !important; overflow: hidden !important;\r\n  display: flex !important; flex-direction: column !important; position: relative !important;\r\n  transition: border-color .22s, box-shadow .22s, transform .22s !important;\r\n}\r\n#dng-shop .card:hover { border-color: var(--orange) !important; box-shadow: var(--shadow) !important; transform: translateY(-3px) !important; }\r\n\r\n#dng-shop .card-flags { position: absolute !important; top: 10px !important; left: 10px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; z-index: 2 !important; align-items: flex-start !important; }\r\n\r\n#dng-shop .card-media { aspect-ratio: 1 !important; position: relative !important; overflow: hidden !important; background: var(--peach) !important; display: block !important; }\r\n#dng-shop .card-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .5s cubic-bezier(.2,.6,.2,1) !important; }\r\n#dng-shop .card:hover .card-media img { transform: scale(1.045) !important; }\r\n#dng-shop .card-media .ph { position: absolute !important; inset: 0 !important; }\r\n\r\n#dng-shop .card-bd { padding: 13px 14px 12px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; }\r\n#dng-shop .card-cat { font-family: var(--mono) !important; font-size: 9.5px !important; font-weight: 500 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--orange-2) !important; margin-bottom: 5px !important; }\r\n#dng-shop .card-name { font-family: var(--display) !important; font-size: 15px !important; font-weight: 600 !important; color: var(--teal) !important; line-height: 1.28 !important; letter-spacing: -.012em !important; margin-bottom: 4px !important; }\r\n#dng-shop .card-brand { font-size: 12px !important; color: var(--muted) !important; margin-bottom: 11px !important; flex: 1 !important; }\r\n\r\n#dng-shop .card-buy { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 9px !important; }\r\n#dng-shop .price { display: flex !important; flex-direction: column !important; line-height: 1.1 !important; }\r\n#dng-shop .price b { font-family: var(--mono) !important; font-size: 16.5px !important; font-weight: 600 !important; color: var(--teal) !important; }\r\n#dng-shop .price s { font-family: var(--mono) !important; font-size: 11px !important; color: var(--muted) !important; margin-top: 2px !important; }\r\n\r\n#dng-shop .add {\r\n  width: 38px !important; height: 38px !important; border-radius: 50% !important;\r\n  background: var(--teal) !important; color: #fff !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  transition: background-color .2s, transform .3s !important; flex-shrink: 0 !important;\r\n}\r\n#dng-shop .add:hover { background: var(--orange) !important; transform: rotate(90deg) !important; }\r\n#dng-shop .add.done { background: var(--ok) !important; transform: rotate(0) !important; }\r\n\r\n#dng-shop .rx-go {\r\n  display: inline-flex !important; align-items: center !important; gap: 6px !important;\r\n  padding: 8px 13px !important; border-radius: 100px !important; background: var(--peach) !important;\r\n  border: 1px solid var(--orange) !important; color: var(--orange-2) !important;\r\n  font-size: 11.5px !important; font-weight: 600 !important; white-space: nowrap !important;\r\n  transition: background-color .2s, color .2s !important;\r\n}\r\n#dng-shop .rx-go:hover { background: var(--orange) !important; color: #fff !important; }\r\n\r\n#dng-shop .card.out { opacity: .62 !important; }\r\n#dng-shop .card.out .add { background: var(--muted) !important; pointer-events: none !important; }\r\n\r\n\/* ---------- EMPTY ---------- *\/\r\n#dng-shop .none { grid-column: 1 \/ -1 !important; text-align: center !important; padding: 70px 20px !important; background: var(--paper) !important; border: 1px dashed var(--line) !important; border-radius: var(--r) !important; }\r\n#dng-shop .none-ico { width: 62px !important; height: 62px !important; margin: 0 auto 14px !important; border-radius: 50% !important; background: var(--peach) !important; color: var(--teal) !important; display: flex !important; align-items: center !important; justify-content: center !important; }\r\n#dng-shop .none p { font-size: 14px !important; color: var(--body) !important; margin: 7px 0 18px !important; }\r\n\r\n\/* ---------- MOBILE FILTER SHEET ---------- *\/\r\n#dng-shop .sheet-scrim { position: fixed !important; inset: 0 !important; background: rgba(0,43,43,.42) !important; z-index: 150 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .28s !important; }\r\n#dng-shop .sheet-scrim.on { opacity: 1 !important; pointer-events: auto !important; }\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width: 980px) {\r\n  #dng-shop .cols { grid-template-columns: 1fr !important; }\r\n  #dng-shop .filt-btn { display: inline-flex !important; }\r\n  #dng-shop .rail {\r\n    position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important;\r\n    width: 290px !important; max-width: 88vw !important; z-index: 151 !important;\r\n    background: var(--paper) !important; overflow-y: auto !important; padding: 16px !important;\r\n    transform: translateX(-100%) !important; transition: transform .3s cubic-bezier(.4,0,.2,1) !important;\r\n    box-shadow: var(--shadow-lg) !important;\r\n  }\r\n  #dng-shop .rail.on { transform: translateX(0) !important; }\r\n  #dng-shop .rail-close { display: flex !important; }\r\n}\r\n@media (min-width: 981px) { #dng-shop .rail-close { display: none !important; } }\r\n@media (max-width: 620px) {\r\n  #dng-shop .band { padding: 26px 0 !important; }\r\n  #dng-shop .shell { padding: 22px 0 70px !important; }\r\n  #dng-shop .grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }\r\n  #dng-shop .card-bd { padding: 11px 11px 10px !important; }\r\n  #dng-shop .card-name { font-size: 13.5px !important; }\r\n  #dng-shop .price b { font-size: 15px !important; }\r\n  #dng-shop .add { width: 34px !important; height: 34px !important; }\r\n  #dng-shop .rx-go { padding: 7px 10px !important; font-size: 10.5px !important; }\r\n  #dng-shop .assure div { font-size: 11.5px !important; padding: 7px 11px !important; }\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"dng-shop\">\r\n\r\n  <header class=\"hdr\">\r\n    <div class=\"wrap\">\r\n      <div class=\"hdr-in\">\r\n        <a href=\"https:\/\/dngpharmacyandmart.com\/\" class=\"logo\" aria-label=\"DNG Pharmacy and Mart \u2014 home\">\r\n          <img decoding=\"async\" src=\"https:\/\/dngpharmacyandmart.com\/wp-content\/uploads\/2025\/08\/DNG-Pharmacy-Mart-1.png\" alt=\"DNG Pharmacy and Mart\" width=\"180\" height=\"46\">\r\n        <\/a>\r\n\r\n        <div class=\"hdr-search\">\r\n          <span class=\"s-ico\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7.5\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M20 20l-3.6-3.6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n          <input type=\"search\" class=\"inp\" id=\"hSearch\" placeholder=\"Search medicines, vitamins, brands\u2026\" aria-label=\"Search products\">\r\n        <\/div>\r\n\r\n        <nav class=\"nav\" aria-label=\"Main\">\r\n          <a href=\"https:\/\/dngpharmacyandmart.com\/\">Home<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/\" class=\"on\">Shop<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/about-us\/\">About<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/contact-us\/\">Contact<\/a>\r\n        <\/nav>\r\n\r\n        <button class=\"hdr-cart\" data-cart-open aria-label=\"Open cart\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 2.5L3.5 6.5V20a1.5 1.5 0 001.5 1.5h14a1.5 1.5 0 001.5-1.5V6.5L18 2.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M3.5 6.5h17M15.5 10a3.5 3.5 0 01-7 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><span class=\"n\" data-cart-n>0<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"burger\" id=\"burger\" aria-label=\"Open menu\" aria-expanded=\"false\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3.5 7h17M3.5 12h17M3.5 17h17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"m-search\">\r\n      <div class=\"hdr-search\" style=\"max-width:none!important;display:block!important;\">\r\n        <span class=\"s-ico\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7.5\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M20 20l-3.6-3.6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n        <input type=\"search\" class=\"inp\" id=\"mSearch\" placeholder=\"Search medicines, vitamins\u2026\" aria-label=\"Search products\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <nav class=\"m-nav\" id=\"mNav\" aria-label=\"Mobile\">\r\n      <a href=\"https:\/\/dngpharmacyandmart.com\/\">Home<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/\" class=\"on\">Shop<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/about-us\/\">About<\/a><a href=\"https:\/\/dngpharmacyandmart.com\/contact-us\/\">Contact<\/a>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <section class=\"band\">\r\n    <div class=\"wrap band-in\">\r\n      <div>\r\n        <h1>The whole shelf, <em>one search away<\/em><\/h1>\r\n        <p>Genuine medicine and everyday health essentials, dispensed by licensed pharmacists in Abakaliki.<\/p>\r\n      <\/div>\r\n      <div class=\"assure\">\r\n        <div><i><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i>NAFDAC-registered stock<\/div>\r\n        <div><i><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i>Pharmacist-checked<\/div>\r\n        <div><i><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i>Same-day in Abakaliki<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"sheet-scrim\" id=\"sheetScrim\"><\/div>\r\n\r\n  <div class=\"shell\">\r\n    <div class=\"wrap cols\">\r\n\r\n      <!-- FILTER RAIL -->\r\n      <aside class=\"rail\" id=\"rail\" aria-label=\"Filter products\">\r\n        <button class=\"dr-x rail-close\" id=\"railClose\" style=\"margin-bottom:12px!important;\" aria-label=\"Close filters\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><\/svg><\/button>\r\n\r\n        <div class=\"rail-card\">\r\n          <div class=\"rail-sec\">\r\n            <div class=\"rail-t\">Category<\/div>\r\n            <div class=\"cats\" id=\"cats\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rail-sec\">\r\n            <div class=\"rail-t\">Price range<\/div>\r\n            <div class=\"rng\">\r\n              <input type=\"number\" id=\"pMin\" placeholder=\"Min\" min=\"0\" aria-label=\"Minimum price\">\r\n              <span>\u2013<\/span>\r\n              <input type=\"number\" id=\"pMax\" placeholder=\"Max\" min=\"0\" aria-label=\"Maximum price\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rail-sec\">\r\n            <div class=\"rail-t\">Refine<\/div>\r\n            <label class=\"opt\"><input type=\"checkbox\" id=\"fStock\"> In stock only<\/label>\r\n            <label class=\"opt\"><input type=\"checkbox\" id=\"fNoRx\"> No prescription needed<\/label>\r\n            <label class=\"opt\"><input type=\"checkbox\" id=\"fSale\"> On offer<\/label>\r\n          <\/div>\r\n\r\n          <div class=\"rail-sec\" style=\"padding:10px!important;\">\r\n            <button class=\"rail-clear\" id=\"clearAll\">Clear all filters<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"consult\">\r\n          <div class=\"h-sm\">Not sure what to buy?<\/div>\r\n          <p>Send us the symptoms or a photo of the pack. A licensed pharmacist replies on WhatsApp \u2014 no fee.<\/p>\r\n          <a href=\"https:\/\/wa.me\/2347040231289?text=Hello%20DNG%20Pharmacy%2C%20I%20need%20advice%20on%20what%20to%20buy\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-wa btn-block\" style=\"padding:11px 18px!important;font-size:13px!important;\">Ask a pharmacist<\/a>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <!-- RESULTS -->\r\n      <main>\r\n        <div class=\"tools\">\r\n          <p>Showing <b id=\"cnt\">0<\/b> products<\/p>\r\n          <div class=\"tools-r\">\r\n            <button class=\"filt-btn\" id=\"filtBtn\">\r\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 6h18M6 12h12M10 18h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n              Filters\r\n            <\/button>\r\n            <select class=\"sort inp\" id=\"sort\" aria-label=\"Sort products\">\r\n              <option value=\"pop\">Most popular<\/option>\r\n              <option value=\"new\">Newest first<\/option>\r\n              <option value=\"asc\">Price: low to high<\/option>\r\n              <option value=\"desc\">Price: high to low<\/option>\r\n              <option value=\"az\">Name: A\u2013Z<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tags\" id=\"tags\"><\/div>\r\n        <div class=\"grid\" id=\"grid\"><\/div>\r\n      <\/main>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <footer class=\"ftr\">\r\n    <div class=\"wrap\">\r\n      <div class=\"ftr-grid\">\r\n        <div>\r\n          <a href=\"https:\/\/dngpharmacyandmart.com\/\" class=\"ftr-logo\"><img decoding=\"async\" src=\"https:\/\/dngpharmacyandmart.com\/wp-content\/uploads\/2025\/08\/DNG-Pharmacy-Mart-1.png\" alt=\"DNG Pharmacy and Mart\" width=\"170\" height=\"42\"><\/a>\r\n          <p class=\"ftr-about\"><b>DNG Pharmacy and Mart<\/b> is a Nigerian-owned pharmacy in Abakaliki, Ebonyi State \u2014 dispensing genuine medicine with real pharmacist guidance.<\/p>\r\n          <div class=\"socials\">\r\n            <a href=\"#\" class=\"soc\" aria-label=\"Facebook\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.07C24 5.44 18.63.07 12 .07S0 5.44 0 12.07c0 5.99 4.39 10.95 10.13 11.85v-8.38H7.08v-3.47h3.05V9.43c0-3.01 1.79-4.67 4.53-4.67 1.31 0 2.69.24 2.69.24v2.95h-1.51c-1.49 0-1.96.93-1.96 1.87v2.25h3.33l-.53 3.47h-2.8v8.38C19.61 23.02 24 18.06 24 12.07z\"\/><\/svg><\/a>\r\n            <a href=\"#\" class=\"soc\" aria-label=\"Instagram\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.64-.07-4.85s.01-3.58.07-4.85c.15-3.23 1.66-4.77 4.92-4.92C8.42 2.17 8.8 2.16 12 2.16zM12 0C8.74 0 8.33.01 7.05.07 2.7.27.27 2.69.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.62-6.78-6.98-6.98C15.67.01 15.26 0 12 0zm0 5.84a6.16 6.16 0 100 12.32 6.16 6.16 0 000-12.32zM12 16a4 4 0 110-8 4 4 0 010 8zm6.41-11.85a1.44 1.44 0 100 2.88 1.44 1.44 0 000-2.88z\"\/><\/svg><\/a>\r\n            <a href=\"#\" class=\"soc\" aria-label=\"X\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.24 2.25h3.31l-7.23 8.26 8.5 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.83l4.71 6.23zm-1.16 17.52h1.83L7.08 4.13H5.12z\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h4>Shop<\/h4>\r\n          <ul class=\"ftr-links\">\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/?cat=prescription\">Prescription<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/?cat=otc\">Over-the-counter<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/?cat=vitamins\">Vitamins<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/?cat=baby\">Baby care<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/shop\/?cat=personal\">Personal care<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h4>Company<\/h4>\r\n          <ul class=\"ftr-links\">\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/\">Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/about-us\/\">About us<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/contact-us\/\">Contact<\/a><\/li>\r\n            <li><a href=\"https:\/\/dngpharmacyandmart.com\/contact-us\/\">Free consultation<\/a><\/li>\r\n            <li><a href=\"https:\/\/wa.me\/2347040231289\" target=\"_blank\" rel=\"noopener\">WhatsApp us<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h4>Opening hours<\/h4>\r\n          <ul class=\"ftr-hours\">\r\n            <li><span>Mon \u2013 Sat<\/span><b>8:00 \u2013 21:00<\/b><\/li>\r\n            <li><span>Sunday<\/span><b>14:00 \u2013 20:30<\/b><\/li>\r\n          <\/ul>\r\n          <div class=\"ftr-contact\">\r\n            <div class=\"ftr-ci\"><i><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.5 16.9v2.8a1.9 1.9 0 01-2.07 1.9 18.8 18.8 0 01-8.2-2.92 18.5 18.5 0 01-5.7-5.7A18.8 18.8 0 012.6 4.75 1.9 1.9 0 014.5 2.68h2.8a1.9 1.9 0 011.9 1.63c.12.9.34 1.79.66 2.64a1.9 1.9 0 01-.43 2L8.2 10.1a15.2 15.2 0 005.7 5.7l1.15-1.23a1.9 1.9 0 012-.43c.85.32 1.74.54 2.64.66a1.9 1.9 0 011.63 1.93z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><span>+234 704 023 1289<\/span><\/div>\r\n            <div class=\"ftr-ci\"><i><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2.5\" y=\"4.5\" width=\"19\" height=\"15\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.9\"\/><path d=\"M3 6l9 6.5L21 6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><span>dngpharmacyandmart@gmail.com<\/span><\/div>\r\n            <div class=\"ftr-ci\"><i><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.5 10c0 6.5-8.5 12.5-8.5 12.5S3.5 16.5 3.5 10a8.5 8.5 0 0117 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"2.8\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg><\/i><span>Adjacent Pastoral Center,<br>Kpiri Kpiri, Abakaliki<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ftr-bot\">\r\n        <p>\u00a9 2026 DNG Pharmacy and Mart<\/p>\r\n        <div>\r\n          <a href=\"https:\/\/dngpharmacyandmart.com\/privacy-policy\/\">Privacy<\/a>\r\n          <a href=\"https:\/\/dngpharmacyandmart.com\/terms\/\">Terms<\/a>\r\n          <a href=\"https:\/\/dngpharmacyandmart.com\/shop\/\">Shop<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <div class=\"fab-stack\">\r\n    <a href=\"https:\/\/wa.me\/2347040231289?text=Hello%20DNG%20Pharmacy%2C%20I%20need%20help%20with%20an%20order\" target=\"_blank\" rel=\"noopener\" class=\"fab fab-wa\" aria-label=\"Chat with us on WhatsApp\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg><span class=\"fab-tip\">Chat with a pharmacist<\/span>\r\n    <\/a>\r\n    <button class=\"fab fab-cart\" data-cart-open aria-label=\"Open cart\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 2.5L3.5 6.5V20a1.5 1.5 0 001.5 1.5h14a1.5 1.5 0 001.5-1.5V6.5L18 2.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M3.5 6.5h17M15.5 10a3.5 3.5 0 01-7 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><span class=\"n\" data-cart-n>0<\/span><span class=\"fab-tip\">Your cart<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"scrim\" data-cart-close><\/div>\r\n\r\n  <aside class=\"drawer\" id=\"drawer\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"drTitle\">\r\n    <div class=\"dr-hd\">\r\n      <div class=\"dr-hd-t\">\r\n        <span class=\"h-md\" id=\"drTitle\">Your cart<\/span>\r\n        <span class=\"dr-hd-n\" data-cart-n-txt>0 items<\/span>\r\n      <\/div>\r\n      <button class=\"dr-x\" data-cart-close aria-label=\"Close cart\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><\/svg><\/button>\r\n    <\/div>\r\n    <div class=\"dr-bd\" id=\"drBody\"><\/div>\r\n    <div class=\"dr-ft\" id=\"drFoot\" hidden>\r\n      <div class=\"sum-r\"><span>Subtotal<\/span><span data-sub>\u20a60<\/span><\/div>\r\n      <div class=\"sum-r\"><span>Delivery \u2014 Abakaliki<\/span><span data-ship>\u20a61,500<\/span><\/div>\r\n      <div class=\"sum-tot\"><span>Total<\/span><b data-tot>\u20a60<\/b><\/div>\r\n      <a href=\"https:\/\/dngpharmacyandmart.com\/checkout\/\" class=\"btn btn-primary btn-block\" style=\"margin-top:14px!important;\">Checkout <svg class=\"arw\" width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n      <p class=\"dr-note\">Prescription items are checked by our pharmacist before dispatch.<\/p>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><i><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><span id=\"toastMsg\"><\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\r\nvar DNG = (function () {\r\n  'use strict';\r\n  var KEY = 'dng_cart_v1';\r\n  var mem = null;\r\n  var SHIP = 1500;\r\n\r\n  function read() {\r\n    if (mem) return mem;\r\n    try {\r\n      var raw = window.localStorage.getItem(KEY);\r\n      mem = raw ? JSON.parse(raw) : [];\r\n    } catch (e) { mem = []; }\r\n    if (!Array.isArray(mem)) mem = [];\r\n    return mem;\r\n  }\r\n  function write(items) {\r\n    mem = items;\r\n    try { window.localStorage.setItem(KEY, JSON.stringify(items)); } catch (e) {}\r\n    document.dispatchEvent(new CustomEvent('dng:cart'));\r\n  }\r\n  function money(n) { return '\u20a6' + Number(n || 0).toLocaleString('en-NG'); }\r\n\r\n  return {\r\n    SHIP: SHIP,\r\n    money: money,\r\n    items: read,\r\n    count: function () { return read().reduce(function (s, i) { return s + i.qty; }, 0); },\r\n    subtotal: function () { return read().reduce(function (s, i) { return s + i.price * i.qty; }, 0); },\r\n    total: function () { var s = this.subtotal(); return s > 0 ? s + SHIP : 0; },\r\n    add: function (p, qty) {\r\n      qty = qty || 1;\r\n      var items = read().slice();\r\n      var f = items.filter(function (i) { return i.id === p.id; })[0];\r\n      if (f) { f.qty += qty; if (p.rxFile) f.rxFile = p.rxFile; }\r\n      else items.push({ id: p.id, name: p.name, price: p.price, img: p.img || '', pack: p.pack || '', form: p.form || '', rx: !!p.rx, rxFile: p.rxFile || '', qty: qty });\r\n      write(items);\r\n    },\r\n    setQty: function (id, qty) {\r\n      var items = read().slice();\r\n      for (var i = 0; i < items.length; i++) {\r\n        if (items[i].id === id) { items[i].qty = qty; if (qty < 1) items.splice(i, 1); break; }\r\n      }\r\n      write(items);\r\n    },\r\n    remove: function (id) { write(read().filter(function (i) { return i.id !== id; })); },\r\n    clear: function () { write([]); },\r\n    hasRx: function () { return read().some(function (i) { return i.rx; }); }\r\n  };\r\n})();\r\n\r\n(function () {\r\n  'use strict';\r\n  function boot() {\r\n    var root = document.getElementById('dng-shop');\r\n    if (!root) return;\r\n\r\n    \/* --- mobile nav --- *\/\r\n    var burger = root.querySelector('#burger'), mnav = root.querySelector('#mNav');\r\n    if (burger && mnav) burger.addEventListener('click', function () {\r\n      var open = mnav.classList.toggle('on');\r\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    });\r\n\r\n    \/* --- search: route to shop --- *\/\r\n    ['#hSearch', '#mSearch'].forEach(function (sel) {\r\n      var el = root.querySelector(sel);\r\n      if (!el) return;\r\n      el.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Enter' && el.value.trim()) {\r\n          var t = root.querySelector('#grid');\r\n          if (t && window.DNGShopSearch) { window.DNGShopSearch(el.value.trim()); }\r\n          else window.location.href = 'https:\/\/dngpharmacyandmart.com\/shop\/?q=' + encodeURIComponent(el.value.trim());\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* --- drawer --- *\/\r\n    var drawer = root.querySelector('#drawer'), scrim = root.querySelector('.scrim');\r\n    var lastFocus = null;\r\n    function open() {\r\n      lastFocus = document.activeElement;\r\n      drawer.classList.add('on'); scrim.classList.add('on');\r\n      document.body.style.overflow = 'hidden';\r\n      var x = drawer.querySelector('[data-cart-close]'); if (x) x.focus();\r\n    }\r\n    function close() {\r\n      drawer.classList.remove('on'); scrim.classList.remove('on');\r\n      document.body.style.overflow = '';\r\n      if (lastFocus) lastFocus.focus();\r\n    }\r\n    root.querySelectorAll('[data-cart-open]').forEach(function (b) { b.addEventListener('click', open); });\r\n    root.querySelectorAll('[data-cart-close]').forEach(function (b) { b.addEventListener('click', close); });\r\n    document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && drawer.classList.contains('on')) close(); });\r\n    window.DNGOpenCart = open;\r\n\r\n    \/* --- render --- *\/\r\n    var body = root.querySelector('#drBody'), foot = root.querySelector('#drFoot');\r\n\r\n    function render() {\r\n      var items = DNG.items(), n = DNG.count();\r\n      root.querySelectorAll('[data-cart-n]').forEach(function (e) { e.textContent = n; });\r\n      root.querySelectorAll('[data-cart-n-txt]').forEach(function (e) { e.textContent = n + (n === 1 ? ' item' : ' items'); });\r\n\r\n      if (!items.length) {\r\n        body.innerHTML = '<div class=\"dr-empty\">' +\r\n          '<div class=\"dr-empty-ico\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 2.5L3.5 6.5V20a1.5 1.5 0 001.5 1.5h14a1.5 1.5 0 001.5-1.5V6.5L18 2.5z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M3.5 6.5h17M15.5 10a3.5 3.5 0 01-7 0\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>' +\r\n          '<div class=\"h-sm\">Nothing here yet<\/div>' +\r\n          '<p>Browse the shelves and add what you need.<\/p>' +\r\n          '<a href=\"https:\/\/dngpharmacyandmart.com\/shop\/\" class=\"btn btn-teal\">Start shopping<\/a><\/div>';\r\n        foot.hidden = true;\r\n        return;\r\n      }\r\n\r\n      body.innerHTML = items.map(function (i) {\r\n        var img = i.img\r\n          ? '<img decoding=\"async\" src=\"' + i.img + '\" alt=\"\">'\r\n          : '<div class=\"ph\" style=\"width:100%;height:100%;\"><small>IMG<\/small><\/div>';\r\n        return '<div class=\"ln\">' +\r\n          '<div class=\"ln-img\">' + img + '<\/div>' +\r\n          '<div><div class=\"ln-top\">' +\r\n            '<div><div class=\"ln-name\">' + i.name + '<\/div>' +\r\n            '<div class=\"ln-meta\">' + (i.pack || i.form || '') + ' \u00b7 ' + DNG.money(i.price) + ' each<\/div>' +\r\n            (i.rx ? '<div class=\"ln-rx\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Prescription attached<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<div class=\"ln-amt\">' + DNG.money(i.price * i.qty) + '<\/div>' +\r\n          '<\/div>' +\r\n          '<div class=\"ln-bot\"><div class=\"stp\">' +\r\n            '<button data-q=\"-\" data-id=\"' + i.id + '\" aria-label=\"Decrease quantity\">\u2212<\/button>' +\r\n            '<b>' + i.qty + '<\/b>' +\r\n            '<button data-q=\"+\" data-id=\"' + i.id + '\" aria-label=\"Increase quantity\">+<\/button>' +\r\n          '<\/div><button class=\"ln-del\" data-del=\"' + i.id + '\">Remove<\/button><\/div><\/div><\/div>';\r\n      }).join('');\r\n\r\n      foot.hidden = false;\r\n      root.querySelector('[data-sub]').textContent = DNG.money(DNG.subtotal());\r\n      root.querySelector('[data-tot]').textContent = DNG.money(DNG.total());\r\n\r\n      body.querySelectorAll('[data-q]').forEach(function (b) {\r\n        b.addEventListener('click', function () {\r\n          var id = b.getAttribute('data-id');\r\n          var it = DNG.items().filter(function (x) { return x.id === id; })[0];\r\n          if (!it) return;\r\n          DNG.setQty(id, it.qty + (b.getAttribute('data-q') === '+' ? 1 : -1));\r\n        });\r\n      });\r\n      body.querySelectorAll('[data-del]').forEach(function (b) {\r\n        b.addEventListener('click', function () { DNG.remove(b.getAttribute('data-del')); });\r\n      });\r\n    }\r\n\r\n    document.addEventListener('dng:cart', render);\r\n    render();\r\n\r\n    \/* --- toast --- *\/\r\n    var toast = root.querySelector('#toast'), tmsg = root.querySelector('#toastMsg'), tt;\r\n    window.DNGToast = function (msg) {\r\n      if (!toast) return;\r\n      tmsg.textContent = msg;\r\n      toast.classList.add('on');\r\n      clearTimeout(tt);\r\n      tt = setTimeout(function () { toast.classList.remove('on'); }, 2600);\r\n    };\r\n  }\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\r\n  else boot();\r\n})();\r\n\r\n\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* ---------------------------------------------------------\r\n     PRODUCT SOURCE\r\n     Tries the PHP API first; falls back to the seed list below\r\n     so the page works before the backend is wired up.\r\n     Replace SEED with real products, or just let the API serve them.\r\n  --------------------------------------------------------- *\/\r\n  var API = '\/dng-backend\/api\/products.php';\r\n\r\n  var SEED = [\r\n    { id:'p01', slug:'paracetamol-500', name:'Paracetamol 500mg', brand:'Emzor', cat:'otc', catLabel:'Pain relief', price:1200, was:0, pack:'24 tablets', form:'Tablet', rx:false, stock:1, sold:420, added:12 },\r\n    { id:'p02', slug:'amoxicillin-500', name:'Amoxicillin 500mg', brand:'Fidson', cat:'prescription', catLabel:'Antibiotic', price:3800, was:4500, pack:'21 capsules', form:'Capsule', rx:true, stock:1, sold:190, added:9 },\r\n    { id:'p03', slug:'vitamin-c-1000', name:'Vitamin C 1000mg', brand:'Nutrilon', cat:'vitamins', catLabel:'Immune support', price:3500, was:4200, pack:'60 tablets', form:'Tablet', rx:false, stock:1, sold:310, added:14 },\r\n    { id:'p04', slug:'artemether-lumefantrine', name:'Artemether\u2013Lumefantrine', brand:'Swipha', cat:'prescription', catLabel:'Antimalarial', price:2800, was:0, pack:'24 tablets', form:'Tablet', rx:true, stock:1, sold:265, added:7 },\r\n    { id:'p05', slug:'baby-diapers-large', name:'Baby Diapers \u2014 Large', brand:'Pampers', cat:'baby', catLabel:'Baby care', price:5800, was:0, pack:'50 count', form:'Pack', rx:false, stock:1, sold:150, added:5 },\r\n    { id:'p06', slug:'hand-sanitizer-500', name:'Hand Sanitiser 500ml', brand:'Dettol', cat:'personal', catLabel:'Hygiene', price:1500, was:0, pack:'500 ml', form:'Gel', rx:false, stock:1, sold:205, added:4 },\r\n    { id:'p07', slug:'multivitamin-90', name:'Multivitamin Complete', brand:'Centrum', cat:'vitamins', catLabel:'Daily vitamin', price:6500, was:0, pack:'90 tablets', form:'Tablet', rx:false, stock:1, sold:128, added:15 },\r\n    { id:'p08', slug:'bp-monitor', name:'Blood Pressure Monitor', brand:'Omron', cat:'devices', catLabel:'Home device', price:18000, was:22000, pack:'1 unit', form:'Device', rx:false, stock:1, sold:64, added:11 },\r\n    { id:'p09', slug:'cough-syrup-100', name:'Cough Syrup 100ml', brand:'Benylin', cat:'otc', catLabel:'Cold & flu', price:2200, was:0, pack:'100 ml', form:'Syrup', rx:false, stock:1, sold:240, added:6 },\r\n    { id:'p10', slug:'insulin-novomix', name:'Insulin \u2014 Novomix 30', brand:'Novo Nordisk', cat:'prescription', catLabel:'Diabetes', price:12000, was:0, pack:'3 ml pen', form:'Injection', rx:true, stock:1, sold:48, added:8 },\r\n    { id:'p11', slug:'baby-lotion-200', name:'Baby Lotion 200ml', brand:'Johnson\\'s', cat:'baby', catLabel:'Baby care', price:2400, was:0, pack:'200 ml', form:'Lotion', rx:false, stock:1, sold:172, added:3 },\r\n    { id:'p12', slug:'omega-3-60', name:'Omega-3 Fish Oil', brand:'Move Free', cat:'vitamins', catLabel:'Supplement', price:8500, was:0, pack:'60 softgels', form:'Softgel', rx:false, stock:1, sold:96, added:13 },\r\n    { id:'p13', slug:'ibuprofen-400', name:'Ibuprofen 400mg', brand:'Emzor', cat:'otc', catLabel:'Pain relief', price:1400, was:0, pack:'20 tablets', form:'Tablet', rx:false, stock:1, sold:280, added:2 },\r\n    { id:'p14', slug:'ciprofloxacin-500', name:'Ciprofloxacin 500mg', brand:'Fidson', cat:'prescription', catLabel:'Antibiotic', price:2500, was:0, pack:'10 tablets', form:'Tablet', rx:true, stock:1, sold:110, added:10 },\r\n    { id:'p15', slug:'glucometer-kit', name:'Glucometer Starter Kit', brand:'Accu-Chek', cat:'devices', catLabel:'Home device', price:15500, was:0, pack:'1 kit', form:'Device', rx:false, stock:0, sold:38, added:1 },\r\n    { id:'p16', slug:'antiseptic-liquid', name:'Antiseptic Liquid 250ml', brand:'Dettol', cat:'personal', catLabel:'First aid', price:1800, was:2100, pack:'250 ml', form:'Liquid', rx:false, stock:1, sold:198, added:16 }\r\n  ];\r\n\r\n  var CATS = [\r\n    { id:'all', label:'All products' },\r\n    { id:'prescription', label:'Prescription' },\r\n    { id:'otc', label:'Over-the-counter' },\r\n    { id:'vitamins', label:'Vitamins' },\r\n    { id:'baby', label:'Baby care' },\r\n    { id:'personal', label:'Personal care' },\r\n    { id:'devices', label:'Devices' }\r\n  ];\r\n\r\n  var ALL = SEED.slice();\r\n\r\n  var state = { cat:'all', q:'', min:null, max:null, stock:false, norx:false, sale:false, sort:'pop' };\r\n\r\n  function boot() {\r\n    var root = document.getElementById('dng-shop');\r\n    if (!root) return;\r\n\r\n    \/* read URL params *\/\r\n    var qs = new URLSearchParams(window.location.search);\r\n    if (qs.get('cat')) state.cat = qs.get('cat');\r\n    if (qs.get('q')) {\r\n      state.q = qs.get('q');\r\n      var hs = root.querySelector('#hSearch'), ms = root.querySelector('#mSearch');\r\n      if (hs) hs.value = state.q;\r\n      if (ms) ms.value = state.q;\r\n    }\r\n\r\n    \/* live search from the header input *\/\r\n    window.DNGShopSearch = function (q) { state.q = q; render(); };\r\n    ['#hSearch', '#mSearch'].forEach(function (sel) {\r\n      var el = root.querySelector(sel);\r\n      if (!el) return;\r\n      var t;\r\n      el.addEventListener('input', function () {\r\n        clearTimeout(t);\r\n        t = setTimeout(function () { state.q = el.value.trim(); render(); }, 200);\r\n      });\r\n    });\r\n\r\n    fetchProducts().then(function () { buildCats(); render(); });\r\n\r\n    \/* rail controls *\/\r\n    var rail = root.querySelector('#rail'), scrim = root.querySelector('#sheetScrim');\r\n    function openRail() { rail.classList.add('on'); scrim.classList.add('on'); document.body.style.overflow = 'hidden'; }\r\n    function closeRail() { rail.classList.remove('on'); scrim.classList.remove('on'); document.body.style.overflow = ''; }\r\n    root.querySelector('#filtBtn').addEventListener('click', openRail);\r\n    root.querySelector('#railClose').addEventListener('click', closeRail);\r\n    scrim.addEventListener('click', closeRail);\r\n\r\n    root.querySelector('#sort').addEventListener('change', function (e) { state.sort = e.target.value; render(); });\r\n    root.querySelector('#pMin').addEventListener('input', function (e) { state.min = e.target.value ? +e.target.value : null; render(); });\r\n    root.querySelector('#pMax').addEventListener('input', function (e) { state.max = e.target.value ? +e.target.value : null; render(); });\r\n    root.querySelector('#fStock').addEventListener('change', function (e) { state.stock = e.target.checked; render(); });\r\n    root.querySelector('#fNoRx').addEventListener('change', function (e) { state.norx = e.target.checked; render(); });\r\n    root.querySelector('#fSale').addEventListener('change', function (e) { state.sale = e.target.checked; render(); });\r\n\r\n    root.querySelector('#clearAll').addEventListener('click', function () {\r\n      state = { cat:'all', q:'', min:null, max:null, stock:false, norx:false, sale:false, sort:state.sort };\r\n      root.querySelector('#pMin').value = ''; root.querySelector('#pMax').value = '';\r\n      root.querySelector('#fStock').checked = false;\r\n      root.querySelector('#fNoRx').checked = false;\r\n      root.querySelector('#fSale').checked = false;\r\n      var hs = root.querySelector('#hSearch'); if (hs) hs.value = '';\r\n      var ms = root.querySelector('#mSearch'); if (ms) ms.value = '';\r\n      buildCats(); render();\r\n    });\r\n\r\n    \/* ------------------------------------------------- *\/\r\n    function fetchProducts() {\r\n      return fetch(API + '?status=publish')\r\n        .then(function (r) { return r.ok ? r.json() : null; })\r\n        .then(function (d) {\r\n          if (d && d.ok && Array.isArray(d.products) && d.products.length) {\r\n            ALL = d.products.map(function (p) {\r\n              return {\r\n                id: String(p.id), slug: p.slug, name: p.name, brand: p.brand || '',\r\n                cat: p.category || 'otc', catLabel: p.category_label || '',\r\n                price: +p.price, was: +(p.compare_price || 0),\r\n                pack: p.pack_size || '', form: p.form || '',\r\n                rx: !!+p.rx_required, stock: +p.stock_qty > 0 ? 1 : 0,\r\n                img: p.image || '', sold: +(p.sold || 0), added: +(p.id || 0)\r\n              };\r\n            });\r\n          }\r\n        })\r\n        .catch(function () { \/* keep SEED *\/ });\r\n    }\r\n\r\n    function buildCats() {\r\n      var host = root.querySelector('#cats');\r\n      host.innerHTML = CATS.map(function (c) {\r\n        var n = c.id === 'all' ? ALL.length : ALL.filter(function (p) { return p.cat === c.id; }).length;\r\n        return '<button class=\"cat' + (state.cat === c.id ? ' on' : '') + '\" data-cat=\"' + c.id + '\">' +\r\n               '<span>' + c.label + '<\/span><b>' + n + '<\/b><\/button>';\r\n      }).join('');\r\n      host.querySelectorAll('[data-cat]').forEach(function (b) {\r\n        b.addEventListener('click', function () {\r\n          state.cat = b.getAttribute('data-cat');\r\n          buildCats(); render(); closeRail();\r\n        });\r\n      });\r\n    }\r\n\r\n    function filtered() {\r\n      var q = state.q.toLowerCase();\r\n      var out = ALL.filter(function (p) {\r\n        if (state.cat !== 'all' && p.cat !== state.cat) return false;\r\n        if (q && (p.name + ' ' + p.brand + ' ' + p.catLabel + ' ' + p.form).toLowerCase().indexOf(q) === -1) return false;\r\n        if (state.min !== null && p.price < state.min) return false;\r\n        if (state.max !== null && p.price > state.max) return false;\r\n        if (state.stock && !p.stock) return false;\r\n        if (state.norx && p.rx) return false;\r\n        if (state.sale && !p.was) return false;\r\n        return true;\r\n      });\r\n      var s = state.sort;\r\n      out.sort(function (a, b) {\r\n        if (s === 'asc') return a.price - b.price;\r\n        if (s === 'desc') return b.price - a.price;\r\n        if (s === 'az') return a.name.localeCompare(b.name);\r\n        if (s === 'new') return b.added - a.added;\r\n        return b.sold - a.sold;\r\n      });\r\n      return out;\r\n    }\r\n\r\n    function tagBar(list) {\r\n      var host = root.querySelector('#tags');\r\n      var t = [];\r\n      if (state.cat !== 'all') {\r\n        var c = CATS.filter(function (x) { return x.id === state.cat; })[0];\r\n        t.push(['cat', c ? c.label : state.cat]);\r\n      }\r\n      if (state.q) t.push(['q', '\u201c' + state.q + '\u201d']);\r\n      if (state.stock) t.push(['stock', 'In stock']);\r\n      if (state.norx) t.push(['norx', 'No prescription']);\r\n      if (state.sale) t.push(['sale', 'On offer']);\r\n      if (state.min !== null || state.max !== null) t.push(['price', '\u20a6' + (state.min || 0).toLocaleString() + ' \u2013 \u20a6' + (state.max || '\u221e').toLocaleString()]);\r\n\r\n      host.innerHTML = t.map(function (x) {\r\n        return '<span class=\"tag\">' + x[1] + '<button data-rm=\"' + x[0] + '\" aria-label=\"Remove filter\">' +\r\n               '<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><\/svg><\/button><\/span>';\r\n      }).join('');\r\n\r\n      host.querySelectorAll('[data-rm]').forEach(function (b) {\r\n        b.addEventListener('click', function () {\r\n          var k = b.getAttribute('data-rm');\r\n          if (k === 'cat') { state.cat = 'all'; buildCats(); }\r\n          if (k === 'q') { state.q = ''; var h = root.querySelector('#hSearch'); if (h) h.value = ''; var m = root.querySelector('#mSearch'); if (m) m.value = ''; }\r\n          if (k === 'stock') { state.stock = false; root.querySelector('#fStock').checked = false; }\r\n          if (k === 'norx') { state.norx = false; root.querySelector('#fNoRx').checked = false; }\r\n          if (k === 'sale') { state.sale = false; root.querySelector('#fSale').checked = false; }\r\n          if (k === 'price') { state.min = state.max = null; root.querySelector('#pMin').value = ''; root.querySelector('#pMax').value = ''; }\r\n          render();\r\n        });\r\n      });\r\n    }\r\n\r\n    function render() {\r\n      var list = filtered();\r\n      root.querySelector('#cnt').textContent = list.length;\r\n      tagBar(list);\r\n\r\n      var grid = root.querySelector('#grid');\r\n\r\n      if (!list.length) {\r\n        grid.innerHTML = '<div class=\"none\">' +\r\n          '<div class=\"none-ico\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M20 20l-3.6-3.6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>' +\r\n          '<div class=\"h-md\">No products match that<\/div>' +\r\n          '<p>Try a different spelling, or clear a filter or two.<\/p>' +\r\n          '<a href=\"https:\/\/wa.me\/2347040231289?text=' + encodeURIComponent('Hello DNG Pharmacy, do you stock: ' + (state.q || '')) + '\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-wa\">Ask if we stock it<\/a>' +\r\n          '<\/div>';\r\n        return;\r\n      }\r\n\r\n      grid.innerHTML = list.map(function (p) {\r\n        var flags = '';\r\n        if (p.rx) flags += '<span class=\"chip chip-rx\">Rx<\/span>';\r\n        if (p.was) flags += '<span class=\"chip chip-sale\">\u2212' + Math.round((1 - p.price \/ p.was) * 100) + '%<\/span>';\r\n        if (!p.stock) flags += '<span class=\"chip chip-out\">Out of stock<\/span>';\r\n\r\n        var media = p.img\r\n          ? '<img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + p.name + '\" loading=\"lazy\">'\r\n          : '<div class=\"ph\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" opacity=\".5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M3 16l5-5 4 4 4-4 5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg><small>Product image<\/small><\/div>';\r\n\r\n        var buy = !p.stock\r\n          ? '<a href=\"https:\/\/wa.me\/2347040231289?text=' + encodeURIComponent('Hello, when will ' + p.name + ' be back in stock?') + '\" target=\"_blank\" rel=\"noopener\" class=\"rx-go\">Notify me<\/a>'\r\n          : p.rx\r\n            ? '<a href=\"https:\/\/dngpharmacyandmart.com\/product\/?id=' + p.slug + '\" class=\"rx-go\">Upload Rx ' + '<svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>'\r\n            : '<button class=\"add\" data-add=\"' + p.id + '\" aria-label=\"Add ' + p.name + ' to cart\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg><\/button>';\r\n\r\n        return '<article class=\"card' + (p.stock ? '' : ' out') + '\">' +\r\n          '<div class=\"card-flags\">' + flags + '<\/div>' +\r\n          '<a class=\"card-media\" href=\"https:\/\/dngpharmacyandmart.com\/product\/?id=' + p.slug + '\" aria-label=\"' + p.name + '\">' + media + '<\/a>' +\r\n          '<div class=\"card-bd\">' +\r\n            '<div class=\"card-cat\">' + (p.catLabel || '') + '<\/div>' +\r\n            '<a href=\"https:\/\/dngpharmacyandmart.com\/product\/?id=' + p.slug + '\"><h3 class=\"card-name\">' + p.name + '<\/h3><\/a>' +\r\n            '<div class=\"card-brand\">' + (p.brand || '') + '<\/div>' +\r\n            '<div class=\"card-buy\">' +\r\n              '<div class=\"price\"><b>' + DNG.money(p.price) + '<\/b>' + (p.was ? '<s>' + DNG.money(p.was) + '<\/s>' : '') + '<\/div>' +\r\n              buy +\r\n            '<\/div>' +\r\n          '<\/div>' +\r\n          '<div class=\"label-strip\"><span><b>Pack<\/b> ' + (p.pack || '\u2014') + '<\/span><span><b>Form<\/b> ' + (p.form || '\u2014') + '<\/span><\/div>' +\r\n        '<\/article>';\r\n      }).join('');\r\n\r\n      grid.querySelectorAll('[data-add]').forEach(function (b) {\r\n        b.addEventListener('click', function () {\r\n          var p = ALL.filter(function (x) { return x.id === b.getAttribute('data-add'); })[0];\r\n          if (!p) return;\r\n          DNG.add({ id: p.id, name: p.name, price: p.price, img: p.img || '', pack: p.pack, form: p.form, rx: p.rx });\r\n          b.classList.add('done');\r\n          b.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n          window.DNGToast(p.name + ' added to cart');\r\n          setTimeout(function () {\r\n            b.classList.remove('done');\r\n            b.innerHTML = '<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg>';\r\n          }, 1400);\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\r\n  else boot();\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HomeShopAboutContact 0 HomeShopAboutContact The whole shelf, one search away Genuine medicine and everyday health essentials, dispensed by licensed pharmacists in Abakaliki. NAFDAC-registered stock Pharmacist-checked Same-day in Abakaliki Category Price range \u2013 Refine In stock only No prescription needed On offer Clear all filters Not sure what to buy? Send us the symptoms or a photo&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":4,"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/shop.dngpharmacyandmart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}