.faq-page h1{font-size:clamp(40px,4.6vw,61px);line-height:1.08;letter-spacing:-.025em}.faq-page h1 em{color:var(--green)}.faq-page .eyebrow,.faq-page .button,.faq-back,.faq-topics a,.faq-answer a,.faq-group h3,.faq-group h2,.faq-question-number{font-family:var(--heading)}.faq-page .eyebrow{font-size:10px;letter-spacing:.08em;color:var(--green)}.faq-hub{padding-block:35px 45px}.faq-intro h1{margin:20px 0}.faq-intro>p:last-child{font-size:25px;line-height:1.4;max-width:800px}.faq-product-selection{display:grid;grid-template-columns:1.65fr 1fr;gap:25px;margin-top:30px}.faq-product{display:grid;grid-template-columns:minmax(0,1fr) 35%;gap:25px;padding:30px;align-items:center;min-width:0;overflow:hidden}.faq-product-max{background:var(--yellow);color:var(--green-dark);background-image:linear-gradient(#00472d0b 1px,transparent 1px),linear-gradient(90deg,#00472d0b 1px,transparent 1px);background-size:36px 36px}.faq-product-aerosol{background:var(--green-dark);color:#fff;grid-template-columns:minmax(0,1fr) 25%;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:36px 36px}.faq-product-aerosol .eyebrow{color:var(--yellow)}.faq-product h2{font-size:34px;line-height:1.1;letter-spacing:-.025em;margin:22px 0}.faq-product-aerosol h2{font-size:27px}.faq-max-mark{width:140px;height:50px;object-fit:contain;margin:20px 0 25px}.faq-pack{height:330px;width:100%;object-fit:contain;filter:drop-shadow(7px 13px 8px #0002)}.faq-product-aerosol .faq-pack{height:280px}.faq-product-aerosol p:not(.eyebrow){font-size:22px;margin-bottom:25px}.faq-page .button{font-size:11px;min-height:48px;padding:17px 20px;gap:15px}.faq-page button:disabled{opacity:.65;cursor:default}.faq-page .button small{font-size:8px;font-weight:400}.max-faq-intro{background:var(--mist);border-bottom:1px solid var(--line)}.max-faq-intro>.container{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:30px}.max-faq-intro h1{margin:18px 0}.max-faq-intro p:not(.eyebrow){font-size:25px}.max-faq-intro img{width:125px;height:240px;object-fit:contain;margin-right:25px}.faq-back{display:block;width:fit-content;font-size:9px;text-decoration:none;color:var(--green);padding:5px 0 20px}.faq-reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;padding-block:40px 55px}.faq-topics{align-self:start;position:sticky;top:120px}.faq-topics>.eyebrow{margin-bottom:16px}.faq-topics a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.5;text-decoration:none;font-weight:700}.faq-topics a:hover{color:var(--green)}.faq-topics .faq-guide-link{color:var(--green);margin-top:15px}.faq-group{margin-bottom:35px;scroll-margin-top:115px}.faq-group>h2{font-size:14px;line-height:1.4;display:flex;gap:16px;align-items:center;padding:18px 0;color:var(--green);border-bottom:2px solid var(--green)}.faq-group h2>span{font-size:12px;color:var(--green)}.faq-group details{border-bottom:1px solid var(--line);scroll-margin-top:115px}.faq-group summary{display:flex;align-items:center;gap:20px;padding:23px 0;cursor:pointer;list-style:none}.faq-group summary::-webkit-details-marker{display:none}.faq-group h3{font-size:17px;line-height:1.4;font-weight:700;flex:1}.faq-question-number{font-size:12px;color:var(--green);flex-shrink:0}.faq-group summary>b{font-size:24px;color:var(--green);font-weight:400}.faq-group details[open] summary>b{transform:rotate(45deg)}.faq-answer{padding:0 35px 25px}.faq-answer p{font-size:24px;line-height:1.45}.faq-answer a{display:block;width:fit-content;min-height:44px;font-size:10px;font-weight:700;color:var(--green);padding:18px 0 0;text-underline-offset:5px}.faq-priority{background:var(--mist);padding:0 23px 5px;border-top:5px solid var(--yellow)}.faq-priority>h2{border-bottom-color:var(--green)}.faq-priority h3{font-size:18px}.faq-source{font-size:18px;line-height:1.4;color:#596357;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:1100px){.faq-product{padding:25px;gap:15px}.faq-product h2{font-size:29px}.faq-product-aerosol h2{font-size:23px}.faq-reading-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}.faq-product .button{font-size:9px;padding:16px 13px;gap:10px}}
@media(max-width:800px){.faq-hub{padding-block:28px}.faq-page h1{font-size:39px}.faq-intro>p:last-child{font-size:23px}.faq-product-selection{grid-template-columns:1fr;gap:18px;margin-top:25px}.faq-product{padding:23px;grid-template-columns:minmax(0,1fr) 32%;gap:18px}.faq-product h2{font-size:27px;margin:18px 0}.faq-product .eyebrow{font-size:9px}.faq-max-mark{width:110px;height:40px;margin:17px 0 20px}.faq-pack{height:255px}.faq-product-aerosol{grid-template-columns:minmax(0,1fr) 23%}.faq-product-aerosol h2{font-size:25px}.faq-product-aerosol .faq-pack{height:230px}.max-faq-intro>.container{padding-block:24px;gap:15px}.max-faq-intro h1{font-size:32px}.max-faq-intro p:not(.eyebrow){font-size:22px;max-width:210px}.max-faq-intro img{width:85px;height:175px;margin-right:0}.faq-reading-layout{grid-template-columns:1fr;gap:27px;padding-block:26px 35px}.faq-topics{position:static;display:flex;flex-wrap:wrap;gap:0 18px;border-block:1px solid var(--line);padding:8px 0}.faq-topics>.eyebrow{width:100%;margin:10px 0 0}.faq-topics a{font-size:9px;padding:13px 0}.faq-topics .faq-guide-link{margin:0}.faq-group{margin-bottom:27px}.faq-group>h2{font-size:11px;gap:12px;padding:16px 0}.faq-group h2>span{font-size:10px}.faq-group summary{gap:12px;padding:21px 0}.faq-group h3,.faq-priority h3{font-size:14px}.faq-question-number{font-size:10px}.faq-priority{padding-inline:16px}.faq-answer{padding:0 0 22px 22px}.faq-answer p{font-size:23px;line-height:1.4}.faq-answer a{font-size:9px}.faq-source{font-size:18px}}
@media(max-width:360px){.faq-page h1{font-size:33px}.max-faq-intro h1{font-size:27px}.max-faq-intro img{width:65px;height:150px}.faq-product{padding:20px;gap:12px}.faq-product h2{font-size:23px}.faq-product .button{font-size:8px;padding:15px 11px}.faq-pack{height:225px}.faq-product-aerosol h2{font-size:21px}}
/* The shared details style rotates its icon span; question numbers stay upright. */
.faq-page details[open] summary>.faq-question-number{transform:none}
