.tag-search-container{max-width:1200px;margin:0 auto;padding:2rem}.tag-search-container .search-header{text-align:center;margin-bottom:2rem}.tag-search-container .search-header h1{color:#2c3e50;margin-bottom:.5rem}.tag-search-container .search-header p{color:#666}.tag-search-container .doctors-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.tag-search-container .doctor-card{background:#fff;border-radius:8px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.tag-search-container .doctor-card:hover{transform:translateY(-4px)}.tag-search-container .doctor-card .doctor-image{height:200px;overflow:hidden}.tag-search-container .doctor-card .doctor-image img{object-fit:cover;width:100%;height:100%}.tag-search-container .doctor-card .doctor-info{padding:1.5rem}.tag-search-container .doctor-card .doctor-info h3{color:#2c3e50;margin:0 0 .5rem}.tag-search-container .doctor-card .doctor-info .specialization{color:#2196f3;margin-bottom:.5rem;font-weight:500}.tag-search-container .doctor-card .doctor-info .location{color:#666;margin-bottom:1rem;font-size:.9rem}.tag-search-container .doctor-card .doctor-info .tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tag-search-container .doctor-card .doctor-info .tags .tag{color:#1976d2;background:#e3f2fd;border-radius:16px;padding:.25rem .75rem;font-size:.85rem}.tag-search-container .doctor-card .doctor-info .consult-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;width:100%;padding:.75rem;font-weight:500;transition:background .2s}.tag-search-container .doctor-card .doctor-info .consult-btn:hover{background:#1976d2}.tag-search-container .no-results{text-align:center;background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:3rem}.tag-search-container .no-results h2{color:#2c3e50;margin-bottom:.5rem}.tag-search-container .no-results p{color:#666}.tags-container{background:linear-gradient(#fff,#f8fafc);max-width:1200px;min-height:80vh;margin:6rem auto;padding:3rem}.tags-container .tags-header{text-align:center;opacity:0;margin-bottom:4rem;transition:all .5s;transform:translateY(20px)}.tags-container .tags-header.slide-up{opacity:1;transform:translateY(0)}.tags-container .tags-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a365d 0%,#2563eb 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.tags-container .tags-header p{color:#64748b;margin-bottom:2rem;font-size:1.1rem;font-weight:500}.tags-container .tags-header .search-box{max-width:600px;margin:0 auto;position:relative}.tags-container .tags-header .search-box .search-icon{color:#94a3b8;z-index:1;font-size:1.2rem;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.tags-container .tags-header .search-box input{background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:1.2rem 1.5rem 1.2rem 3.5rem;font-size:1rem;transition:all .3s;box-shadow:0 2px 8px #0000000d}.tags-container .tags-header .search-box input:focus{border-color:#3b82f6;outline:none;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f626}.tags-container .tags-header .search-box input::placeholder{color:#94a3b8}.tags-container .tags-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0 1rem;display:grid}.tags-container .tag-item{opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay);background:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 4px 12px #00000014}.tags-container .tag-item:before{content:"";background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.tags-container .tag-item.slide-up{opacity:1;transform:translateY(0)}.tags-container .tag-item:hover{border-color:#e0e7ff;transform:translateY(-6px);box-shadow:0 12px 24px #3b82f626}.tags-container .tag-item:hover:before{transform:scaleY(1)}.tags-container .tag-item .tag-info{flex:1;margin-right:1.5rem}.tags-container .tag-item .tag-info h3{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.3}.tags-container .tag-item .tag-info .doctor-count{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:.4rem;width:-webkit-fit-content;width:fit-content;padding:.4rem .8rem;font-size:.9rem;font-weight:500;display:inline-flex}.tags-container .tag-item .tag-info .doctor-count:before{content:"👨‍⚕️";font-size:1rem}.tags-container .tag-item .view-doctors-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f640}.tags-container .tag-item .view-doctors-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translate(4px);box-shadow:0 6px 16px #3b82f659}.tags-container .tag-item .view-doctors-btn:active{transform:translate(2px)}.tags-container .tag-item .view-doctors-btn svg{font-size:1rem;transition:transform .3s}.tags-container .tag-item .view-doctors-btn:hover svg{transform:translate(4px)}.loading,.error{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:3rem;font-size:1.2rem;display:flex}@media (max-width:768px){.tags-container{margin:4rem auto;padding:1rem}.tags-container .tags-header h1{font-size:2rem}.tags-container .tags-header p{font-size:1rem}.tags-container .tags-header .search-box input{padding:1rem 1rem 1rem 3rem}.tags-container .tags-list{grid-template-columns:1fr;gap:1rem}.tags-container .tag-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.tags-container .tag-item .view-doctors-btn{justify-content:center;width:100%}}@media (max-width:480px){.tags-container .tags-header h1{font-size:1.75rem}.tags-container .tag-item{padding:1.25rem}.tags-container .tag-item .tag-info h3{font-size:1.1rem}}