.faq-container{padding:0 var(--layout-desktop-section-padding)}.faq-container>div{max-width:var(--wrapper-max-width);margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:var(--sizes-4);scroll-behavior:smooth}.faq-list.fixed-height{contain:layout style}.faq-list::-webkit-scrollbar{width:.5rem}.faq-list::-webkit-scrollbar-track{background:var(--background-5);border-radius:.25rem}.faq-list::-webkit-scrollbar-thumb{background:var(--text-30);border-radius:.25rem}.faq-list::-webkit-scrollbar-thumb:hover{background:var(--text-50)}.faq-item{overflow:hidden;interpolate-size:allow-keywords}.faq-item[open]{pointer-events:none}.faq-item::details-content{block-size:0;transition:block-size .3s,content-visibility .3s;transition-behavior:allow-discrete;overflow:hidden}.faq-item[open]::details-content{block-size:auto}.faq-content-wrapper{overflow:hidden;margin:0;height:0;transition:height .3s cubic-bezier(.645,.045,.355,1);pointer-events:none}.faq-item:not([open]) .faq-content-wrapper{height:0;pointer-events:none}.faq-item[open] .faq-content-wrapper{height:auto;pointer-events:auto}.faq-summary{cursor:pointer;color:var(--text-90);transition:all .25s ease;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sizes-3)}.faq-item[open] .faq-summary,.faq-item.secondary .faq-summary:hover,.faq-item.primary .faq-summary:hover{color:var(--primary-100)}.faq-content{margin-bottom:1rem;color:var(--text-75)}.faq-item.accent .faq-summary:hover{color:var(--accent-100)}.faq-summary::marker{display:none}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"+";font-size:var(--type-font-size-subtitle);font-weight:300;transition:transform .3s ease}.faq-item[open] .faq-summary:after{transform:rotate(45deg)}.faq-description{padding:var(--sizes-5) var(--sizes-6) var(--sizes-6);color:var(--text-70);background:var(--background-3);border-top:.133rem solid var(--text-10)}.faq-body{margin-bottom:var(--sizes-6)}.problem-header{display:flex;align-items:center;gap:var(--sizes-2)}.problem-indicator{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);flex-shrink:0}.faq-body h2{color:var(--text-90);margin:0 0 var(--sizes-3) 0}.problem-header h3{color:var(--accent-70);margin:0;font-weight:700;text-transform:uppercase;margin-bottom:0!important}.solution-header h3{color:var(--primary-70)}.solution-header .problem-indicator{background-color:var(--primary-70)}.faq-body p{color:var(--text-70);margin:0}.faq-visuals-container.faq-visual{position:sticky;top:var(--sizes-6);background:var(--base);border-radius:var(--sizes-4);padding:var(--sizes-6);box-shadow:0 var(--sizes-4) var(--sizes-8) var(--text-alpha-10);transition:all .3s ease}.faq-image{width:100%;height:auto;border-radius:var(--sizes-3);margin-bottom:var(--sizes-4)}.faq-visual-text h3{font-size:var(--type-font-size-title);font-weight:700;color:var(--text-90);margin-bottom:var(--sizes-2)}.faq-visual-text p{color:var(--text-70);line-height:var(--type-line-height-body)}@media (max-width: 768px){.faq-visual-container{grid-template-columns:1fr;gap:var(--sizes-6)}.faq-visual{position:static;order:-1}.faq-container.body{max-width:100%}}@media (max-width: 768px){.faq-container{padding:var(--sizes-4) 0}.faq-visual-container{gap:var(--sizes-4)}.faq-list{gap:var(--sizes-3)}.faq-description,.faq-visual{padding:var(--sizes-4)}.battery-section svg{max-height:20rem}}@media (prefers-reduced-motion: reduce){.faq-item::details-content{transition:none}.faq-content-wrapper{transition:none}.faq-summary:after{transition:none}.faq-item{transition:none}}@media (prefers-reduced-motion: no-preference){.faq-item::details-content{transition:block-size .3s,content-visibility .3s;transition-behavior:allow-discrete}.faq-content-wrapper{transition:height .3s cubic-bezier(.645,.045,.355,1);color:var(--text-70)}}.faq-visual.show{display:block;pointer-events:auto}.faq-visual-media{width:100%;height:auto;object-fit:cover;border-radius:var(--sizes-3);margin-bottom:var(--sizes-4);aspect-ratio:28 / 15}video.faq-visual-media{object-fit:contain}.faq-visual-caption{width:100%;text-align:left;background:var(--background-5);border-radius:var(--sizes-4);bottom:2rem;padding:1.5rem}.caption-label{display:flex;align-items:center;justify-content:center;gap:var(--sizes-2);margin-bottom:var(--sizes-3)}.caption-indicator{width:1.333rem;height:1.333rem;border-radius:50%;background:var(--primary);display:inline-block}.caption-text{color:var(--primary);text-transform:capitalize}.caption-title{color:var(--text-90);margin:0 0 var(--sizes-4) 0;font-weight:700!important;margin-bottom:.2rem}.caption-description{color:var(--text-70);margin:0}.faq-visual{padding:var(--sizes-4)}.faq-visual-caption{padding:var(--sizes-6) var(--sizes-5) var(--sizes-5) var(--sizes-6);margin-top:-2rem}.faq-container{margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:0}.faq-visual-content{text-align:center}.faq-body-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--sizes-8);align-items:start;max-width:var(--wrapper-max-width)}.faq-left-column{display:flex;flex-direction:column;gap:var(--sizes-4)}.faq-right-column{position:sticky;top:var(--sizes-11);height:100%}.faq-right-column .faq-visual-container{background:linear-gradient(135deg,var(--primary-20),var(--accent-20));position:relative;border-radius:var(--sizes-4);overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--sizes-5)}.mobile-slideshow-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--sizes-4) 0;margin-top:var(--sizes-4);border-top:1px solid var(--text-10)}.slide-nav-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--text-20);border-radius:50%;background:var(--base);color:var(--text-70);cursor:pointer;transition:all .2s ease}.slide-nav-btn:hover:not(:disabled){border-color:var(--text-40);color:var(--text-90);background:var(--background-5)}.slide-nav-btn:disabled{opacity:.4;cursor:not-allowed}.slide-indicators{display:flex;gap:var(--sizes-2);align-items:center}.slide-indicator{width:.75rem;height:.75rem;border-radius:50%;border:none;background:var(--text-20);cursor:pointer;transition:all .2s ease}.slide-indicator.active{background:var(--primary);transform:scale(1.2)}.slide-indicator:hover{background:var(--text-40)}.slide-indicator.active:hover{background:var(--primary-80)}.mobile-faq-list{width:100%;margin-top:var(--sizes-4)}.faq-container.body.mobile-slideshow .faq-item,.faq-container.body.mobile-slideshow .faq-item:first-child{display:none!important}.faq-container.body.mobile-slideshow .faq-item[open],.faq-container.body.mobile-slideshow .faq-item[style*="display: block"]{display:block!important}.faq-container.body.mobile-slideshow .faq-item[open] .faq-content-wrapper{height:auto!important;pointer-events:auto!important;opacity:1!important}.faq-container.body.mobile-slideshow .faq-summary:after{display:none!important}@media (max-width: 768px){.faq-visual-container{grid-template-columns:1fr;gap:var(--sizes-6)}.faq-visual{position:static;order:-1}.faq-body-container{grid-template-columns:1fr;gap:var(--sizes-4)}.faq-right-column{display:flex;flex-direction:column}.faq-left-column{max-width:var(--wrapper-max-width);margin:0 auto;padding:0 var(--wrapper-padding);gap:var(--wrapper-gap)}.faq-right-column .faq-visual-container{min-height:auto;padding:var(--sizes-4);flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;gap:0}.faq-container.body.mobile-slideshow .mobile-faq-list{height:auto!important;overflow:visible;padding:0;margin-top:var(--sizes-4)}.faq-container.body.mobile-slideshow .faq-item{margin-bottom:var(--sizes-4)}.faq-container.body.mobile-slideshow .faq-item[open]{display:block!important}.faq-container.body.mobile-slideshow .faq-item[open] .faq-content-wrapper{height:auto!important;pointer-events:auto!important;opacity:1!important;transition:none!important}.faq-container.body.mobile-slideshow .faq-summary{cursor:default;padding-bottom:var(--sizes-2)}.faq-container.body.mobile-slideshow .faq-summary:hover{color:var(--text-90);transform:none}}@media (max-width: 768px){.mobile-slideshow-controls{margin-top:var(--sizes-2);padding-top:var(--sizes-4);border-top:1px solid var(--text-10)}}figure.faq-visual{display:none;position:static;height:100%}.faq-visual-link{position:relative;display:block;text-decoration:none;color:inherit}.faq-visual-link-indicator{position:absolute;top:var(--sizes-4);right:var(--sizes-4);width:2.5rem;height:2.5rem;color:var(--primary-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--sizes-2);display:flex;align-items:center;justify-content:center;color:var(--text);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:10}.faq-visual-link:hover .faq-visual-link-indicator{opacity:1;transform:scale(1.05)}.faq-visual-link-indicator svg{width:16px;height:16px}.faq-card-link{position:relative;display:block;text-decoration:none;color:inherit}.faq-card-link .faq-card-visual{position:relative}.faq-card-link .faq-visual-link-indicator{position:absolute;top:var(--sizes-4);right:var(--sizes-4);width:2.5rem;height:2.5rem;background:var(--background-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--sizes-2);display:flex;align-items:center;justify-content:center;color:var(--text);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:10}.faq-card-link:hover .faq-visual-link-indicator{opacity:1;transform:scale(1.05)}.faq-card-link .faq-visual-link-indicator svg{width:16px;height:16px}.faq-mobile-card-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--sizes-8);align-items:start;max-width:var(--wrapper-max-width)}.faq-card-list{gap:var(--sizes-4);overflow-x:auto;padding:var(--sizes-2) 0;-webkit-overflow-scrolling:touch;width:calc(100vw + -0rem);display:flex;padding:2rem}.faq-card-list>div{display:flex;flex-direction:row;gap:1.2rem}.faq-card-list::-webkit-scrollbar{height:4px}.faq-card-list::-webkit-scrollbar-track{background:var(--text-10);border-radius:2px}.faq-card-list::-webkit-scrollbar-thumb{background:var(--text-30);border-radius:2px}.faq-card-list::-webkit-scrollbar-thumb:hover{background:var(--text-50)}.faq-card{flex:0 0 auto;max-width:27rem;background:var(--base);border-radius:var(--sizes-4);box-shadow:0 var(--sizes-2) var(--sizes-4) var(--text-alpha-10);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.faq-card:hover{transform:translateY(-2px);box-shadow:0 var(--sizes-4) var(--sizes-8) var(--text-alpha-15)}.faq-card.active{transform:translateY(-4px);box-shadow:0 var(--sizes-6) var(--sizes-12) var(--text-alpha-20)}.faq-card-visual{margin:0;position:relative}.faq-card-media{width:100%;height:200px;object-fit:cover}.faq-card-caption{bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:var(--sizes-6) var(--sizes-4) var(--sizes-4);border-radius:0 0 var(--sizes-3) var(--sizes-3)}.faq-card-caption .problem-indicator{background:var(--primary)}.faq-card-caption .caption-title{margin:0 0 var(--sizes-2) 0;font-weight:700!important}.faq-card-content{padding:var(--sizes-4);flex:1;display:flex;flex-direction:column}.faq-card-header{padding:var(--sizes-4) var(--sizes-6);background:linear-gradient(135deg,var(--primary-20),var(--accent-20));border-bottom:1px solid var(--text-10)}.faq-card-title{margin:0 0 var(--sizes-2) 0;color:var(--text-90);font-weight:900!important;color:var(--text-60);text-transform:uppercase!important;letter-spacing:.04rem!important}.faq-card-text{margin:0;color:var(--text-70);line-height:1.5}.faq-card-visual{margin:0}.faq-card-media{width:100%;height:200px;object-fit:cover;display:block}.faq-card-caption{padding:var(--sizes-6);background:var(--base);border-top:1px solid var(--text-10)}.faq-card-caption .problem-header{margin-bottom:var(--sizes-2)}.faq-card-caption .caption-title{margin:0 0 var(--sizes-2) 0;font-weight:700!important;color:var(--text-90)}.faq-card-caption .caption-description{margin:0;color:var(--text-70)}@media (max-width: 768px){.faq-mobile-card-container{grid-template-columns:1fr;gap:var(--sizes-4)}.faq-mobile-card-container .faq-visual-container>.faq-visuals-container{display:none}.faq-right-column .faq-visual-container{padding:var(--sizes-4);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--sizes-4);padding:0!important;background:transparent}.faq-card-list{margin-top:var(--sizes-4)}.faq-card,.faq-card-link{width:80%;max-width:24rem;display:inline-flex}.faq-card-link{flex:0 0 auto;width:100%}.faq-card-link .faq-card{flex:auto}.faq-card-media{height:180px}}details.faq-item{border-bottom:.1rem solid var(--text-15)}details.faq-item:last-child{border-bottom:none}details.faq-item .faq-title{line-height:3rem}.simple-faq .faq-container{padding:0}@media (min-width: 768px){.simple-faq.layout-section{width:50%}}
