.sano-faq{color:var(--color-text, #151616);background:var(--color-surface, #fff);border-top:1px solid var(--color-border, #dedfd9)}.sano-faq__container{width:min(100%,var(--layout-content-max, 82.5rem));margin-inline:auto;padding:clamp(3rem,5vw,4.5rem) var(--layout-gutter, 2.5rem);display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:clamp(1.75rem,3.5vw,3.5rem);align-items:start}.sano-faq__header{position:sticky;top:2rem}.sano-faq__eyebrow{margin:0 0 .625rem;display:flex;align-items:center;gap:.625rem;color:var(--color-text-muted, #5f625f);font-size:var(--font-size-label, .75rem);font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.sano-faq__eyebrow:before{width:1.75rem;height:1px;flex:0 0 auto;background:var(--color-accent-warm, #bf8529);content:"";transform-origin:left center}.sano-faq__heading{max-width:9ch;margin:0;color:inherit;font-family:var(--font-family-display, sans-serif);font-size:clamp(2.75rem,4.5vw,4.5rem);font-weight:400;letter-spacing:.01em;line-height:.92;text-transform:uppercase}.sano-faq__copy{max-width:28rem;margin-top:1rem;color:var(--color-text-muted, #5f625f);font-size:1rem;line-height:1.55}.sano-faq__copy>*:last-child{margin-bottom:0}.sano-faq__items{display:grid;gap:.5rem}.sano-faq__item{overflow:hidden;border:1px solid var(--color-border, #dedfd9);border-radius:.875rem;background:var(--color-surface, #fff);transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.sano-faq__summary{min-height:4.25rem;padding:1rem 3.25rem 1rem 1.125rem;position:relative;display:flex;align-items:center;color:inherit;cursor:pointer;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:700;line-height:1.35;list-style:none}.sano-faq__summary::-webkit-details-marker{display:none}.sano-faq__summary:focus-visible{outline:2px solid var(--color-primary, #eefb13);outline-offset:-3px}.sano-faq__icon{width:1.375rem;height:1.375rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.sano-faq__icon:before,.sano-faq__icon:after{content:"";position:absolute;left:50%;top:50%;width:1.125rem;height:2px;background:currentColor;transform:translate(-50%,-50%)}.sano-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .22s ease}.sano-faq__answer-wrap{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-.25rem);transition:grid-template-rows .22s ease,opacity .18s ease,transform .22s ease}.sano-faq__answer{min-height:0;max-width:44rem;overflow:hidden;padding:0 3.25rem 0 1.125rem;color:var(--color-text-muted, #5f625f);font-size:.9375rem;line-height:1.55}.sano-faq__answer>*{margin-top:0}.sano-faq__answer>*:last-child{margin-bottom:0}.sano-faq:not(.is-faq-enhanced) .sano-faq__item[open],.sano-faq.is-faq-enhanced .sano-faq__item.is-expanded{border-color:#bf85296b;background:#fdfcf8;box-shadow:0 .5rem 1.5rem #1516160b}.sano-faq:not(.is-faq-enhanced) .sano-faq__item[open] .sano-faq__icon:after,.sano-faq.is-faq-enhanced .sano-faq__item.is-expanded .sano-faq__icon:after{transform:translate(-50%,-50%) rotate(0)}.sano-faq:not(.is-faq-enhanced) .sano-faq__item[open] .sano-faq__answer-wrap,.sano-faq.is-faq-enhanced .sano-faq__item.is-expanded .sano-faq__answer-wrap{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.sano-faq:not(.is-faq-enhanced) .sano-faq__item[open] .sano-faq__answer,.sano-faq.is-faq-enhanced .sano-faq__item.is-expanded .sano-faq__answer{padding-bottom:1.125rem}.sano-faq.is-motion-ready .sano-faq__eyebrow:before{transform:scaleX(0)}.sano-faq.is-motion-ready .sano-faq__items{opacity:0;transform:translateY(.3125rem)}.sano-faq.is-motion-ready.is-revealed .sano-faq__eyebrow:before{transform:scaleX(1);transition:transform .56s ease-out}.sano-faq.is-motion-ready.is-revealed .sano-faq__items{opacity:1;transform:translateY(0);transition:opacity .52s ease 80ms,transform .52s ease 80ms}@media(hover:hover)and (pointer:fine){.sano-faq__item:hover{border-color:#bf852959;background:#fdfcf8}}@media(max-width:799px){.sano-faq__container{grid-template-columns:minmax(0,1fr);gap:1.5rem}.sano-faq__header{position:static}.sano-faq__heading{max-width:12ch}}@media(max-width:599px){.sano-faq__container{padding:2.5rem 1.25rem}.sano-faq__eyebrow{margin-bottom:.5rem;font-size:.6875rem}.sano-faq__eyebrow:before{width:1.25rem}.sano-faq__heading{font-size:2rem;line-height:1.02}.sano-faq__copy{margin-top:.75rem;font-size:.9375rem;line-height:1.5}.sano-faq__summary{min-height:3.75rem;padding:.875rem 3rem .875rem 1rem;font-size:1rem;font-weight:650;line-height:1.3}.sano-faq__icon{width:1.25rem;height:1.25rem;right:1rem}.sano-faq__answer{padding-right:3rem;padding-left:1rem;font-size:.875rem;line-height:1.5}.sano-faq:not(.is-faq-enhanced) .sano-faq__item[open] .sano-faq__answer,.sano-faq.is-faq-enhanced .sano-faq__item.is-expanded .sano-faq__answer{padding-bottom:.875rem}}@media(max-width:374px){.sano-faq__heading{font-size:1.875rem}}@media(prefers-reduced-motion:reduce){.sano-faq__item,.sano-faq__icon:after,.sano-faq__answer-wrap,.sano-faq__eyebrow:before,.sano-faq__items{animation:none;transition:none}.sano-faq.is-motion-ready .sano-faq__eyebrow:before,.sano-faq.is-motion-ready .sano-faq__items{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-sano-faq.css.map */