/* Kaiyan site-wide FAQ style (2026-10-29), loaded from the site head.
   Light FAQs follow the product template design (Product Template · Red Light Therapy Glove ST-42A, section "10 FAQ"):
   centred 45px title, flat rows on white, 18px questions, a round 32px +/- toggle that turns red and rotates when open,
   16px grey answers, one red pill button. The dark FAQ (.kx-faq, product pages such as /product-catalog/vaginal-pelvic-
   light-therapy-wand-ems) is the reference for dark and is not touched here; /product-catalog was built from the same
   design and only gets the design's title size.
   The FAQ modules were built at different times with different markup; each block maps one markup onto the same look and
   keeps its own open/close mechanism (class set by a script, or <details>), its texts and data-i18n keys:
     km    .km-faq / .ad-faq + .km-faq-item       product template pages and brand pages (.km-open)
     led   .faq-section .faq-item                  /product-catalog/led-face-mask (.active, inline styles on the texts)
     cfaq  .cfaq                                   /contact, /thank-you (<details>)
     ob    .ob .ob-faq                             /our-brands (<details>)
     pr    #pr #faq                                /patents (<details>, the +/- is summary::after)
     kb    .kb-m7 [data-faq-group]                 /brands/lumaflex upper FAQ (.kb-open, inline styles)
     abt   section with h2[data-i18n="abt.070"]    /about-kaiyan-medical-group (inline styles, a script sets display)
     ads   .ads-faq-wrapper                        /ads/medical-grade-herpes-device (native accordion run by a Webflow
                                                   interaction; its own stripes are resized, open = no inline height:0)
   Dark:
     m26   .m26-faq                                /expo/medica-2026, mapped onto the dark product FAQ (.kx-faq)
   Weight: every selector starts with "html body:not(#kf):not(#kf)" (no element has that id; it adds two ids of weight), so
   it wins over each module's own CSS, including the id-based /patents rules; ids inside the lists sit in :where() so the
   lists stay class-weight, and the few overrides below a list repeat a class (.x.x) to outrank it. !important only where
   the module uses inline styles. */

/* ---------- section, title ---------- */
html body:not(#kf):not(#kf) :is(.km-faq,.ad-faq,.faq-section,.cfaq,.ob .ob-faq,:where(#pr #faq)){background:#fff;padding:120px 24px;font-family:Poppins,system-ui,sans-serif}
html body:not(#kf):not(#kf) :is(.km-faq__title,.ad-faq__title,.cfaq__title,.ob .ob-faq h2,:where(#pr #faq) .sec-head h2){max-width:1000px;margin:0 auto 48px;text-align:center;font-family:inherit;font-size:45px;line-height:56px;font-weight:600;letter-spacing:-.45px;color:#26213f}
html body:not(#kf):not(#kf) :where(#pr #faq) .sec-head{max-width:1000px;margin:0 auto 48px;text-align:center}
html body:not(#kf):not(#kf) :where(#pr #faq) .sec-head.sec-head h2{margin:0 auto}
/* /product-catalog (built from the same design, only its title is set smaller; its mobile size is !important) */
html body:not(#kf):not(#kf) h2[data-i18n="pcat.127"]{font-size:45px;line-height:56px;letter-spacing:-.45px}
@media (max-width:991px){html body:not(#kf):not(#kf) h2[data-i18n="pcat.127"]{font-size:36px!important;line-height:44px!important}}
@media (max-width:767px){html body:not(#kf):not(#kf) h2[data-i18n="pcat.127"]{font-size:30px!important;line-height:38px!important;letter-spacing:-.3px}html body:not(#kf):not(#kf) [data-pc-faq]{padding-left:16px!important;padding-right:16px!important}}
/* km lead line under the title (product pages) */
html body:not(#kf):not(#kf) .km-faq__title.km-faq__title:has(+ .km-faq__lead){margin-bottom:16px}
html body:not(#kf):not(#kf) .km-faq__lead{max-width:780px;margin:0 auto 48px;text-align:center;font-size:16px;line-height:26px;color:#4f4c62}

/* inner containers that bring their own side padding: the section padding is the only gutter */
html body:not(#kf):not(#kf) :is(.faq-section > .container,.ob .ob-faq__inner,:where(#pr #faq) > .wrap){width:auto;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}

/* ---------- list + rows ---------- */
html body:not(#kf):not(#kf) :is(.km-faq-list,.ad-faq-list,.faq-section .faq-accordion,.cfaq__list,.ob-faq__list,:where(#pr #faq) .faq){max-width:1000px;margin:0 auto;padding:0;border:0}
html body:not(#kf):not(#kf) :is(.km-faq-item,.faq-section .faq-item,.cfaq__item,.ob-faq__item,:where(#pr #faq) .faq details){margin:0;padding:24px 28px;border:0;border-radius:12px;background:transparent;box-shadow:none}
html body:not(#kf):not(#kf) :is(.km-faq-item,.faq-section .faq-item,.cfaq__item,.ob-faq__item,:where(#pr #faq) .faq details) + :is(.km-faq-item,.faq-section .faq-item,.cfaq__item,.ob-faq__item,:where(#pr #faq) .faq details){margin-top:12px}

/* question row (button / summary); the text inherits size and colour from it */
html body:not(#kf):not(#kf) :is(.km-faq-q,.faq-section .faq-question,.cfaq__q,.ob-faq__q,:where(#pr #faq) .faq summary){display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;list-style:none;text-align:left;font-family:inherit;font-size:18px;line-height:26px;font-weight:600;letter-spacing:0;color:#26213f;transition:color .15s ease-out}
html body:not(#kf):not(#kf) :is(.km-faq-q,.cfaq__q,.ob-faq__q) > span:not([aria-hidden]){flex:1 1 0;min-width:0}
html body:not(#kf):not(#kf) .faq-section .faq-question > p{flex:1 1 0;margin:0!important;font:inherit!important;color:inherit!important}
html body:not(#kf):not(#kf) :is(.cfaq__q,.ob-faq__q,:where(#pr #faq) .faq summary)::-webkit-details-marker{display:none}

/* the +/- toggle: a 32px circle with two bars drawn as backgrounds; open = red, turned 180deg, vertical bar gone */
html body:not(#kf):not(#kf) :is(.km-faq-ic,.faq-section .faq-icon,.cfaq__icon,.ob-faq__icon),html body:not(#kf):not(#kf) :where(#pr #faq) .faq summary::after{position:relative;inset:auto;flex:none;display:block;width:32px;height:32px;margin:0;border-radius:16px;content:"";font-size:0;line-height:0;color:#26213f;background:linear-gradient(currentColor,currentColor) center/11px 1.67px no-repeat,linear-gradient(currentColor,currentColor) center/1.67px 11px no-repeat;background-color:transparent;transform:none;transition:transform .4s cubic-bezier(.4,0,.2,1),color .25s ease-out,background-size .4s cubic-bezier(.4,0,.2,1),background-color .15s ease-out}
html body:not(#kf):not(#kf) :is(.km-faq-ic,.cfaq__icon,.ob-faq__icon)::before,html body:not(#kf):not(#kf) :is(.km-faq-ic,.cfaq__icon,.ob-faq__icon)::after{content:none;display:none}
html body:not(#kf):not(#kf) :is(.km-faq-item.km-open .km-faq-ic,.faq-section .faq-item.active .faq-icon,.cfaq__item[open] .cfaq__icon,.ob-faq__item[open] .ob-faq__icon),html body:not(#kf):not(#kf) :where(#pr #faq) .faq details[open] summary::after{color:#e44b55;transform:rotate(180deg);background-size:11px 1.67px,1.67px 0}

/* answer */
html body:not(#kf):not(#kf) :is(.km-faq-a p,.cfaq__a,.ob-faq__a p,:where(#pr #faq) .faq .a){max-width:944px;margin:0;padding:12px 0 0;font-size:16px;line-height:26px;font-weight:400;color:#4f4c62}
html body:not(#kf):not(#kf) .faq-section .faq-answer p{max-width:944px;margin:0!important;padding:12px 0 0;font-size:16px!important;line-height:26px!important;color:#4f4c62!important}
html body:not(#kf):not(#kf) .ob .ob-faq__a{padding:0}

/* hover (homepage .tl hover): question turns red, toggle gets a light circle */
@media (hover:hover){
html body:not(#kf):not(#kf) :is(.km-faq-q,.faq-section .faq-question,.cfaq__q,.ob-faq__q,:where(#pr #faq) .faq summary):hover{color:#e44b55}
html body:not(#kf):not(#kf) :is(.km-faq-q:hover .km-faq-ic,.faq-section .faq-question:hover .faq-icon,.cfaq__q:hover .cfaq__icon,.ob-faq__q:hover .ob-faq__icon),html body:not(#kf):not(#kf) :where(#pr #faq) .faq summary:hover::after{background-color:#f1f0f7}
}
html body:not(#kf):not(#kf) :is(.km-faq-q,.faq-section .faq-question,.cfaq__q,.ob-faq__q,:where(#pr #faq) .faq summary):focus-visible{outline:2px solid #e44b55;outline-offset:4px;border-radius:8px}

/* opening fade (design .fx-answer) */
@keyframes kf-in{from{opacity:0}}
html body:not(#kf):not(#kf) :is(.km-faq-item.km-open .km-faq-a p,.faq-section .faq-item.active .faq-answer p,.cfaq__item[open] .cfaq__a,.ob-faq__item[open] .ob-faq__a p,:where(#pr #faq) .faq details[open] .a){animation:kf-in .35s ease-out .08s both}

/* ---------- button under the list ---------- */
html body:not(#kf):not(#kf) :is(.km-faq__cta,.ad-faq__cta,:where(#pr #faq) .faq-cta){margin:48px 0 0;text-align:center}
html body:not(#kf):not(#kf) :is(.km-faq .km-btn,.ad-faq .ad-btn,:where(#pr #faq) .faq-cta .btn,.faq-section .faq-button){display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 28px;box-sizing:border-box;border:0;border-radius:999px;background:#e44b55;color:#fff;font-family:inherit;font-size:16px;line-height:22px;font-weight:600;text-decoration:none;box-shadow:none;transform:none;cursor:pointer;transition:background-color .15s ease-out}
html body:not(#kf):not(#kf) .faq-section .faq-button.faq-button{display:flex;width:fit-content;margin:48px auto 0}
html body:not(#kf):not(#kf) :is(.km-faq .km-btn,.ad-faq .ad-btn) svg{width:20px;height:20px;transform:none}
@media (hover:hover){html body:not(#kf):not(#kf) :is(.km-faq .km-btn,.ad-faq .ad-btn,:where(#pr #faq) .faq-cta .btn,.faq-section .faq-button):hover{background:#d63f49;color:#fff;transform:none;box-shadow:none}html body:not(#kf):not(#kf) :is(.km-faq .km-btn,.ad-faq .ad-btn):hover svg{transform:none}}
html body:not(#kf):not(#kf) :is(.km-faq .km-btn,.ad-faq .ad-btn,:where(#pr #faq) .faq-cta .btn,.faq-section .faq-button):active{background:#c93a44}

/* ---------- kb: /brands/lumaflex upper FAQ (inline styles) ---------- */
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]){background:#fff!important;padding:120px 24px!important}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]) > div{max-width:1200px!important;padding:0!important}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]) h2{max-width:1000px!important;margin:0 auto 48px!important;font-size:45px!important;line-height:56px!important;font-weight:600!important;letter-spacing:-.45px!important;color:#26213f!important;text-align:center}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-group]{max-width:1000px;margin:0 auto!important}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-item]{padding:24px 28px;border:0!important;border-radius:12px;background:transparent}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-item] + [data-faq-item]{margin-top:12px}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-q]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0;color:#26213f;cursor:pointer;transition:color .15s ease-out}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-q] h3{flex:1 1 0;margin:0;font-family:inherit;font-size:18px!important;line-height:26px;font-weight:600!important;color:inherit!important}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-icon]{position:relative;flex:none;display:block;width:32px;height:32px;border-radius:16px;font-size:0!important;line-height:0!important;color:#26213f!important;background:linear-gradient(currentColor,currentColor) center/11px 1.67px no-repeat,linear-gradient(currentColor,currentColor) center/1.67px 11px no-repeat;background-color:transparent;transition:transform .4s cubic-bezier(.4,0,.2,1),color .25s ease-out,background-size .4s cubic-bezier(.4,0,.2,1),background-color .15s ease-out}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-icon]::before{content:none!important}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-item].kb-open [data-faq-icon]{color:#e44b55!important;transform:rotate(180deg);background-size:11px 1.67px,1.67px 0}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-item] [data-faq-a]{max-width:944px;margin:0;padding:12px 0 0;font-size:16px;line-height:26px;color:#4f4c62}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-item].kb-open [data-faq-a]{animation:kf-in .35s ease-out .08s both}
@media (hover:hover){html body:not(#kf):not(#kf) .kb-m7 [data-faq-q]:hover{color:#e44b55}html body:not(#kf):not(#kf) .kb-m7 [data-faq-q]:hover [data-faq-icon]{background-color:#f1f0f7}}

/* ---------- abt: /about-kaiyan-medical-group (inline styles; open = answer not display:none) ---------- */
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]){background:#fff!important;padding:120px 24px!important;font-family:Poppins,system-ui,sans-serif!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:first-child{max-width:1000px!important;margin:0 auto 48px!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) h2{margin:0!important;font-family:inherit;font-size:45px!important;line-height:56px;font-weight:600!important;letter-spacing:-.45px;color:#26213f!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child{max-width:1000px!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div{padding:24px 28px;border:0!important;border-radius:12px}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div + div{margin-top:12px}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div > button{gap:24px;padding:0!important;font-family:inherit;font-size:18px!important;line-height:26px;font-weight:600;color:#26213f!important;transition:color .15s ease-out}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div > button > span:first-child{flex:1 1 0}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-icon{position:relative;flex:none;display:block;width:32px;height:32px;border-radius:16px;font-size:0!important;line-height:0;color:#26213f!important;background:linear-gradient(currentColor,currentColor) center/11px 1.67px no-repeat,linear-gradient(currentColor,currentColor) center/1.67px 11px no-repeat;background-color:transparent;transition:transform .4s cubic-bezier(.4,0,.2,1),color .25s ease-out,background-size .4s cubic-bezier(.4,0,.2,1),background-color .15s ease-out}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div:has(> .faq-content:not([style*="none"])) .faq-icon{color:#e44b55!important;transform:rotate(180deg);background-size:11px 1.67px,1.67px 0}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-content{max-width:944px;padding:12px 0 0!important;font-size:16px;line-height:26px!important;color:#4f4c62!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-content:not([style*="none"]){animation:kf-in .35s ease-out .08s both}
@media (hover:hover){html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div > button:hover{color:#e44b55!important}html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div > button:hover .faq-icon{background-color:#f1f0f7}}

/* ---------- ads: /ads/medical-grade-herpes-device (native accordion driven by a Webflow interaction: closed = inline
   height:0px on .c-accordion-item-a; the interaction also turns the toggle 180deg and shrinks the vertical stripe) ---------- */
html body:not(#kf):not(#kf) .ads-section:has(.ads-faq-wrapper){background:#fff;padding:120px 24px}
html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper){width:100%;max-width:1000px;margin:0 auto}
html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper) > .ads-sec-title{max-width:1000px;margin:0 auto 16px;text-align:center;text-transform:none;font-family:Poppins,system-ui,sans-serif;font-size:45px;line-height:56px;font-weight:600;letter-spacing:-.45px;color:#26213f}
html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper) > .ads-text{max-width:780px;margin:0 auto 48px;text-align:center;font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:26px;font-weight:400;color:#4f4c62}
html body:not(#kf):not(#kf) .ads-faq-wrapper{width:100%;max-width:1000px;margin:0 auto}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-list{margin:0}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item{margin:0}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item + .c-accordion-item{margin-top:12px}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item{padding:24px 28px;border:0;border-radius:12px;background:transparent}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item-q{display:flex;align-items:center;gap:24px}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item-q-text{flex:1 1 0;min-width:0;padding:0}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-q-text{font-family:Poppins,system-ui,sans-serif;font-size:18px;line-height:26px;font-weight:600;color:#26213f;transition:color .15s ease-out}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item-q-icon{flex:none;padding:0}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item-q-icon{width:32px;height:32px;border-radius:16px;color:#26213f;transition:color .25s ease-out,background-color .15s ease-out}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-q-icon-stripe-1{width:11px;height:1.67px;border-radius:1px;background-color:currentColor}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-q-icon-stripe-2{width:1.67px;max-height:11px;border-radius:1px;background-color:currentColor}
html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item:has(.c-accordion-item-a:not([style*="height: 0"])) ._w-accordion-item-q-icon{color:#e44b55}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-content-divider{display:none}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item-a{padding:12px 0 0}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-a-text{max-width:944px;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:26px;font-weight:400;color:#4f4c62}
@media (hover:hover){html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item-q:hover .accordion-item-q-text{color:#e44b55}html body:not(#kf):not(#kf) .ads-faq-wrapper .c-accordion-item-q:hover ._w-accordion-item-q-icon{background-color:#f1f0f7}}
@media (max-width:991px){html body:not(#kf):not(#kf) .ads-section:has(.ads-faq-wrapper){padding:96px 24px}html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper) > .ads-sec-title{font-size:36px;line-height:44px}}
@media (max-width:767px){
html body:not(#kf):not(#kf) .ads-section:has(.ads-faq-wrapper){padding:72px 16px}
html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper) > .ads-sec-title{max-width:100%;margin-bottom:12px;font-size:30px;line-height:38px;letter-spacing:-.3px}
html body:not(#kf):not(#kf) .expo-container.faq:has(.ads-faq-wrapper) > .ads-text{max-width:100%;margin-bottom:32px}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item{padding:20px 16px}
html body:not(#kf):not(#kf) .ads-faq-wrapper ._w-accordion-item-q{gap:16px}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-q-text{font-size:16px;line-height:24px}
html body:not(#kf):not(#kf) .ads-faq-wrapper .accordion-item-a-text{font-size:15px;line-height:24px}
}

/* ---------- m26: /expo/medica-2026 (dark; same look as the dark product FAQ .kx-faq) ---------- */
html body:not(#kf):not(#kf) .m26-faq{background:#100a0a;padding:100px 0}
html body:not(#kf):not(#kf) .m26-faq > .m26-wrap{width:min(1200px,100% - 2 * clamp(16px,8.34vw,120px));max-width:none;margin-inline:auto;padding-inline:0}
html body:not(#kf):not(#kf) .m26-faq__head{margin:0 0 50px;text-align:center}
html body:not(#kf):not(#kf) .m26-faq__head .m26-h2{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:clamp(30px,3.6vw,45px);line-height:1.5;font-weight:700;letter-spacing:0;color:#fff;text-align:center;text-wrap:balance}
html body:not(#kf):not(#kf) .m26-faq__lead{max-width:760px;margin:12px auto 0;font-size:16px;line-height:24px;color:#8d93a5}
html body:not(#kf):not(#kf) .m26-faq__list{display:flex;flex-direction:column;gap:24px}
html body:not(#kf):not(#kf) .m26-faq__i{padding:0;border:0;border-radius:10px;background:transparent;transition:background-color .35s}
html body:not(#kf):not(#kf) .m26-faq__i.m26-faq__i:is(.on,:hover){background:rgba(255,255,255,.03)}
html body:not(#kf):not(#kf) .m26-faq__q{align-items:flex-start;gap:24px;padding:16px 24px;border-radius:10px}
html body:not(#kf):not(#kf) .m26-faq__qt{display:flex;gap:10px;font-family:Poppins,system-ui,sans-serif;font-size:20px;line-height:30px;font-weight:500;color:#fff}
html body:not(#kf):not(#kf) .m26-faq__n{min-width:30px;margin:0;font-weight:500;color:#e94e54}
html body:not(#kf):not(#kf) .m26-faq__ic{width:24px;height:24px;margin-top:3px;border:0;border-radius:0;color:#fff;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat;transform:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),color .3s,background-size .4s cubic-bezier(.2,.7,.2,1)}
html body:not(#kf):not(#kf) .m26-faq__ic svg{display:none}
html body:not(#kf):not(#kf) .m26-faq__i.on .m26-faq__ic{border:0;color:#e94e54;transform:none;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 0 no-repeat}
@media (hover:hover){html body:not(#kf):not(#kf) .m26-faq__i:not(.on):hover .m26-faq__ic{transform:rotate(90deg)}}
html body:not(#kf):not(#kf) .m26-faq__a p{height:auto;max-width:none;margin:0;padding:0 72px 20px 24px;font-size:16px;line-height:24px;color:#8d93a5}
@media (max-width:640px){
html body:not(#kf):not(#kf) .m26-faq{padding:72px 0}
html body:not(#kf):not(#kf) .m26-faq__q{gap:12px;padding:14px 12px}
html body:not(#kf):not(#kf) .m26-faq__qt{font-size:17px;line-height:26px}
html body:not(#kf):not(#kf) .m26-faq__a p{padding:0 12px 16px 12px}
}
@media (prefers-reduced-motion:reduce){html body:not(#kf):not(#kf) .m26-faq__ic{transition:none}}

/* ---------- smaller screens ---------- */
@media (max-width:991px){
html body:not(#kf):not(#kf) :is(.km-faq,.ad-faq,.faq-section,.cfaq,.ob .ob-faq,:where(#pr #faq)){padding:96px 24px}
html body:not(#kf):not(#kf) :is(.km-faq__title,.ad-faq__title,.cfaq__title,.ob .ob-faq h2,:where(#pr #faq) .sec-head h2){font-size:36px;line-height:44px}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]),html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]){padding:96px 24px!important}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]) h2,html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) h2{font-size:36px!important;line-height:44px!important}
}
@media (max-width:767px){
html body:not(#kf):not(#kf) :is(.km-faq,.ad-faq,.faq-section,.cfaq,.ob .ob-faq,:where(#pr #faq)){padding:72px 16px}
html body:not(#kf):not(#kf) :is(.km-faq__title,.ad-faq__title,.cfaq__title,.ob .ob-faq h2){margin-bottom:32px;font-size:30px;line-height:38px;letter-spacing:-.3px}
html body:not(#kf):not(#kf) :where(#pr #faq) .sec-head.sec-head h2{font-size:30px;line-height:38px;letter-spacing:-.3px}
html body:not(#kf):not(#kf) .km-faq__title.km-faq__title:has(+ .km-faq__lead){margin-bottom:12px}
html body:not(#kf):not(#kf) :is(.km-faq__lead.km-faq__lead,:where(#pr #faq) .sec-head.sec-head){margin-bottom:32px}
html body:not(#kf):not(#kf) :is(.km-faq-item,.faq-section .faq-item,.cfaq__item,.ob-faq__item,:where(#pr #faq) .faq details,.kb-m7 [data-faq-item]){padding:20px 16px}
html body:not(#kf):not(#kf) :is(.km-faq-q,.faq-section .faq-question,.cfaq__q,.ob-faq__q,:where(#pr #faq) .faq summary,.kb-m7 [data-faq-q]){gap:16px;font-size:16px;line-height:24px}
html body:not(#kf):not(#kf) .kb-m7 [data-faq-q] h3{font-size:16px!important;line-height:24px}
html body:not(#kf):not(#kf) :is(.km-faq-a p,.cfaq__a,.ob-faq__a p,:where(#pr #faq) .faq .a,.kb-m7 [data-faq-item] [data-faq-a]){font-size:15px;line-height:24px}
html body:not(#kf):not(#kf) .faq-section .faq-answer p{font-size:15px!important;line-height:24px!important}
html body:not(#kf):not(#kf) :is(.km-faq__cta,.ad-faq__cta,:where(#pr #faq) .faq-cta){margin-top:32px}
html body:not(#kf):not(#kf) .faq-section .faq-button.faq-button{margin-top:32px}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]),html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]){padding:72px 16px!important}
html body:not(#kf):not(#kf) .kb-m7 section:has([data-faq-group]) h2{margin-bottom:32px!important;font-size:30px!important;line-height:38px!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) h2{font-size:30px!important;line-height:38px!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:first-child{margin-bottom:32px!important}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div{padding:20px 16px}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) > div:last-child > div > button{gap:16px;font-size:16px!important;line-height:24px}
html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-content{font-size:15px;line-height:24px!important}
}
@media (prefers-reduced-motion:reduce){
html body:not(#kf):not(#kf) :is(.km-faq-ic,.faq-section .faq-icon,.cfaq__icon,.ob-faq__icon,.kb-m7 [data-faq-icon]),html body:not(#kf):not(#kf) :where(#pr #faq) .faq summary::after,html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-icon{transition:none}
html body:not(#kf):not(#kf) :is(.km-faq-item.km-open .km-faq-a p,.faq-section .faq-item.active .faq-answer p,.cfaq__item[open] .cfaq__a,.ob-faq__item[open] .ob-faq__a p,:where(#pr #faq) .faq details[open] .a,.kb-m7 [data-faq-item].kb-open [data-faq-a]),html body:not(#kf):not(#kf) section:has(> div > h2[data-i18n="abt.070"]) .faq-content{animation:none}
}