{
  "id": "ahv-template-product-family-mobile",
  "file": "AHV Template Product Family Mobile.dc.html",
  "sourceSha256": "caaa3de22ed41f72dfd05421112c9ff131646bfab025c3e847f145faaa14ff16",
  "variant": "mobile",
  "template": "\n<helmet>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Marcellus&family=Mulish:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  html, body { margin:0; padding:0; background:#F7F4EA; overflow-x:hidden; }\n  *, *::before, *::after { box-sizing: border-box; }\n  body { font-family:'Mulish', sans-serif; color:#2A2118; -webkit-font-smoothing:antialiased; }\n  a { color:#006038; }\n  a:hover { color:#004226; }\n  summary::-webkit-details-marker { display:none; }\n  summary { list-style:none; cursor:pointer; }\n  @media (prefers-reduced-motion: reduce) { * { transition:none !important; animation:none !important; } }\n</style>\n</helmet>\n\n<div style=\"width:100%;max-width:100%;margin:0 auto;background:#F7F4EA;font-family:'Mulish',sans-serif;color:#2A2118;font-size:18px;line-height:1.7;overflow-x:hidden;\">\n\n  <dc-import name=\"AHV Chrome Header\" narrow=\"true\" style=\"position:sticky;top:0;z-index:80\" hint-size=\"100%,64px\"></dc-import>\n\n  <section style=\"padding:24px 20px 0;\">\n    <nav aria-label=\"面包屑导航\" style=\"font-size:14px;line-height:1.5;color:#75695A;margin:0 0 18px;\">\n      <a href=\"https://ayurvedichealingvillage.com/zh/\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-left:-8px;padding:0 8px;color:#006038;text-decoration:none;\">首页</a> <span style=\"padding:0 8px;color:#C9BFA8;\">•</span> <span aria-current=\"page\">产品系列</span>\n    </nav>\n    <p style=\"margin:0 0 10px;font-size:12.5px;line-height:1.5;letter-spacing:2.6px;text-transform:uppercase;color:#8F6212;font-weight:700;\">Kairali — The Ayurvedic Healing Village · 始于1908年</p>\n    <h1 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:34px;line-height:1.18;color:#2A2118;\">产品系列</h1>\n    <p style=\"margin:18px 0 0;padding-left:16px;border-left:3px solid #C1882C;font-size:18px;line-height:1.65;color:#514A3F;\">Kairali Ayurvedic Group 生产的药物、有机产品、茶饮、图书及器具。此处对每个系列分别作了介绍，各系列需单独订购。</p>\n  </section>\n\n  <div style=\"overflow:hidden;width:100%;height:220px;margin-top:26px;background:#E0D7C4;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 20px;\"><img src=\"/ahv/assets/img/gallery/ee7d129f97f1b7e211572def4f1bbae675da2b34eaf75e3b76df1d57f01a63bd.webp\" alt=\"医院周边喀拉拉邦乡村的稻田和椰子林航拍图\" loading=\"eager\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n\n  <main style=\"padding:34px 20px 0;\">\n    <h2 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:27px;line-height:1.22;color:#2A2118;\">产品系列</h2>\n    <div style=\"width:48px;height:2px;background:#C1882C;margin:14px 0 22px;\"></div>\n    <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;\">Kairali Ayurvedic Group 的产品系列凝聚了逾100年的阿育吠陀知识与经验。每一款配方均采用精心挑选的天然成分，遵循古老的阿育吠陀知识制成。我们的产品从修复性药油到治疗性粉剂，旨在应对特定健康问题，促进整体健康。</p>\n\n    <p style=\"margin:24px 0 0;padding:13px 15px;background:#EFEADD;border:1px solid #E9E2D3;border-radius:4px;font-size:17px;line-height:1.6;color:#514A3F;\">网上购买：<strong>印度</strong> — <a href=\"https://www.kairaliproducts.in/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.in</a>；<strong>国际客户</strong> — <a href=\"https://www.kairaliproducts.com/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.com</a>。患者也可凭医生处方在医院自设药房购买产品。 </p>\n\n    <p style=\"margin:30px 0 0;font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;color:#8F6212;font-weight:700;\">{{ rangeCountLabel }}</p>\n\n    <div style=\"margin-top:14px;\">\n      <sc-for list=\"{{ entries }}\" as=\"e\" hint-placeholder-count=\"7\">\n        <article style=\"border-top:1px solid #E9E2D3;padding:24px 0 28px;\">\n          <sc-if value=\"{{ withImages }}\" hint-placeholder-val=\"{{ true }}\">\n            <div style=\"width:100%;height:200px;margin-bottom:20px;border-radius:4px;overflow:hidden;background:#E0D7C4;\"><img src=\"{{ e.src }}\" alt=\"{{ e.name }}\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n          </sc-if>\n          <h3 style=\"margin:0 0 6px;font-family:'Marcellus',serif;font-weight:400;font-size:23px;line-height:1.28;\">\n            <a href=\"{{ e.href }}\" style=\"display:inline-flex;align-items:center;min-height:44px;color:#2A2118;text-decoration:none;border-bottom:1px solid #C1882C;padding-bottom:2px;\">{{ e.name }}</a>\n          </h3>\n          <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;\"><strong style=\"font-weight:700;\">{{ e.name }}</strong> {{ e.body }}</p>\n          <a href=\"{{ e.href }}\" style=\"display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:16px;padding:0 16px;border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#006038;text-decoration:none;\">\n            <span>了解该系列</span><span aria-hidden=\"true\">→</span>\n          </a>\n        </article>\n      </sc-for>\n    </div>\n\n    <sc-if value=\"{{ showRail }}\" hint-placeholder-val=\"{{ true }}\">\n      <section aria-labelledby=\"rail-h\" style=\"margin:14px 0 0;border-top:1px solid #E9E2D3;padding-top:28px;\">\n        <h2 id=\"rail-h\" style=\"margin:0 0 4px;font-family:'Marcellus',serif;font-weight:400;font-size:24px;line-height:1.25;\">关于我们</h2>\n        <div style=\"width:40px;height:2px;background:#C1882C;margin:14px 0 20px;\"></div>\n        <sc-for list=\"{{ railGroups }}\" as=\"g\" hint-placeholder-count=\"4\">\n          <details style=\"border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;margin-bottom:12px;\">\n            <summary style=\"display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 16px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8F6212;line-height:1.5;\">\n              <span>{{ g.title }}</span><span aria-hidden=\"true\" style=\"color:#C1882C;font-size:16px;\">＋</span>\n            </summary>\n            <ul style=\"list-style:none;margin:0;padding:0 16px 8px;\">\n              <sc-for list=\"{{ g.links }}\" as=\"l\" hint-placeholder-count=\"5\">\n                <li style=\"border-top:1px solid #E9E2D3;\">\n                  <a href=\"{{ l.href }}\" style=\"display:flex;align-items:center;min-height:52px;padding:10px 0;font-size:17px;line-height:1.5;color:#006038;text-decoration:none;\">{{ l.label }}</a>\n                </li>\n              </sc-for>\n            </ul>\n          </details>\n        </sc-for>\n      </section>\n    </sc-if>\n  </main>\n\n  <div style=\"height:56px;\"></div>\n\n  <section aria-labelledby=\"close-h\" style=\"width:100%;background:#FFFFFF;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;background-image:repeating-linear-gradient(135deg, rgba(193,136,44,.05) 0 1px, transparent 1px 9px);padding:34px 20px;\">\n    <div style=\"max-width:760px;margin:0 auto;\">\n      <ul style=\"list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;\">\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>NABH 认证医院</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>118+ 年传承</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>个性化治疗方案</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>World Luxury Award 获奖者</li>\n      </ul>\n      <h2 id=\"close-h\" style=\"margin:0 0 12px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.3;color:#2A2118;text-align:center;\">不确定哪个方案适合您？</h2>\n      <p style=\"margin:0 0 24px;font-size:16.5px;line-height:1.6;color:#514A3F;text-align:center;\">请用您自己的话说明您的目标——患者护理团队或阿育吠陀医生将为您推荐合适的方案。</p>\n      <div style=\"display:flex;flex-wrap:wrap;gap:12px;justify-content:center;\">\n        <a href=\"https://ayurvedichealingvillage.com/zh/online-consultation/\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;background:#EEB41E;color:#2A2118;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">免费医生问诊</a> <a href=\"https://wa.me/919289838797\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;border:1.5px solid #006038;color:#006038;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp 患者护理</a> <a href=\"https://ayurvedichealingvillage.com/zh/contact-us/\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;border:1.5px solid #5A4420;color:#5A4420;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">立即咨询</a>\n      </div>\n    </div>\n  </section>\n\n  <dc-import name=\"AHV Chrome Footer\" narrow=\"true\" hint-size=\"100%,900px\"></dc-import>\n\n</div>\n\n",
  "logic": "\nconst B = 'https://ayurvedichealingvillage.com';\n\nconst ENTRIES = [\n  { name: 'Kairali 阿育吠陀草本茶', href: B + '/ayurvedic-herbal-tea/', file: '2024/12/tea.jpg.webp',\n    body: '旨在促进整体健康。Kairali 阿育吠陀草本茶由正宗阿育吠陀草本精心调配而成。每一口都有助于增强免疫力、帮助身体自然排毒，并舒缓身心。在每一杯中感受阿育吠陀的宁静精髓，拥抱更健康的生活方式。' },\n  { name: '阿育吠陀专有有机产品', href: B + '/ayurvedic-proprietary-organics/', file: '2023/09/Ayurvedic-Proprietary-Organics.jpg',\n    body: '体现了阿育吠陀的智慧与大自然的纯净。我们精心配制的有机产品旨在促进活力、平衡与健康。Kairali 值得信赖的有机产品线提供正宗、可持续的阿育吠陀调理。' },\n  { name: 'Kair by Kairali', href: B + '/kair-by-kairali/', file: '2024/12/Kair.jpg.webp',\n    body: '是一系列优质阿育吠陀健康产品，旨在为身心注入活力。Kair 以纯正的阿育吠陀原则为基础，为现代生活提供多种调理方案。Kair by Kairali 凝聚了历久弥新的疗愈精髓。' },\n  { name: 'Kairali 阿育吠陀专有药物', href: B + '/ayurvedic-proprietary-medicines/', file: '2023/09/Ayurvedic-Proprietary-Medicines.jpg',\n    body: '依托阿育吠陀智慧精心研制，用于应对多种健康问题。这些配方将真正的草药与天然物质相结合，应遵医嘱服用。' },\n  { name: 'Kairali 阿育吠陀经典药物', href: B + '/ayurvedic-classical-medicines/', file: '2023/09/Ayurvedic-Classial-Medicines.jpg',\n    body: '以最纯粹的形式承载传统阿育吠陀学问的精髓。这些正宗配方以古代典籍为依据，旨在促进平衡与全面健康。Kairali 久经验证的经典疗法体现了阿育吠陀医学历久不衰的功效。' },\n  { name: '图书', href: B + '/books/', file: '2023/09/Books.jpg',\n    body: 'Kairali Ayurvedic Group 创始人 Gita Ramesh 撰写了多本阿育吠陀烹饪类图书，包括《Get Fit in Just 2 Weeks》《Ayurvedic Herbal Massage》和《Ayurvedic Wellness Cookbook》，巧妙地将传统知识与适合现代生活的实用食谱融为一体。' },\n  { name: 'Kairali Ayurvedic Equipment', href: B + '/kairali-ayurvedic-equipment/', file: '2023/09/Kairali-Ayurvedic-Equipment.jpg',\n    body: '旨在精准、细致地配合正宗的阿育吠陀治疗。从基础按摩床到现代治疗设备，每件产品均符合严格的质量与功能标准。Kairali 值得信赖的阿育吠陀器具可助力您的健康执业。' }\n];\n\nconst L = (label, path) => ({ label, href: B + path });\n\nconst RAIL = [\n  { title: 'Kairali Ayurvedic Group', links: [\n    L('Kairali Hospitality', '/kairali-hospitality/'),\n    L('Kairali Ayurvedic Products Pvt.ltd.', '/kairali-ayurvedic-products-pvt-ltd/'),\n    L('产品系列', '/product-range/'),\n    L('阿育吠陀草本茶', '/ayurvedic-herbal-tea/'),\n    L('阿育吠陀专有有机产品', '/ayurvedic-proprietary-organics/'),\n    L('Kair by Kairali', '/kair-by-kairali/'),\n    L('阿育吠陀专有药物', '/ayurvedic-proprietary-medicines/'),\n    L('阿育吠陀经典药物', '/ayurvedic-classical-medicines/'),\n    L('图书', '/books/'),\n    L('Kairali Ayurvedic Equipment', '/kairali-ayurvedic-equipment/'),\n    L('Arogya Kendra', '/arogya-kendra/'),\n    L('Arogya Shala', '/arogya-shala/'),\n    L('Kairali Ayurvedic Center', '/kairali-ayurvedic-treatment-center/'),\n    L('Kairali 阿育吠陀加盟', '/ayurvedic-franchise/'),\n    L('Kairali Institute Of Ayurveda And Panchakarma Therapy', '/kairali-institute-of-ayurveda-and-panchakarma-therapy/')\n  ]},\n  { title: '愿景与使命', links: [ L('愿景与使命', '/vision-and-mission/') ]},\n  { title: '企业社会责任（CSR）', links: [ L('社会、文化与环境承诺', '/social-cultural-environmental-commitment/') ]},\n  { title: '奖项与资质认证', links: [\n    L('奖项与资质认证', '/awards-and-accreditations/'),\n    L('资质认证', '/accreditations/')\n  ]}\n];\n\nconst ENTRIES_SRC_BY_FILE = {\"2024/12/tea.jpg.webp\":\"/ahv/assets/img/collection/78361410860a0a83f90c750688ff062f9d51316793e4e11057a697e4a7855a91.webp\",\"2023/09/Ayurvedic-Proprietary-Organics.jpg\":\"/ahv/assets/img/collection/492506d69e9549019bf84523266bfcf4505ed17e6740abbf0cc3bc580022089e.webp\",\"2024/12/Kair.jpg.webp\":\"/ahv/assets/img/collection/ee3b169ac5c40f957ab95f5fcad9da9024c2ee65c4e6aea592eace4c34a9717c.webp\",\"2023/09/Ayurvedic-Proprietary-Medicines.jpg\":\"/ahv/assets/img/collection/23f159a1885856b0e65b1c53fd11c5d2c4c47f05eda607656574440cdfeb673f.webp\",\"2023/09/Ayurvedic-Classial-Medicines.jpg\":\"/ahv/assets/img/collection/e12b9ef615f4d4a3be65cdd09da860c7746f47643f422614a773d2c4a0abd204.webp\",\"2023/09/Books.jpg\":\"/ahv/assets/img/collection/6dfc66cb60492e2f17d82ee37a75d0d11584b3c4d28abcc80ac5a2d79121657e.webp\",\"2023/09/Kairali-Ayurvedic-Equipment.jpg\":\"/ahv/assets/img/collection/30d2350871755612d1b65e4c05c9eb1e9241472406a6e714ea1b509eafeb8aaf.webp\"};\nENTRIES.forEach(e => { e.src = ENTRIES_SRC_BY_FILE[e.file] || ''; });\n\nclass Component extends DCLogic {\n  renderVals() {\n    const stress = this.props.stressTest ?? '示例（437词，7个系列，含图片）';\n    const short = stress.indexOf('short') === 0;\n    const entries = short ? ENTRIES.slice(0, 1) : ENTRIES;\n    const showRail = this.props.showRail ?? true;\n    return {\n      entries,\n      withImages: stress.indexOf('no images') !== 0 && !short,\n      showRail,\n      railGroups: showRail ? RAIL : [],\n      rangeCountLabel: entries.length === 1 ? '产品系列' : entries.length + ' 个系列'\n    };\n  }\n}\n\n",
  "props": "{\"$preview\":{\"width\":390},\"stressTest\":{\"editor\":\"enum\",\"default\":\"example (437 words, 7 ranges, images)\",\"options\":[\"example (437 words, 7 ranges, images)\",\"no images (758-word extreme)\",\"short (161-word extreme)\"],\"tsType\":\"string\",\"section\":\"Template stress test\"},\"showRail\":{\"editor\":\"boolean\",\"default\":true,\"tsType\":\"boolean\",\"section\":\"Template stress test\"}}",
  "scripts": [],
  "locale": "zh-Hans"
}
