/*
Theme Name: Vin Align Dental
Theme URI: https://example.com/
Author: Custom Studio
Description: Modern Vietnamese dental clinic landing page inspired by supplied reference, with editable sections and consultation form.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: vin-align
*/
:root{--navy:#052d4b;--deep:#04243e;--cyan:#04a9c9;--mint:#5edec3;--pale:#e9f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#163449;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{background:linear-gradient(115deg,#03243d 0%,#075575 58%,#06a5bc 100%);color:white;min-height:560px;overflow:hidden}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}.brand{font-weight:900;font-size:27px;letter-spacing:-1px;color:white}.brand span{color:#64e6d0}.links{display:flex;gap:24px;flex-wrap:wrap}.links a:hover{color:var(--mint)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:450px}.eyebrow{font-size:19px;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(50px,7vw,94px);line-height:1.03;margin:10px 0}.hero p{font-size:22px}.button{display:inline-block;border:0;border-radius:28px;background:linear-gradient(90deg,var(--cyan),var(--mint));color:#fff;font-weight:700;padding:13px 29px;cursor:pointer}.hero-photo{height:440px;width:100%;object-fit:cover;border-radius:200px 200px 12px 12px;box-shadow:0 15px 45px #001b3450}.section{padding:76px 0}.section h2{font-size:34px;line-height:1.2;margin:0 0 22px}.accent{color:var(--cyan)}.about{background:#f0f6f9}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:350px;object-fit:cover;border-radius:18px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.feature{padding:24px 15px}.feature .symbol{font-size:36px;color:var(--cyan)}.services{background:linear-gradient(120deg,#043453,#087e9b);color:#fff}.services h2{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:#fff;color:#15364b;border-radius:14px;overflow:hidden}.service img{width:100%;height:205px;object-fit:cover}.service h3,.service p{margin:12px 18px}.service p{margin-bottom:24px}.clinic{text-align:center;background:#e9f4f8}.clinic-photo{width:100%;max-height:390px;object-fit:cover;border-radius:18px;margin-top:25px}.booking{background:linear-gradient(115deg,#06304e,#078fa9);color:#fff}.booking form{display:grid;gap:12px;max-width:480px}.booking input,.booking select,.booking textarea{width:100%;padding:13px;border:0;border-radius:5px;font:inherit}.booking .button{width:100%}.booking-note{font-size:13px;opacity:.8}.footer{background:#20282c;color:#d6e2e8;padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h3{color:#fff}.bottom{background:#161d20;color:#9daab0;text-align:center;padding:15px}.menu-toggle{display:none}@media(max-width:800px){.hero-inner,.split,.footer-grid{grid-template-columns:1fr}.hero-photo{height:300px}.features{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr 1fr}.links{gap:10px;font-size:13px}.section{padding:45px 0}}@media(max-width:540px){.nav{align-items:flex-start;flex-direction:column}.service-grid,.features{grid-template-columns:1fr}.hero h1{font-size:54px}.hero-photo{height:260px}}