.hb-faq{--faq-border:#e2dfd3;--faq-accent:#72773b}.hb-faq-home .hb-faq__shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(32px,5vw,72px);padding:clamp(28px,4vw,54px);background:var(--cream);border-radius:16px;align-items:start}.hb-faq__intro .eyebrow{color:var(--green);font-size:13px;font-weight:600;margin:0 0 12px}.hb-faq__intro h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:0 0 18px}.hb-faq__intro .rte{font-size:14px;line-height:1.7;max-width:330px}.hb-faq .accordion-list{display:grid;gap:8px;min-width:0}.hb-faq .accordion-list details{background:#fff;border:1px solid transparent;border-radius:9px;overflow:hidden}.hb-faq .accordion-list details[open]{border-color:#bfc29b}.hb-faq .accordion-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:16px 18px;margin:0;border:0;font-size:14px;font-weight:500;line-height:1.55;list-style:none;cursor:pointer}.hb-faq .accordion-list summary::-webkit-details-marker{display:none}.hb-faq .accordion-list summary:hover{color:var(--faq-accent)}.hb-faq .accordion-list summary:focus-visible,.hb-faq a:focus-visible{outline:2px solid var(--faq-accent);outline-offset:-3px;border-radius:7px}.hb-faq .accordion-list summary>.icon{width:24px;height:24px;flex:0 0 24px;padding:4px;color:var(--faq-accent);background:#f3f3e9;border-radius:50%;transition:transform .2s}.hb-faq .accordion-list details[open] summary>.icon{transform:rotate(45deg);background:var(--green);color:#fff}.hb-faq .accordion-list details>.rte{padding:0 18px 18px;margin:0;font-size:14px;line-height:1.75;color:#615e55;overflow-wrap:anywhere}.hb-faq .accordion-list .rte p{margin:0 0 12px}.hb-faq .accordion-list .rte p:last-child{margin-bottom:0}.hb-faq .rte a{text-decoration:underline;text-underline-offset:3px}.hb-faq__all{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--faq-accent);min-height:44px;margin-top:12px}.hb-faq__all .icon{width:18px;height:18px}.hb-faq.faq-directory{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start;padding-top:0}.hb-faq .faq-directory__nav{display:grid;gap:8px;margin:0;position:sticky;top:150px}.hb-faq .faq-directory__nav a{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border:1px solid var(--faq-border);border-radius:9px;background:#fff;font-size:13px;line-height:1.5;justify-content:start;text-align:left;transition:background .15s}.hb-faq .faq-directory__nav a .icon{color:var(--faq-accent);width:20px;height:20px;flex:0 0 20px}.hb-faq .faq-directory__nav a:hover,.hb-faq .faq-directory__nav a:focus-visible{background:var(--cream);border-color:var(--green)}.hb-faq .faq-directory__groups{width:100%;max-width:none;margin:0;min-width:0}.hb-faq .faq-directory__group{padding:24px;background:var(--cream);border-radius:14px;margin:0 0 22px;scroll-margin-top:150px}.hb-faq .faq-directory__group:last-child{margin-bottom:0}.hb-faq .faq-directory__group h2{display:flex;gap:12px;align-items:center;font-size:21px;line-height:1.35;margin:0 0 18px;letter-spacing:-.02em}.hb-faq .faq-directory__group h2>.icon{width:24px;height:24px;color:var(--faq-accent);flex:0 0 24px}@media(max-width:960px){.hb-faq.faq-directory{grid-template-columns:210px minmax(0,1fr);gap:24px}.hb-faq-home .hb-faq__shell{grid-template-columns:minmax(0,1fr);gap:24px}.hb-faq__intro .rte{max-width:540px}}@media(max-width:760px){.hb-faq-home{padding-block:36px}.hb-faq-home .hb-faq__shell{padding:24px 16px;gap:22px;border-radius:12px}.hb-faq__intro h2{font-size:27px;margin-bottom:12px}.hb-faq__intro .eyebrow{font-size:11px;margin-bottom:10px}.hb-faq__intro .rte{font-size:13px}.hb-faq .accordion-list summary{font-size:13px;padding:14px 13px;gap:10px;min-height:56px}.hb-faq .accordion-list details>.rte{padding:0 13px 16px;font-size:13px}.hb-faq .accordion-list summary>.icon{width:22px;height:22px;flex-basis:22px}.hb-faq.faq-directory{display:block}.hb-faq .faq-directory__nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.hb-faq .faq-directory__nav a{padding:10px;gap:8px;min-height:54px;font-size:11px}.hb-faq .faq-directory__nav a .icon{width:18px;height:18px;flex-basis:18px}.hb-faq .faq-directory__group{padding:20px 12px;margin-bottom:16px;border-radius:12px;scroll-margin-top:110px}.hb-faq .faq-directory__group h2{font-size:19px;gap:10px;margin-bottom:16px}.hb-faq .faq-directory__group h2>.icon{width:21px;height:21px;flex-basis:21px}.hb-faq__all{font-size:12px}}@media(prefers-reduced-motion:reduce){.hb-faq summary>.icon,.hb-faq .faq-directory__nav a{transition:none}}.hb-faq .accordion-list{border:0}body:has(.hb-faq.faq-directory) .page-heading{margin-bottom:0}body:has(.hb-faq.faq-directory) .page-heading h1{font-size:clamp(29px,3.5vw,44px);line-height:1.2;margin-bottom:16px}body:has(.hb-faq.faq-directory) .page-heading .eyebrow{color:var(--green);font-size:12px}body:has(.hb-faq.faq-directory) .page-heading .rte{font-size:15px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hartjes-faq.css.map */