/* Home lowaro.com - multimercato */
:root{
  --hm-bg:#0a1522; --hm-bg2:#0f2033; --hm-card:#12233a; --hm-line:rgba(255,255,255,.10);
  --hm-accent:#1fb6d8; --hm-accent2:#0BAB08; --hm-text:#eaf2f9; --hm-mut:#9db0c4;
  --hm-font:'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif;
}
html,body{background:var(--hm-bg)!important;margin:0!important;padding:0!important;overflow-x:clip}
.hm,.hm *{box-sizing:border-box;min-width:0}
.hm{
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:var(--hm-bg);color:var(--hm-text);font-family:var(--hm-font);line-height:1.6
}
.hm-in{max-width:1120px;margin:0 auto;padding:0 20px}

/* top bar */
.hm-top{position:sticky;top:0;z-index:40;background:rgba(10,21,34,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--hm-line)}
.hm-top .hm-in{display:flex;align-items:center;justify-content:space-between;gap:14px;height:62px}
.hm-brand{font-weight:800;font-size:21px;letter-spacing:.2px;text-decoration:none;color:var(--hm-text);white-space:nowrap}
.hm-brand span{color:var(--hm-accent)}
.hm-brand small{display:block;font-size:9.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--hm-mut);margin-top:-3px}
.hm-geo{display:flex;align-items:center;gap:8px}
.hm-geo label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--hm-mut)}
.hm-sel{
  appearance:none;background:rgba(255,255,255,.05) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239db0c4' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/15px;
  color:var(--hm-text);border:1px solid var(--hm-line);border-radius:999px;
  padding:8px 32px 8px 14px;font:700 13px/1 var(--hm-font);cursor:pointer;
  color-scheme:dark
}
.hm-sel:focus{outline:2px solid var(--hm-accent);outline-offset:1px}
/* la tendina nativa non eredita i colori del controllo: vanno dichiarati sulle option */
.hm-sel option{background:#12233a;color:#eaf2f9;font-weight:600}
.hm-sel option:checked{background:#1fb6d8;color:#04121c}

/* hero */
.hm-hero{background:radial-gradient(120% 90% at 50% 0%,rgba(31,182,216,.16),transparent 62%),linear-gradient(180deg,var(--hm-bg2),var(--hm-bg));padding:52px 0 40px;text-align:center}
.hm-badge{
  display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;
  color:var(--hm-accent);border:1px solid rgba(31,182,216,.38);background:rgba(31,182,216,.10);border-radius:999px;padding:7px 15px;margin:0 0 18px
}
.hm-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hm-h1{font-size:30px;line-height:1.14;font-weight:800;letter-spacing:-.9px;margin:0 auto 14px;max-width:15ch}
.hm-h1 em{font-style:normal;color:var(--hm-accent)}
.hm-sub{font-size:16px;color:var(--hm-mut);margin:0 auto;max-width:56ch}

/* trust */
.hm-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:26px auto 0;max-width:620px}
.hm-t{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);border:1px solid var(--hm-line);border-radius:11px;padding:11px 13px;font-size:12.6px;font-weight:700;text-align:left}
.hm-t svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:var(--hm-accent2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* sezioni */
.hm-sec{padding:46px 0}
.hm-h2{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px;text-align:center}
.hm-lead{font-size:14.5px;color:var(--hm-mut);margin:0 auto 28px;text-align:center;max-width:60ch}

/* griglia prodotti */
.hm-grid{display:grid;grid-template-columns:1fr;gap:16px}
.hm-card{
  display:flex;flex-direction:column;background:var(--hm-card);border:1px solid var(--hm-line);
  border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s
}
.hm-card:hover{transform:translateY(-3px);border-color:rgba(31,182,216,.45);box-shadow:0 14px 34px rgba(0,0,0,.34)}
.hm-ph{position:relative;aspect-ratio:4/3;background:#0c1a2b;overflow:hidden}
.hm-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hm-tag{
  position:absolute;left:11px;top:11px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  background:rgba(10,21,34,.82);border:1px solid rgba(31,182,216,.4);color:var(--hm-accent);border-radius:999px;padding:5px 10px
}
.hm-body{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1}
.hm-name{font-size:17px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px}
.hm-desc{font-size:13.6px;color:#c3d3e3;margin:0 0 16px;flex:1}
.hm-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:linear-gradient(180deg,var(--hm-accent),#1592b0);color:#04121c;font:800 13.5px/1 var(--hm-font);
  letter-spacing:.3px;border-radius:10px;padding:13px 16px;text-align:center
}
.hm-card:hover .hm-cta{filter:brightness(1.07)}
.hm-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* stato vuoto */
.hm-empty{background:var(--hm-card);border:1px solid var(--hm-line);border-radius:16px;padding:34px 22px;text-align:center;max-width:620px;margin:0 auto}
.hm-empty h3{font-size:18px;font-weight:800;margin:0 0 8px}
.hm-empty p{font-size:14px;color:var(--hm-mut);margin:0 0 18px}

/* come funziona */
.hm-how{background:linear-gradient(180deg,var(--hm-bg),var(--hm-bg2))}
.hm-steps{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:s}
.hm-step{background:rgba(255,255,255,.035);border:1px solid var(--hm-line);border-radius:14px;padding:20px 18px}
.hm-step b{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 7px}
.hm-step b i{
  font-style:normal;width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;
  background:rgba(31,182,216,.14);border:1px solid rgba(31,182,216,.4);color:var(--hm-accent);font-size:13px;font-weight:800
}
.hm-step span{display:block;font-size:13.6px;color:#c3d3e3}

/* footer */
.hm-foot{border-top:1px solid var(--hm-line);padding:30px 0 36px;text-align:center}
.hm-foot .b{font-size:16px;font-weight:800;margin:0 0 8px}
.hm-foot .b span{color:var(--hm-accent)}
.hm-foot .mail{font-size:13px;color:var(--hm-mut);margin:0 0 16px}
.hm-foot .mail a{color:var(--hm-accent);text-decoration:none}
.hm-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:0 0 12px}
.hm-links a{font-size:12.5px;font-weight:700;color:var(--hm-mut);text-decoration:none}
.hm-links a:hover{color:var(--hm-accent)}
.hm-copy{font-size:10.5px;letter-spacing:.7px;color:var(--hm-mut);opacity:.7;margin:0}

@media(min-width:620px){
  .hm-trust{grid-template-columns:repeat(4,1fr)}
  .hm-grid{grid-template-columns:repeat(2,1fr)}
  .hm-steps{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:960px){
  .hm-grid{grid-template-columns:repeat(3,1fr)}
  .hm-hero{padding:74px 0 56px}
  .hm-h1{font-size:46px}
  .hm-sub{font-size:17.5px}
  .hm-h2{font-size:28px}
  .hm-sec{padding:62px 0}
}
@media(max-width:400px){
  .hm-top .hm-in{gap:8px}
  .hm-geo label{display:none}
  .hm-brand{font-size:19px}
  .hm-h1{font-size:26px}
  .hm-in{padding:0 15px}
}