/* ===========================================================
   AmicoBIT — stili specifici della HOME (front-page)
   Estratti dal mockup home-amicobit-finale.html
   =========================================================== */

/* hero */
.hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:40px 0}
.hero .grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hero h1{font-size:32px;margin:14px 0 14px;line-height:1.12}
.hero h1 .hl{color:var(--red)}
.hero .lead{font-size:17px;color:var(--muted);margin-bottom:22px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.hero-cta .btn{flex:1 1 auto;justify-content:center;min-height:48px}
.gbadge{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.gbadge .gg{width:34px;height:34px;flex:none;border-radius:50%;background:#34A853;display:flex;align-items:center;justify-content:center;color:#fff}
.gbadge .gg svg{width:18px;height:18px;fill:currentColor}
.gbadge .b{font-size:18px;font-weight:700;line-height:1}
.gbadge .stars{font-size:14px}
.gbadge span{font-size:13px;color:var(--muted)}
.hero-img{aspect-ratio:4/3;border-radius:var(--radius-lg);background:#ECE8E7;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b6463;text-align:center;gap:4px;position:relative;overflow:hidden}
.hero-img:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--red)}
.hero-img .s{font-size:12px}
.hero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* services */
.svc3{display:grid;grid-template-columns:1fr;gap:18px}
.svc-col{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 22px}
.svc-col .ch{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.svc-col .ch .ic{width:46px;height:46px;flex:none;border-radius:12px;background:var(--red-tint);color:var(--red);display:flex;align-items:center;justify-content:center}
.svc-col .ch .ic svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}
.svc-col h3{font-size:19px}
.svc-col .sub{font-size:13px;color:var(--muted);margin-bottom:6px}

/* refurb */
.refurb{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:30px;display:grid;grid-template-columns:1fr;gap:26px}
.refurb h2{font-size:26px;margin:12px 0;color:#fff}.refurb p{color:#cfc8c7;margin-bottom:20px}.refurb .eyebrow{color:#f08a96}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pcard{background:#3b3636;border:1px solid #4a4443;border-radius:var(--radius);padding:14px}
.pcard .ph{height:84px;border-radius:10px;background:#474141;display:flex;align-items:center;justify-content:center;color:#8d8584;margin-bottom:10px;font-size:12px}
.pcard h4{font-size:14px;color:#fff;margin-bottom:3px}.pcard .spec{font-size:12px;color:#b3aaa9;margin-bottom:8px}
.pcard .price b{font-size:17px;color:#fff}.pcard .price s{font-size:13px;color:#8d8584;margin-left:6px}

/* negozio (local) */
.shop{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.shop .ph{background:var(--bg-soft);min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.shop .si{padding:30px}
.shop h2{font-size:26px;margin-bottom:18px}

/* reviews */
.rev3{display:grid;grid-template-columns:1fr;gap:16px}

/* instagram */
.igstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.igstrip .ig{aspect-ratio:1;background:#ECE8E7;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#9a9290;font-size:11px}

/* mappa contatti */
.contact-box{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr}
.contact-box .map{background:var(--bg-soft);min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.contact-box .ci{padding:30px}
.contact-box h2{font-size:24px;margin:10px 0 16px}
.contact-box p{color:var(--muted);margin-bottom:6px}

/* sticky mobile call bar */
.mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.mobilebar .btn{flex:1;justify-content:center;min-height:50px}
body.home{padding-bottom:74px}

/* ===== tablet/desktop ===== */
@media(min-width:768px){
  .hero{padding:60px 0}
  .hero .grid{grid-template-columns:1.05fr .95fr;gap:46px}
  .hero h1{font-size:48px}
  .hero-cta .btn{flex:0 0 auto}
  .svc3{grid-template-columns:repeat(3,1fr);gap:28px}
  .refurb{grid-template-columns:1fr 1.05fr;padding:46px;align-items:center}
  .rev3{grid-template-columns:repeat(3,1fr);gap:20px}
  .shop{grid-template-columns:1.1fr .9fr}
  .shop .si{padding:42px}
  .igstrip{grid-template-columns:repeat(6,1fr);gap:10px}
  .mobilebar{display:none}
  body.home{padding-bottom:0}
}