.finder-section{padding-block:var(--space-8) var(--space-16)}.finder-progress{position:relative;height:4px;background:var(--color-border);border-radius:var(--radius-pill);margin-bottom:var(--space-10);overflow:visible}.finder-progress__bar{height:100%;background:var(--color-gold);border-radius:var(--radius-pill);transition:width .4s var(--ease-out)}.finder-progress__steps{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.finder-progress__step{width:24px;height:24px;border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-charcoal-faint);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s}.finder-progress__step.is-active{background:var(--color-gold);color:var(--color-charcoal)}.finder-progress__step.is-done{background:var(--color-gold-dark);color:var(--color-ivory)}.finder-step{display:none}.finder-step.is-active{display:block;animation:fadeSlideIn .35s var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.finder-step__q{font-family:var(--font-display);font-size:clamp(22px,3vw,34px);text-align:center;margin-bottom:var(--space-8);color:var(--color-charcoal);font-weight:500}.finder-step__actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.finder-options-grid{display:grid;gap:var(--space-4)}.finder-options-grid--2{grid-template-columns:repeat(2,1fr)}.finder-options-grid--3{grid-template-columns:repeat(3,1fr)}.finder-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:var(--color-ivory);transition:border-color var(--duration-fast),background-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast);-webkit-user-select:none;user-select:none}.finder-option:hover{border-color:var(--color-gold-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.finder-option.is-selected{border-color:var(--color-gold);background:var(--color-gold-pale);box-shadow:0 0 0 3px #b8941f26}.finder-option--sm{padding:var(--space-3) var(--space-3)}.finder-option__icon{font-size:28px;line-height:1}.finder-option__label{font-size:var(--text-small);font-weight:600;color:var(--color-charcoal);line-height:1.3}.finder-option--sm .finder-option__label{font-size:var(--text-xs)}.finder-option__sub{font-size:var(--text-xs);color:var(--color-charcoal-faint);line-height:1.3}.finder-result-card{background:var(--color-ivory-warm);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;animation:fadeSlideIn .4s var(--ease-out)}.finder-result__eyebrow{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-gold-dark);margin-bottom:var(--space-3)}.finder-result__heading{font-size:clamp(20px,2.5vw,28px);font-family:var(--font-display);font-weight:500;margin-bottom:var(--space-2)}.finder-result__gem{font-size:clamp(24px,3.5vw,40px);font-family:var(--font-display);font-weight:500;color:var(--color-gold-dark);margin-bottom:var(--space-4)}.finder-result__desc{font-size:var(--text-small);color:var(--color-charcoal-mid);line-height:var(--leading-relaxed);max-width:500px;margin-inline:auto;margin-bottom:var(--space-6)}.finder-result__actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.finder-result__disclaimer{font-size:var(--text-xs);color:var(--color-charcoal-faint);background:#b8941f0f;border:1px solid rgba(184,148,31,.15);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:480px;margin-inline:auto;line-height:var(--leading-relaxed)}.finder-consult-cta{text-align:center;padding:var(--space-8) var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.finder-consult-cta p{font-size:var(--text-small);color:var(--color-charcoal-mid);margin-bottom:0}@media(max-width:767px){.finder-options-grid--2,.finder-options-grid--3{grid-template-columns:1fr 1fr}.finder-result-card{padding:var(--space-8) var(--space-5)}}@media(max-width:479px){.finder-options-grid--2{grid-template-columns:1fr}.finder-options-grid--3{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/gemstone-finder.css.map */