:root{
  --brown:#5D4037; --accent:#A1887F; --light:#f7f6f5; --dark:#1d1d1d;
}
*{box-sizing:border-box;}
body{margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif; color:#222; background:#fff;}
.wrap{max-width:1100px; margin:0 auto; padding:0 14px;}
.topbar{position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index:100;}
.topbar .brand{display:flex; align-items:center; padding:12px 0; color:var(--brown); text-decoration:none; font-weight:700;}
.brand-full{display:inline;}
.brand-mid,.brand-short{display:none;}
.hamburger{display:none; font-size:22px; padding:8px; cursor:pointer;}
#navtoggle{display:none;}
.nav{display:flex; gap:8px; flex-wrap:wrap; padding:8px 0 12px;}
.nav a{padding:8px 12px; border-radius:10px; text-decoration:none; color:#333; border:1px solid transparent;}
.nav a:hover{background:#f5f0ee;}
.nav a.active{background:var(--accent); color:#fff;}
main .page{padding:20px 0 40px;}
h1{color:var(--brown); font-size:2rem; margin:18px 0;}
.lead{color:#444; font-size:1.05rem;}
.btn{display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none; border:1px solid #ddd;}
.btn.primary{background:var(--brown); color:#fff; border-color:var(--brown);}
.btn.secondary{background:#fff; border-color:var(--brown); color:var(--brown);}
.btn.ghost{background:#fff; color:#333;}
.grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media(max-width:800px){
  .nav{display:none;}
  #navtoggle:checked ~ .nav{display:flex;}
  .hamburger{display:inline-block;}
  .brand-full{display:none;}
  .brand-mid{display:inline;}
}
@media(max-width:480px){
  .brand-mid{display:none;}
  .brand-short{display:inline;}
  .grid{grid-template-columns:1fr;}
}
.card{border:1px solid #eee; border-radius:14px; padding:14px; background:#fff;}
.sitemap-list{margin-top:20px; padding-left:20px;}
.sitemap-list li{margin-bottom:8px; font-size:1.05em;}
.sitemap-list a{color:var(--brown); text-decoration:none; font-weight:600;}
.sitemap-list a:hover{text-decoration:underline;}
form .field{margin-bottom:12px;}
form label{display:block; font-weight:600; margin-bottom:6px;}
form input[type=text], form input[type=email], form input[type=tel], form textarea{
  width:100%; padding:12px 14px; border:1px solid #d7d7d7; border-radius:10px; outline:none;
}
form input:focus, form textarea:focus{border-color:#bbb; box-shadow:0 0 0 3px rgba(161,136,127,.15);}
.alert.success{padding:14px 16px; border-radius:12px; background:#e8f9ef; border:1px solid #bde8cd; color:#1d7f4a;}
.alert.error{padding:14px 16px; border-radius:12px; background:#ffefef; border:1px solid #f4c2c2; color:#8a1212;}


/* --- Contact form polish --- */
.form-card{border:1px solid #e7e7e7; border-radius:16px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.06); padding:16px; margin:10px 0 20px;}
.form .field small.hint{display:block; margin-top:6px; color:#666; font-size:.85rem;}
.form .actions-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.btn.block{width:100%; text-align:center; padding:12px 14px; font-weight:700;}
@media(min-width:640px){ .btn.block{width:auto;} }
.alert.success{animation: popin .35s ease-out;}
@keyframes popin{ from{transform:scale(.98); opacity:.5} to{transform:scale(1); opacity:1} }



.btn.cta-call{background:#3e2f2a;color:#fff;border:0;border-radius:10px;padding:12px 14px;font-weight:700;text-decoration:none;display:inline-block}
.btn.cta-mail{background:#6e5a52;color:#fff;border:0;border-radius:10px;padding:12px 14px;font-weight:700;text-decoration:none;display:inline-block}
.btn.cta-wa{background:#25D366;color:#fff;border:0;border-radius:10px;padding:12px 14px;font-weight:700;text-decoration:none;display:inline-block}
.btn.cta-call:hover,.btn.cta-mail:hover,.btn.cta-wa:hover{filter:brightness(1.05)}


/* beige chiaro */
    color:#3e2f2a;
    border:0;
    border-radius:10px;
    padding:12px 18px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
    transition:0.2s;
}
.btn.cta-mail {
    background:#d8ccc5; /* beige più chiaro */
    color:#3e2f2a;
    border:0;
    border-radius:10px;
    padding:12px 18px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
    transition:0.2s;
}
.btn.cta-wa {
    background:#25D366;
    color:#fff;
    border:0;
    border-radius:10px;
    padding:12px 18px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
    transition:0.2s;
}
.btn.cta-call:hover,
.btn.cta-mail:hover,
.btn.cta-wa:hover {
    filter:brightness(1.08);
}

/* === Standard CTA buttons (shape as before), new colors, gentle hover === */
.cta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 8px}
.btn.cta-call,.btn.cta-mail,.btn.cta-wa{
  border:0;border-radius:10px;padding:12px 18px;font-weight:700;
  text-decoration:none;display:inline-block;transition:.2s;
}
.btn.cta-call{background:#c9b3a5;color:#3e2f2a;}   /* beige chiaro */
.btn.cta-mail{background:#d8ccc5;color:#3e2f2a;}   /* beige più chiaro */
.btn.cta-wa{background:#25D366;color:#fff;}        /* WhatsApp */
.btn.cta-call:hover,.btn.cta-mail:hover,.btn.cta-wa:hover{filter:brightness(1.08)}