/*
Theme Name: Health City Clinic
Theme URI: https://example.com/health-city-clinic
Author: Health City Clinic
Description: A responsive one-page clinic theme converted from the supplied Health City HTML design.
Version: 1.0.2
Text Domain: health-city-clinic
*/

:root{--blue:#0757c8;--navy:#082454;--green:#07805d;--ink:#253044;--muted:#607086;--line:#e4eaf1;--soft:#f6f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55;background:#fff}.hc-site{overflow:hidden}.hc-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.hc-top{background:#061b45;color:#fff;font-size:.78rem;font-weight:700;padding:10px 0}.hc-top .hc-wrap,.hc-header .hc-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.hc-top a{color:#ffe66d;text-decoration:none}.hc-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 9px rgba(10,35,70,.06)}.hc-header .hc-wrap{min-height:76px}.hc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.hc-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:24px;box-shadow:0 5px 12px #0757c833}.hc-brand strong,.hc-title{font-family:'Space Grotesk',sans-serif}.hc-brand strong{font-size:1.2rem;display:block;line-height:1.1}.hc-brand strong span{color:var(--green)}.hc-brand small{font-size:.62rem;letter-spacing:.1em;color:#68758a;font-weight:700}.hc-nav{display:flex;gap:5px;align-items:center}.hc-nav a{font-size:.86rem;font-weight:700;color:#435068;text-decoration:none;padding:9px 10px;border-radius:8px}.hc-nav a:hover{color:var(--blue);background:#f4f8fd}.hc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;border-radius:11px;padding:13px 20px;font-weight:800;font-size:.88rem;cursor:pointer;background:var(--blue);color:#fff;box-shadow:0 4px 10px #0757c82e;transition:.2s}.hc-button:hover{filter:brightness(.92);transform:translateY(-1px)}.hc-button.green{background:var(--green)}.hc-button.white{background:#fff;color:#435068;border:1px solid #dbe2eb;box-shadow:none}.hc-mobile-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy);cursor:pointer}.hc-mobile-menu{display:none;border-top:1px solid var(--line);padding:10px 20px 18px;background:#fff}.hc-mobile-menu.open{display:grid}.hc-mobile-menu a{padding:11px;text-decoration:none;color:var(--ink);font-weight:700;border-radius:8px}.hc-mobile-menu a:hover{background:var(--soft);color:var(--blue)}section{scroll-margin-top:75px}.hc-hero{padding:78px 0;background:linear-gradient(135deg,#eff7ff,#fff 50%,#ecfcf6);border-bottom:1px solid var(--line)}.hc-grid{display:grid;gap:50px;align-items:center}.hc-grid.hero{grid-template-columns:1.35fr .85fr}.hc-grid.about{grid-template-columns:.85fr 1.15fr}.hc-pill{display:inline-block;border:1px solid #cfe3fc;background:#fff;color:var(--navy);padding:5px 11px;border-radius:20px;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.03em;box-shadow:0 2px 5px #0757c812}.hc-title{color:var(--navy);font-size:clamp(2.05rem,5vw,4rem);line-height:1.07;margin:14px 0}.hc-title span{color:var(--green)}.hc-copy{color:var(--muted);max-width:620px;font-size:1.04rem}.hc-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.hc-frame{background:#fff;padding:12px;border-radius:25px;border:1px solid var(--line);box-shadow:0 17px 32px #08245416;position:relative}.hc-frame img{display:block;width:100%;border-radius:17px;aspect-ratio:4/3;object-fit:cover}.hc-float{position:absolute;bottom:28px;left:28px;right:28px;background:#fffffff0;border:1px solid var(--line);border-radius:14px;padding:11px 13px;font-size:.72rem}.hc-float b{display:block;color:var(--navy);font-size:.83rem}.hc-section{padding:76px 0;border-bottom:1px solid var(--line)}.hc-section.soft{background:var(--soft)}.hc-section-head{text-align:center;max-width:710px;margin:0 auto 38px}.hc-section-head .hc-title{font-size:clamp(1.8rem,3vw,2.55rem);margin-bottom:9px}.hc-section-head p{color:var(--muted);font-size:.9rem;margin:0}.hc-section p{color:var(--muted)}.hc-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.hc-check{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:.84rem;font-weight:700;color:#44516a}.hc-check::before{content:'✓';color:var(--green);font-size:1.1em;margin-right:9px}.hc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hc-card{background:#fff;border:2px solid #e5eaf0;border-radius:17px;padding:21px;text-align:left;transition:.2s}.hc-card.clickable{cursor:pointer}.hc-card:hover{border-color:var(--green);box-shadow:0 10px 24px #0824540d;transform:translateY(-3px)}.hc-icon{width:43px;height:43px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);border-radius:10px;font-size:22px}.hc-card h3{font-family:'Space Grotesk',sans-serif;color:var(--navy);font-size:1rem;margin:15px 0 7px}.hc-card p{font-size:.8rem;margin:0}.hc-card-footer{border-top:1px solid var(--line);margin-top:17px;padding-top:12px;font-size:.72rem;font-weight:800;color:var(--blue);display:flex;justify-content:space-between;gap:8px}.hc-tag{color:#067757;background:#e7f8f1;border-radius:4px;padding:2px 5px;font-size:.62rem}.hc-filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto 27px}.hc-filter{border:1px solid #dce4ed;background:#fff;color:#4d5a70;border-radius:30px;padding:9px 15px;font-weight:800;font-size:.78rem;cursor:pointer}.hc-filter.active{background:var(--blue);border-color:var(--blue);color:#fff}.hc-doctor{overflow:hidden;padding:0}.hc-doctor img{width:100%;display:block;aspect-ratio:1.4;object-fit:cover}.hc-doctor-info{padding:18px}.hc-doctor h3{margin:0;color:var(--navy);font-family:'Space Grotesk',sans-serif;font-size:1.05rem}.hc-doctor small{color:var(--blue);font-weight:700}.hc-doctor p{font-size:.76rem}.hc-schedule-controls{display:grid;grid-template-columns:1fr 220px;gap:15px;padding:15px;border:2px solid #e0e7ee;background:#fff;border-radius:17px;margin-bottom:20px}.hc-input,.hc-select{width:100%;border:1px solid #d6e0e9;background:#f8fafc;padding:12px 13px;border-radius:10px;font:600 .84rem Inter;color:var(--ink)}.hc-table-wrap{overflow:auto;background:#fff;border:1px solid #dfe6ee;border-radius:17px}.hc-table{width:100%;border-collapse:collapse;min-width:750px;font-size:.82rem}.hc-table th{background:#f2f5f8;color:var(--navy);text-align:left;padding:15px;text-transform:uppercase;font-size:.67rem;letter-spacing:.04em}.hc-table td{padding:15px;border-top:1px solid var(--line);font-weight:600}.hc-table td:last-child{text-align:right}.hc-table .hc-button{padding:8px 11px;font-size:.7rem}.hc-fee{color:var(--green);font-weight:800}.hc-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:780px;margin:auto}.hc-gallery figure{margin:0;border:2px solid #e1e7ed;border-radius:17px;overflow:hidden}.hc-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.hc-gallery figcaption{font-size:.8rem;font-weight:700;color:var(--navy);padding:12px}.hc-contact{grid-template-columns:.8fr 1.2fr}.hc-contact-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;font-size:.85rem;font-weight:600}.hc-map iframe{width:100%;height:340px;border:0;border-radius:22px}.hc-footer{padding:45px 0;text-align:center;background:#061b45;color:#b5c0d3;font-size:.78rem}.hc-footer h2{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:1rem}.hc-modal{display:none;position:fixed;inset:0;z-index:99;background:#061b45cc;align-items:center;justify-content:center;padding:20px}.hc-modal.open{display:flex}.hc-modal-box{width:min(500px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 22px 50px #0005}.hc-modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.hc-modal h2{font-family:'Space Grotesk',sans-serif;color:var(--navy);font-size:1.25rem;margin:0}.hc-close{font-size:25px;border:0;background:none;color:#667085;cursor:pointer}.hc-modal ul{color:#536177;padding-left:20px;font-size:.88rem}.hidden{display:none!important}
@media(max-width:900px){.hc-nav,.hc-header .hc-button{display:none}.hc-mobile-toggle{display:block}.hc-grid.hero,.hc-grid.about,.hc-contact{grid-template-columns:1fr}.hc-grid.about .hc-frame{max-width:500px}.hc-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hc-wrap{width:min(100% - 30px,1180px)}.hc-top .hc-wrap{justify-content:center;text-align:center}.hc-top .hc-wrap>span{display:none}.hc-hero,.hc-section{padding:52px 0}.hc-grid{gap:30px}.hc-title{font-size:2.1rem}.hc-actions,.hc-actions .hc-button{width:100%}.hc-checks,.hc-cards,.hc-gallery{grid-template-columns:1fr}.hc-schedule-controls{grid-template-columns:1fr}.hc-map iframe{height:270px}}