.product-faq{background:inherit;margin:0}.faq__wrapper *{letter-spacing:0;margin:0;padding:0}.faq__wrapper{display:flex;flex-direction:column;gap:24px}.faq__text-content{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:14px;text-align:center}.faq__questions{width:100%;height:fit-content;display:flex;gap:12px;flex-direction:column;margin-left:auto;margin-right:auto}.faq__question{padding:18px;position:relative;height:fit-content;border:1px solid #000}.question__text p{max-width:90%;display:flex;letter-spacing:var(--button-letter-spacing);align-items:center;padding-right:24px;color:rgba(var(--text-color))}.question__text p svg{position:absolute;width:24px;height:24px;right:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.faq__question input[type=checkbox]:checked+.question__text p svg{transform:rotate(180deg)}.faq__question input[type=checkbox]:checked+.question__text p svg path:last-child{display:none}.question__answer,.question__richtext-answer{display:grid;grid-template-rows:0fr;opacity:.5;transition:all .3s ease;padding-right:10px}.question__richtext-content,.question__answer div.metafield-rich_text_field{overflow:hidden}.question__answer p{font-size:16px;overflow:hidden;transition:all .3s ease;color:rgba(var(--text-color))}.question__richtext-content *{transition:all .3s ease;color:rgba(var(--text-color))}.question__richtext-content ul{list-style:inside}.question__richtext-content strong{font-weight:700}.faq__question input[type=checkbox]{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:2;cursor:pointer;height:100%;width:100%;opacity:0}.faq__question input[type=checkbox]:checked+.question__text+.question__answer,.faq__question input[type=checkbox]:checked+.question__text+.question__richtext-answer{grid-template-rows:1fr;opacity:1}.faq__question input[type=checkbox]:checked+.question__text+.question__answer p,.faq__question input[type=checkbox]:checked+.question__text+.question__richtext-answer{padding-top:20px}@media screen and (min-width: 1024px){.faq__questions{width:80%}.question__richtext-content *{font-size:16px}}@media screen and (max-width: 767px){.faq__question{padding:12px}.faq__question input[type=checkbox]:checked+.question__text+.question__answer p,.faq__question input[type=checkbox]:checked+.question__text+.question__richtext-answer{padding-top:14px}.question__text p{padding-right:12px;font-size:14px;letter-spacing:.05em}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-faq.css.map */
