.hapo-website-care-faq{position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;padding:8px 24px 110px;background:radial-gradient(ellipse 48% 48% at 7% 100%,rgba(75,229,207,.2),transparent 76%),radial-gradient(ellipse 46% 55% at 91% 91%,rgba(125,239,189,.2),transparent 74%),linear-gradient(180deg,#fff 0%,#fcfefe 48%,#f3fbf9 100%);color:#101113;font-family:Manrope,Arial,sans-serif}
.hapo-website-care-faq *{box-sizing:border-box}
.hapo-website-care-faq--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-website-care-faq::before,.hapo-website-care-faq::after{position:absolute;z-index:-1;bottom:-32%;width:48vw;height:48vw;max-width:720px;max-height:720px;border-radius:50%;filter:blur(70px);opacity:.58;content:"";pointer-events:none;animation:hapo-care-faq-drift 15s ease-in-out infinite alternate}
.hapo-website-care-faq::before{left:-17%;background:radial-gradient(circle,rgba(45,218,199,.32),transparent 68%)}
.hapo-website-care-faq::after{right:-17%;background:radial-gradient(circle,rgba(34,209,137,.2),transparent 68%);animation-delay:-7s}
.hapo-website-care-faq__glow{position:absolute;z-index:-1;left:-8%;bottom:-38%;width:50%;height:78%;transform:rotate(35deg);background:linear-gradient(90deg,rgba(71,226,207,.14),transparent);pointer-events:none}
.hapo-website-care-faq__inner{position:relative;max-width:1440px;margin:auto}
.hapo-website-care-faq__header{text-align:center;margin:0 0 30px}
.hapo-website-care-faq__header h2,.hapo-website-care-faq__header h3{margin:0;color:#0c0c0e;font-size:44px;line-height:1.25;font-weight:800}
.hapo-website-care-faq__header span{display:block;width:150px;height:4px;margin:19px auto 0;background:linear-gradient(90deg,#08d36a,#0fbf79)}
.hapo-website-care-faq__list{columns:2;column-gap:16px;list-style:none;margin:0;padding:0}
.hapo-website-care-faq__item{display:inline-block;width:100%;min-width:0;margin:0 0 16px;break-inside:avoid;border:1px solid #e0e4e7;border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(24,83,68,.018);vertical-align:top;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.hapo-website-care-faq__item:hover{transform:translateY(-3px);border-color:rgba(16,185,115,.32);box-shadow:0 12px 28px rgba(26,105,82,.09)}
.hapo-website-care-faq__item details{margin:0}
.hapo-website-care-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:70px;padding:18px 23px;cursor:pointer;list-style:none;color:#18191b;font-size:18px;font-weight:750;line-height:1.35}
.hapo-website-care-faq__item summary::-webkit-details-marker{display:none}
.hapo-website-care-faq__item summary::marker{content:""}
.hapo-website-care-faq__item summary svg{flex:0 0 20px;transition:transform .28s ease}
.hapo-website-care-faq__item details[open] summary svg{transform:rotate(180deg)}
.hapo-website-care-faq__item summary:focus-visible{outline:3px solid #0aba71;outline-offset:-4px;border-radius:8px}
.hapo-website-care-faq__answer{padding:0 23px 24px;color:#17191a;font-size:16px;line-height:1.4}
.hapo-website-care-faq__answer p{margin:0}
.hapo-website-care-faq__empty{text-align:center}
@keyframes hapo-care-faq-drift{from{transform:translate3d(-3%,2%,0) scale(.94);opacity:.45}to{transform:translate3d(7%,-5%,0) scale(1.12);opacity:.73}}
@keyframes hapo-care-faq-enter{from{opacity:.35;translate:0 14px}to{opacity:1;translate:0 0}}
@supports (animation-timeline:view()){.hapo-website-care-faq__item{animation:hapo-care-faq-enter linear both;animation-timeline:view();animation-range:entry 0% entry 75%}}
@media(max-width:1490px){.hapo-website-care-faq__inner{max-width:calc(100% - 16px)}}
@media(max-width:700px){.hapo-website-care-faq{padding:54px 16px 80px}.hapo-website-care-faq__inner{max-width:100%}.hapo-website-care-faq__header{margin-bottom:28px}.hapo-website-care-faq__header h2,.hapo-website-care-faq__header h3{font-size:32px}.hapo-website-care-faq__list{columns:1}.hapo-website-care-faq__item{margin-bottom:12px}.hapo-website-care-faq__item summary{min-height:64px;padding:17px 18px;font-size:16px}.hapo-website-care-faq__answer{padding:0 18px 20px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.hapo-website-care-faq::before,.hapo-website-care-faq::after,.hapo-website-care-faq__item{animation:none;opacity:1;translate:none}.hapo-website-care-faq__item,.hapo-website-care-faq__item summary svg{transition:none}.hapo-website-care-faq__item:hover{transform:none}}