.faq-page{--faq-navy: var(--color-base-primary-text-1);--faq-cream: var(--color-base-primary-background);display:block;color:rgb(var(--faq-navy))}.faq-tone--pink{--faq-tile: var(--color-base-background-modal)}.faq-tone--lime{--faq-tile: var(--color-base-alt-background-1)}.faq-tone--orange{--faq-tile: var(--color-base-primary-text-2)}.faq-tone--navy{--faq-tile: var(--faq-navy)}.faq-tone--cream{--faq-tile: var(--faq-cream)}.faq-photo{overflow:hidden;aspect-ratio:4 / 3;background:#fff}.faq-photo__img{display:block;width:100%;height:100%;object-fit:cover}.faq-photos .faq-photo{aspect-ratio:4 / 5}.faq-page .page-template{margin-bottom:.3125rem}.faq-intro{position:relative;margin-top:-.5rem;margin-bottom:1.75rem;text-align:center}.faq-intro__subtitle{margin:0 0 .875rem;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1rem)}.faq-search{max-width:26rem;margin:0 auto}.faq-search__input{width:100%;min-height:2.75rem;padding:0 1.125rem;border:1.5px solid rgb(var(--faq-navy));border-radius:.25rem;background:#fff;color:rgb(var(--faq-navy));font-family:var(--font-body-family);font-size:.9375rem}.faq-search__input::placeholder{color:rgba(var(--faq-navy),.6);opacity:1}.faq-search__input:focus-visible{outline:2px solid rgb(var(--faq-navy));outline-offset:3px}.faq-search__status{min-height:1.25rem;margin:.5rem 0 0;font-size:.875rem;line-height:1.25rem}.faq-body{display:flex;flex-direction:column;gap:2rem}.faq-cat{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"head ." "list media";align-items:start;gap:1.75rem 3rem;padding:3rem;border:1.5px solid rgb(var(--faq-navy));border-top:6px solid rgb(var(--faq-tile));border-radius:.25rem;color:rgb(var(--faq-navy))}.faq-cat--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-areas:". head" "media list"}.faq-cat--no-media,.faq-cat--no-media.faq-cat--flip{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "list"}.faq-cat[hidden]{display:none}.faq-cat__head{grid-area:head}.faq-cat__media{grid-area:media;position:sticky;top:6rem}.faq-cat__media--pair{display:grid;gap:1rem}.faq-cat__title{margin:0;color:inherit;font-size:calc(var(--font-heading-scale) * 3rem);line-height:1}.faq-cat__intro{margin:.75rem 0 0;font-size:1.0625rem}.faq-cat__list{display:flex;flex-direction:column;gap:.75rem;grid-area:list}.faq-q{border:1px solid rgba(var(--faq-navy),.15);border-radius:.25rem;background:#fff;color:rgb(var(--faq-navy));transition:transform .2s ease,box-shadow .2s ease}.faq-q[hidden]{display:none}.faq-q:hover{box-shadow:inset 0 0 0 1.5px rgba(var(--faq-navy),.35)}.faq-q__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.25rem 1.125rem 1.5rem;cursor:pointer;list-style:none}.faq-q__summary::-webkit-details-marker{display:none}.faq-q__summary:focus-visible{outline:2px solid rgb(var(--faq-navy));outline-offset:3px;border-radius:.25rem}.faq-q__question{font-family:var(--font-body-family);font-size:1rem;font-weight:700;line-height:1.35}.faq-q__icon{position:relative;flex:none;width:1.5rem;height:1.5rem;transition:transform .25s ease}.faq-q__icon:before,.faq-q__icon:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:2px;border-radius:2px;background:rgb(var(--faq-navy));transform:translate(-50%,-50%);transition:background-color .25s ease}.faq-q__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-q[open] .faq-q__icon{transform:rotate(45deg)}.faq-q__answer{max-width:42rem;padding:0 1.5rem 1.25rem}.faq-q__answer .rte{margin:0}.faq-q__answer .rte p{margin:0 0 .625rem;color:rgb(var(--faq-navy));font-family:var(--font-body-family);font-size:.875rem;font-weight:400;line-height:1.6}.faq-q__answer .rte p:last-child{margin-bottom:0}.faq-q[open] .faq-q__answer{animation:faq-reveal .3s ease}.faq-q__answer .rte a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}@keyframes faq-reveal{0%{opacity:0;transform:translateY(-.5rem)}}.faq-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin:1.25rem 0 0;padding:0;list-style:none}.faq-product{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:.75rem;border-radius:.25rem;background:#fff;color:rgb(var(--faq-navy));text-decoration:none;transition:transform .2s ease}.faq-product:hover{transform:translateY(-2px)}.faq-product__img{display:block;aspect-ratio:1;margin-bottom:.25rem}.faq-product__img img{width:100%;height:100%;object-fit:contain}.faq-product__title{font-size:.75rem;font-weight:700;line-height:1.3}.faq-product__price{font-size:.75rem}.faq-photos{margin:1rem 0}.faq-photos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.faq-photos__caption{margin-top:1.5rem;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 2rem);line-height:1.15;text-align:center}.faq-page.is-searching .faq-photos,.faq-page.is-searching .faq-cat__media{display:none}.faq-page.is-searching .faq-cat{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "list"}.faq-empty{padding:3rem 2rem;border:1.5px dashed rgb(var(--faq-navy));border-radius:.5rem;text-align:center;font-size:1.125rem}.faq-empty[hidden]{display:none}.faq-empty__title{margin:0 0 .5rem;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 2rem)}@media(prefers-reduced-motion:reduce){.faq-q,.faq-q__icon,.faq-product{transition:none}.faq-q[open] .faq-q__answer{animation:none}}@media screen and (max-width:989px){.faq-cat,.faq-cat--flip{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "media" "list";padding:2rem 1.5rem}.faq-cat--no-media,.faq-cat--no-media.faq-cat--flip{grid-template-areas:"head" "list"}.faq-cat__media{position:static;justify-self:center;width:100%;max-width:22rem}.faq-cat__media--pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem}.faq-cat__media{margin-top:.5rem}.faq-cat__title{font-size:calc(var(--font-heading-scale) * 2.25rem)}}@media screen and (max-width:749px){.faq-cat{padding:1.75rem 1rem 1rem}.faq-cat__media{max-width:18rem}.faq-cat__media--pair{max-width:none;gap:.625rem}.faq-q__summary{padding:1rem 1rem 1rem 1.25rem}.faq-q__question{font-size:.9375rem}.faq-q__answer{padding:0 1.25rem 1.125rem}.faq-products{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-photos__grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.faq-photos__caption{margin-top:1.5rem;font-size:calc(var(--font-heading-scale) * 1.5rem)}}.shopify-section:has(faq-page)~.shopify-section .contact-template__box{--color-background: var(--color-base-primary-text-1);--color-foreground: var(--color-base-primary-background);--color-link: var(--color-base-alt-background-1);--color-button: var(--color-base-alt-background-1);--color-button-text: var(--color-base-primary-text-1);border-radius:.5rem}.shopify-section:has(faq-page)~.shopify-section .contact-template__header h2{color:rgb(var(--color-base-alt-background-1))}.shopify-section:has(faq-page)~.shopify-section .field-wrapper__input{border-color:transparent;background-color:rgb(var(--color-base-primary-background));color:rgb(var(--color-base-primary-text-1))}.shopify-section:has(faq-page)~.shopify-section .contact-template__box .btn--small{color:rgb(var(--color-base-primary-text-1))}.shopify-section:has(faq-page)~.shopify-section .contact-info a,.shopify-section:has(faq-page)~.shopify-section .contact-info p,.shopify-section:has(faq-page)~.shopify-section .contact-info .icon{color:rgb(var(--color-base-primary-background))}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-faq-page.css.map */