.products-section{background:var(--bg-primary);width:100%;padding:4rem 2rem}.products-section__inner{max-width:1200px;margin:0 auto}.products-section__filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex;overflow-x:auto}.products-section__filters::-webkit-scrollbar{display:none}.products-section__filter-btn{color:var(--charcoal);background:var(--snow-white);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:1px solid #0000000f;flex-shrink:0;padding:8px 20px;font-size:.9rem;font-weight:700}.products-section__filter-btn:hover{background:var(--mint-green-light)}.products-section__filter-btn--active{background:var(--mint-green);border-color:var(--mint-green)}.products-section__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.products-section__grid{grid-template-columns:repeat(3,1fr)}}.products-section__empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:4rem 2rem;font-size:1rem;font-weight:600}.products-section__empty-category{text-align:center;background:var(--mint-green-light);border-radius:var(--radius-lg);color:var(--charcoal);grid-column:1/-1;padding:4rem 2rem}@media (max-width:599px){.products-section{padding:3rem 1rem}.products-section__filters{flex-wrap:nowrap;justify-content:flex-start;padding-left:.25rem}.products-section__grid{gap:1rem}}
.faq{padding:8rem 2rem 6rem;scroll-margin-top:80px;position:relative}.faq__inner{max-width:800px;margin:0 auto}.faq__list{flex-direction:column;gap:1rem;display:flex}.faq__item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-smooth);overflow:hidden}.faq__item--open{border-color:#6fd3ff40;box-shadow:0 0 20px #6fd3ff14,0 0 40px #a78bfa0d}.faq__question{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;font-size:1.05rem;font-weight:600;line-height:1.5;display:flex}.faq__question:hover{background:#ffffff08}.faq__item--open .faq__question{color:var(--snow-white)}.faq__toggle-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.faq__toggle-icon:before,.faq__toggle-icon:after{content:"";background:var(--ice-blue);border-radius:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute}.faq__toggle-icon:before{width:16px;height:2px}.faq__toggle-icon:after{width:2px;height:16px}.faq__item--open .faq__toggle-icon:after{transform:rotate(90deg)}.faq__answer{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.faq__answer--open{grid-template-rows:1fr}.faq__answer-inner{justify-content:space-between;align-items:flex-end;gap:1rem;padding:0 1.5rem;display:flex;overflow:hidden}.faq__item--open .faq__answer-inner{padding-bottom:1.5rem}.faq__answer-text{color:var(--text-secondary);flex:1;font-size:.95rem;line-height:1.8}.faq__mascot-reaction{opacity:0;flex-shrink:0;width:60px;height:60px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;transform:translateY(100%)}.faq__mascot-reaction--show{opacity:1;transition-delay:.2s;transform:translateY(0)}.faq__mascot-img{object-fit:contain;filter:drop-shadow(0 4px 12px #6fd3ff33)}.faq__item--open .faq__answer-inner{border-top:1px solid #ffffff0f}
.story-card-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.story-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);align-items:center;gap:2rem;padding:2.5rem 3rem;display:flex;overflow:hidden}.story-card__image{flex:none;justify-content:center;align-items:center;width:240px;display:flex}.story-card__text{flex:1}.story-card__title{color:var(--charcoal);margin-bottom:.5rem;font-size:2rem;font-weight:900}.story-card__subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:600;line-height:1.6}@media (max-width:768px){.story-card{text-align:center;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.story-card__image{width:180px}.story-card__title{font-size:1.5rem}.story-card__subtitle{font-size:1rem}}