.product-faq{inline-size:min(100%,1600px);max-inline-size:100%;margin:var(--product-serum-section-gap, clamp(1.6rem, 2.4vw, 3.2rem)) auto;color:var(--product-faq-text, rgb(var(--color-foreground)));background:var(--product-faq-background, rgb(var(--color-background)));overflow-x:clip}.template-product-serum-hoeny-glow .product-faq{margin-block:clamp(2.4rem,3vw,4rem)}@media screen and (max-width:749px){.template-product-serum-hoeny-glow .product-faq{margin-block:clamp(2rem,5.5vw,2.8rem)}}.product-faq__inner{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);min-block-size:clamp(56rem,50vw,78rem);background:var(--product-faq-background, rgb(var(--color-background)))}.product-faq__inner--image-left .product-faq__media{order:1}.product-faq__inner--image-left .product-faq__content{order:2}.product-faq__inner--no-image{grid-template-columns:1fr}.product-faq__inner--no-image .product-faq__content{order:initial}.product-faq__content{display:grid;align-items:center;min-inline-size:0;padding:clamp(3.2rem,5vw,7.2rem) clamp(1.6rem,2.8vw,3.2rem)}.product-faq__copy{display:grid;gap:clamp(2.8rem,3.4vw,5.2rem);inline-size:100%;min-inline-size:0}.product-faq__header{display:grid;gap:.4rem}.product-faq__heading,.product-faq__intro{margin:0;color:currentColor}.product-faq__heading{font-size:clamp(5.2rem,5.8vw,9rem);line-height:.9;font-weight:400;letter-spacing:0;text-transform:uppercase}.product-faq__intro{color:var(--product-faq-muted, currentColor);font-size:clamp(1.7rem,1.45vw,2.4rem);line-height:1.25;font-weight:400}.product-faq__items{display:grid}.product-faq__item{border-block-start:.1rem solid var(--product-faq-line, rgba(var(--color-foreground), .18))}.product-faq__item:last-child{border-block-end:.1rem solid var(--product-faq-line, rgba(var(--color-foreground), .18))}.product-faq__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem;min-block-size:clamp(5.2rem,5vw,7.2rem);padding:1.4rem 0;color:currentColor;cursor:pointer;list-style:none}.product-faq__question{min-inline-size:0;color:currentColor;font-size:clamp(1.35rem,1.22vw,1.9rem);line-height:1.22;font-weight:800;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.product-faq__icon{display:inline-grid;place-items:center;inline-size:1.8rem;block-size:1.8rem;color:var(--product-faq-muted, currentColor);font-size:1.8rem;line-height:1;font-weight:800;transition:transform .18s ease}.product-faq__item details[open] .product-faq__icon{transform:rotate(45deg)}.product-faq__answer{max-inline-size:78rem;margin:-.4rem 0 clamp(1.8rem,2vw,2.8rem);color:var(--product-faq-muted, currentColor);font-size:clamp(1.4rem,1.16vw,1.85rem);line-height:1.5}.product-faq__media{min-inline-size:0;overflow:hidden;background:rgba(var(--color-foreground),.04)}.product-faq__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--product-faq-image-position, center center);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.product-faq--empty{padding:4rem 2rem;text-align:center}[dir=rtl] .product-faq__content,[dir=rtl] .product-faq__header,[dir=rtl] .product-faq__summary,[dir=rtl] .product-faq__answer{direction:rtl;text-align:start}[dir=rtl] .product-faq__summary{grid-template-columns:minmax(0,1fr) auto}@media screen and (max-width:989px){.product-faq__inner{grid-template-columns:1fr;min-block-size:auto}.product-faq__content,.product-faq__inner--image-left .product-faq__content,.product-faq__inner--no-image .product-faq__content{order:1}.product-faq__media,.product-faq__inner--image-left .product-faq__media{order:2}.product-faq__content{padding:clamp(3.2rem,8vw,5.6rem) 2rem}.product-faq__media{aspect-ratio:4 / 5}.product-faq__heading{font-size:clamp(4.6rem,18vw,7rem)}.product-faq__intro{font-size:clamp(1.55rem,4.3vw,1.9rem)}.product-faq__summary{min-block-size:5.6rem}.product-faq__question{font-size:clamp(1.25rem,3.7vw,1.55rem)}.product-faq__answer{font-size:clamp(1.35rem,3.8vw,1.6rem)}.template-product-serum-hoeny-glow .product-faq__media,.template-product-serum-hoeny-glow .product-faq__inner--image-left .product-faq__media{order:1}.template-product-serum-hoeny-glow .product-faq__content,.template-product-serum-hoeny-glow .product-faq__inner--image-left .product-faq__content,.template-product-serum-hoeny-glow .product-faq__inner--no-image .product-faq__content{order:2}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-product-faq.css.map */