.condition-selector__controls{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xl)}.filter__tabs{display:flex;gap:var(--space-sm)}.filter__tab{padding:8px 16px;border-radius:99px;font-weight:500;cursor:pointer;transition:all var(--anim-normal);border:1px solid var(--border-secondary);background:var(--white)}.filter__tab.active{background:var(--statwell-navy);color:var(--white);border-color:var(--statwell-navy)}@media (max-width: 512px){.filter__tab{padding:4px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;height:max-content;width:max-content}}.condition-search-wrapper{flex-grow:1;min-width:250px}.condition-search{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-secondary);font-size:16px}.condition__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.condition-card{border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(93,120,255,.12);transition:all .3s var(--smooth);cursor:pointer;aspect-ratio:1 / 1;display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary)}.condition-card:hover{transform:translateY(-2px);border-color:#5d78ff40;box-shadow:0 4px 16px #5d78ff26}.condition-card-img{width:100%;flex-grow:1;height:0;object-fit:cover;display:block}.condition-card-title{padding:var(--space-md);font-weight:600;background:var(--white);margin:0;flex-shrink:0}.condition-card-overlay{position:absolute;inset:0;background:#2a3b54d9;color:var(--white);padding:var(--space-md);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.condition-card:hover .condition-card-overlay,.condition-card.is-active .condition-card-overlay{opacity:1}.condition-card-overlay p{font-size:14px;margin-bottom:var(--space-md)}.modal{display:flex;z-index:1001;overflow:auto;animation:fadeInModal .3s ease;padding:var(--space-md)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{margin:5% auto;animation:slideIn .4s var(--smooth)}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.close-modal{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:24px;font-weight:700;cursor:pointer;color:var(--text-secondary);transition:transform .2s;z-index:100;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white)}@media (min-width: 768px){.close-modal{top:var(--space-md);right:var(--space-lg);font-size:28px;width:auto;height:auto;background:transparent}}.close-modal:hover{transform:scale(1.1);background:var(--light-gray)}@media (min-width: 768px){.close-modal:hover{background:transparent}}.selected-condition-header{display:flex;justify-content:space-between;align-items:center;background:var(--white);padding:var(--space-lg);border-radius:16px;margin-bottom:var(--space-lg);border:1px solid rgba(93,120,255,.12);transition:all var(--anim-normal)}.selected-condition-header:hover{border-color:#5d78ff40;box-shadow:0 2px 12px #5d78ff1a}.condition-badge{display:flex;align-items:center;gap:var(--space-md)}.condition-icon{font-size:32px}.condition-name{font-size:20px;font-weight:700;font-family:var(--font-primary);color:var(--text-primary)}.condition-type{font-size:14px;color:var(--text-secondary);margin-top:2px}.consultation-fee{font-size:24px;font-weight:700;color:var(--primary)}.questions-container{background:var(--white);border-radius:16px;padding:var(--space-xl);border:1px solid rgba(93,120,255,.12);transition:all var(--anim-normal)}.questions-container:hover{border-color:#5d78ff40;box-shadow:0 2px 12px #5d78ff1a}.questions-header{text-align:center;margin-bottom:var(--space-xl)}.questions-header h2{font-size:24px;font-weight:700;font-family:var(--font-primary);margin-bottom:var(--space-sm);color:var(--text-primary)}.questions-header p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.progress-indicator{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--light-gray);padding:var(--space-sm) var(--space-md);border-radius:20px;font-size:14px;font-weight:600}.progress-indicator .current-question{color:var(--primary)}.question-card{display:none;padding:var(--space-lg);background:var(--white);border-radius:16px;border:1px solid rgba(93,120,255,.12);margin-bottom:var(--space-lg);transition:all var(--anim-normal)}.question-card:hover{border-color:#5d78ff40;box-shadow:0 2px 12px #5d78ff1a}.question-card.active{display:block;animation:slideInQuestion .3s ease}@keyframes slideInQuestion{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary);color:var(--white);border-radius:50%;font-weight:700;font-size:14px;margin-bottom:var(--space-md)}.question-content h3{font-size:18px;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.question-subtext{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.question-options{display:flex;gap:var(--space-lg)}.option-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);border-radius:8px;transition:all var(--anim-normal);flex:1;justify-content:center}.option-label:hover{background:var(--light-gray)}.option-label input[type=radio]{width:18px;height:18px;accent-color:var(--primary)}.option-text{font-weight:500;font-size:16px}.questions-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-secondary)}.urgent-banner{background:linear-gradient(135deg,var(--error) 0%,#e53e3e 100%);color:var(--white);padding:var(--space-xl);border-radius:16px;margin-bottom:var(--space-lg);box-shadow:0 8px 24px #ff6b6b4d;border:1px solid rgba(255,255,255,.1)}.urgent-icon{font-size:48px;margin-bottom:var(--space-md)}.urgent-content h3{margin:0 0 var(--space-md) 0;font-size:24px;font-weight:700}.urgent-content p{margin:0 0 var(--space-lg) 0;font-size:16px;line-height:1.5}.urgent-recommendation{background:#ffffff1a;padding:var(--space-lg);border-radius:12px;margin:var(--space-lg) 0}.urgent-recommendation h4{margin:0 0 var(--space-md) 0;font-size:18px;font-weight:600}.urgent-recommendation ul{margin:0;padding-left:var(--space-lg)}.urgent-recommendation li{margin-bottom:var(--space-sm);font-size:14px;line-height:1.4}.triggered-questions{background:#ffffff1a;padding:var(--space-lg);border-radius:12px;margin-top:var(--space-lg)}.triggered-questions h4{margin:0 0 var(--space-md) 0;font-size:16px;font-weight:600}.triggered-question-item{background:#fff3;padding:var(--space-sm) var(--space-md);border-radius:8px;margin-bottom:var(--space-sm);font-size:14px}.urgent-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.btn-white{background:var(--white);color:var(--error);border-color:var(--white);font-weight:600}.btn-white:hover{background:var(--light-gray);transform:translateY(-2px)}.urgent-call-btn{background:var(--white)!important;color:var(--error)!important;font-weight:700;text-decoration:none}.urgent-call-btn:hover{background:var(--light-gray)!important;transform:translateY(-2px)}.consent-form{display:flex;flex-direction:column;gap:var(--space-lg)}.consent-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm)}.consent-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px}.consent-text{font-size:14px;line-height:1.5}.payment-summary{background:var(--light-gray);padding:var(--space-lg);border-radius:12px;margin-bottom:var(--space-lg)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.payment-total{border-top:1px solid var(--border-secondary);padding-top:var(--space-md);margin-top:var(--space-md);font-weight:700;font-size:18px}.success-content{text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.success-icon svg{width:40px;height:40px;stroke:#fff;stroke-width:3}.success-details{background:var(--light-gray);padding:var(--space-lg);border-radius:12px;margin:var(--space-lg) 0;text-align:left}.success-detail{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.success-detail:last-child{margin-bottom:0}.demo-controls{position:fixed;top:var(--space-lg);right:var(--space-lg);background:var(--white);padding:var(--space-md);border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000;border:1px solid var(--border-secondary);min-width:200px;max-width:250px}.demo-controls h3{font-size:14px;font-weight:600;margin-bottom:var(--space-sm)}.demo-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.demo-controls{position:fixed;top:20px;right:20px;background:var(--white);padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000;border:1px solid var(--border-secondary);min-width:200px;max-width:250px}.demo-controls h3{font-size:14px;font-weight:600;margin-bottom:12px}.demo-buttons{display:flex;flex-direction:column;gap:8px}.demo-btn{padding:8px 12px;background:var(--light-gray);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all var(--anim-normal)}.demo-btn:hover{background:var(--statwell-teal);color:var(--white)}.demo-btn.active{background:var(--primary);color:var(--white)}.condition-view-container{background-color:var(--bg-primary);border-radius:12px;width:95%;max-width:700px;max-height:95vh;border:1px solid var(--border-secondary);box-shadow:0 20px 50px #0000001a;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;margin:2.5% auto;position:relative;animation:slideIn .4s var(--smooth)}@media (min-width: 768px){.condition-view-container{border-radius:24px;width:100%;max-height:90vh;margin:5% auto}}.condition-view-container::-webkit-scrollbar{display:none}.modal-header{padding:var(--space-sm);text-align:center}@media (min-width: 768px){.modal-header{padding:var(--space-md)}}.modal-header .text-display{font-size:24px}@media (min-width: 768px){.modal-header .text-display{font-size:36px}}.image-grid{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md)}@media (min-width: 640px){.image-grid{grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}}.image-grid img{width:100%;border-radius:12px;aspect-ratio:16 / 10;object-fit:cover}@media (min-width: 768px){.image-grid img{border-radius:16px}}.conditions-tabs__container{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;background:var(--light-gray);border-radius:12px;margin:0 var(--space-sm) var(--space-md);align-self:center;overflow-x:auto}@media (min-width: 640px){.conditions-tabs__container{gap:var(--space-sm);margin:0 var(--space-md) var(--space-md)}}.tab-item{padding:6px 10px;border-radius:8px;font-weight:500;cursor:pointer;transition:all var(--anim-normal);white-space:nowrap;font-size:12px;flex-shrink:0}@media (min-width: 640px){.tab-item{padding:6px 14px;font-size:14px}}.tab-item.active{background:var(--white);color:var(--text-primary);box-shadow:0 2px 4px #0000000d}.tab-item:not(.active){background:transparent;color:var(--text-secondary)}.tab-content{padding:var(--space-sm);min-height:200px;height:auto}@media (min-width: 768px){.tab-content{padding:var(--space-md);height:280px}}.tab-pane{display:none}.tab-pane.active{display:block}.tab-pane-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.tab-pane-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}}.section-title{font-size:18px;font-weight:700;margin-bottom:var(--space-md);position:relative;padding-bottom:var(--space-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;border-radius:2px;background-color:var(--secondary)}.symptoms-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.symptoms-list li{display:flex;align-items:center;gap:var(--space-sm)}.symptom-icon-container{width:40px;height:40px;flex-shrink:0;border:1px solid var(--border-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:var(--white)}.symptom-icon-container svg{width:20px;height:20px;stroke:var(--primary)}.treatment-plan-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.treatment-plan-list li{display:flex;align-items:center;gap:var(--space-md);font-weight:500}.treatment-plan-icon{background-color:var(--statwell-teal-light);color:var(--statwell-navy);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.decision-banner{background-color:var(--bg-secondary);padding:var(--space-md);border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-md)}@media (min-width: 640px){.decision-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);gap:var(--space-lg)}}.decision-banner-sticky{position:sticky;bottom:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--white)}.key-facts-group{display:flex;gap:var(--space-md);text-align:center;justify-content:space-around}@media (min-width: 640px){.key-facts-group{gap:var(--space-lg);justify-content:flex-start}}.key-fact{padding:var(--space-sm);flex:1}@media (min-width: 640px){.key-fact{flex:0 1 auto}}.key-fact-value{font-weight:700;font-size:13px;color:var(--text-primary)}@media (min-width: 640px){.key-fact-value{font-size:14px}}.key-fact-label{font-size:9px;color:var(--text-secondary)}@media (min-width: 640px){.key-fact-label{font-size:10px}}.decision-banner .btn{width:100%;white-space:nowrap}@media (min-width: 640px){.decision-banner .btn{width:auto}}