.faq-page{background:var(--paper);color:var(--ink);font-family:var(--sans)}.faq-container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.faq-hero{padding:clamp(70px,9vw,112px) 0;background:linear-gradient(135deg,#f0f8ed 0%,#fbf8ee 100%);border-bottom:1px solid #dfeadd}.faq-hero__inner{max-width:850px;text-align:center}.faq-hero h1{margin:0;color:var(--forest);font:400 clamp(3.1rem,6vw,5.4rem)/1.02 var(--serif);letter-spacing:-.04em}.faq-hero h1 em{color:var(--botanical);font-family:inherit}.faq-hero__inner>p:last-child{max-width:620px;margin:21px auto 0;color:var(--muted);font-size:1.05rem}.faq-browser{padding:clamp(64px,8vw,104px) 0;background:#fffefa}.faq-search-wrap{position:relative;display:flex;align-items:center;max-width:760px;margin:0 auto 65px;border:1px solid #cddfce;border-radius:16px;background:#fff;box-shadow:0 10px 34px rgba(36,93,66,.07);transition:border var(--ease),box-shadow var(--ease)}.faq-search-wrap:focus-within{border-color:#6fbd88;box-shadow:0 13px 34px rgba(66,165,109,.13)}.faq-search-wrap label{padding-left:20px;color:var(--botanical)}.faq-search-wrap input{width:100%;padding:18px 16px;border:0;outline:0;background:transparent;color:var(--ink);font:500 .95rem var(--sans)}.faq-search-wrap input::placeholder{color:#88948c}.faq-search-wrap button{flex:0 0 42px;width:42px;height:42px;margin-right:7px;border:0;border-radius:50%;background:#eff8ed;color:var(--forest);cursor:pointer}.faq-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:clamp(45px,7vw,90px);align-items:start}.faq-sidebar{position:sticky;top:125px}.faq-sidebar__label{margin:0 0 14px;color:#78857c;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.category-filters{display:grid;gap:8px}.category-filter{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#526158;font:700 .8rem var(--sans);text-align:left;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease)}.category-filter i{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#eff8ed;color:var(--botanical);font-size:.65rem}.category-filter:hover{border-color:#afd2b4;color:var(--forest);transform:translateX(2px)}.category-filter.is-active{border-color:#b8dcbc;background:#eaf6e8;color:var(--forest)}.category-filter.is-active i{background:#42a56d;color:#fff}.category-filter span{min-width:0;line-height:1.35}.category-filter b{margin-left:auto;color:#849389;font-size:.68rem}.faq-content__heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.faq-content__heading h2{font-size:clamp(2.1rem,3.8vw,3.4rem)}.faq-content__heading>p{margin:0 0 7px;color:var(--muted);font-size:.78rem;font-weight:700}.faq-section{margin-bottom:34px}.faq-section__title{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--botanical);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.faq-section__title i{font-size:.75rem}.faq-item{margin-bottom:10px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color var(--ease),box-shadow var(--ease)}.faq-item:hover{border-color:#b7d8bb}.faq-item.is-open{border-color:#afd2b4;box-shadow:0 10px 25px rgba(36,93,66,.06)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;padding:21px 22px;border:0;background:transparent;color:var(--forest);font:700 .93rem/1.55 var(--sans);text-align:left;cursor:pointer}.faq-question:hover{background:#f3f9f1}.faq-toggle{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid #bdd4c0;border-radius:50%;background:#eff8ed}.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:1px;background:var(--forest);transition:transform var(--ease)}.faq-toggle::after{transform:rotate(90deg)}.faq-item.is-open .faq-toggle::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 350ms ease}.faq-answer__inner{min-height:0;overflow:hidden}.faq-answer__content{padding:0 64px 24px 22px;color:var(--muted);font-size:.9rem;line-height:1.85}.faq-answer__content p{margin:0 0 10px}.faq-answer__content p:last-child{margin-bottom:0}.faq-answer__content a{color:var(--botanical);font-weight:700;text-decoration:underline}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-loading{display:grid;place-items:center;gap:10px;min-height:220px;color:var(--muted)}.faq-loading i{color:var(--botanical);font-size:1.5rem}.no-results{padding:70px 30px;text-align:center;border:1px dashed #bfd5c1;border-radius:18px;background:#f7fbf4}.no-results[hidden]{display:none}.no-results__icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 17px;border-radius:50%;background:#e6f4e4;color:var(--botanical)}.no-results h3{margin:0;color:var(--forest);font:400 1.65rem var(--serif)}.no-results p{margin:8px 0 22px;color:var(--muted)}.faq-cta{padding:0 0 clamp(74px,8vw,105px);background:#fbf8ee}.faq-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:clamp(38px,6vw,68px);border:1px solid #d8e8d7;border-radius:24px;background:#edf7ea}.faq-cta h2{font-size:clamp(2.4rem,4.2vw,3.8rem)}.faq-cta p:not(.eyebrow){max-width:650px;margin:13px 0 0;color:var(--muted)}.faq-cta__actions{display:flex;flex:0 0 auto;gap:10px}
@media(max-width:850px){.faq-layout{grid-template-columns:1fr;gap:35px}.faq-sidebar{position:static}.faq-sidebar__label{display:none}.category-filters{display:flex;overflow-x:auto;gap:8px;margin-inline:-24px;padding:2px 24px 10px;scrollbar-width:none}.category-filter{flex:0 0 auto;width:auto}.category-filter b{margin-left:4px}.faq-cta__inner{align-items:flex-start;flex-direction:column}.faq-cta__actions{width:100%}}
@media(max-width:600px){.faq-container{width:calc(100% - 32px)}.faq-hero{padding:66px 0}.faq-search-wrap{margin-bottom:45px}.faq-content__heading{align-items:flex-start;flex-direction:column;gap:8px}.faq-question{padding:18px 16px;font-size:.88rem}.faq-answer__content{padding:0 48px 20px 16px;font-size:.86rem}.faq-toggle{flex-basis:28px;width:28px;height:28px}.faq-toggle::before,.faq-toggle::after{top:13px}.faq-cta__actions{display:grid}.faq-cta__actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.faq-answer{transition:none}.category-filter,.faq-item{transition:none}}
.faq-layout>*{min-width:0}
@media(max-width:850px){.faq-sidebar,.faq-content{width:100%;max-width:100%;overflow:hidden}.category-filters{max-width:calc(100% + 48px)}}

/* Botanical presentation enhancement — structure and behavior remain unchanged. */
.faq-hero{position:relative;overflow:hidden;padding:clamp(50px,6vw,78px) 0 84px;background:linear-gradient(135deg,#f2faf1 0%,#fffdf6 100%)}
.faq-hero::before,.faq-hero::after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:cover;filter:saturate(.8)}
.faq-hero::before{left:-70px;bottom:-105px;width:310px;height:310px;background-image:linear-gradient(rgba(242,250,241,.5),rgba(242,250,241,.5)),url('../../img/pink-indian-lotus.jpg');border-radius:48% 52% 62% 38%;opacity:.2;transform:rotate(-14deg)}
.faq-hero::after{right:-85px;top:-100px;width:330px;height:330px;background-image:linear-gradient(rgba(255,253,246,.45),rgba(255,253,246,.45)),url('../../img/light-yellow-day-bloomer.jpg');border-radius:60% 40% 48% 52%;opacity:.17;transform:rotate(18deg)}
.faq-hero__inner{position:relative;z-index:1}.faq-hero .eyebrow::after{content:"  ───  🌱  ───";display:block;margin-top:8px;color:#8dbb98;font-size:.56rem;letter-spacing:.05em}.faq-hero__inner>p:last-child{margin-top:16px}.faq-browser{position:relative;padding-top:0;background:linear-gradient(180deg,#fbfdf8 0%,#fffefa 32%,#fdfbf5 100%)}
.faq-browser::before{content:"";position:absolute;right:-110px;top:220px;width:300px;height:300px;border-radius:46% 54% 65% 35%;background:#eaf5e8;opacity:.48;filter:blur(2px);pointer-events:none}.faq-search-wrap{z-index:2;margin-top:-32px;margin-bottom:58px;border-color:#b9d7bf;box-shadow:0 18px 42px rgba(36,93,66,.12)}
.faq-section{position:relative}.faq-section+.faq-section{padding-top:8px}.faq-item{box-shadow:0 5px 18px rgba(36,93,66,.035)}.faq-item.is-open{background:linear-gradient(135deg,#fff 0%,#f9fcf7 100%);box-shadow:0 14px 32px rgba(36,93,66,.09)}
.faq-cta__inner{position:relative;overflow:hidden;box-shadow:0 16px 45px rgba(36,93,66,.07)}.faq-cta__inner::after{content:"";position:absolute;right:-75px;bottom:-105px;width:240px;height:240px;border:45px solid rgba(66,165,109,.08);border-radius:50%;pointer-events:none}
@media(max-width:600px){.faq-hero{padding:46px 0 72px}.faq-hero::before{left:-105px;width:245px;height:245px}.faq-hero::after{right:-120px;width:250px;height:250px}.faq-search-wrap{margin-top:-28px}}

/* Final accordion refinement: one continuous component in the expanded state. */
@media(min-width:1200px){.faq-browser .faq-container{width:min(1360px,calc(100% - 64px))}.faq-layout{grid-template-columns:285px minmax(0,1fr);gap:clamp(56px,6vw,96px)}}
.faq-browser{padding-bottom:clamp(46px,5vw,64px)}
.faq-sidebar{max-height:calc(100vh - 150px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
.faq-section{scroll-margin-top:128px}.faq-section:last-child{margin-bottom:0}
.faq-item,.faq-item.is-open{position:relative;background:#fff;box-shadow:0 4px 15px rgba(36,93,66,.035)}
.faq-item.is-open{border-color:#a9ceb0;box-shadow:0 7px 19px rgba(36,93,66,.055)}
.faq-question{position:relative;z-index:1;border-radius:13px;box-shadow:none;transition:background-color 220ms ease,border-radius 220ms ease}
.faq-item.is-open .faq-question{border-bottom:1px solid #d4e5d4;border-radius:13px 13px 0 0;background:#f3f9f1;box-shadow:none}
.faq-answer{background:#fff;transition:grid-template-rows 300ms ease}
.faq-answer__inner{border-radius:0 0 13px 13px}
.faq-answer__content{max-width:820px;padding:20px 64px 24px 22px}
.faq-item:not(.is-open) .faq-answer__content{padding-top:0;padding-bottom:0}
@media(max-width:850px){.faq-sidebar{max-height:none;overflow:visible}.faq-section{scroll-margin-top:96px}}
@media(max-width:600px){.faq-browser{padding-bottom:42px}.faq-answer__content{padding:17px 48px 20px 16px}.faq-item:not(.is-open) .faq-answer__content{padding-top:0;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.faq-question{transition:none}}
.faq-browser{overflow-x:clip;overflow-y:visible}
