.interactive-section.svelte-17nbd5x{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);padding:2rem;border-radius:var(--radius-xl);margin:2rem 0;border:2px solid var(--primary-500);box-shadow:var(--shadow-lg)}.material-selector.svelte-17nbd5x{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0}.material-option.svelte-17nbd5x{background:#fff;border:2px solid var(--primary-200);border-radius:var(--radius-lg);padding:1.25rem .75rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.material-option.svelte-17nbd5x:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-500)}.material-option.selected.svelte-17nbd5x{background:var(--primary-50);border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-icon.svelte-17nbd5x{font-size:2rem;margin-bottom:.5rem}.material-name.svelte-17nbd5x{font-weight:600;margin-bottom:.25rem;color:var(--gray-800);font-size:.9rem}.material-desc.svelte-17nbd5x{font-size:.75rem;color:var(--gray-600);line-height:1.3}.material-info.svelte-17nbd5x{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border-left:4px solid var(--primary-500);box-shadow:var(--shadow-md);animation:svelte-17nbd5x-fadeInUp .4s ease-out}.material-details.svelte-17nbd5x{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0}.material-advantages.svelte-17nbd5x h5:where(.svelte-17nbd5x),.material-uses.svelte-17nbd5x h5:where(.svelte-17nbd5x){color:var(--gray-700);margin-bottom:.75rem;font-size:1rem}.material-advantages.svelte-17nbd5x ul:where(.svelte-17nbd5x),.material-uses.svelte-17nbd5x ul:where(.svelte-17nbd5x){list-style:none;padding:0;margin:0}.material-advantages.svelte-17nbd5x li:where(.svelte-17nbd5x),.material-uses.svelte-17nbd5x li:where(.svelte-17nbd5x){padding:.25rem 0;color:var(--gray-600);font-size:.9rem}.material-advantages.svelte-17nbd5x li:where(.svelte-17nbd5x):before{content:"✅ ";font-size:.8rem}.material-uses.svelte-17nbd5x li:where(.svelte-17nbd5x):before{content:"🎯 ";font-size:.8rem}.gift-finder.svelte-17nbd5x{margin-top:1.5rem}.finder-step.svelte-17nbd5x{margin-bottom:1.5rem}.finder-step.svelte-17nbd5x h4:where(.svelte-17nbd5x){margin-bottom:.75rem;color:var(--gray-800);font-size:1.1rem}.option-buttons.svelte-17nbd5x{display:flex;flex-wrap:wrap;gap:.5rem}.option-buttons.svelte-17nbd5x button:where(.svelte-17nbd5x){background:#fff;border:2px solid var(--primary-200);border-radius:var(--radius-md);padding:.6rem .8rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:var(--gray-700)}.option-buttons.svelte-17nbd5x button:where(.svelte-17nbd5x):hover{border-color:var(--primary-500);transform:translateY(-1px)}.option-buttons.svelte-17nbd5x button.selected:where(.svelte-17nbd5x){background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.finder-result.svelte-17nbd5x{background:#fff;padding:1.25rem;border-radius:var(--radius-lg);margin-top:1rem;border-left:4px solid var(--green-500)}.finder-result.active.svelte-17nbd5x{animation:svelte-17nbd5x-fadeInUp .4s ease-out}.budget-tips.svelte-17nbd5x{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.budget-tips.svelte-17nbd5x p:where(.svelte-17nbd5x){margin:0;font-size:.9rem;color:var(--gray-600)}.sustainability-calculator.svelte-17nbd5x{margin-top:1rem}.calculator-inputs.svelte-17nbd5x{display:grid;gap:1.25rem;margin:1.5rem 0}.input-group.svelte-17nbd5x{background:#fff;padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input-group.svelte-17nbd5x label:where(.svelte-17nbd5x){display:block;margin-bottom:.75rem;font-weight:600;color:var(--gray-700);font-size:.95rem}.slider.svelte-17nbd5x{width:100%;height:6px;border-radius:3px;background:var(--gray-200);outline:none;-webkit-appearance:none}.slider.svelte-17nbd5x::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-500);cursor:pointer}.calculator-result.svelte-17nbd5x{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);text-align:center;margin-top:1.25rem;box-shadow:var(--shadow-md)}.calculator-result.good.svelte-17nbd5x{border-left:4px solid var(--green-500)}.calculator-result.moderate.svelte-17nbd5x{border-left:4px solid var(--pink-500)}.calculator-result.svelte-17nbd5x h4:where(.svelte-17nbd5x){margin:0 0 .75rem;color:var(--gray-800)}.calculator-result.svelte-17nbd5x p:where(.svelte-17nbd5x){margin:0 0 .75rem;color:var(--gray-600)}.result-badge.svelte-17nbd5x{margin-top:.75rem;padding:.5rem 1rem;background:var(--green-50);color:var(--green-700);border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600}@keyframes svelte-17nbd5x-fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.certificate-grid.svelte-17nbd5x{display:grid;gap:1rem;margin:1.5rem 0}.certificate-item.svelte-17nbd5x{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--primary-100)}.certificate-icon.svelte-17nbd5x{font-size:1.75rem;flex-shrink:0}.certificate-content.svelte-17nbd5x h4:where(.svelte-17nbd5x){margin:0 0 .5rem;color:var(--gray-800);font-size:1.1rem}.certificate-content.svelte-17nbd5x p:where(.svelte-17nbd5x){color:var(--gray-600);margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.certificate-trust.svelte-17nbd5x{background:var(--green-100);color:var(--green-700);padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}@media (max-width: 768px){.interactive-section.svelte-17nbd5x{padding:1.25rem;margin:1.5rem 0}.material-selector.svelte-17nbd5x{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.material-option.svelte-17nbd5x{padding:1rem .5rem}.material-icon.svelte-17nbd5x{font-size:1.75rem}.material-name.svelte-17nbd5x{font-size:.85rem}.material-desc.svelte-17nbd5x{font-size:.7rem}.material-details.svelte-17nbd5x{grid-template-columns:1fr;gap:1rem}.option-buttons.svelte-17nbd5x{flex-direction:column}.option-buttons.svelte-17nbd5x button:where(.svelte-17nbd5x){width:100%;text-align:center}.calculator-inputs.svelte-17nbd5x{gap:1rem}.input-group.svelte-17nbd5x{padding:1rem}.certificate-item.svelte-17nbd5x{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.material-selector.svelte-17nbd5x{grid-template-columns:1fr 1fr}.interactive-section.svelte-17nbd5x,.material-info.svelte-17nbd5x{padding:1rem}}