.patient-card,.patient-overlay,.patient-photo{transition:var(--transition-normal)}.patients-gallery-section{padding:0 0 var(--space-8) 0}.patients-page{background-color:var(--white);min-height:calc(100vh - 200px)}.patients-header-section{padding:var(--space-12) 0 var(--space-8) 0;background:linear-gradient(135deg,var(--bg-light) 0,#f8f9fa 100%)}.patients-gallery-section{padding:0 0 var(--space-16) 0}.patient-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--white);box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--border-light)}.patient-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.patient-image-container{position:relative;width:100%;height:320px;overflow:hidden;border-radius:16px}.patient-description-panel,.patient-name-overlay,.patient-overlay{position:absolute;bottom:0;left:0;right:0}.patient-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.patient-card:hover .patient-photo{transform:scale(1.05)}.patient-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-light),#e9ecef);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.patient-photo-placeholder i{font-size:4rem;opacity:.5}.patient-overlay{height:40%;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent 100%);z-index:2}.patient-card:hover .patient-overlay{background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 50%,transparent 100%)}.patient-name-overlay{padding:var(--space-5);z-index:3}.patient-name{color:var(--white);font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.7);line-height:1.3;text-align:center}.patient-description-panel{background:rgba(255,255,255,.95);transform:translateY(100%);transition:transform .3s;z-index:10;border-radius:16px 16px 0 0;overflow:hidden;max-height:90%;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.patient-card.show-description .patient-description-panel,.patient-card:hover .patient-description-panel{transform:translateY(0)}.panel-content{height:100%;display:flex;flex-direction:column;padding:var(--space-4)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.patient-title{font-size:1rem;font-weight:600;color:var(--text-heading);margin:0;line-height:1.3;flex:1;padding-right:var(--space-2)}.panel-close{background:0 0;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:var(--space-1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.panel-close:hover{background:var(--bg-light);color:var(--text-heading)}.panel-body{flex:1;overflow-y:auto}.patient-story{font-size:.95rem;color:var(--text-body);line-height:1.5;margin:0}