.faq-redesign{padding-top:66px;padding-bottom:72px}
.faq-redesign-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:52px;align-items:start;padding:38px 42px;border:1px solid #edf1f2;border-radius:22px;background:linear-gradient(135deg,#fbfdfd 0%,#fff 58%);box-shadow:0 18px 44px rgba(25,45,44,.05)}
.faq-intro{position:sticky;top:24px;padding:4px 0}
.faq-intro>span{display:inline-block;margin-bottom:14px;color:var(--storefront-primary);font:700 12px/1.2 var(--font-display);letter-spacing:1px;text-transform:uppercase}
.faq-intro h2{max-width:320px;margin:0 0 14px;font:700 38px/1.06 var(--font-display);letter-spacing:-.6px;text-transform:none}
.faq-intro p{max-width:320px;margin:0;color:var(--storefront-muted);font-size:14px;line-height:1.6}
.faq-support-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 17px;border:1px solid var(--storefront-primary);border-radius:999px;color:var(--storefront-primary-dark);font-weight:700;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.faq-support-link b{font-size:17px;line-height:1;transition:transform .18s ease}
.faq-support-link:hover{background:var(--storefront-primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(1,164,158,.14)}
.faq-support-link:hover b{transform:translateX(3px)}
.faq-list{display:grid;gap:10px}
.faq-list details{position:relative;min-height:64px;padding:0 20px;border:1px solid #e8eeee;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.faq-list details:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background-color .18s ease}
.faq-list details[open]{border-color:#bfe5e2;background:#f9fdfc;box-shadow:0 10px 26px rgba(1,164,158,.06)}
.faq-list details[open]:before{background:var(--storefront-primary)}
.faq-list summary{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:16px;list-style:none;cursor:pointer;color:var(--storefront-text);font:700 15px/1.35 var(--font-body)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary i{position:relative;width:32px;height:32px;border-radius:50%;background:#f2f8f7;justify-self:end;transition:background-color .18s ease,transform .18s ease}
.faq-list summary i:before,.faq-list summary i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:var(--storefront-primary);transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease}
.faq-list summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-list details[open] summary i{background:var(--storefront-primary)}
.faq-list details[open] summary i:before,.faq-list details[open] summary i:after{background:#fff}
.faq-list details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.faq-list details p{margin:-2px 48px 17px 0;color:var(--storefront-muted);font-size:14px;line-height:1.55}
@media(max-width:1060px){.faq-redesign-layout{grid-template-columns:1fr;gap:30px;padding:32px}.faq-intro{position:static}.faq-intro h2,.faq-intro p{max-width:680px}}
@media(max-width:760px){.faq-redesign{padding-top:48px;padding-bottom:54px}.faq-redesign-layout{gap:24px;padding:22px 16px;border-radius:16px}.faq-intro{padding:0 4px}.faq-intro h2{font-size:30px}.faq-intro p{font-size:14px}.faq-support-link{margin-top:20px}.faq-list{gap:9px}.faq-list details{padding:0 14px}.faq-list summary{min-height:60px;grid-template-columns:minmax(0,1fr) 30px;font-size:14px}.faq-list summary i{width:30px;height:30px}.faq-list details p{margin:-2px 40px 16px 0;font-size:13px}}
