:root{--gold:#FFC72C;--gold-dark:#A19276;--gold-muted:#BEAF87;--dark:#383635;--white:#FFF;--light-bg:#F9F7F3;--line:#e8e4df;--text:#383635;--text-light:#6B6560}

/* HEADER */
header{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.97);box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:1000}
.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}
.logo-img{height:50px;width:auto}
.header-right{display:flex;align-items:center;gap:30px}
nav ul{display:flex;list-style:none;gap:26px}
nav a{font-size:14px;font-weight:700;letter-spacing:0.5px;padding:5px 0;text-decoration:none;color:var(--dark)}
nav a:hover{color:var(--gold-dark)}
nav a.active{color:var(--gold-dark);border-bottom:2px solid var(--gold)}
.header-tel{text-align:right}
.header-tel a{font-family:'Lato', sans-serif;font-size:20px;font-weight:900;color:var(--dark);letter-spacing:1px;text-decoration:none}
.header-tel small{display:block;font-size:10px;color:var(--text-light)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1100}
.hamburger span{display:block;width:25px;height:2px;background:var(--dark);margin:5px 0;transition:0.3s}
.nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .hamburger span:nth-child(2){opacity:0}
.nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* FOOTER */
footer{background:var(--dark);color:var(--white);padding:56px 20px 32px}
footer a{color:var(--white);text-decoration:none}
footer a:hover{color:var(--gold);text-decoration:underline}
.footer-inner{max-width:1000px;margin:0 auto}
.footer-nav{display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin-bottom:44px}
.footer-col{text-align:left;min-width:180px}
.footer-col h4{font-size:14px;font-weight:700;color:var(--gold);letter-spacing:1px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.18)}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:11px;padding-left:0}
.footer-col li::before{content:none}
.footer-col li a{font-size:13.5px;opacity:.9}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding-top:32px}
.footer-logo{font-size:16px;font-weight:700;margin-bottom:12px}
.footer-bottom p{font-size:12.5px;opacity:.75;margin-bottom:6px}
.footer-tel a{font-weight:700}
.footer-bottom small{font-size:11px;opacity:.5;display:block;margin-top:6px}
@media(max-width:768px){
.footer-nav{flex-direction:column;gap:26px;text-align:center}
.footer-col{text-align:center;min-width:0}
.footer-col h4{border-bottom:none;padding-bottom:6px}
}

/* HEADER/FOOTER RESPONSIVE */
@media(max-width:768px){
.header-right{gap:0}
nav{position:fixed;top:70px;left:0;width:100%;background:var(--white);box-shadow:0 8px 20px rgba(0,0,0,.1);max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.nav-open nav{max-height:400px}
nav ul{flex-direction:column;gap:0;padding:10px 0}
nav li{border-bottom:1px solid var(--line)}
nav a{display:block;padding:16px 24px}
nav a.active{border-bottom:none;background:var(--light-bg)}
.hamburger{display:block}
.header-tel{display:none}
}