/* FAQ reference layout; retain native details and original answer content. */
#faq.faq{display:block;position:relative;isolation:isolate;max-width:1100px;width:100%;margin:0 auto;padding:64px 36px 70px;background:transparent;border:0;overflow:hidden;scroll-margin-top:90px}
#faq::before{content:'';position:absolute;left:auto;bottom:auto;right:0;top:0;z-index:-1;width:260px;height:310px;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;background:url('/home-assets/faq-vase-20261010.svg') top right/contain no-repeat;pointer-events:none}
#faq::after{content:none}
#faq .faq-heading{position:relative;top:auto;width:100%;max-width:none;margin:0 0 28px;padding:0;border:0}
#faq .faq-heading::before,#faq .faq-heading::after{content:none;display:none}
#faq .faq-heading .section-kicker{margin:0 0 16px;color:#596248;font:700 13px/1.4 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
#faq .faq-heading h2{display:block;margin:0 0 20px;padding:0;max-width:75%;color:#761620;font:800 clamp(42px,6vw,76px)/.98 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;transform:none;text-shadow:none;filter:none}
#faq .faq-heading h2 em{color:inherit;font:inherit;font-style:normal;letter-spacing:inherit}
#faq .faq-heading>p:last-child{max-width:78%;margin:0;color:#35231e;font:400 clamp(16px,2vw,22px)/1.5 SlepokCards,Manrope,Arial,sans-serif}
#faq .faq-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:none;width:100%;margin:0;padding:0;border:0}
#faq .faq-list details{display:block;margin:0;padding:0;border:2px solid #8a8b6b;border-radius:20px;background:rgba(252,248,239,.75);box-shadow:none;overflow:hidden}
#faq .faq-list details[open]{border-color:#801f28}
#faq .faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:64px;padding:24px 28px;margin:0;color:#301913;font:800 clamp(17px,2vw,23px)/1.28 SlepokCards,Manrope,Arial,sans-serif;cursor:pointer;list-style:none;text-transform:none}
#faq .faq-list summary::-webkit-details-marker{display:none}
#faq .faq-list summary::marker{content:''}
#faq .faq-list summary>span{display:none}
#faq .faq-list summary b{font:inherit;min-width:0;text-transform:none;letter-spacing:normal}
#faq .faq-list summary i{display:block;position:relative;justify-self:center;width:13px;height:13px;margin:0;border:0;border-right:3px solid #801f28;border-bottom:3px solid #801f28;border-radius:0;background:none;transform:translateY(-3px) rotate(45deg);transition:transform .2s ease}
#faq .faq-list summary i::before,#faq .faq-list summary i::after{content:none}
#faq .faq-list details[open] summary i{transform:translateY(3px) rotate(225deg)}
#faq .faq-list details>p{margin:0;padding:0 28px 24px;color:#35231e;font:400 clamp(16px,1.8vw,21px)/1.55 SlepokCards,Manrope,Arial,sans-serif;max-width:94%}
#faq.faq-reference-ready .faq-cta{display:none}
#faq .faq-reference-cta{position:relative;margin-top:8px;padding:30px 230px 30px 28px;min-height:210px;border:0;border-radius:23px;background:#e4e4d3;color:#301913;overflow:hidden}
#faq .faq-reference-cta h3{position:relative;z-index:1;margin:0 0 8px;font:800 clamp(24px,3vw,33px)/1.2 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:-.025em}
#faq .faq-reference-cta>p{position:relative;z-index:1;margin:0 0 22px;font:400 clamp(15px,1.8vw,20px)/1.4 SlepokCards,Manrope,Arial,sans-serif}
#faq .faq-reference-links{position:relative;z-index:1;display:flex;gap:14px}
#faq .faq-reference-links a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 20px;border:2px solid #626c52;border-radius:13px;background:rgba(252,248,239,.3);color:#301913;font:700 18px/1.2 SlepokCards,Manrope,Arial,sans-serif;text-decoration:none;white-space:nowrap}
#faq .faq-reference-links svg{flex:0 0 29px;width:29px;height:29px}
#faq .faq-reference-cta>img{position:absolute;right:14px;bottom:10px;width:205px;height:205px;object-fit:contain;pointer-events:none}
#faq :is(summary,a):focus-visible{outline:3px solid #507d80;outline-offset:-5px}
#faq .faq-reference-links a:hover{background:#fcf8ef}
@media(max-width:650px){
 #faq.faq{padding:42px 16px 42px;scroll-margin-top:70px}
 #faq::before{width:145px;height:195px;right:-14px}
 #faq .faq-heading{margin-bottom:24px}
 #faq .faq-heading .section-kicker{font-size:11px;letter-spacing:.17em;margin-bottom:15px}
 #faq .faq-heading h2{font-size:clamp(40px,11.5vw,62px);max-width:76%;margin-bottom:18px}
 #faq .faq-heading>p:last-child{max-width:100%;font-size:16px;padding-right:4px}
 #faq .faq-list{gap:12px}
 #faq .faq-list details{border-radius:16px}
 #faq .faq-list summary{padding:19px 16px;gap:12px;grid-template-columns:minmax(0,1fr) 18px;font-size:17px}
 #faq .faq-list summary i{width:11px;height:11px;border-width:2.5px}
 #faq .faq-list details>p{padding:0 16px 19px;max-width:none;font-size:16px;line-height:1.5}
 #faq .faq-reference-cta{padding:24px 18px;min-height:230px;border-radius:18px}
 #faq .faq-reference-cta h3{font-size:25px;padding-right:52px}
 #faq .faq-reference-cta>p{font-size:16px;padding-right:65px;margin-bottom:20px}
 #faq .faq-reference-cta>img{width:90px;height:110px;right:4px;top:22px;bottom:auto;opacity:.85}
 #faq .faq-reference-links{gap:8px}
 #faq .faq-reference-links a{flex:1;min-width:0;min-height:48px;padding:10px 8px;gap:6px;font-size:14px;border-radius:10px}
 #faq .faq-reference-links svg{flex-basis:24px;width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){#faq .faq-list summary i{transition:none}}
