.faq-section{width:100%;padding:var(--spacing-32) var(--spacing-20);margin:0 auto;background-color:transparent}.faq-section__content{max-width:1256px;width:100%;margin:0 auto;display:flex;gap:var(--spacing-10);align-items:flex-start;justify-content:center}.faq-section__details-container{display:flex;flex-direction:column;gap:var(--spacing-12);align-items:flex-start;flex-shrink:0}.faq-section__title{font-family:var(--family-Display);font-weight:var(--weight-normal);font-size:var(--Display-h1);line-height:110%;letter-spacing:.52px;color:var(--Neutral-White);margin:0;text-align:left;white-space:nowrap}.faq-section__illustration{display:flex;align-items:center;justify-content:center;position:relative}.faq-section__turtle{width:456px;height:auto;display:block;visibility:hidden;opacity:0;background-color:transparent}.faq-section__turtle svg{background-color:transparent}.faq-section__accordions{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1;min-width:0}.faq-section__accordion{background-color:var(--Neutral-White);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.faq-section__accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);padding:var(--spacing-5) var(--spacing-4) var(--spacing-5) var(--spacing-6);background-color:transparent;border:none;cursor:pointer;text-align:left}.faq-section__accordion-button:hover{background-color:var(--Neutral-White)}.faq-section__accordion-title{font-family:var(--family-Body);font-weight:var(--weight-extrabold);font-size:20px;line-height:1.2;letter-spacing:-.4px;color:var(--Blu-Blu-500);flex:1;min-width:0}.faq-section__accordion-icon{width:24px;height:24px;flex-shrink:0;transition:transform .3s ease;display:block}.faq-section__accordion-button:hover .faq-section__accordion-icon{transform:scale(1.1)}.faq-section__accordion[data-faq-open] .faq-section__accordion-icon{transform:rotate(180deg)}.faq-section__accordion[data-faq-open] .faq-section__accordion-button:hover .faq-section__accordion-icon{transform:rotate(180deg) scale(1.1)}.faq-section__accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 var(--spacing-6)}.faq-section__accordion[data-faq-open] .faq-section__accordion-content{padding:0 var(--spacing-6) var(--spacing-5)}.faq-section__accordion-text{font-family:var(--family-Body);font-weight:var(--weight-normal);font-size:var(--Body-Body-M);line-height:160%;color:var(--Blu-Blu-500);margin:0;padding-bottom:var(--spacing-5)}@media (max-width: 1536px){.faq-section__content{max-width:1136px}.faq-section__title{font-size:var(--Display-h2);letter-spacing:.48px}}@media (max-width: 1024px){.faq-section{padding:var(--spacing-20) var(--spacing-10)}.faq-section__content{gap:var(--spacing-8)}.faq-section__turtle{width:350px}}@media (max-width: 768px){.faq-section{padding:var(--spacing-14) var(--spacing-5)}.faq-section__content{flex-direction:column;gap:var(--spacing-10);align-items:center;max-width:100%}.faq-section__details-container{width:100%;align-items:center;text-align:center;gap:var(--spacing-12)}.faq-section__title{font-size:var(--Display-h2);letter-spacing:.48px;text-align:center;white-space:normal}.faq-section__illustration{width:100%;justify-content:center}.faq-section__turtle{width:284px;height:auto}.faq-section__accordions{width:100%;gap:var(--spacing-4)}.faq-section__accordion-button{padding:var(--spacing-3_5) var(--spacing-4) var(--spacing-3_5) var(--spacing-3);gap:var(--spacing-8)}.faq-section__accordion-title{font-size:20px}.faq-section__accordion-content{padding:0 var(--spacing-3)}.faq-section__accordion[data-faq-open] .faq-section__accordion-content{padding:0 var(--spacing-3) var(--spacing-4)}}.faq-section__banner{display:flex;padding:var(--spacing-4);flex-direction:column;align-items:center;gap:var(--spacing-1);border-radius:var(--xl, 12px);background:var(--Orange-Orange-200, #F6C485);width:100%;max-width:1256px;margin:var(--spacing-20) auto 0}.faq-section__banner-label{color:var(--Orange-Orange-800, #8D5209);text-align:center;font-family:var(--family-Display, "Cal Sans");font-size:var(--Display-h4, 21px);font-style:normal;font-weight:var(--weight-normal, 600);line-height:120%;letter-spacing:.84px}.faq-section__banner-description{color:var(--Orange-Orange-800, #8D5209);text-align:center;font-family:var(--family-Body, Onest);font-size:var(--Body-Body-M, 18px);font-style:normal;font-weight:var(--weight-normal, 700);line-height:160%;max-width:85ch}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dot-css-section-faq.css.map */
