/* FAQ V2: only page 73. Native details/summary retain keyboard/touch behavior without JS. */
body.page-id-73 { background: #03120d; }
body.page-id-73 main#content { width: 100%; max-width: none; margin: 0; }
body.page-id-73 [id^='fg-faq-'] { box-sizing: border-box; }
body.page-id-73 section[id^='fg-faq-'] { color: #fff; font-family: 'FG Manrope', Arial, sans-serif; }
body.page-id-73 h1 span, body.page-id-73 #fg-faq-invitation-title span { color: #4df58a; }
body.page-id-73 img[id^='fg-faq-'] { display: block; cursor: auto; max-width: 100%; }
body.page-id-73 #fg-faq-hero-photo { object-position: 50% 50%; }
body.page-id-73 #fg-faq-categories { color: #0a140e; }
body.page-id-73 [id$='-card'] { box-shadow: 0 3px 12px rgb(0 62 41 / 3%); }
body.page-id-73 [id$='-category'] { border-right: 1px solid #e5eee9; padding-right: 1.6rem; }
body.page-id-73 [id$='-accordion'] { min-width: 0; }
body.page-id-73 [id$='-summary'] { list-style: none; padding-right: 3rem; min-height: 2.9rem; position: relative; color: #09140f; }
body.page-id-73 [id$='-summary']::-webkit-details-marker { display: none; }
body.page-id-73 [id$='-summary']::marker { content: ''; }
/* Two decorative strokes supply plus/minus without adding words to accessible names. */
body.page-id-73 [id$='-summary']::after,
body.page-id-73 [id$='-summary']::before { content: ''; position: absolute; right: 1.3rem; top: calc(50% - 1px); width: .8rem; height: 2px; background: #00813b; }
body.page-id-73 [id$='-summary']::before { transform: rotate(90deg); }
body.page-id-73 details[open] > summary::before { opacity: 0; }
body.page-id-73 [id$='-summary']:hover { background: #eaf3ee; }
body.page-id-73 [id$='-summary']:focus-visible { outline: 3px solid #00683e; outline-offset: 2px; }
body.page-id-73 [id$='-content'] a { color: #00683e; text-decoration: underline; text-underline-offset: .15em; }
body.page-id-73 [id$='-content'] a:focus-visible { outline: 3px solid #00683e; outline-offset: 3px; }
body.page-id-73 [id$='-answer'] { overflow-wrap: anywhere; }
body.page-id-73 #fg-faq-hero-hand, body.page-id-73 #fg-faq-invitation-hand { text-shadow: 0 2px 12px #03120d; }
body.page-id-73 [id$='-hand']::after { content: ''; display: block; width: 3.5rem; height: 3px; background: #4df58a; margin: .6rem auto 0; }
body.page-id-73 #fg-faq-about-photo { object-position: 60% 25%; }
body.page-id-73 #fg-faq-mobile-photo { object-position: 50% 50%; }
body.page-id-73 #fg-faq-immersive-photo { object-position: 50% 35%; }
body.page-id-73 #fg-faq-privacy-photo { object-position: 50% 42%; }
/* Keep all three puppy faces visible beside the desktop copy. */
body.page-id-73 #fg-faq-puppies-photo { object-fit: cover; object-position: 50% 12%; }
@media (max-width: 1100px) {
 body.page-id-73 #fg-faq-hero { min-height: 34rem; }
 body.page-id-73 #fg-faq-hero-copy { padding-top: 8rem; width: 56%; }
 body.page-id-73 #fg-faq-hero-title { font-size: 2.7rem; }
 body.page-id-73 #fg-faq-hero-body { font-size: 1.1rem; }
 body.page-id-73 #fg-faq-hero-hand { font-size: 1.85rem; }
 body.page-id-73 #fg-faq-categories > div { grid-template-columns: 23% 25% 1fr; gap: 1rem; }
 body.page-id-73 [id$='-category'] { padding-right: .8rem; }
 body.page-id-73 [id$='-category'] h2 { font-size: 1.5rem; }
 body.page-id-73 [id$='-description'] { font-size: .95rem; }
 body.page-id-73 [id$='-question'] { font-size: .95rem; }
 body.page-id-73 #fg-faq-invitation-title { font-size: 2.7rem; }
 body.page-id-73 #fg-faq-invitation-body { font-size: 1.1rem; }
}
@media (max-width: 900px) {
 body.page-id-73 #fg-faq-categories > div { grid-template-columns: 32% 1fr; grid-template-rows: auto auto; gap: 1rem 1.5rem; padding: 1rem; }
 body.page-id-73 [id$='-category'] { border: 0; padding-right: 0; }
 body.page-id-73 #fg-faq-categories > div > img { height: 12rem; }
 body.page-id-73 [id$='-accordion'] { grid-column: 1 / -1; }
 body.page-id-73 [id$='-category'] h2 { font-size: 1.8rem; }
 body.page-id-73 #fg-faq-puppies-photo { width: 100%; height: auto; aspect-ratio: 1577 / 997; object-fit: contain; }
 body.page-id-73 #fg-faq-invitation-shade { height: 63.2vw; background: linear-gradient(180deg,transparent 70%,#03120d); }
 body.page-id-73 #fg-faq-invitation-copy { width: 100%; padding: calc(63.2vw + 1.5rem) 6vw 2.5rem; }
 body.page-id-73 #fg-faq-invitation-hand { top: calc(63.2vw - 8rem); bottom: auto; font-size: 2rem; }
}
@media (max-width: 600px) {
 body.page-id-73 #fg-faq-hero { min-height: 0; }
 body.page-id-73 #fg-faq-hero-photo { width: 100%; height: auto; aspect-ratio: 1711 / 919; object-fit: contain; }
 body.page-id-73 #fg-faq-hero-shade { height: 53.7vw; background: linear-gradient(180deg,transparent 65%,#03120d); }
 body.page-id-73 #fg-faq-hero-copy { width: 100%; padding: calc(53.7vw + 2rem) 1.25rem 2.5rem; }
 body.page-id-73 #fg-faq-hero-title { font-size: 2.3rem; }
 body.page-id-73 #fg-faq-hero-eyebrow { font-size: .75rem; letter-spacing: .14em; }
 body.page-id-73 #fg-faq-hero-body { font-size: 1.05rem; }
 body.page-id-73 #fg-faq-hero-hand { position: relative; right: auto; bottom: auto; font-size: 1.7rem; max-width: 21rem; margin: 0 auto; padding: 0 1.25rem 2rem; transform: none; }
 body.page-id-73 #fg-faq-hero-hand br { display: none; }
 body.page-id-73 #fg-faq-categories { padding: 1rem .75rem; gap: 1rem; }
 body.page-id-73 #fg-faq-categories > div { display: flex; flex-direction: column; gap: 1rem; padding: .75rem; }
 body.page-id-73 #fg-faq-categories > div > img { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: cover; }
 body.page-id-73 [id$='-category'] { gap: .6rem; }
 body.page-id-73 [id$='-category'] h2 { font-size: 1.8rem; }
 body.page-id-73 [id$='-description'] { font-size: 1rem; }
 body.page-id-73 [id$='-summary'] { min-height: 3rem; padding-left: .9rem; padding-right: 2.5rem; }
 body.page-id-73 [id$='-question'] { font-size: .98rem; }
 body.page-id-73 [id$='-content'] { padding: .8rem .9rem 1rem; }
 body.page-id-73 #fg-faq-invitation-copy { padding: calc(63.2vw + 1.5rem) 1.25rem 2.5rem; }
 body.page-id-73 #fg-faq-invitation-title { font-size: 2.25rem; }
 body.page-id-73 #fg-faq-invitation-body { font-size: 1.05rem; }
 body.page-id-73 #fg-faq-invitation-hand { position: relative; right: auto; top: auto; bottom: auto; font-size: 1.9rem; margin: 0 auto; padding: 0 1.25rem 2rem; transform: none; }
 body.page-id-73 #fg-faq-hero-cta, body.page-id-73 #fg-faq-invitation-cta { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { body.page-id-73 [id^='fg-faq-'] { transition: none; animation: none; } }

body.page-id-73 [id$="-category"] { align-self: start; min-height: 14.2rem; }
@media (min-width: 1101px) { body.page-id-73 [id$="-question"] { font-size: 1.1rem; } }
@media (max-width: 900px) { body.page-id-73 [id$="-category"] { min-height: 0; } }
/* Reset Elementor's container-overlay positioning on the summary indicator strokes. */
body.page-id-73 [id$='-summary']::before,
body.page-id-73 [id$='-summary']::after { left: auto; bottom: auto; transition: none; }
@media (prefers-reduced-motion: reduce) {
 body.page-id-73 [id^='fg-faq-']::before,
 body.page-id-73 [id^='fg-faq-']::after { transition: none !important; animation: none !important; }
}
@media (max-width: 600px) {
 body.page-id-73 #fg-faq-hero-photo { height: 24rem; aspect-ratio: auto; object-fit: cover; object-position: 55% center; }
 body.page-id-73 #fg-faq-hero-shade { height: 24rem; }
 body.page-id-73 #fg-faq-hero-copy { padding-top: 25.5rem; }
}
