*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:#26322e;background:#fff}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px max(5vw,20px);background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 14px #0000000d}.brand{font-weight:850;letter-spacing:.08em;white-space:nowrap}.brand span{color:#9b7748}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}nav a{font-size:12px;font-weight:650}nav a:hover,.back:hover{color:#a27845}.menu-toggle{display:none}.hero{min-height:70vh;display:grid;place-items:center;text-align:center;position:relative;color:#fff;background-color:#52675c;background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 20px}.hero-content{max-width:900px}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,6.8rem);line-height:1.08;margin:14px 0}.hero p{font-size:clamp(1.1rem,2vw,1.45rem)}.hero-kicker,.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.17em;color:#ad8654}.hero-kicker{color:#e7cba4}.btn{display:inline-block;background:#a17b4b;color:white;border-radius:4px;padding:13px 23px;font-weight:700;margin-top:14px}.btn:hover{background:#805f36}.section{padding:75px max(5vw,20px);max-width:1450px;margin:auto}.section.soft{max-width:none;background:#f6f5f1}.section.soft>*{max-width:1300px;margin-left:auto;margin-right:auto}.section-head{margin-bottom:30px}.section h1,.section h2{font-family:Georgia,serif;line-height:1.2}.section h1{font-size:clamp(2.5rem,5vw,4.5rem)}.section h2{font-size:clamp(2rem,4vw,3rem);margin:10px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category{padding:28px;background:#f6f5f1;display:flex;justify-content:space-between;font-weight:750;border-bottom:3px solid #ae8959}.category:hover{background:#eae5dc}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:#fff;box-shadow:0 7px 30px #00000012;border-radius:6px;overflow:hidden}.card img,.placeholder{width:100%;height:230px;object-fit:cover}.placeholder{background:linear-gradient(135deg,#506d62,#b69a72);display:grid;place-items:center;color:#fff;font-family:Georgia,serif;font-size:1.6rem}.card-body{padding:25px}.card h3{font-family:Georgia,serif;font-size:1.7rem;margin:6px 0}.more{font-weight:750;color:#956e3d}.advert{background:#243d36;color:white;padding:40px;display:flex;justify-content:space-between;gap:30px;align-items:center}.advert h2{margin:10px 0}.advert-actions{display:flex;flex-direction:column;align-items:center}.inner{min-height:65vh}.back{display:block;margin-bottom:28px}.lead{font-size:1.25rem;color:#58615d}.detail{max-width:820px;font-size:1.1rem}.slideshow{max-width:950px;margin:30px 0}.slides{position:relative;aspect-ratio:16/9;background:#eaeaea}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.slide.active{display:block}.slide-controls{display:flex;align-items:center;justify-content:center;gap:25px;padding:12px}.slide-controls button{border:0;background:#263d34;color:#fff;font-size:28px;cursor:pointer;width:44px;height:44px}footer{background:#182923;color:white;padding:45px max(5vw,20px)}footer a{color:#e8c48b}@media(max-width:1100px){.menu-toggle{display:block;border:1px solid #ddd;background:white;padding:8px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:8px;font-size:15px}}@media(max-width:700px){.hero{min-height:66vh}.category-grid,.cards{grid-template-columns:1fr}.advert{display:block;padding:25px}.advert-actions{align-items:flex-start}.section{padding-top:50px;padding-bottom:50px}.slides{aspect-ratio:4/3}}
/* AKRAI | Testata premium verde petrolio */
.topbar{background:#173d3b;color:#fff;border-bottom:1px solid rgba(217,186,131,.35);box-shadow:0 6px 22px rgba(9,34,32,.18);min-height:76px}
.topbar .brand{color:#fff;font-size:1.05rem;letter-spacing:.095em}
.topbar .brand span{color:#d9ba83}
.topbar nav{gap:clamp(9px,1.15vw,19px)}
.topbar nav a{color:#f6f8f6;font-size:12px;font-weight:650;position:relative;padding:9px 0;transition:color .2s ease}
.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:#e7c894}
.topbar nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#d9ba83;border-radius:2px}
.topbar .menu-toggle{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:5px;font:inherit;font-size:14px;cursor:pointer}
@media(max-width:1100px){.topbar{min-height:68px}.topbar nav{background:#173d3b;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 12px 24px rgba(0,0,0,.22);gap:0}.topbar nav a{color:#fff;font-size:15px;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.topbar nav a[aria-current="page"]::after{display:none}}
@media(max-width:420px){.topbar .brand{font-size:.87rem;letter-spacing:.045em}.topbar{padding-left:16px;padding-right:16px}}


/* AKRAI - HERO: ripristino forzato */
section.hero {
    background-image:
        linear-gradient(
            rgba(10, 30, 28, 0.35),
            rgba(10, 30, 28, 0.55)
        ),
        url("/assets/images/hero.jpg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}