.faq-page-hero.wp-block-group{padding-top:30px!important;padding-bottom:0!important}.ingredient-faq-container{padding-top:20px}.faq-filter-bar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e5e5;padding:15px 20px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq-filter-inner{display:flex;flex-wrap:wrap;gap:15px;max-width:1200px;margin:0 auto}.faq-filter-group{flex:1;min-width:180px}.faq-filter-select{width:100%;padding:12px 16px;font-size:15px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.faq-filter-select:focus,.faq-filter-select:hover{border-color:var(--color-primary)}.faq-filter-select:focus{outline:none;box-shadow:0 0 0 3px rgba(100,197,178,.15)}.faq-search-group{position:relative;flex:2}.faq-search-input{width:100%;padding:12px 40px 12px 16px;font-size:15px;border:1px solid #ddd;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.faq-search-input:focus,.faq-search-input:hover{border-color:var(--color-primary)}.faq-search-input:focus{outline:none;box-shadow:0 0 0 3px rgba(100,197,178,.15)}.faq-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#ddd;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;color:#666;transition:background-color .2s ease}.faq-search-clear:hover{background:#ccc}.faq-filter-status{display:flex;align-items:center;gap:15px;padding-top:10px;font-size:14px;color:#666}.faq-clear-btn{background:none;border:none;color:var(--color-primary);font-size:14px;cursor:pointer;text-decoration:underline}.faq-clear-btn:hover{color:#4aa899}.ingredient-faq-container{max-width:1200px;margin:0 auto;padding:0 20px}.ingredient-category{margin-bottom:50px}.category-title{display:flex;align-items:flex-end;gap:12px;font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.category-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-size:18px;background-position:50%;background-repeat:no-repeat}.category-icon-general{background-color:#e8f4f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364c5b2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}.category-icon-soothing{background-color:#d4edda;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2328a745' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3C/svg%3E")}.category-icon-hydrator{background-color:#cce5ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%233498db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.69 5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E")}.category-icon-oil{background-color:#fff3cd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e6a700' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E")}.category-icon-purifier{background-color:#f8d7da;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E")}.category-icon-antioxidant{background-color:#e2d5f0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%239b59b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9M19 3v4M21 5h-4'/%3E%3C/svg%3E")}.category-icon-exfoliant{background-color:#fce4ec;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e91e63' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3C/svg%3E")}.category-count{font-size:14px;font-weight:400;color:#888}.ingredient-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.ingredient-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.ingredient-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(100,197,178,.15)}.ingredient-card.is-hidden{display:none}.ingredient-card.is-highlighted{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(100,197,178,.2)}.ingredient-details{width:100%}.ingredient-header{display:flex;flex-direction:column;gap:8px;padding:clamp(1rem,2vw,1.5rem);cursor:pointer;list-style:none;transition:background-color .2s ease}.ingredient-header::-webkit-details-marker{display:none}.ingredient-header:hover{background:#f8f9fa}.ingredient-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;justify-content:space-between}.ingredient-name:after{content:"+";font-size:20px;font-weight:400;color:var(--color-primary);transition:transform .2s ease}.ingredient-details[open] .ingredient-name:after{content:"−"}.ingredient-benefit{font-size:14px;color:var(--color-primary);font-weight:500}.ingredient-content{padding:0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);border-top:1px solid #f0f0f0;background:#fafafa}.ingredient-description{font-size:15px;line-height:1.6;color:#555;margin:15px 0}.ingredient-faqs{margin-top:20px}.faq-item{margin-bottom:10px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;overflow:hidden}.faq-question{display:block;padding:14px 16px;font-size:15px;font-weight:500;color:#333;cursor:pointer;list-style:none;transition:background-color .2s ease}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:#f5f5f5}.faq-question:before{content:"Q: ";color:var(--color-primary);font-weight:600}.faq-answer{padding:0 16px 14px;font-size:14px;line-height:1.6;color:#666}.faq-answer:before{content:"A: ";color:#888;font-weight:600}@media (max-width:768px){.faq-filter-bar{padding:12px 15px}.faq-filter-inner{flex-direction:column;gap:10px}.faq-filter-group{min-width:100%}.ingredient-cards{grid-template-columns:1fr}.category-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.faq-filter-select,.faq-question,.faq-search-clear,.faq-search-input,.ingredient-card,.ingredient-header,.ingredient-name:after{transition:none}}.faq-filter-select:focus-visible,.faq-question:focus-visible,.faq-search-input:focus-visible,.ingredient-header:focus-visible{outline:2px solid #000;outline-offset:2px}.faq-no-results{text-align:center;padding:60px 20px;color:#666}.faq-no-results h3{font-size:20px;margin-bottom:10px;color:#333}.faq-no-results p{font-size:15px}