/* Rudraksha collection pages (local-collection-seo.js): the intro under the photo strip, and the questions under the products. */
.gt-cseo { padding: 40px 16px 48px; border-top: 1px solid var(--gt-line, #E2DED3); }
.gt-cseo__in { max-width: 860px; margin: 0 auto; color: var(--gt-ink, #0B3B3C); font-size: 15px; line-height: 1.7; }
.gt-cseo h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.3; color: var(--gt-ink, #0B3B3C); }
.gt-cseo h2 + p, .gt-cseo p { margin: 0 0 14px; }
.gt-cseo p + h2 { margin-top: 28px; }
.gt-cseo a { color: var(--gt-teal, #0E5E62); text-decoration: underline; text-underline-offset: 2px; }
.gt-cseo details { border-bottom: 1px solid var(--gt-line, #E2DED3); }
.gt-cseo summary { padding: 14px 28px 14px 0; position: relative; cursor: pointer; font-weight: 700; list-style: none; }
.gt-cseo summary::-webkit-details-marker { display: none; }
.gt-cseo summary::after { content: "+"; position: absolute; right: 4px; top: 12px; font-size: 20px; color: var(--gt-teal, #0E5E62); }
.gt-cseo details[open] summary::after { content: "\2212"; }
.gt-cseo summary:focus-visible { outline: 2px solid var(--gt-teal, #0E5E62); outline-offset: 2px; }
.gt-cseo details p { margin: 0 0 14px; }
@media (max-width: 767px) { .gt-cseo { padding: 28px 16px 36px; } .gt-cseo h2 { font-size: 19px; } }

/* The short intro under the photo strip at the top: one paragraph, the rest behind "Aur padhein". */
.gt-cintro { padding: 18px 16px 8px; }
.gt-cintro__in { max-width: 860px; margin: 0 auto; color: var(--gt-ink, #0B3B3C); font-size: 14.5px; line-height: 1.65; text-align: center; }
.gt-cintro p { margin: 0 0 10px; }
.gt-cintro details { text-align: left; }
.gt-cintro summary { display: block; width: max-content; margin: 0 auto 10px; cursor: pointer; font-weight: 700; color: var(--gt-teal, #0E5E62); text-decoration: underline; text-underline-offset: 2px; list-style: none; }
.gt-cintro summary::-webkit-details-marker { display: none; }
.gt-cintro details[open] summary { display: none; }
.gt-cintro summary:focus-visible { outline: 2px solid var(--gt-teal, #0E5E62); outline-offset: 2px; }
.gt-cintro a { color: var(--gt-teal, #0E5E62); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) { .gt-cintro__in { font-size: 14px; text-align: left; } .gt-cintro summary { margin-left: 0; } }