یک قالب، سه داروخانهٔ متفاوت.

.home-apothecary {
  --bg: #f3f0e8;        /* counter paper */
  --ink: #1b2d32;       /* slate ink */
  --accent: #0b6e78;    /* dispensary teal */
  --radius: 12px;
  --font-display: "Kalameh", "Dana";
  --font-text: "Dana", system-ui;
}

<article data-product data-id="p01"
  data-name="سرم ویتامین C" data-price="685000"
  data-img="…">
  …
  <button @click="$store.shop.addFrom($el)">
    افزودن به سبد
  </button>
</article>

html/
├─ index.html  vitality.html  derma.html
├─ shop.html  product.html  cart.html …
├─ assets/
│  ├─ css/  daroochin.css + one file per home
│  ├─ js/   daroochin.js  alpine.js  swiper
│  └─ fonts/
└─ scripts/localize-images.mjs