/*
Theme Name: R M Eye Centre
Theme URI: https://example.com/
Author: R M Eye Centre
Description: Custom WordPress theme converted from the original R M Eye Centre Next.js website.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rm-eye-centre
*/
:root { --background:#f7f8f6; --foreground:#102d37; --primary:#0d6871; --primary-foreground:#fff; --border:#dbe5e1; --muted:#61757a; --navy:#102d37; --aqua:#d8eeeb; --ivory:#f7f8f6; --white:#fff; --radius:.5rem; --font-sans:'DM Sans',sans-serif; --font-serif:'Cormorant Garamond',serif; }
*{box-sizing:border-box;border-color:var(--border)} html{background:var(--background);scroll-behavior:smooth} body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{height:82px;background:rgba(247,248,246,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;position:sticky;top:0;z-index:999;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:var(--navy)}.brand-logo{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid var(--white);box-shadow:0 4px 14px rgba(16,45,55,.14)}.mobile-nav{display:flex;align-items:center;gap:29px;font-size:14px;color:#4d656a}.mobile-nav a:not(.button):hover{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--primary);color:var(--white);padding:13px 19px;border-radius:3px;font-weight:600;font-size:14px;border:0;cursor:pointer}.button-small{padding:10px 14px;font-size:13px}.button-light{background:var(--white);color:var(--navy)}.menu-button{display:none;background:none;border:0;color:var(--navy);font-size:28px;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--primary);margin:0 0 14px}.text-link,.treatment-card a{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:600;font-size:14px}.hero-copy{font-size:18px;color:var(--muted);max-width:490px;margin:0 0 30px}.section{padding:95px 0}.section h2,.appointment-band h2,.featured-copy h2,.intro-grid h2,.contact-grid h2,.home-cta h2{font-family:var(--font-serif);font-size:clamp(40px,5vw,62px);line-height:1;color:var(--navy);font-weight:500;letter-spacing:-.025em;margin:0 0 16px}.section-heading{max-width:650px;margin-bottom:42px}.section-heading p{color:var(--muted);font-size:17px;margin:0}.treatments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.treatment-card{background:var(--white);padding:28px 24px;min-height:245px;box-shadow:0 10px 30px rgba(16,45,55,.06);transition:transform .25s ease,box-shadow .25s ease}.treatment-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(16,45,55,.12)}.icon-box{display:grid;place-items:center;width:44px;height:44px;background:var(--aqua);color:var(--primary);border-radius:50%;margin-bottom:25px;font-size:21px}.treatment-card h3{margin:0 0 8px;color:var(--navy);font-size:18px}.treatment-card p{font-size:14px;color:var(--muted);margin:0 0 19px;line-height:1.55}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:490px;object-fit:cover;box-shadow:0 24px 60px rgba(16,45,55,.14)}.list{display:grid;gap:17px;padding:0;margin:28px 0;list-style:none}.list li{display:flex;gap:12px;align-items:flex-start;color:#465d62}.check{color:var(--primary);font-weight:800}.appointment-band{background:var(--navy);color:var(--white);padding:48px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:28px}.appointment-band h2{color:var(--white);font-size:48px}.appointment-band p{color:#b9cdd0;margin:0}.page-hero{padding:75px 0 70px;background:var(--aqua)}.page-hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(50px,7vw,76px);line-height:.95;color:var(--navy);margin:0;max-width:800px}.page-hero p{color:#4c686d;max-width:600px;font-size:18px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-details{display:grid;gap:22px}.contact-item{display:flex;gap:15px}.contact-icon{color:var(--primary);font-size:20px;width:28px}.contact-item h3{margin:0;color:var(--navy);font-size:16px}.contact-item p{margin:3px 0 0;color:var(--muted);font-size:14px}.whatsapp-text{color:var(--primary);font-weight:600}.contact-form{background:var(--white);padding:30px;border:1px solid var(--border);display:grid;gap:20px;box-shadow:0 10px 30px rgba(16,45,55,.06)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--navy)}.contact-form input,.contact-form textarea{font:inherit;border:1px solid var(--border);padding:12px;background:var(--ivory);font-size:14px;outline-color:var(--primary);width:100%}.contact-form textarea{resize:vertical}.notice{padding:14px 16px;margin-bottom:20px;border-left:3px solid var(--primary);background:#eef8f5;color:var(--navy)}footer{background:#0b252d;color:#d9e5e4;padding:65px 0 22px}.brand.light{color:#fff}.brand.light .brand-logo{border-color:rgba(255,255,255,.75)}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:50px}.footer-copy{color:#9db4b6;max-width:300px;font-size:14px;margin-top:24px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:14px;color:#aac0c0}.footer-label{color:#fff!important;text-transform:uppercase;letter-spacing:.16em;font-size:10px!important;font-weight:700;margin:0 0 10px}.footer-bottom{border-top:1px solid #315056;margin-top:45px;padding-top:18px;color:#80999c;font-size:12px;display:flex;justify-content:space-between}.mobile-actions{display:none}
.home-hero{min-height:clamp(620px,82vh,820px);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);color:var(--white)}.home-hero-image{position:absolute;inset:0;animation:hero-zoom 12s ease-out both}.home-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,45,55,.9) 0%,rgba(16,45,55,.5) 47%,rgba(16,45,55,.12) 100%)}.home-hero-content{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));padding:0 0 74px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.home-hero-copy{max-width:680px}.hero-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:#d8eeeb;margin-bottom:24px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#c89b5b;animation:pulse 2s infinite}.home-hero h1{font-family:var(--font-serif);font-size:clamp(64px,9vw,126px);font-weight:500;line-height:.82;letter-spacing:-.045em;color:var(--white);margin:0 0 30px}.home-hero h1 em{font-style:normal;color:#d8eeeb}.home-hero-copy>p{max-width:450px;font-size:19px;line-height:1.5;color:rgba(255,255,255,.8);margin:0 0 30px}.button-gold{background:#c89b5b;color:#102d37;box-shadow:0 12px 24px rgba(0,0,0,.18)}.button-gold:hover{background:#dfb878;transform:translateY(-2px)}.button-outline-light{background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(8px)}.button-outline-light:hover{background:var(--white);color:var(--navy)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-text-link{display:inline-flex;align-items:center;gap:8px;margin-left:12px;color:#fff;font-weight:600;font-size:14px}.hero-location{display:flex;flex-direction:column;gap:7px;min-width:230px;border-left:1px solid rgba(255,255,255,.4);padding-left:20px;color:#fff}.hero-location span{font-size:10px;letter-spacing:.18em;color:#d8eeeb}.hero-location strong{font-size:14px}.hero-location small{font-size:12px;color:rgba(255,255,255,.7)}.scroll-cue{position:absolute;right:28px;bottom:28px;z-index:2;color:rgba(255,255,255,.7);font-size:10px;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.trust-strip{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.15)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-grid>div{min-height:112px;padding:25px 22px;border-right:1px solid rgba(255,255,255,.13)}.trust-number{display:block;color:#c89b5b;font:500 27px var(--font-serif);margin-bottom:3px}.trust-grid strong{font-size:13px}.trust-grid p{margin:0;color:rgba(255,255,255,.58);font-size:12px}.hours-card{display:flex;align-items:center;gap:12px;color:#d8eeeb}.home-intro{background:var(--ivory)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}.treatment-section{background:#fff}.featured-care{background:var(--aqua)}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.featured-image{height:520px;position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-copy>p{max-width:500px;color:var(--muted);font-size:17px}.home-cta{background:var(--navy);color:#fff;padding:72px 0}.home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.home-cta h2{color:#fff;margin:0 0 10px}.home-cta p{margin:0;color:rgba(255,255,255,.7)}.cta-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c89b5b;border-radius:50%;color:#c89b5b;margin-bottom:20px}.home-cta .eyebrow{color:#d8eeeb}
@keyframes hero-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,155,91,.45)}50%{box-shadow:0 0 0 8px rgba(200,155,91,0)}}
@media(max-width:800px){.container{width:min(100% - 32px,600px)}.site-header{height:70px}.menu-button{display:block}.mobile-nav{display:none}.mobile-nav.open{display:flex;position:absolute;top:70px;left:0;right:0;padding:20px 16px;background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:18px}.mobile-nav.open .button{text-align:center}.treatments-grid{grid-template-columns:1fr 1fr}.section{padding:65px 0}.split,.contact-grid,.intro-grid,.featured-grid{grid-template-columns:1fr;gap:40px}.split img{height:330px}.appointment-band{padding:42px 16px;display:block}.appointment-band .button{margin-top:25px}.appointment-band h2{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--white);border-top:1px solid var(--border);height:57px}.mobile-actions a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:var(--primary)}.mobile-actions a+a{background:var(--primary);color:var(--white)}body{padding-bottom:57px}.form-row{grid-template-columns:1fr}.home-hero{min-height:680px}.home-hero-image img{object-position:58% center}.home-hero-shade{background:linear-gradient(0deg,rgba(16,45,55,.94) 0%,rgba(16,45,55,.4) 70%,rgba(16,45,55,.18) 100%)}.home-hero-content{display:block;padding-bottom:56px}.home-hero h1{font-size:70px}.hero-location{margin-top:48px;min-width:0}.scroll-cue{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{min-height:105px;padding:20px 15px}.featured-image{height:350px}.home-cta-inner{display:block}.home-cta .button{margin-top:28px}.hero-actions .button{flex:1;min-width:145px}.hero-text-link{flex-basis:100%;margin-left:0;margin-top:5px}}
@media(max-width:480px){.treatments-grid{grid-template-columns:1fr}.home-hero h1{font-size:58px}.trust-grid{grid-template-columns:1fr 1fr}}