/*
Theme Name: Medi-Vice Technologies
Theme URI: https://www.medivicetech.com/
Author: Medi-Vice Technologies
Author URI: https://www.medivicetech.com/
Description: Professional respiratory and hospital equipment website for Medi-Vice Technologies.
Version: 1.0.1
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: medivice
*/
:root{--teal:#087f83;--navy:#112b31;--ink:#203035;--muted:#66777a;--light:#f2f8f7;--line:#dce8e7;--orange:#df4d13}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--teal);text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:var(--navy);color:#dce8e8;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.topbar a{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:170px;display:block}.menu{display:flex;align-items:center;gap:24px}.menu a{font-weight:700;font-size:13px;color:#385055}.menu .cta{background:var(--teal);color:#fff;padding:11px 17px;border-radius:9px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.hero{background:linear-gradient(135deg,#eef8f7,#fff 62%,#f5faf9);padding:88px 0 78px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--teal)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.12}h1{font-size:clamp(44px,6vw,72px);letter-spacing:-2.5px;margin:14px 0 20px}.hero h1 span{color:var(--teal)}.hero p{font-size:18px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;padding:14px 21px;border-radius:10px;font-weight:800;font-size:13px;border:1px solid transparent}.primary{background:var(--teal);color:#fff}.outline{border-color:#c7dcdc;color:var(--teal);background:#fff}.hero-card{min-height:410px;border-radius:28px;background:var(--teal);padding:34px;color:#fff;position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-card:before{width:430px;height:430px;right:-180px;top:-90px}.hero-card:after{width:300px;height:300px;left:-170px;bottom:-150px}.hero-card>*{position:relative;z-index:2}.hero-card h3{color:#fff;font-size:25px}.hero-card ul{list-style:none;padding:0}.hero-card li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}.hero-card li:before{content:"✓";margin-right:10px;color:#b6ebe6;font-weight:bold}.badge{display:inline-block;background:rgba(255,255,255,.14);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.2px}.strip{border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-item{padding:21px 18px;border-right:1px solid var(--line)}.strip-item:last-child{border-right:0}.strip-item strong{display:block;font-size:13px;color:var(--navy)}.strip-item span{font-size:11px;color:#7b8b8e}.section{padding:90px 0}.heading{max-width:700px;margin-bottom:42px}.heading.center{text-align:center;margin-left:auto;margin-right:auto}.heading h2{font-size:40px;letter-spacing:-1.3px;margin:9px 0 12px}.heading p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.product{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff}.card:hover,.product:hover{box-shadow:0 16px 35px rgba(17,43,49,.08)}.number{color:var(--teal);font-size:11px;font-weight:800}.card h3,.product h3{font-size:19px;margin:24px 0 9px}.card p,.product p{font-size:13px;color:var(--muted)}.products{background:var(--light)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product h3{margin:12px 0 6px}.pill{display:inline-block;background:#e9f5f4;color:var(--teal);font-size:10px;font-weight:800;padding:5px 8px;border-radius:6px}.sleep{background:var(--navy);color:#fff}.sleep-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.sleep h2{color:#fff;font-size:42px}.sleep p{color:#bfd0d1}.sleep ul{list-style:none;padding:0;color:#dce9e9}.sleep li{margin:10px 0}.sleep li:before{content:"✓";color:#7bd8d1;margin-right:10px}.sleep-box{height:330px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:#164047;position:relative;overflow:hidden}.sleep-wave{position:absolute;left:-10%;right:-10%;top:145px;height:60px;border-top:3px solid #72d7d0;border-radius:50%;transform:rotate(-3deg)}.sleep-box strong{position:absolute;bottom:28px;left:28px;font-size:22px;color:#fff}.sleep-box small{position:absolute;bottom:10px;left:28px;color:#a9c2c4}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.about-panel{background:#edf7f6;border-radius:24px;padding:40px}.about-panel strong{display:block;font-size:38px;color:var(--teal);line-height:1}.about-panel span{display:block;margin-top:14px;color:#6d8285;font-size:12px}.about p{color:var(--muted)}.ticks{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.ticks span{background:#f1f6f6;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:800;color:#41666a}.brands{padding:60px 0;border-top:1px solid var(--line)}.brand-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.brand-list span{border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800;color:#52676a}.contact{background:#f3f8f7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:42px}.contact p{color:var(--muted)}.contact-list div{padding:13px 0;border-bottom:1px solid var(--line)}.contact-list strong,.contact-list span{display:block}.contact-list strong{font-size:12px}.contact-list span{font-size:13px;color:#6c7e81}.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.contact-form label{display:block;font-size:12px;font-weight:800;margin-bottom:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #d8e4e3;border-radius:8px;font:inherit;font-size:13px}.contact-form button{border:0;cursor:pointer}footer{background:#09242a;color:#a9c0c2;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand img{width:175px;filter:brightness(0) invert(1)}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid p{font-size:12px;color:#a9c0c2;display:block;margin:7px 0}.copyright{border-top:1px solid #23434a;margin-top:40px;padding-top:17px;text-align:center;font-size:10px}@media(max-width:850px){.menu{display:none;position:absolute;top:78px;left:4%;right:4%;background:#fff;border:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;border-radius:12px}.menu.open{display:flex}.menu-toggle{display:block}.hero-grid,.sleep-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr 1fr}.strip-item:nth-child(2){border-right:0}.strip-item:nth-child(n+3){border-top:1px solid var(--line)}.cards{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.topbar .wrap{display:block;text-align:center}.hero{padding:65px 0}.hero h1{font-size:46px}.section{padding:70px 0}.heading h2,.sleep h2,.contact h2{font-size:33px}.strip-grid,.cards,.product-grid,.footer-grid{grid-template-columns:1fr}.strip-item{border-right:0!important;border-bottom:1px solid var(--line)}}