.frj-faq{--frj-faq-offset: 8px;background-color:var(--frj-bg);interpolate-size:allow-keywords;scroll-margin-block-start:var(--header-height, 0px)}.frj-faq__inner{display:grid;gap:var(--frj-space-32);padding-block:var(--frj-space-64)}.frj-faq__media{padding-right:var(--frj-faq-offset);padding-bottom:var(--frj-faq-offset)}.frj-faq__image{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:343 / 353;border:2px solid var(--frj-brand);border-radius:var(--frj-radius-16);object-fit:cover;box-shadow:var(--frj-faq-offset) var(--frj-faq-offset) 0 0 var(--frj-brand)}.frj-faq__col{display:flex;flex-direction:column;align-items:stretch;gap:var(--frj-space-32)}.frj-faq__title{margin:0;color:var(--frj-brand);font-family:var(--frj-font);font-size:var(--frj-fs-h2);font-weight:var(--frj-fw-black);line-height:var(--frj-lh-h2);letter-spacing:var(--frj-ls-h2);text-align:center;text-transform:uppercase}.frj-faq__list{display:flex;flex-direction:column;gap:var(--frj-space-8);width:100%}.frj-faq__more{display:grid;grid-template-rows:0fr;width:100%;margin-block-start:calc(var(--frj-space-32) * -1);transition:grid-template-rows .3s ease}.frj-faq__more-inner{overflow:hidden;min-height:0;visibility:hidden;transition:visibility .3s}.frj-faq__more-inner .frj-faq__list{padding-block-start:var(--frj-space-8)}.frj-faq__col:has(.frj-faq__cta[aria-expanded=true]) .frj-faq__more{grid-template-rows:1fr}.frj-faq__col:has(.frj-faq__cta[aria-expanded=true]) .frj-faq__more-inner{visibility:visible}.frj-faq__cta-less,.frj-faq__cta[aria-expanded=true] .frj-faq__cta-more{display:none}.frj-faq__cta[aria-expanded=true] .frj-faq__cta-less{display:inline}.frj-faq__item{border:2px solid var(--frj-bg-tint);border-radius:var(--frj-radius-16);background-color:transparent;transition:background-color .25s ease,border-color .25s ease}.frj-faq__item[open],.frj-faq__item:hover{border-color:var(--frj-brand)}.frj-faq__item[open]{background-color:#fff}.frj-faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--frj-space-16);box-sizing:border-box;min-height:60px;padding:var(--frj-space-16) var(--frj-space-24);color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-label-l);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label);cursor:pointer;list-style:none}.frj-faq__question::-webkit-details-marker{display:none}.frj-faq__question:hover{color:var(--frj-text)}.frj-faq__question:focus-visible{outline:2px solid var(--frj-brand);outline-offset:-2px;border-radius:var(--frj-radius-16)}.frj-faq__toggle{position:relative;flex:none;width:18px;height:18px}.frj-faq__toggle:before,.frj-faq__toggle:after{content:"";position:absolute;background-color:currentcolor}.frj-faq__toggle:before{inset-inline:0;top:calc(50% - 1px);height:2px}.frj-faq__toggle:after{inset-block:0;left:calc(50% - 1px);width:2px;transition:opacity .2s ease,rotate .2s ease}.frj-faq__item[open] .frj-faq__toggle:after{opacity:0;rotate:90deg}.frj-faq__answer{padding:0 var(--frj-space-24) var(--frj-space-16);color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-body);font-weight:var(--frj-fw-regular);line-height:var(--frj-lh-body)}.frj-faq__answer>:first-child{margin-top:0}.frj-faq__answer>:last-child{margin-bottom:0}.frj-faq__item::details-content{display:block;block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}.frj-faq__item[open]::details-content{block-size:auto}@media(prefers-reduced-motion:reduce){.frj-faq__item,.frj-faq__item::details-content,.frj-faq__toggle:after,.frj-faq__more,.frj-faq__more-inner{transition:none}}@media screen and (min-width:990px){.frj-faq{--frj-faq-offset: 16px}.frj-faq__inner{grid-template-columns:560fr 624fr;align-items:start;gap:var(--frj-space-96);padding-block:var(--frj-space-96)}.frj-faq__image{aspect-ratio:560 / 660;border-radius:var(--frj-radius-24)}.frj-faq__col{align-items:flex-start}.frj-faq__title{font-size:var(--frj-fs-h1);line-height:var(--frj-lh-h1);letter-spacing:var(--frj-ls-h1);text-align:start}.frj-faq__media{position:sticky;top:calc(var(--header-height, 60px) + var(--frj-space-32))}.frj-faq__question{min-height:64px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frooji-faq.css.map */