/* =========================================================================
 * HMS — v1.10.33: "All Haldi" / "All Diwali" category cards, and the
 * category About + "Questions people ask" section.
 * ========================================================================= */

/* ---- Category cards ----------------------------------------------------- */
.hms-cover { padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 5vw, 64px); }
.hms-cover__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 32px; flex-wrap: wrap; margin-bottom: clamp(18px, 2.4vw, 28px); }
.hms-cover__eb { color: var(--accent, #8E0E4B); margin-bottom: 8px; }
.hms-cover__title { margin: 0; font-weight: 400; display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 12px; }
.hms-cover__title .hms-fr { font-weight: 900; color: #13204A; }
.hms-cover__title .hms-sc { color: var(--accent, #C0186A); }
body.hms .hms-cover__title .hms-fr { font-size: var(--hms-fs-h2); line-height: 1; }
body.hms .hms-cover__title .hms-sc { font-size: var(--hms-fs-h2-sc); line-height: 1; }
.hms .hms-cover__all { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; box-shadow: inset 0 0 0 2px #13204A; color: #13204A; background: rgba(255, 255, 255, .7); font-weight: 800; font-size: 15px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.hms-cover__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 20px); margin: 0; padding: 0; list-style: none; }
.hms-cover__item { min-width: 0; }
.hms .hms-ccard { height: 100%; box-sizing: border-box; display: flex; flex-direction: column; padding: 8px; border-radius: 22px; background: #FFFFFF; color: #13204A; text-decoration: none; box-shadow: 0 2px 8px rgba(19, 32, 74, .07); transition: transform .2s ease, box-shadow .2s ease; }
.hms-ccard__art { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; }
.hms-ccard__art img { width: 100%; height: 100%; object-fit: cover; }
.hms-ccard__ico { display: grid; place-items: center; width: 62%; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 248, 238, .92); box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }
.hms-ccard__ico svg { width: 76%; height: 76%; }
.hms-ccard__body { display: flex; flex-direction: column; gap: 4px; padding: 12px 8px 6px; flex: 1; }
.hms-ccard__name { font-family: var(--hms-serif); font-weight: 800; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.18; }
.hms-ccard__n { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--hms-muted, #5A5670); }
.hms-ccard__go { color: var(--accent, #C0186A); }
.hms-cover__foot { margin: clamp(20px, 3vw, 32px) 0 0; text-align: center; }
@media (hover: hover) and (pointer: fine) {
	.hms a.hms-ccard:hover { color: #13204A; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(19, 32, 74, .12); }
	.hms a.hms-cover__all:hover { color: #13204A; transform: translateY(-2px); box-shadow: inset 0 0 0 2px #13204A, 0 6px 14px rgba(19, 32, 74, .12); }
}
@media (max-width: 1023px) { .hms-cover__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 699px) {
	.hms-cover__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.hms .hms-ccard { padding: 6px; border-radius: 18px; }
	.hms-ccard__art { border-radius: 13px; }
	.hms-ccard__name { font-size: 15px; }
	.hms-ccard__body { padding: 9px 4px 4px; }
	.hms-ccard__n { font-size: 12px; }
	.hms .hms-cover__all { display: none; }
}

/* ---- About + Questions people ask -------------------------------------- */
.hms-catinfo { padding: clamp(40px, 5vw, 72px) 0; background: radial-gradient(600px 420px at 100% 0%, rgba(192, 24, 106, .1), rgba(192, 24, 106, 0) 70%), linear-gradient(180deg, #F3ECFB 0%, #ECE2F8 100%); }
.hms-catinfo__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 56px; align-items: start; }
.hms-catinfo__grid.is-one { grid-template-columns: minmax(0, 760px); }
body.hms .hms-catinfo__h2 { margin: 0 0 14px; font: 900 var(--hms-fs-h3)/1.15 var(--hms-serif); color: #13204A; }
.hms-catinfo__text { max-width: 68ch; font-size: 16px; line-height: 1.75; color: #2A2F45; -webkit-user-select: text; user-select: text; }
.hms-catinfo__text p { margin: 0 0 14px; }
.hms .hms-catinfo__text a { color: #8E0E4B; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 899px) { .hms-catinfo__grid { grid-template-columns: minmax(0, 1fr); } }

/* Shared accordion: the + / − is drawn in CSS, always centred on the row. */
.hms-qa { display: flex; flex-direction: column; gap: 10px; }
.hms-qa__item { border-radius: 18px; background: #FFFFFF; box-shadow: 0 2px 8px rgba(109, 40, 217, .08); }
.hms-qa__q, .hms-about__q summary { position: relative; display: block; list-style: none; cursor: pointer; padding: 17px 60px 17px 20px; min-height: 0; font-weight: 800; font-size: 16px; line-height: 1.4; color: #13204A; }
.hms-qa__q::-webkit-details-marker, .hms-about__q summary::-webkit-details-marker { display: none; }
.hms-qa__q::marker { content: ""; }
.hms-qa__q::after, .hms-about__q summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: linear-gradient(#FFFFFF, #FFFFFF) center / 12px 2.5px no-repeat, linear-gradient(#FFFFFF, #FFFFFF) center / 2.5px 12px no-repeat, #6D28D9; }
.hms-qa__item[open] > .hms-qa__q::after, .hms-about__q[open] > summary::after { background: linear-gradient(#FFFFFF, #FFFFFF) center / 12px 2.5px no-repeat, #6D28D9; }
.hms-qa__a { margin: 0; padding: 0 20px 18px; font-size: 15px; line-height: 1.65; color: #3E3A55; -webkit-user-select: text; user-select: text; }
/* Questions only: one centred column. */
.hms-catinfo__grid.is-one { grid-template-columns: minmax(0, 860px); justify-content: center; }