/*
Theme Name: PHP TV
Author: Public Health Plus
Description: PHP TV multimedia WordPress theme.
Version: 1.0
*/
*{box-sizing:border-box}body{margin:0;background:#f6faf8;color:#172622;font-family:Poppins,Arial,sans-serif}h1,h2,h3,h4,button{font-family:Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}.navbar{height:76px;position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #e5ece9}.logo{display:flex;align-items:center;gap:10px}.logo-box{width:44px;height:44px;border-radius:13px;background:#0b6b59;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.logo-text strong{display:block;font-size:17px}.logo-text small{display:block;font-size:9px;letter-spacing:1px;color:#71807c;text-transform:uppercase}.nav-links{display:flex;gap:24px;font-size:12px;font-weight:600;color:#52625d}.live{border:0;background:#0b6b59;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.hero{max-width:1200px;margin:auto;min-height:600px;padding:80px 25px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.badge{color:#08705c;font-size:10px;font-weight:800;letter-spacing:1.7px}.hero h1{font-size:clamp(43px,5vw,68px);line-height:1.05;letter-spacing:-2.5px;margin:14px 0 24px}.hero h1 span{color:#0b806a}.hero p{color:#63746f;font-size:15px}.buttons{display:flex;gap:12px;margin-top:28px}.primary,.secondary{padding:14px 21px;border-radius:12px;font-weight:700;cursor:pointer}.primary{background:#0b6b59;color:#fff;border:0}.secondary{background:#fff;color:#24443d;border:1px solid #dce7e3}.video{height:370px;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#4b9a89,#123e36 50%,#071e1a);border:7px solid #fff;box-shadow:0 30px 70px #17443b33}.play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:75px;height:75px;border:0;border-radius:50%;background:#fff;color:#0b6b59;font-size:23px;cursor:pointer}.caption{position:absolute;left:25px;bottom:22px;color:#fff}.caption small{color:#b8dfd5}.caption h3{margin:6px 0;font-size:21px}.section{padding:75px 25px;max-width:1200px;margin:auto}.heading{display:flex;justify-content:space-between;gap:45px;margin-bottom:30px}.heading h2{font-size:34px;line-height:1.15}.heading p{max-width:450px;color:#6d7d78;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.tool{background:#fff;border:1px solid #e1eae7;border-radius:18px;padding:22px;cursor:pointer;transition:.2s;text-align:left}.card:hover,.tool:hover{transform:translateY(-4px);box-shadow:0 18px 35px #143c321a}.icon{font-size:27px;margin-bottom:12px}.card h3,.tool h3{font-size:13px;margin:0 0 4px}.card p,.tool p{color:#82908c;font-size:10px;margin:0}.library{background:#eef6f3;max-width:none}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab{border:1px solid #d3e2dd;background:#fff;padding:11px 18px;border-radius:50px;font-weight:700;cursor:pointer}.tab.active{background:#0b6b59;color:#fff}.disease-wrap{max-width:1150px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:20px}.disease-list{display:flex;flex-direction:column;gap:8px}.disease-btn{background:#fff;border:1px solid #dce8e4;padding:14px;border-radius:12px;text-align:left;cursor:pointer}.disease-btn.active{border-color:#73b8a8}.disease-btn strong{display:block;font-size:12px}.disease-btn small{font-size:9px;color:#879590}.disease-info{background:#fff;border:1px solid #dce8e4;border-radius:22px;padding:30px}.disease-info h3{font-size:28px}.desc{color:#697b75;font-size:13px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-box{background:#f5f9f7;border-radius:15px;padding:17px}.info-box h4{color:#0b6b59;font-size:11px;text-transform:uppercase}.info-box p,.info-box li{color:#657570;font-size:11px}.info-box ul{padding-left:18px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.live-section{max-width:1140px;margin:30px auto;padding:55px;border-radius:26px;background:#103f36;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.live-section h2{font-size:31px}.live-section p{color:#b7d0c9;font-size:13px}.white{background:#fff;color:#17443b;border:0;padding:14px 20px;border-radius:12px;font-weight:700;cursor:pointer}.faq{max-width:900px;margin:auto}details{background:#fff;border:1px solid #dfe9e5;border-radius:14px;margin-bottom:10px;padding:17px 20px}summary{cursor:pointer;font-weight:700;font-size:13px}details p{color:#687973;font-size:12px}footer{background:#102e29;color:#fff;padding:55px 5% 20px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer p,footer a{color:#91aaa3;font-size:11px;display:block;margin:7px 0}.bottom{max-width:1200px;margin:35px auto 0;border-top:1px solid #31504a;padding-top:17px;color:#78908a;font-size:9px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:#051e19b8;display:none;align-items:center;justify-content:center;z-index:999;padding:20px}.modal.show{display:flex}.modal-box{width:min(680px,100%);background:#fff;border-radius:24px;padding:32px;position:relative}.close{position:absolute;right:15px;top:13px;border:0;border-radius:50%;width:35px;height:35px;cursor:pointer}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.disease-wrap{grid-template-columns:1fr}.tools{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:55px 18px}.section{padding:60px 18px}.cards,.tools,.info-grid{grid-template-columns:1fr}.heading{display:block}.live-section{margin:15px;padding:35px 25px;display:block}.footer-grid{grid-template-columns:1fr}.bottom{display:block}}