:root{--faq-nav-width: 25%;--faq-content-width: 75%;--faq-nav-active: #000;--faq-nav-inactive: #999;--faq-transition: all .3s ease}.cleogene-faq-navigation{max-width:1200px;margin:0 auto}.cleogene-faq-header{text-align:center;margin-bottom:4rem}.cleogene-faq-title{margin-bottom:1rem;font-weight:600}.cleogene-faq-description{max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6;color:var(--faq-nav-text)}.cleogene-faq-container{position:relative;display:flex;gap:3rem;align-items:flex-start}.cleogene-faq-nav{position:sticky;top:120px;width:var(--faq-nav-width);padding:1.5rem;z-index:1}.cleogene-faq-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem}.cleogene-faq-nav-title{font-size:2.5rem!important;margin:0;color:var(--faq-nav-active)}.cleogene-faq-nav-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:var(--faq-transition)}.cleogene-faq-nav-toggle:hover{background:#0000001a}.cleogene-faq-nav-toggle svg{width:16px;height:16px}.cleogene-faq-nav-list{list-style:none;margin:0;padding:0}.cleogene-faq-nav-item{margin-bottom:.5rem}.cleogene-faq-nav-link{display:block;padding:.75rem 0;color:var(--faq-nav-inactive);text-decoration:none;transition:var(--faq-transition);font-weight:500}.cleogene-faq-nav-link:hover{color:var(--faq-nav-active)}.cleogene-faq-nav-link.active{color:var(--faq-nav-active);font-weight:600}.cleogene-faq-mobile-toggle{display:none!important}.cleogene-faq-content{width:var(--faq-content-width);flex:1}.cleogene-faq-section{margin-bottom:4rem;scroll-margin-top:120px}.cleogene-faq-section:last-child{margin-bottom:0}.cleogene-faq-section-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:var(--faq-nav-active)}.cleogene-faq-accordions{display:flex;flex-direction:column;gap:1rem}.cleogene-faq-accordion-item{transition:var(--faq-transition)}.cleogene-faq-accordion-item .accordion__title{font-weight:600;color:var(--faq-nav-active)}.cleogene-faq-accordion-item .accordion__content{color:var(--faq-nav-active);line-height:1.6}@media screen and (max-width: 1024px){.cleogene-faq-container{gap:2rem}.cleogene-faq-nav{width:30%}.cleogene-faq-content{width:70%}}@media screen and (max-width: 768px){:root{--faq-nav-width: 100%;--faq-content-width: 100%}.cleogene-faq-header{margin-bottom:2rem}.cleogene-faq-title{font-size:1.5rem}.cleogene-faq-description{font-size:1rem}.cleogene-faq-container{flex-direction:column;gap:0}.cleogene-faq-nav{display:none}.cleogene-faq-content{width:100%}.cleogene-faq-section{margin-bottom:2rem;scroll-margin-top:1rem}.cleogene-faq-section-title{font-size:1.5rem;margin-bottom:1.5rem}.cleogene-faq-accordions{gap:.75rem}}.cleogene-faq-overlay{display:none}@media (prefers-reduced-motion: no-preference){.cleogene-faq-nav-link{transition:all .2s ease}.cleogene-faq-accordion-item{transition:transform .2s ease,box-shadow .2s ease}.cleogene-faq-accordion-item:hover{transform:translateY(-1px)}}html{scroll-behavior:smooth}.cleogene-faq-nav-link:focus,.cleogene-faq-mobile-toggle:focus,.cleogene-faq-nav-toggle:focus{outline:2px solid var(--faq-nav-active);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion: no-preference){.scroll-trigger{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cleogene_faq_navigation.css.map */