/* Shared finishing rules for the home and four service pages. */
:root{--enzo-action-height:44px;--enzo-action-radius:30px;--enzo-green:#2daa7a;--enzo-cream:#eee9dc;--enzo-ink:#1b170d}
body[data-page=home] .btn,body[data-page=home] .pdr-cta,[data-service-page] .button{
 min-height:var(--enzo-action-height);padding:9px 18px;gap:12px;border-radius:var(--enzo-action-radius);
 font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;
 text-align:center;align-items:center;justify-content:center;
}
body[data-page=home] .btn-primary,body[data-page=home] .pdr-cta,[data-service-page] .button:not(.secondary){
 background:var(--enzo-green);color:var(--enzo-ink);border:1px solid var(--enzo-green);box-shadow:none;
}
body[data-page=home] .btn-primary:hover,body[data-page=home] .pdr-cta:hover,[data-service-page] .button:not(.secondary):hover{
 background:var(--enzo-cream);color:var(--enzo-ink);border-color:var(--enzo-cream);box-shadow:none;transform:none;
}
body[data-page=home] .btn-outline,[data-service-page] .button.secondary{background:transparent;color:var(--enzo-cream);border:1px solid rgba(238,233,220,.35)}
body[data-page=home] .btn-outline:hover,[data-service-page] .button.secondary:hover{background:rgba(238,233,220,.06);color:var(--enzo-cream);border-color:var(--enzo-cream)}
:is(.btn,.pdr-cta,.button,.text-link,.menu-toggle):focus-visible{outline:2px solid var(--enzo-cream);outline-offset:4px}
[data-service-page] .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px}
[data-service-page] .solar-brand p,[data-service-page] .ceramic-brand p{font-size:.75rem}
body[data-page=home] .nav-links .nav-cta,[data-service-page] .service-menu .nav-book{background:var(--enzo-green)!important;color:var(--enzo-ink)!important;border:1px solid var(--enzo-green);border-radius:var(--enzo-action-radius)}
body[data-page=home] .nav-links .nav-cta:hover,[data-service-page] .service-menu .nav-book:hover{background:var(--enzo-cream)!important;color:var(--enzo-ink)!important;border-color:var(--enzo-cream)}
/* Use the same navigation breakpoint and capsule proportions on all five pages. */
@media(max-width:768px){
 body[data-page=home] .navbar,body[data-page=home] .navbar.scrolled,.service-header.js-menu{top:10px;width:calc(100% - 32px);height:58px;padding:6px 12px 6px 18px}
 body[data-page=home] .nav-container,.js-menu .header-inner{justify-content:space-between;height:100%}
 body[data-page=home] .nav-logo img{width:64px;height:36px;max-height:36px}
 body[data-page=home] .nav-links{width:100%;max-width:none;top:calc(100% + 8px)}
 .js-menu .menu-toggle{display:block}
 .js-menu .service-menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:64px;left:0;width:100%;padding:12px;background:var(--enzo-ink);border:1px solid var(--line);border-radius:20px;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
 .js-menu .service-menu:not(.open){display:none}
 .js-menu .service-menu a{font-size:.9375rem;padding:13px 18px}
}