.pp-sleep .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,9vw,140px)}.pp-sleep .faq-intro{position:sticky;top:40px;align-self:start}.pp-sleep .faq-intro>p:not(.eyebrow){max-width:430px;color:var(--muted)}.pp-sleep .faq-list{border-top:1px solid var(--line)}.pp-sleep .faq-list details{border-bottom:1px solid var(--line)}.pp-sleep .faq-list summary{display:grid;grid-template-columns:1fr 24px;gap:20px;padding:25px 0;font-size:1.68rem;font-weight:750;cursor:pointer;list-style:none}.pp-sleep .faq-list summary:after{content:"+";font-weight:400}.pp-sleep .faq-list details[open] summary:after{content:"\2212"}.pp-sleep .faq-list details p{max-width:720px;margin:-7px 40px 26px 0;color:var(--muted)}@media(max-width:760px){.pp-sleep .faq-layout{grid-template-columns:1fr;gap:35px}.pp-sleep .faq-intro{position:static}}.pp-sleep .faq-list{border-color:var(--sleep-line)}.pp-sleep .faq-list details{border-color:var(--sleep-line)}.pp-sleep .faq-list details p{color:var(--sleep-ink-70)}.pp-sleep .sleep-faq-section .faq-list{counter-reset:none}.pp-sleep .sleep-faq-section .faq-list details{counter-increment:none}.pp-sleep .sleep-faq-section .faq-list summary{grid-template-columns:minmax(0,1fr) 24px}.pp-sleep .sleep-faq-section .faq-list details p{margin-left:18px}.pp-sleep .sleep-faq-section{padding-block:clamp(82px,8vw,112px);background:#fbfaf7}.pp-sleep .sleep-faq-section .faq-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(46px,7vw,96px)}.pp-sleep .sleep-faq-section .faq-intro{position:static}.pp-sleep .sleep-faq-section .faq-list{display:grid;gap:10px;border-top:0}.pp-sleep .sleep-faq-section .faq-list details{overflow:hidden;background:var(--paper);border:1px solid rgba(38,19,101,.12);border-radius:14px}.pp-sleep .sleep-faq-section .faq-list summary{padding:20px 22px;font-size:1.504rem}.pp-sleep .sleep-faq-section .faq-list details p{margin:-3px 54px 21px 22px;font-size:1.344rem;line-height:1.55}@media(max-width:980px){.pp-sleep .sleep-faq-section .faq-layout{grid-template-columns:1fr}}@media(max-width:760px){.pp-sleep .sleep-faq-section{padding-block:68px}.pp-sleep .sleep-faq-section .faq-layout{gap:30px}.pp-sleep .sleep-faq-section .faq-list summary{padding:18px 17px;font-size:1.424rem}.pp-sleep .sleep-faq-section .faq-list details p{margin:-2px 38px 19px 17px;font-size:1.28rem}}.pp-sleep .sleep-faq-section{padding-block:clamp(68px,7vw,94px);background:linear-gradient(135deg,rgba(238,236,248,.46),transparent 38%),#fbfaf7}.pp-sleep .sleep-faq-section .faq-layout{grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:clamp(42px,7vw,94px)}.pp-sleep .sleep-faq-section .faq-intro{position:sticky;top:28px}.pp-sleep .sleep-faq-section .faq-intro .eyebrow{color:var(--sleep-base)}.pp-sleep .sleep-faq-section .faq-intro h2{max-width:470px;margin-bottom:18px}.pp-sleep .sleep-faq-section .faq-list{display:grid;gap:8px;border:0}.pp-sleep .sleep-faq-section .faq-list details{overflow:hidden;background:#ffffffe0;border:1px solid rgba(38,19,101,.1);border-radius:15px;transition:background-color .2s ease,border-color .2s ease}.pp-sleep .sleep-faq-section .faq-list details[open]{background:#f2f0f8;border-color:#2613652b}.pp-sleep .sleep-faq-section .faq-list summary{min-height:62px;grid-template-columns:minmax(0,1fr) 22px;gap:12px;align-items:center;padding:16px 18px;font-size:1.408rem;line-height:1.28}.pp-sleep .sleep-faq-section .faq-list summary:before{display:none;content:none}.pp-sleep .sleep-faq-section .faq-list summary:after{width:22px;height:22px;display:grid;place-items:center;color:var(--sleep-base);background:var(--sleep-accent);border-radius:50%;font-size:1.36rem}.pp-sleep .sleep-faq-section .faq-list details p{margin:-3px 52px 18px 18px;color:var(--sleep-ink-70);font-size:1.248rem;line-height:1.55}@media(max-width:760px){.pp-sleep .sleep-faq-section{padding-block:54px}.pp-sleep .sleep-faq-section .faq-layout{grid-template-columns:1fr;gap:26px}.pp-sleep .sleep-faq-section .faq-intro{position:static}.pp-sleep .sleep-faq-section .faq-intro h2{font-size:clamp(3.76rem,11vw,4.88rem)}.pp-sleep .sleep-faq-section .faq-list{gap:7px}.pp-sleep .sleep-faq-section .faq-list summary{min-height:58px;grid-template-columns:minmax(0,1fr) 22px;gap:9px;padding:14px 13px;font-size:1.248rem}.pp-sleep .sleep-faq-section .faq-list details p{margin:-1px 38px 16px 13px;font-size:1.152rem}}.pp-sleep .sleep-faq-section .faq-list summary:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--sleep-base);border-radius:13px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/pp-sleep-faq.css.map */