/* Desi Shaadi & Co. — home page (.hm-) */
.hm-hero { position: relative; background: var(--cream); overflow: hidden; }
.hm-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% 30%; }
.hm-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(250,246,242,.96) 0%, rgba(250,246,242,.9) 30%, rgba(250,246,242,.45) 50%, rgba(250,246,242,0) 68%); z-index: 1; }
.hm-hero-in { position: relative; z-index: 2; padding: 64px 0 30px; min-height: 600px; display: flex; flex-direction: column; justify-content: flex-end; }
.hm-hero-txt { max-width: 760px; }
.hm-hero h1 { font-size: 66px; line-height: .98; }
.hm-hero h1 em { font-style: italic; display: inline-block; padding-bottom: 6px; background: linear-gradient(var(--gold), var(--gold)) left bottom / 100% 5px no-repeat; }   /* the gold rule under Start Here (Surya, 13 Nov) */
.hm-hero-txt > p { margin-top: 18px; max-width: 420px; font-size: 17px; color: var(--ink-2); line-height: 1.45; }
.hm-sbar { margin-top: 26px; max-width: 780px; }
.hm-sbar .cell { cursor: text; }
.hm-sbar .btn { padding: 0 32px; }
.hm-script { position: absolute; right: -8px; top: 150px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-family: var(--serif); font-style: italic; font-size: 22px; color: #fff; text-shadow: 0 1px 10px rgba(40,20,20,.45); line-height: 1; }
.hm-script i { transform: rotate(-12deg); }
.hm-script svg { margin-top: 10px; color: #fff; filter: drop-shadow(0 1px 6px rgba(40,20,20,.45)); }
.hm-chips { display: flex; gap: 12px; margin-top: 26px; }
.hm-chips .chip { flex: 1; justify-content: center; height: 40px; background: rgba(255,255,255,.88); backdrop-filter: blur(6px); border-color: rgba(27,27,31,.08); font-size: 13.5px; }
.hm-chips .chip:hover { border-color: var(--ink-2); }
.hm-chips .chip:last-child { flex: .9; }

/* celebration */
.hm-cel { background: var(--cream); overflow: hidden; }
.hm-cel-in { display: grid; grid-template-columns: minmax(0, 1fr) 54%; gap: 40px; align-items: center; }
.hm-cel-txt { padding: 64px 0; }
.hm-cel-txt h2 { font-size: 60px; line-height: 1.02; margin-top: 18px; }
.hm-cel-txt p { margin-top: 22px; max-width: 460px; font-size: 16.5px; color: var(--ink-2); line-height: 1.5; }
.hm-cel-txt .btn { margin-top: 28px; height: 50px; padding: 0 28px; }
.hm-cel-ph { position: relative; align-self: stretch; margin-right: calc((100vw - var(--w)) / -2); min-height: 420px; background: var(--line-2); }
.hm-cel-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hm-plate { position: absolute; right: 0; bottom: 0; background: var(--cream); padding: 22px 40px 22px 44px; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--ink); line-height: 1.6; }

/* five features */
.hm-feat { padding: 28px 0 40px; }
.hm-feats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.hm-fc { display: flex; flex-direction: column; border-radius: var(--r-sm); overflow: hidden; }
.hm-fc .ph { aspect-ratio: 1 / .8; }
.hm-fc .fb { flex: 1; background: var(--blush); padding: 18px 20px 20px; display: flex; flex-direction: column; }
.hm-fc h3 { font-size: 26px; line-height: 1.05; }
.hm-fc p { margin-top: 10px; font-size: 13.5px; color: var(--ink-2); line-height: 1.5; flex: 1; }
.hm-fc .lnk { margin-top: 18px; color: var(--ink); font-weight: 600; font-size: 13.5px; }

/* featured weddings */
.hm-fw { padding: 32px 0 48px; }
.hm-fw-in { display: grid; grid-template-columns: 300px minmax(0, 1fr) 44px; gap: 36px; align-items: center; }
.hm-fw-txt h2 { font-size: 44px; margin-top: 14px; }
.hm-fw-txt p { margin-top: 16px; color: var(--ink-2); font-size: 16px; line-height: 1.5; }
.hm-outl { margin-top: 22px; border-color: var(--ink); height: 46px; }
.hm-fw-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hm-wed .ph { aspect-ratio: 1 / .78; border-radius: 4px; }
.hm-wed b { display: block; margin-top: 12px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
.hm-wed span { display: block; font-size: 13px; color: var(--mut); margin-top: 2px; }
.hm-fw-next { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ink); background: #fff; display: inline-flex; align-items: center; justify-content: center; }
.hm-fw-next:hover { background: var(--cream); }

/* stats strip */
.hm-stats { background: var(--cream); padding: 30px 0; }
.hm-stats-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.hm-stat { text-align: center; padding: 10px 12px; border-left: 1px solid var(--line); }
.hm-stat:first-child { border-left: 0; }
.hm-stat .ic { width: 30px; height: 30px; color: var(--rose); margin: 0 auto 8px; }
.hm-stat b { display: block; font-family: var(--serif); font-weight: 400; font-size: 24px; line-height: 1.1; }
.hm-stat span { display: block; font-family: var(--serif); font-size: 15px; color: var(--ink-2); margin-top: 2px; }

/* newsletter */
.hm-news { position: relative; padding: 44px 0 60px; overflow: hidden; }
.hm-news-in { display: flex; align-items: center; gap: 32px; }
.hm-news-txt { flex: 1; }
.hm-news-txt h2 { font-size: 36px; margin-top: 8px; }
.hm-news-txt p { margin-top: 8px; font-size: 13px; color: var(--ink-2); }
.hm-news-div { width: 1px; height: 64px; background: var(--line); }
.hm-news-form { display: flex; gap: 10px; width: 300px; flex: none; margin-right: 160px; }
.hm-news-form .in { flex: 1; }
.hm-floral { position: absolute; right: 24px; bottom: -14px; width: 160px; height: 200px; color: var(--rose); opacity: .85; pointer-events: none; }

@media (max-width: 1080px) {
  .hm-hero h1 { font-size: 52px; }
  .hm-script { display: none; }
  .hm-cel-in { grid-template-columns: 1fr; gap: 0; }
  .hm-cel-ph { margin-right: 0; min-height: 320px; }
  .hm-cel-txt h2 { font-size: 44px; }
  .hm-feats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hm-fw-in { grid-template-columns: 1fr; }
  .hm-fw-next { justify-self: end; }
  .hm-stats-in { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 0; }
  .hm-stat:nth-child(4) { border-left: 0; }
  .hm-news-in { flex-wrap: wrap; }
  .hm-news-div { display: none; }
  .hm-news-form { width: 100%; margin-right: 0; }
}
@media (max-width: 820px) {
  .hm-hero::before { background: linear-gradient(180deg, rgba(250,246,242,.92) 0%, rgba(250,246,242,.85) 55%, rgba(250,246,242,.5) 100%); }
  .hm-hero-in { padding: 40px 0 24px; min-height: 0; }
  .hm-hero h1 { font-size: 42px; }
  .hm-hero-txt > p { font-size: 15.5px; }
  .hm-chips { overflow-x: auto; margin-left: -16px; margin-right: -16px; padding: 2px 16px 6px; scrollbar-width: none; }
  .hm-chips::-webkit-scrollbar { display: none; }
  .hm-chips .chip { flex: none; }
  .hm-cel-txt { padding: 40px 0 28px; }
  .hm-cel-txt h2 { font-size: 34px; }
  .hm-cel-ph { margin: 0 -16px; min-height: 260px; }
  .hm-plate { padding: 14px 20px; font-size: 11.5px; }
  .hm-feats { grid-template-columns: 1fr; }
  .hm-fw-txt h2 { font-size: 34px; }
  .hm-fw-list { grid-template-columns: 1fr 1fr; gap: 12px; }
  .hm-fw-list .hm-wed:nth-child(3) { display: none; }
  .hm-stats-in { grid-template-columns: 1fr 1fr; }
  .hm-stat { border-left: 0; }
  .hm-news-txt h2 { font-size: 30px; }
  .hm-news-form { flex-direction: column; }
  .hm-floral { width: 110px; height: 140px; opacity: .5; right: 0; }
}

/* ===== new home sections (10 Oct) ===== */
.hm-sec-h { margin-bottom: 28px; }
.hm-sec-h h2 { font-size: 44px; margin-top: 10px; }
.hm-sec-h.row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.hm-sec-h.row .lnk { margin-bottom: 8px; }
.hm-sec-h.c { text-align: center; }
.hm-rnd { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ink); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); flex: none; }
.hm-rnd:hover { background: var(--cream); }
.hm-rnd .ic { width: 18px; height: 18px; }

/* marquee */
.hm-mq { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; overflow: hidden; padding: 14px 0; }
.hm-mq-track { display: flex; align-items: center; width: max-content; }
.hm-mq-track span { font-family: var(--serif); font-size: 21px; color: var(--ink-2); white-space: nowrap; padding: 0 20px; }
.hm-mq-track i { color: var(--rose); font-style: normal; font-size: 18px; }
.mo .hm-mq-track { animation: hmMq 46s linear infinite; }
.hm-mq:hover .hm-mq-track { animation-play-state: paused; }
@keyframes hmMq { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* how it works */
.hm-how { padding: 20px 0 56px; }
.hm-how .wrap { border-top: 1px solid var(--line); padding-top: 52px; }
.hm-how .hm-sec-h { text-align: center; }
.hm-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; position: relative; }
.hm-steps::before { content: ""; position: absolute; left: 16.66%; right: 16.66%; top: 26px; border-top: 1px dashed var(--mut-2); }
.hm-step { text-align: center; position: relative; padding: 0 12px; }
.hm-step .ico { position: relative; z-index: 1; width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--rose); }
.hm-step .ico .ic { width: 22px; height: 22px; }
.hm-step .n { display: block; margin-top: 18px; font-family: var(--serif); font-size: 14px; letter-spacing: .22em; color: var(--rose); }
.hm-step h3 { font-size: 26px; margin-top: 8px; }
.hm-step p { margin-top: 10px; font-size: 14.5px; color: var(--ink-2); line-height: 1.55; max-width: 320px; margin-left: auto; margin-right: auto; }

/* vendors couples love */
.hm-vl { background: var(--cream); padding: 56px 0 60px; }
.hm-vl .vc { transition: transform .25s, box-shadow .25s; }
.hm-vl .vc:hover { box-shadow: var(--sh); }
.hm-vl .vc:hover .ph img { transform: scale(1.04); }

/* trending ideas */
.hm-tr { padding: 56px 0 48px; overflow: hidden; }
.hm-tr-ctl { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.hm-tr-ctl .lnk { margin-left: 10px; }
.hm-tr-row { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 0 14px; scrollbar-width: none; margin-right: min(0px, calc((100vw - var(--w)) / -2)); }
.hm-tr-row::-webkit-scrollbar { display: none; }
.hm-idea { flex: 0 0 280px; scroll-snap-align: start; display: block; transition: transform .25s; }
.hm-idea .ph { aspect-ratio: 4 / 5; border-radius: 4px; }
.hm-idea .heart { color: var(--rose); }
.hm-idea .cap { margin-top: 12px; }
.hm-idea .cap h3 { font-size: 21px; line-height: 1.15; margin-top: 4px; }

/* open opportunities */
.hm-op { background: var(--cream); padding: 56px 0 60px; }
.hm-op-list { display: grid; gap: 12px; }
.hm-opr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 18px 24px; transition: transform .25s, box-shadow .25s; }
.hm-opr:hover { box-shadow: var(--sh); }
.hm-opr .pill { height: 26px; font-size: 12px; font-weight: 400; }
.hm-opr h3 { font-size: 22px; line-height: 1.15; }
.hm-opr .metas { display: flex; flex-wrap: wrap; gap: 6px 8px; margin-top: 6px; font-size: 13px; color: var(--ink-2); }
.hm-opr .metas i { color: var(--mut-2); font-style: normal; }
.hm-opr .lnk { white-space: nowrap; }
.hm-op-all { margin-top: 22px; }
.hm-op-first { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; background: #fff; border: 1px dashed var(--line); border-radius: var(--r); padding: 22px 24px; }
.hm-op-first > .ic { width: 30px; height: 30px; color: var(--rose); }
.hm-op-first h3 { font-size: 22px; line-height: 1.15; }
.hm-op-first p { color: var(--ink-2); font-size: 14px; margin-top: 4px; max-width: 62ch; }
.hm-op-first .lnk { white-space: nowrap; }

/* from the community */
.hm-cm { padding: 56px 0 60px; }
.hm-dc { display: flex; flex-direction: column; background: var(--cream); border-radius: var(--r); padding: 22px 24px 20px; transition: transform .25s, box-shadow .25s; }
.hm-dc:hover { box-shadow: var(--sh); }
.hm-dc .who { display: flex; align-items: center; gap: 12px; }
.hm-dc .who b { display: block; font-weight: 500; font-size: 14px; }
.hm-dc .who div span { display: block; font-size: 12.5px; color: var(--mut); margin-top: 1px; }
.hm-dc h3 { font-size: 24px; line-height: 1.15; margin-top: 18px; }
.hm-dc p { margin-top: 10px; font-size: 14px; color: var(--ink-2); line-height: 1.55; flex: 1; }
.hm-dc .foot { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; }
.hm-dc .foot .meta.mut { color: var(--mut); }
.hm-dc .foot .meta .ic { color: var(--rose); }

/* words from couples */
.hm-tst { background: var(--cream); padding: 56px 0 64px; overflow: hidden; }
.hm-tst-car { position: relative; max-width: 860px; margin: 0 auto; padding: 0 72px; }
.hm-tst-track { display: grid; }
.hm-q { grid-area: 1 / 1; margin: 0; text-align: center; opacity: 0; transform: translateX(18px); pointer-events: none; transition: opacity .5s, transform .5s; }
.hm-q.on { opacity: 1; transform: none; pointer-events: auto; }
.hm-q blockquote { margin: 0; }
.hm-q blockquote::before { content: "\201C"; display: block; font-family: var(--serif); font-size: 84px; line-height: .55; color: var(--rose); margin-bottom: 14px; }
.hm-q p { font-family: var(--serif); font-size: 30px; line-height: 1.3; color: var(--ink); }
.hm-q figcaption { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; }
.hm-q figcaption b { display: block; font-weight: 500; font-size: 14px; }
.hm-q figcaption div span { display: block; font-size: 12.5px; color: var(--mut); margin-top: 1px; }
.hm-tst-prev, .hm-tst-next { position: absolute; top: 44%; }
.hm-tst-prev { left: 0; } .hm-tst-next { right: 0; }
.hm-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.hm-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: var(--line); transition: width .3s, background .3s; }
.hm-dots button.on { width: 26px; background: var(--rose); }

/* for wedding professionals */
.hm-pro { background: var(--blush); padding: 64px 0; overflow: hidden; }
.hm-pro-in { display: grid; grid-template-columns: minmax(0, 1fr) 46%; gap: 60px; align-items: center; }
.hm-pro-txt h2 { font-size: 46px; margin-top: 12px; line-height: 1.04; }
.hm-pro-txt p { margin-top: 16px; font-size: 16px; color: var(--ink-2); line-height: 1.5; max-width: 460px; }
.hm-pro-list { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.hm-pro-list li { display: flex; align-items: center; gap: 12px; font-size: 15px; }
.hm-pro-list .ic { width: 20px; height: 20px; color: var(--rose); }
.hm-pro-txt .btn { margin-top: 28px; }
.hm-pro-ph { position: relative; }
.hm-pro-ph .ph { aspect-ratio: 4 / 3; border-radius: var(--r); }
.hm-pro-note { position: absolute; left: -28px; bottom: 28px; background: #fff; padding: 14px 20px; border-radius: var(--r-sm); box-shadow: var(--sh-2); display: flex; align-items: baseline; gap: 10px; }
.hm-pro-note b { font-family: var(--serif); font-weight: 400; font-size: 32px; line-height: 1; }
.hm-pro-note span { font-size: 12.5px; color: var(--ink-2); }

/* faq */
.hm-faq { padding: 64px 0 20px; }
.hm-faq-in { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 56px; align-items: start; }
.hm-faq-txt h2 { font-size: 40px; margin-top: 10px; }
.hm-faq-txt p { margin-top: 12px; color: var(--ink-2); font-size: 15px; }
.hm-faq .acc summary { padding: 18px 22px; font-size: 16px; }
.hm-faq .acc summary .ic { transition: transform .3s; }
.hm-faq .acc details[open] summary .ic { transform: rotate(180deg); }
.hm-faq .acc .ans { padding: 0 22px 18px; font-size: 14.5px; }

/* ===== motion (only when html.mo — motion.js withholds it under prefers-reduced-motion) ===== */
@keyframes hmRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes hmKb { from { transform: scale(1); } to { transform: scale(1.06); } }
.mo .rv { opacity: 0; transform: translateY(14px); transition: opacity .7s cubic-bezier(.2, .6, .2, 1), transform .7s cubic-bezier(.2, .6, .2, 1); transition-delay: calc(var(--i, 0) * 90ms); }
.mo .rv.is-in { opacity: 1; transform: none; }
.mo .rv[data-stagger] { transform: none; }
.mo .rv[data-stagger]:not(.is-in) > * { opacity: 0; }
.mo .rv.is-in[data-stagger] > * { animation: hmRise .7s cubic-bezier(.2, .6, .2, 1) backwards; animation-delay: calc(var(--i, 0) * 90ms + 60ms); }
.mo .hm-plate.rv { transform: translateX(40px); transition-delay: .25s; }
.mo .hm-plate.rv.is-in { transform: none; }
.mo .hm-hero h1 .hl { display: inline-block; animation: hmRise .9s cubic-bezier(.2, .6, .2, 1) both; animation-delay: calc(var(--i, 0) * 120ms); }
/* the hero's intro line, search and chips rise with the heading on a CSS animation, so they show without waiting for every script to load (was the mobile LCP) */
.mo .hm-hero .rv { opacity: 1; transform: none; transition: none; animation: hmRise .9s cubic-bezier(.2, .6, .2, 1) both; animation-delay: calc(var(--i, 0) * 120ms); }
.mo .hm-hero-img { animation: hmKb 12s ease-out forwards; transform-origin: 58% 30%; }
.mo .hm-cel-ph img[data-parallax] { transform: scale(1.15); will-change: transform; }
.mo .hm-vl .vc:hover, .mo .hm-idea:hover, .mo .hm-dc:hover, .mo .hm-opr:hover { transform: translateY(-4px); }
.mo .hm-fc { transition: transform .25s; }
.mo .hm-fc:hover { transform: translateY(-4px); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hm-mq-track, .hm-hero-img, .hm-hero h1 .hl, .rv, .rv > * { animation: none !important; }
  .rv, .rv > *, .hm-plate, .hm-cel-ph img, .hm-vl .vc, .hm-idea, .hm-dc, .hm-opr, .hm-fc, .hm-q, .hm-dots button, .ph img, .hm-faq .acc summary .ic { transition: none !important; }
  .rv, .rv > *, .hm-plate { opacity: 1 !important; transform: none !important; }
  .hm-cel-ph img, .hm-vl .vc:hover, .hm-idea:hover, .hm-dc:hover, .hm-opr:hover, .hm-fc:hover, .ph img { transform: none !important; }
}

@media (max-width: 1080px) {
  .hm-sec-h h2 { font-size: 36px; }
  .hm-pro-in { gap: 36px; }
  .hm-pro-txt h2 { font-size: 38px; }
  .hm-faq-in { grid-template-columns: 280px minmax(0, 1fr); gap: 36px; }
  .hm-tst-car { padding: 0 60px; }
}
@media (max-width: 820px) {
  .hm-sec-h { margin-bottom: 22px; }
  .hm-sec-h h2 { font-size: 30px; margin-top: 8px; }
  .hm-sec-h.row { flex-direction: column; align-items: flex-start; gap: 12px; }
  .hm-sec-h.row .lnk { margin-bottom: 0; }
  .hm-mq { padding: 11px 0; }
  .hm-mq-track span { font-size: 17px; padding: 0 14px; }
  .hm-how { padding: 8px 0 44px; }
  .hm-how .wrap { padding-top: 40px; }
  .hm-steps { grid-template-columns: 1fr; gap: 26px; }
  .hm-steps::before { left: 26px; right: auto; top: 26px; bottom: 26px; border-top: 0; border-left: 1px dashed var(--mut-2); }
  .hm-step { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 18px; text-align: left; padding: 0; }
  .hm-step .ico { grid-row: 1 / span 3; }
  .hm-step .n { margin-top: 2px; }
  .hm-step h3 { font-size: 23px; margin-top: 4px; }
  .hm-step p { margin-left: 0; max-width: none; }
  .hm-vl, .hm-op, .hm-cm, .hm-tst { padding: 44px 0 48px; }
  .hm-tr { padding: 44px 0 36px; }
  .hm-tr-ctl { width: 100%; }
  .hm-tr-ctl .lnk { margin-left: auto; }
  .hm-tr-row { margin: 0 -16px; padding: 4px 16px 12px; scroll-padding-left: 16px; gap: 14px; }
  .hm-idea { flex: 0 0 74%; }
  .hm-opr, .hm-op-first { grid-template-columns: 1fr; gap: 10px; padding: 16px 18px; }
  .hm-opr .pill { justify-self: start; }
  .hm-opr h3 { font-size: 20px; }
  .hm-tst-car { padding: 0; }
  .hm-tst-prev, .hm-tst-next { display: none; }
  .hm-q blockquote::before { font-size: 64px; }
  .hm-q p { font-size: 22px; }
  .hm-pro { padding: 44px 0; }
  .hm-pro-in { grid-template-columns: 1fr; gap: 28px; }
  .hm-pro-txt h2 { font-size: 32px; }
  .hm-pro-note { left: 12px; bottom: 12px; padding: 10px 14px; }
  .hm-pro-note b { font-size: 26px; }
  .hm-faq { padding: 44px 0 8px; }
  .hm-faq-in { grid-template-columns: 1fr; gap: 22px; }
  .hm-faq-txt h2 { font-size: 30px; }
  .hm-faq .acc summary { padding: 15px 16px; font-size: 15px; }
  .hm-faq .acc .ans { padding: 0 16px 16px; }
}

/* category chips under the hero: gold icons (Surya, 13 Nov) */
.hm-chips .ic, .hm-chips svg { color: var(--gold-d); }