/*
Theme Name: Elios Autoricambi
Theme URI: https://eliosautoricambi.it/
Author: Elios Autoricambi
Description: Tema custom Elios Autoricambi con homepage premium e integrazione WooCommerce.
Version: 2.0.0
Text Domain: elios-autoricambi
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

#elios{
  --navy:#081a31;--cyan:#08a9df;--green:#20d66b;--paper:#f3f7fa;
  --ink:#0a1930;--muted:#60758a;--line:#d9e4eb;
  font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--ink);
  width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#fff
}
#elios *{box-sizing:border-box}
#elios a{text-decoration:none;color:inherit}
#elios img{display:block;max-width:100%}
.wrap{width:min(1240px,calc(100% - 44px));margin:auto}
.mono{font:700 11px Inter,Arial;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
.section{padding:104px 0}
.title{font:600 clamp(38px,4.3vw,64px)/1.03 "Space Grotesk",Arial;letter-spacing:-.04em;margin:10px 0 0}
.lead{color:var(--muted);font-size:16px;line-height:1.8}

/* HEADER */
#elios .eh{
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  right:0;
  height:78px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(7,24,45,.07);
  transition:.25s
}
#elios .eh.scrolled{
  height:68px;
  box-shadow:0 12px 35px rgba(7,24,45,.1)
}
#elios .ehin{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px
}
#elios .logo img{width:148px}
#elios .nav{
  display:flex;
  gap:30px;
  align-items:center;
  font-size:13px;
  font-weight:600;
  color:#4a5f72
}
#elios .nav a{
  position:relative;
  padding:8px 0
}
#elios .nav a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  background:var(--cyan);
  transform:scaleX(0);
  transition:.25s
}
#elios .nav a:hover:after,
#elios .nav a.active:after{transform:scaleX(1)}
#elios .nav a:hover,
#elios .nav a.active{color:var(--ink)}
#elios .headcta,
#elios .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  padding:14px 20px;
  transition:.25s
}
#elios .headcta{
  background:var(--cyan);
  color:var(--ink);
  box-shadow:0 12px 25px rgba(0,169,223,.2)
}
#elios .hamb{
  display:none;
  border:0;
  background:none;
  font-size:25px
}

/* HERO */
#elios .hero{
  min-height:100svh;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(
      90deg,
      rgba(2,11,20,.90),
      rgba(2,11,20,.70) 42%,
      rgba(2,11,20,.22)
    ),
    url("/wp-content/uploads/elios/hero.png") center 54%/cover no-repeat
}
#elios .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(
      circle at 73% 45%,
      rgba(0,169,223,.24),
      transparent 26%
    )
}
#elios .heroGrid{
  position:absolute;
  inset:0;
  opacity:.11;
  background-image:
    linear-gradient(rgba(0,169,223,.4) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,169,223,.4) 1px,transparent 1px);
  background-size:42px 42px
}
#elios .heroCopy{
  position:relative;
  z-index:4;
  max-width:720px;
  padding-top:70px;
  animation:heroIn .9s ease both
}
#elios .chip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(0,169,223,.42);
  background:rgba(7,25,43,.58);
  backdrop-filter:blur(9px);
  padding:10px 14px;
  border-radius:999px;
  font:600 11px Inter,Arial;
  letter-spacing:.17em;
  text-transform:uppercase
}
#elios .chip i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 18px rgba(0,169,223,.9);
  animation:pulse 2.4s ease-in-out infinite
}
#elios .hero h1{
  font:600 clamp(54px,6.3vw,92px)/.94 "Space Grotesk",Arial;
  letter-spacing:-.045em;
  margin:23px 0 24px;
  color:#fff!important
}
#elios .hero h1 .cyan{
  color:var(--cyan)!important;
  display:block
}
#elios .hero p{
  max-width:640px;
  color:#edf5fa!important;
  font-size:18px;
  line-height:1.7;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
  margin:0
}
#elios .actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px
}
#elios .primary{
  background:var(--cyan);
  color:var(--ink)!important;
  box-shadow:0 15px 35px rgba(0,169,223,.25)
}
#elios .primary:hover,
#elios .wa:hover{transform:translateY(-3px)}
#elios .wa{
  background:var(--green);
  color:#fff!important;
  box-shadow:0 15px 35px rgba(32,214,107,.22);
  gap:11px
}
#elios .wa svg{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:block;
  fill:#fff;
  stroke:none
}
#elios .meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
  font:500 12px Inter,Arial;
  color:#d6e2e9
}
#elios .stars{
  color:#ffc629;
  font-size:15px;
  letter-spacing:1px
}
#elios .pill{
  border:1px solid rgba(0,169,223,.35);
  background:rgba(6,22,38,.5);
  color:#73def9;
  padding:9px 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:14px;
  line-height:1.25
}

#elios .pill svg{
  width:20px;
  height:20px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
#elios .orbit{
  position:absolute;
  right:5vw;
  top:50%;
  width:420px;
  height:420px;
  transform:translateY(-50%);
  z-index:2
}
#elios .ring{
  position:absolute;
  inset:0;
  border:1px solid rgba(0,169,223,.28);
  border-radius:50%;
  animation:spin 16s linear infinite
}
#elios .ring.r2{
  inset:42px;
  border-style:dashed;
  animation-duration:11s;
  animation-direction:reverse
}
#elios .ring.r3{
  inset:92px;
  border-color:rgba(0,169,223,.18);
  animation-duration:8s
}
#elios .odot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 18px rgba(0,169,223,.9)
}
#elios .od1{top:12%;right:15%}
#elios .od2{bottom:18%;left:10%}
#elios .od3{bottom:8%;right:28%}

/* INGRANAGGI */
#elios .gear{
  position:absolute;
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(8,27,45,.6);
  border:1px solid rgba(0,169,223,.32);
  backdrop-filter:blur(9px);
  box-shadow:0 12px 30px rgba(0,0,0,.2);
  animation:gfloat 4.6s ease-in-out infinite
}
#elios .gear svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:var(--cyan);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:gspin 8s linear infinite
}
#elios .g1{top:10%;left:0}
#elios .g2{
  top:45%;
  right:-4px;
  width:50px;
  height:50px;
  animation-delay:1s
}
#elios .g2 svg{
  width:26px;
  height:26px;
  animation-duration:6.5s;
  animation-direction:reverse
}
#elios .g3{
  left:10%;
  bottom:8%;
  width:46px;
  height:46px;
  animation-delay:2s
}
#elios .g3 svg{
  width:23px;
  height:23px;
  animation-duration:7s
}
#elios .scroll{
  position:absolute;
  left:7vw;
  bottom:28px;
  z-index:3;
  font:600 10px Inter,Arial;
  color:#b9cbd5;
  letter-spacing:.25em
}
#elios .scroll span{
  color:var(--cyan);
  font-size:18px;
  margin-left:8px
}

@keyframes heroIn{
  from{opacity:0;transform:translateX(-30px)}
  to{opacity:1;transform:none}
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes gspin{to{transform:rotate(360deg)}}
@keyframes gfloat{50%{transform:translateY(-9px)}}
@keyframes pulse{
  50%{
    transform:scale(1.15);
    box-shadow:0 0 28px rgba(0,169,223,1)
  }
}

/* TICKER */
#elios .ticker{
  background:#081a31;
  color:#91a5b5;
  overflow:hidden;
  border-top:1px solid rgba(0,169,223,.08);
  border-bottom:1px solid rgba(0,169,223,.12)
}
#elios .track{
  display:flex;
  gap:42px;
  width:max-content;
  padding:14px 0;
  animation:ticker 26s linear infinite;
  font:600 11px Inter;
  letter-spacing:.28em;
  text-transform:uppercase
}
#elios .track b{color:var(--cyan)}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ABOUT */
#elios .blueprint{
  background:var(--paper);
  background-image:
    radial-gradient(rgba(24,78,111,.12) 1px,transparent 1px),
    radial-gradient(rgba(24,78,111,.06) 1px,transparent 1px);
  background-position:0 0,14px 14px;
  background-size:28px 28px
}
#elios .about{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:70px;
  align-items:center
}
#elios .wh{
  position:relative;
  border-radius:30px;
  overflow:visible;
  box-shadow:0 22px 60px rgba(7,24,45,.12)
}
#elios .wh:before{
  content:"";
  position:absolute;
  left:-25px;
  bottom:-25px;
  width:108px;
  height:108px;
  border:2px solid rgba(8,169,223,.38);
  border-radius:50%;
  z-index:0;
  pointer-events:none
}
#elios .wh img{
  position:relative;
  z-index:1;
  width:100%;
  height:574px;
  object-fit:cover;
  border-radius:30px
}
#elios .wb{
  position:absolute;
  z-index:3;
  top:20px;
  right:20px;
  min-width:105px;
  padding:11px 14px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 24px rgba(7,24,45,.10)
}
#elios .wb small{
  display:block;
  margin-bottom:2px;
  color:#7a8a99;
  font:700 9px Inter,Arial;
  letter-spacing:.17em;
  text-transform:uppercase
}
#elios .wb strong{
  display:block;
  color:var(--ink);
  font:600 25px/1 "Space Grotesk"
}
#elios .bn{
  position:absolute;
  z-index:3;
  left:22px;
  bottom:17px;
  display:flex;
  align-items:flex-end;
  gap:15px;
  color:#fff;
  font:500 clamp(42px,5vw,76px)/.88 "Space Grotesk";
  letter-spacing:-.045em;
  text-shadow:0 3px 20px rgba(0,0,0,.27)
}
#elios .bn span{
  color:var(--cyan);
  font:700 10px/1.25 Inter,Arial;
  text-transform:uppercase;
  letter-spacing:.17em;
  padding-bottom:3px
}
#elios .about p{
  color:var(--muted);
  line-height:1.8
}
#elios .about .lead{
  font-size:20px;
  color:#18324c
}
#elios .stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:28px;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff
}
#elios .stat{
  text-align:center;
  padding:22px 18px;
  border-right:1px solid var(--line)
}
#elios .stat:last-child{border-right:0}
#elios .stat strong{
  display:block;
  font:600 36px "Space Grotesk"
}
#elios .stat strong span{
  color:var(--cyan);
  font-size:24px
}
#elios .stat small{
  display:block;
  margin-top:3px;
  color:#80909e;
  font:500 9px Inter;
  letter-spacing:.15em;
  text-transform:uppercase
}
#elios .outlineBtn{
  display:inline-flex;
  margin-top:22px;
  border:1px solid #bdccd7;
  background:#fff;
  padding:13px 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:700
}

/* CATEGORIE */
#elios .catSec{background:var(--paper)}
#elios .rowHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:42px
}
#elios .rowHead .lead{
  max-width:720px;
  margin:14px 0 0
}
#elios .catGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}
#elios .cat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  transition:.35s;
  box-shadow:0 10px 26px rgba(7,24,45,.05)
}
#elios .cat:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 50px rgba(7,24,45,.13)
}
#elios .catImg{
  height:180px;
  position:relative;
  overflow:hidden;
  background:#102235
}
#elios .catImg img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.55s
}
#elios .cat:hover .catImg img{transform:scale(1.05)}
#elios .catImg:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent,rgba(2,12,20,.65))
}
#elios .catName{
  position:absolute;
  left:18px;
  bottom:15px;
  color:#fff;
  font:600 20px "Space Grotesk";
  z-index:2
}
#elios .catBody{padding:21px 20px 20px}
#elios .catBody p{
  font-size:13px;
  line-height:1.7;
  color:#5e7388
}
#elios .catBody ul{
  padding-left:17px;
  color:#6b8092;
  font-size:12px;
  line-height:1.85;
  margin:0 0 16px
}
#elios .catLink{
  font-size:13px;
  font-weight:700
}
#elios .catLink span{
  color:var(--cyan)
}

/* PROCESS / ANIMAZIONE */
#elios .processSection{
  background:#091a31;
  color:#fff;
  position:relative;
  overflow:hidden;
}
#elios .processSection:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:radial-gradient(rgba(111,210,247,.42) 1px,transparent 1px);
  background-size:26px 26px;
}
#elios .processSection .wrap{position:relative;z-index:1}
#elios .processIntro{max-width:1080px}
#elios .processIntro .title{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.045em;max-width:1050px}
#elios .processIntro .lead{max-width:900px;margin:14px 0 0;color:#b7c8d5;font-size:18px;line-height:1.65}
#elios .processGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  margin-top:62px;
  position:relative;
  padding-bottom:4px;
}
#elios .processTrack,
#elios .processProgress{
  position:absolute;
  top:42px;
  height:3px;
  border-radius:99px;
  pointer-events:none;
}
#elios .processTrack{
  left:12.5%;
  right:12.5%;
  background:#30445d;
}
#elios .processProgress{
  left:12.5%;
  width:0;
  background:linear-gradient(90deg,#00a9df,#19c8ff);
  box-shadow:0 0 18px rgba(8,169,223,.55);
  will-change:width;
}
#elios .processBeam{
  position:absolute;
  top:34px;
  left:12.5%;
  width:42px;
  height:20px;
  opacity:0;
  border-radius:50%;
  background:rgba(8,169,223,.88);
  filter:blur(5px);
  box-shadow:0 0 24px rgba(8,169,223,.95),0 0 48px rgba(8,169,223,.28);
  transform:translate3d(-50%,0,0);
  will-change:left,opacity;
  pointer-events:none;
}
#elios .processBeam:before{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:rgba(32,200,255,.5);
  box-shadow:0 0 34px rgba(32,200,255,.9),0 0 60px rgba(32,200,255,.35);
}

#elios .processBeam:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c9f5ff;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,245,255,.95);
}
#elios .processBeam.visible{opacity:1}
  35%,50%{left:37.5%}
  60%,75%{left:62.5%}
  85%,100%{left:87.5%}
}
#elios .step{
  position:relative;
  z-index:2;
  min-width:0;
}
#elios .stepDot{
  position:relative;
  width:96px;
  height:96px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0d1930;
  border:1px solid #344a63;
  color:#7f92a7;
  font-size:30px;
  box-shadow:0 0 0 11px #091a31;
  transition:
    color .45s ease,
    border-color .45s ease,
    background .45s ease,
    box-shadow .65s ease;
}
#elios .stepDot svg{
  width:44px;
  height:44px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#elios .stepCheck{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#08a9df;
  color:#061525;
  border:2px solid #091a31;
  font:900 12px/1 Inter,Arial,sans-serif;
  opacity:0;
  transform:scale(.5);
  transition:.3s ease;
}
#elios .step.is-active .stepDot,
#elios .step.is-complete .stepDot{
  color:#20c8ff;
  border-color:#08a9df;
}
#elios .step.is-active .stepDot{
  background:#0d203a;
  box-shadow:
    0 0 0 11px #091a31,
    0 0 30px rgba(8,169,223,.30),
    inset 0 0 22px rgba(8,169,223,.08);
}
#elios .step.is-complete .stepCheck{
  opacity:1;
  transform:scale(1);
}
#elios .step h3{
  margin:22px 0 10px;
  font-size:23px;
  color:#fff;
  transition:transform .3s ease;
}
#elios .step p{
  margin:0;
  color:#a8bac9;
  line-height:1.7;
  font-size:15px;
  max-width:290px;
  transition:none;
}
#elios .step.is-active h3,
#elios .step.is-complete h3{color:#fff}
#elios .step.is-active h3{transform:none}
#elios .stepIndex{
  position:absolute;
  top:-2px;
  left:100px;
  font:700 10px Inter,Arial,sans-serif;
  letter-spacing:.18em;
  color:#50647a;
  text-transform:uppercase;
  transition:color .3s ease;
}
#elios .step.is-active .stepIndex{color:#08a9df}

/* DELIVERY */
#elios .delivery{
  display:grid;
  grid-template-columns:minmax(440px,.98fr) minmax(460px,1.02fr);
  gap:72px;
  align-items:center
}
#elios .radar{
  position:relative;
  height:560px;
  border:1px solid rgba(0,169,223,.30);
  border-radius:30px;
  background:radial-gradient(circle at 50% 48%,#ffffff 0%,#f7fbfd 54%,#edf6fa 100%);
  overflow:hidden;
  box-shadow:0 24px 70px rgba(7,24,45,.12);
}
#elios .radar:before,#elios .radar:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(0,169,223,.24);
  border-radius:50%
}
#elios .radar:before{width:74%;height:74%}
#elios .radar:after{width:43%;height:43%}
#elios .crossx,#elios .crossy{position:absolute;background:rgba(0,169,223,.18)}
#elios .crossx{height:1px;left:9%;right:9%;top:50%}
#elios .crossy{width:1px;top:9%;bottom:9%;left:50%}
#elios .radarDot{
  position:absolute;width:9px;height:9px;border-radius:50%;
  background:#08a9df;box-shadow:0 0 16px rgba(8,169,223,.75);
  transform:translate(-50%,-50%);z-index:2
}
#elios .radarDot.d1{left:50%;top:30%}
#elios .radarDot.d2{left:71%;top:50%}
#elios .radarDot.d3{left:50%;top:71%}
#elios .radarDot.d4{left:29%;top:50%}
#elios .radarCenter{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:74px;height:74px;border-radius:50%;background:#0d1a32;
  color:#08a9df;display:grid;place-items:center;
  box-shadow:0 10px 28px rgba(7,24,45,.18);z-index:3
}
#elios .radarCenter svg{width:38px;height:38px}
#elios .node{
  position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid #dce8ee;color:#08a9df;
  box-shadow:0 10px 24px rgba(7,24,45,.13);z-index:4;
  transition:transform .3s ease,box-shadow .3s ease
}
#elios .node:hover{transform:scale(1.05);box-shadow:0 14px 30px rgba(7,24,45,.17)}
#elios .node svg{width:27px;height:27px}
#elios .n1{left:21%;top:25%}
#elios .n2{right:20%;top:31%}
#elios .n3{left:21%;bottom:25%}
#elios .n4{right:20%;bottom:25%}
#elios .radarTag{
  position:absolute;left:50%;bottom:19%;transform:translateX(-50%);
  border:1px solid #bfe7f4;background:#fff;border-radius:999px;
  padding:8px 14px;color:#718494;font:700 11px Inter,Arial,sans-serif;
  letter-spacing:.18em;z-index:4
}
#elios .delivery h2{color:var(--ink)!important;margin-bottom:18px}
#elios .delivery h2 .cyan{color:var(--cyan)}
#elios .delivery .lead{margin:0 0 26px;max-width:650px}
#elios .features{display:grid;gap:16px}
#elios .feature{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:center}
#elios .ficon{width:48px;height:48px;border-radius:12px;background:#0d1a32;color:var(--cyan);display:grid;place-items:center;box-shadow:0 7px 18px rgba(7,24,45,.08)}
#elios .ficon svg{width:23px;height:23px}
#elios .feature h4{margin:0 0 3px;font-size:16px;color:var(--ink)}
#elios .feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
#elios .deliveryBtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
#elios .deliveryBtns .btn{min-height:46px;padding:0 22px}
#elios .deliveryBtns .btn.wa{background:#20d96b!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(32,217,107,.18)}
#elios .deliveryBtns .btn.wa svg{width:20px;height:20px;vertical-align:-4px;margin-right:7px}

/* PUNTI DI FORZA */
#elios .strengthGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-top:42px
}
#elios .strength{
  border:1px solid var(--line);
  border-radius:18px;
  background:#eef4f7;
  padding:22px;
  transition:.3s
}
#elios .strength:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(7,24,45,.09)
}
#elios .sicon{
  width:48px;
  height:48px;
  border-radius:12px;
  background:#0d1a32;
  color:var(--cyan);
  display:grid;
  place-items:center;
  font-size:20px
}
#elios .strength h3{
  font-size:16px;
  margin:20px 0 10px
}
#elios .strength p{
  margin:0;
  color:#64788a;
  font-size:13px;
  line-height:1.7
}

/* BRAND */
#elios .brands{background:var(--paper)}
#elios .center{
  text-align:center;
  max-width:830px;
  margin:auto
}
#elios .center .lead{
  max-width:760px;
  margin:14px auto 0
}
#elios .brandGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:44px
}
#elios .brandBox{
  height:96px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s
}
#elios .brandBox:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(7,24,45,.09)
}
#elios .brandBox img{
  max-width:66%;
  max-height:52px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.62;
  transition:.35s
}
#elios .brandBox:hover img{
  filter:grayscale(0);
  opacity:1
}

/* DARK SECTIONS */
#elios .dark{
  background:#091a31 !important;
  color:#fff;
}
#elios .dark .title{color:#fff !important}
#elios .dark .lead{color:#bdcbd6 !important}
#elios .dark .mono{color:var(--cyan)}

/* RECENSIONI */
#elios .reviewScore{width:min(450px,100%);margin:34px auto 48px;border:1px solid #32465e;background:#15243a;border-radius:20px;padding:28px 30px 30px;text-align:center}
#elios .reviewTop{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
#elios .reviewScore strong{font:600 56px/1 "Space Grotesk",Arial,sans-serif;color:#fff;letter-spacing:-.045em}
#elios .reviewStars{color:#ffc629;font-size:18px;letter-spacing:2px;line-height:1}
#elios .reviewScore p{margin:9px 0 0;color:#9fb2c0;font:400 12px/1.3 Inter,Arial,sans-serif}
#elios .googleLogo{display:block;width:31px;height:31px;margin:14px auto 0}
#elios .reviewGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#elios .reviewCard{min-height:248px;border:1px solid #32465e;background:#15243a;border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
#elios .reviewCard:hover{transform:none;border-color:rgba(8,169,223,.75);background:#182940;box-shadow:0 0 0 1px rgba(8,169,223,.14),0 18px 40px rgba(0,0,0,.16)}
#elios .quote{color:var(--cyan);font-size:28px;line-height:1;margin-bottom:8px}
#elios .reviewStarsSmall{color:#ffc629;font-size:15px;letter-spacing:2px;margin-bottom:10px}
#elios .reviewCard p{margin:0;color:#e0e8ee;font-size:14px;line-height:1.7;flex:1}
#elios .person{margin-top:22px;padding-top:17px;border-top:1px solid #32465e;display:flex;align-items:center;gap:12px}
#elios .avatar{width:38px;height:38px;border-radius:50%;background:var(--cyan);color:#08213a;display:grid;place-items:center;font-weight:800;flex:0 0 auto}
#elios .person strong{display:block;color:#fff;font-size:13px}
#elios .person span{display:block;color:#8197a8;font-size:11px;margin-top:2px}
#elios .reviewsCta{text-align:center;margin-top:36px}
#elios .reviewsCta .outlineBtn{background:transparent;border-color:#3d5066;color:#fff;margin-top:0}
#elios .reviewsCta .outlineBtn:hover{border-color:rgba(8,169,223,.75);box-shadow:0 0 0 1px rgba(8,169,223,.12)}

/* CONTATTI */
#elios .contactGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-top:48px
}
#elios .waCard{
  background:#eef4f7;
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  min-height:440px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
#elios .waIcon{
  width:58px;
  height:58px;
  border-radius:15px;
  background:var(--green);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:28px
}
#elios .waCard h3{
  font:600 30px "Space Grotesk";
  margin:26px 0 12px
}
#elios .waCard p{
  color:var(--muted);
  line-height:1.8
}
#elios .lines{
  display:grid;
  gap:12px;
  margin:22px 0
}
#elios .line{
  display:flex;
  gap:10px;
  color:#53687b;
  font-size:13px
}
#elios .mapCard{
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--line);
  box-shadow:0 22px 60px rgba(7,24,45,.12);
  background:#0e1b31
}
#elios .mapCard iframe{
  width:100%;
  height:380px;
  border:0;
  display:block
}
#elios .mapFooter{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:18px 20px;
  color:#fff
}
#elios .mapFooter strong{
  display:block;
  font-size:13px
}
#elios .mapFooter span{
  display:block;
  color:#9cb0bf;
  font-size:11px;
  margin-top:3px
}
#elios .mapBtn{
  background:var(--cyan);
  color:var(--ink)!important;
  padding:10px 14px;
  border-radius:999px;
  font-size:11px;
  font-weight:800
}

/* CTA */
#elios .cta{
  background:
    radial-gradient(circle at 50% 8%,rgba(0,169,223,.16),transparent 42%),
    #091a31;
  color:#fff;
  text-align:center;
  position:relative;
  overflow:hidden
}
#elios .cta:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.11;
  background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1px);
  background-size:28px 28px
}
#elios .ctaIn{
  position:relative;
  z-index:2
}
#elios .cta h2{
  font:600 clamp(42px,5.7vw,78px)/1.02 "Space Grotesk";
  margin:12px 0 0;
  color:#fff
}
#elios .cta p{
  max-width:700px;
  margin:18px auto 0;
  color:#b5c5d2
}
#elios .ctaActions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px
}
#elios .outline{
  border:1px solid #41536a;
  color:#fff
}

/* FOOTER */
#elios .footer{
  background:var(--paper);
  border-top:1px solid #dde7ed
}
#elios .footerGrid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr 1fr;
  gap:48px;
  padding:56px 0 42px
}
#elios .footerBrand img{width:128px}
#elios .micro,
#elios .ft{
  font:700 10px Inter;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cyan)
}
#elios .micro{margin-top:8px}
#elios .footerBrand p,
#elios .footerCol{
  color:#5d7184;
  font-size:13px;
  line-height:1.8
}
#elios .footerCol a{
  display:block;
  color:#5d7184;
  line-height:2
}
#elios .hours span{
  float:right;
  color:var(--ink)
}
#elios .legal{
  border-top:1px solid #dce6ed;
  padding:21px 0 27px;
  text-align:center;
  color:#718392;
  font-size:12px
}

/* ANIMAZIONI SCROLL */
#elios .reveal{
  opacity:0;
  transform:translateY(24px);
  transition:.75s ease
}
#elios .reveal.visible{
  opacity:1;
  transform:none
}
#elios .delay1{transition-delay:.12s}
#elios .delay2{transition-delay:.22s}
#elios .delay3{transition-delay:.32s}

@media(max-width:1050px){
  #elios .nav{gap:20px}
  #elios .orbit{
    right:-100px;
    opacity:.5
  }
  #elios .about,
  #elios .delivery{
    grid-template-columns:1fr
  }
  #elios .radar{height:500px}
  #elios .strengthGrid{
    grid-template-columns:repeat(2,1fr)
  }
  #elios .footerGrid{
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:800px){
  #elios .wrap{
    width:min(100% - 28px,1240px)
  }
  #elios .nav,
  #elios .headcta{
    display:none
  }
  #elios .hamb{
    display:block
  }
  #elios .hero{
    min-height:760px
  }
  #elios .heroCopy{
    padding-top:0
  }
  #elios .radar{height:440px}
  #elios .radarCenter{width:66px;height:66px}
  #elios .node{width:52px;height:52px}
  #elios .node svg{width:24px;height:24px}
  #elios .deliveryBtns{gap:8px}

  #elios .hero h1{
    font-size:clamp(48px,14vw,76px)
  }
  #elios .hero p{
    font-size:16px
  }
  #elios .orbit{
    right:-170px;
    top:61%;
    transform:scale(.78);
    opacity:.38
  }
  #elios .catGrid,
  #elios .reviewGrid,
  #elios .contactGrid{
    grid-template-columns:1fr
  }
  #elios .processGrid{
    grid-template-columns:1fr 1fr;
    gap:30px 18px;
  }
  #elios .processIntro .title{font-size:clamp(40px,9vw,58px)}
  #elios .processIntro .lead{font-size:16px}
  #elios .processGrid:before{
    display:none
  }
  #elios .brandGrid{
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:560px){
  #elios .stats,
  #elios .strengthGrid,
  #elios .footerGrid{
    grid-template-columns:1fr
  }
  #elios .stat{
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  #elios .stat:last-child{
    border-bottom:0
  }
  #elios .processGrid{
    grid-template-columns:1fr
  }
  #elios .waCard{
    padding:28px
  }
  #elios .mapCard iframe{
    height:320px
  }
  #elios .hours span{
    float:none;
    display:block
  }
}
@media(max-width:800px){
  #elios .reviewGrid{grid-template-columns:1fr}
  #elios .reviewCard{min-height:0}
  #elios .reviewScore{margin-bottom:34px}
}


/* PROCESS RESPONSIVE */
@media(max-width:800px){
  #elios .processGrid{grid-template-columns:1fr 1fr;gap:34px 18px;margin-top:50px}
  #elios .processTrack,#elios .processProgress,#elios .processBeam{display:none}
  #elios .stepDot{width:70px;height:70px;box-shadow:0 0 0 8px #091a31}
  #elios .stepDot svg{width:32px;height:32px}
  #elios .stepIndex{left:76px}
}
@media(max-width:560px){
  #elios .processGrid{grid-template-columns:1fr;gap:30px}
  #elios .step{display:grid;grid-template-columns:62px 1fr;column-gap:16px;align-items:start}
  #elios .stepDot{grid-row:span 2}
  #elios .stepIndex{position:static;align-self:end;margin-bottom:3px}
  #elios .step h3{margin:0 0 5px}
  #elios .step p{grid-column:2;max-width:none}
}


/* PROCESS VIDEO MATCH OVERRIDE */
#elios .processSection .wrap{width:min(1312px,calc(100% - 52px));}
#elios .processIntro{max-width:760px}
#elios .processIntro .title{font-size:clamp(34px,3.15vw,42px);line-height:1.08;letter-spacing:-.035em;max-width:760px}
#elios .processIntro .lead{max-width:700px;margin:12px 0 0;font-size:17px;line-height:1.65}
#elios .processGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:58px;padding-bottom:0}
#elios .processTrack,#elios .processProgress{top:28px;height:3px}
#elios .processTrack{left:6.25%;right:6.25%;background:#293b52}
#elios .processProgress{left:6.25%;width:0;background:linear-gradient(90deg,#08a9df,#20c8ff);box-shadow:0 0 16px rgba(8,169,223,.48);transition:none}
#elios .processBeam{top:20px;left:6.25%;width:34px;height:18px;filter:blur(5px);transition:none}
#elios .processBeam:before{width:13px;height:13px}
#elios .processBeam:after{width:6px;height:6px}
#elios .stepDot{width:58px;height:58px;box-shadow:0 0 0 8px #091a31;font-size:24px}
#elios .stepDot svg{width:28px;height:28px;stroke-width:1.9}
#elios .stepCheck{right:-2px;bottom:-2px;width:16px;height:16px;font-size:10px;border-width:2px}
#elios .step h3{margin:15px 0 8px;font-size:17px;line-height:1.2}
#elios .step p{font-size:14px;line-height:1.55;max-width:280px}
#elios .step.is-active .stepDot{box-shadow:0 0 0 8px #091a31,0 0 26px rgba(8,169,223,.36),inset 0 0 18px rgba(8,169,223,.08)}
@media(max-width:800px){
  #elios .processSection .wrap{width:min(100% - 28px,1240px)}
  #elios .processIntro .title{font-size:clamp(34px,8vw,48px)}
  #elios .processIntro .lead{font-size:16px}
  #elios .processGrid{grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:46px}
  #elios .processTrack,#elios .processProgress,#elios .processBeam{display:none}
  #elios .stepDot{width:64px;height:64px}
  #elios .stepDot svg{width:30px;height:30px}
}


/* PROCESS TEXT + ALIGNMENT FIX */
#elios .processSection .step h3,
#elios .processSection .step.is-active h3,
#elios .processSection .step.is-complete h3{
  color:#fff !important;
  transform:none !important;
}
#elios .processSection .step p,
#elios .processSection .step.is-active p{
  color:#a8bac9 !important;
}
#elios .processSection .stepIndex,
#elios .processSection .step.is-active .stepIndex{
  color:#08a9df !important;
}
#elios .processProgress{
  animation-timing-function:cubic-bezier(.4,0,.2,1) !important;
}
#elios .processBeam{
  animation-timing-function:cubic-bezier(.4,0,.2,1) !important;
}

/* FINAL PROCESS SYNC */
#elios .processSection .step h3,
#elios .processSection .step.is-active h3,
#elios .processSection .step.is-complete h3,
#elios .processSection .step p,
#elios .processSection .step.is-active p,
#elios .processSection .step.is-complete p{color:#fff !important;}
#elios .processSection .step p{color:#a8bac9 !important;}
#elios .processSection .stepIndex{display:none !important;}

/* FINAL PROCESS VISUAL FIX */
#elios .processSection .stepDot{
  width:96px !important;
  height:96px !important;
  font-size:30px !important;
}
#elios .processSection .stepDot svg{
  width:44px !important;
  height:44px !important;
  stroke-width:1.8 !important;
}
#elios .processSection .step h3,
#elios .processSection .step.is-active h3,
#elios .processSection .step.is-complete h3{
  color:#fff !important;
}
#elios .processSection .step p,
#elios .processSection .step.is-active p,
#elios .processSection .step.is-complete p{
  color:#a8bac9 !important;
}
#elios .processSection .stepDot{
  color:#7f92a7 !important;
}
#elios .processSection .step.is-active .stepDot,
#elios .processSection .step.is-complete .stepDot{
  color:#20c8ff !important;
}
@media(max-width:800px){
  #elios .processSection .stepDot{width:82px !important;height:82px !important}
  #elios .processSection .stepDot svg{width:38px !important;height:38px !important}
}

/* === ANIMAZIONE RADAR CONSEGNA RICAMBI === */
#elios .radar{isolation:isolate}
#elios .radar::after{
  animation:none;
}
#elios .radarSweep{
  position:absolute;
  width:78%;height:78%;left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(8,169,223,0) 0deg, rgba(8,169,223,0) 300deg, rgba(8,169,223,.24) 330deg, rgba(8,169,223,.02) 355deg, rgba(8,169,223,0) 360deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 51%, transparent 52%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 51%, transparent 52%);
  pointer-events:none;z-index:1;
  animation:eliosRadarSweep 5.8s linear infinite;
  filter:blur(.15px);
}
#elios .radarPulseRing{
  position:absolute;left:50%;top:50%;width:76px;height:76px;
  transform:translate(-50%,-50%);border:1px solid rgba(8,169,223,.6);
  border-radius:50%;pointer-events:none;z-index:2;
  animation:eliosRadarPulse 2.8s ease-out infinite;
}
#elios .radarCenter{
  animation:eliosCenterPulse 2.8s ease-in-out infinite;
}
#elios .radarCenter svg{animation:eliosVanMove 2.8s ease-in-out infinite}
#elios .radarDot{animation:eliosDotPulse 2.8s ease-in-out infinite}
#elios .radarDot.d1{animation-delay:0s}
#elios .radarDot.d2{animation-delay:.7s}
#elios .radarDot.d3{animation-delay:1.4s}
#elios .radarDot.d4{animation-delay:2.1s}
#elios .node{animation:eliosNodeFloat 4.8s ease-in-out infinite}
#elios .node.n1{animation-delay:0s}
#elios .node.n2{animation-delay:1.2s}
#elios .node.n3{animation-delay:2.4s}
#elios .node.n4{animation-delay:3.6s}
#elios .node svg{animation:eliosNodeIcon 4.8s ease-in-out infinite}
#elios .node.n1 svg{animation-delay:0s}
#elios .node.n2 svg{animation-delay:1.2s}
#elios .node.n3 svg{animation-delay:2.4s}
#elios .node.n4 svg{animation-delay:3.6s}
@keyframes eliosRadarSweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes eliosRadarPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.82)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.35)}}
@keyframes eliosCenterPulse{0%,100%{box-shadow:0 10px 28px rgba(7,24,45,.18),0 0 0 rgba(8,169,223,0)}50%{box-shadow:0 12px 34px rgba(7,24,45,.2),0 0 26px rgba(8,169,223,.28)}}
@keyframes eliosVanMove{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes eliosDotPulse{0%,100%{transform:translate(-50%,-50%) scale(.75);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.45);opacity:1}}
@keyframes eliosNodeFloat{0%,100%{transform:translateY(0);box-shadow:0 10px 24px rgba(7,24,45,.13)}50%{transform:translateY(-5px);box-shadow:0 15px 30px rgba(7,24,45,.17),0 0 18px rgba(8,169,223,.12)}}
@keyframes eliosNodeIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){
  #elios .radarSweep,#elios .radarPulseRing,#elios .radarCenter,#elios .radarCenter svg,#elios .radarDot,#elios .node,#elios .node svg{animation:none!important}
}

/* === TYPOGRAFIA PIU' EVIDENTE / HEADER === */
#elios header.siteHeader{
  min-height:78px;
}
#elios header.siteHeader .headerInner{
  min-height:78px;
}
#elios header.siteHeader .nav a{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  color:#0b1b31 !important;
  padding:10px 12px;
}
#elios header.siteHeader .nav a:hover{
  color:#08a9df !important;
}
#elios header.siteHeader .headerCta{
  font-size:14px !important;
  font-weight:700 !important;
}
#elios .title{
  font-size:clamp(38px,4.4vw,60px) !important;
  line-height:1.03 !important;
}
#elios .lead{
  font-size:18px !important;
  line-height:1.6 !important;
}
#elios .mono{
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}
#elios .processGrid .step h3{
  font-size:18px !important;
  line-height:1.2 !important;
}
#elios .processGrid .step p{
  font-size:15px !important;
  line-height:1.55 !important;
}
#elios .catBody h3,
#elios .feature h3,
#elios .contactCard h3{
  font-size:19px !important;
}
#elios .catBody p,
#elios .feature p,
#elios .contactCard p{
  font-size:15px !important;
  line-height:1.55 !important;
}
#elios .reviewCard{
  font-size:15px;
}
#elios .reviewCard .reviewText{
  font-size:15px !important;
  line-height:1.55 !important;
}
@media (max-width:900px){
  #elios header.siteHeader .nav a{font-size:14px !important;padding:8px 7px}
}


/* === HEADER E MENU: DIMENSIONI DEFINITIVE === */
#elios .eh .nav{
  gap:34px !important;
  font-size:18px !important;
  font-weight:600 !important;
}

#elios .eh .nav a{
  font-size:18px !important;
  font-weight:600 !important;
  color:#263b50 !important;
  padding:10px 0 !important;
  line-height:1.25 !important;
}

#elios .eh .nav a:hover,
#elios .eh .nav a.active{
  color:#081a31 !important;
}

#elios .eh .headcta{
  font-size:15px !important;
  font-weight:700 !important;
  padding:15px 23px !important;
}

#elios .eh .logo img{
  width:158px !important;
}

@media (max-width:1050px){
  #elios .eh .nav{
    gap:20px !important;
  }
  #elios .eh .nav a{
    font-size:16px !important;
  }
}

@media (max-width:760px){
  #elios .eh .nav{
    gap:12px !important;
  }
  #elios .eh .nav a{
    font-size:15px !important;
  }
}



/* =========================================================
   ELIOS — LEGGIBILITÀ TESTI / TYPOGRAPHY PASS
   Aumenta la leggibilità dell'intera pagina senza cambiare
   layout, animazioni o struttura.
   ========================================================= */

/* Base */
#elios{
  font-size:16px;
}

#elios .mono{
  font-size:12px !important;
  letter-spacing:.20em !important;
}

#elios .lead{
  font-size:18px !important;
  line-height:1.75 !important;
}

/* HEADER */
#elios .nav{
  gap:34px !important;
  font-size:20px !important;
  font-weight:600 !important;
}

#elios .nav a{
  font-size:20px !important;
  line-height:1.3 !important;
  padding:9px 0 !important;
}

#elios .headcta{
  font-size:16px !important;
  padding:15px 23px !important;
}

/* HERO */
#elios .chip{
  font-size:12px !important;
}

#elios .hero p{
  font-size:20px !important;
  line-height:1.72 !important;
}

#elios .meta{
  font-size:13px !important;
}

#elios .pill{
  font-size:15px !important;
}

#elios .actions .btn{
  font-size:15px !important;
}

/* TICKER */
#elios .track{
  font-size:12px !important;
}

/* CHI SIAMO */
#elios .about p{
  font-size:17px !important;
  line-height:1.8 !important;
}

#elios .about .lead{
  font-size:21px !important;
  line-height:1.7 !important;
}

#elios .stat small{
  font-size:10px !important;
}

#elios .outlineBtn{
  font-size:15px !important;
}

/* CATEGORIE */
#elios .catName{
  font-size:22px !important;
}

#elios .catBody p{
  font-size:15px !important;
  line-height:1.75 !important;
}

#elios .catBody ul{
  font-size:14px !important;
  line-height:1.8 !important;
}

#elios .catLink{
  font-size:15px !important;
}

/* COME LAVORIAMO */
#elios .processIntro .lead{
  font-size:19px !important;
  line-height:1.7 !important;
}

#elios .step h3{
  font-size:22px !important;
}

#elios .step p{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* CONSEGNA */
#elios .delivery .lead{
  font-size:18px !important;
  line-height:1.75 !important;
}

#elios .feature h4{
  font-size:18px !important;
  line-height:1.35 !important;
}

#elios .feature p{
  font-size:15px !important;
  line-height:1.65 !important;
}

#elios .deliveryBtns .btn{
  font-size:15px !important;
}

/* PUNTI DI FORZA */
#elios .strength h3{
  font-size:18px !important;
  line-height:1.35 !important;
}

#elios .strength p{
  font-size:15px !important;
  line-height:1.75 !important;
}

/* BRAND */
#elios .center .lead{
  font-size:18px !important;
  line-height:1.75 !important;
}

/* RECENSIONI */
#elios .reviewScore p{
  font-size:13px !important;
}

#elios .reviewCard p{
  font-size:16px !important;
  line-height:1.75 !important;
}

#elios .person strong{
  font-size:14px !important;
}

#elios .person span{
  font-size:12px !important;
}

#elios .reviewsCta .outlineBtn{
  font-size:15px !important;
}

/* CONTATTI */
#elios .waCard h3{
  font-size:32px !important;
}

#elios .waCard p{
  font-size:17px !important;
  line-height:1.8 !important;
}

#elios .line{
  font-size:15px !important;
  line-height:1.55 !important;
}

#elios .mapFooter strong{
  font-size:14px !important;
}

#elios .mapFooter span{
  font-size:12px !important;
}

#elios .mapBtn{
  font-size:13px !important;
}

/* CTA */
#elios .cta p{
  font-size:18px !important;
  line-height:1.75 !important;
}

#elios .ctaActions .btn{
  font-size:15px !important;
}

/* FOOTER */
#elios .footerBrand p,
#elios .footerCol{
  font-size:15px !important;
  line-height:1.85 !important;
}

#elios .footerCol a{
  font-size:15px !important;
  line-height:2.05 !important;
}

#elios .hours{
  font-size:14px !important;
  line-height:1.9 !important;
}

#elios .ft{
  font-size:11px !important;
}

#elios .legal{
  font-size:13px !important;
}

/* MOBILE: leggibilità mantenuta senza rompere il layout */
@media(max-width:800px){
  #elios .nav a{
    font-size:18px !important;
  }

  #elios .hero p{
    font-size:18px !important;
  }

  #elios .about p{
    font-size:16px !important;
  }

  #elios .about .lead{
    font-size:19px !important;
  }

  #elios .catBody p{
    font-size:15px !important;
  }

  #elios .catBody ul{
    font-size:14px !important;
  }

  #elios .processIntro .lead{
    font-size:17px !important;
  }

  #elios .step h3{
    font-size:20px !important;
  }

  #elios .step p{
    font-size:15px !important;
  }

  #elios .delivery .lead{
    font-size:17px !important;
  }

  #elios .feature h4{
    font-size:17px !important;
  }

  #elios .feature p{
    font-size:15px !important;
  }

  #elios .strength p{
    font-size:15px !important;
  }

  #elios .reviewCard p{
    font-size:15px !important;
  }

  #elios .waCard p{
    font-size:16px !important;
  }

  #elios .line{
    font-size:15px !important;
  }

  #elios .cta p{
    font-size:17px !important;
  }

  #elios .footerBrand p,
  #elios .footerCol{
    font-size:15px !important;
  }
}

@media(max-width:560px){
  #elios .hero p{
    font-size:17px !important;
  }

  #elios .about .lead{
    font-size:18px !important;
  }

  #elios .catName{
    font-size:20px !important;
  }

  #elios .processIntro .lead{
    font-size:16px !important;
  }

  #elios .step h3{
    font-size:19px !important;
  }

  #elios .step p{
    font-size:15px !important;
  }

  #elios .reviewCard p{
    font-size:15px !important;
  }
}


/* === TYPOGRAPHY PASS 2 — leggermente più grande e leggibile === */
#elios .nav{font-size:15px !important}
#elios .headcta,#elios .btn{font-size:15px !important}
#elios .lead{font-size:18px !important}
#elios .hero p{font-size:20px !important}
#elios .chip{font-size:12px !important}
#elios .meta{font-size:13px !important}
#elios .pill{font-size:15px !important}
#elios .catBody p{font-size:15px !important}
#elios .catBody ul{font-size:14px !important}
#elios .catLink{font-size:14px !important}
#elios .processIntro .lead{font-size:19px !important}
#elios .processSection .step h3{font-size:25px !important}
#elios .processSection .step p{font-size:16px !important;line-height:1.65}
#elios .delivery .lead{font-size:18px !important}
#elios .feature h4{font-size:18px !important}
#elios .feature p{font-size:14px !important}
#elios .strength h3{font-size:18px !important}
#elios .strength p{font-size:15px !important}
#elios .reviewScore p{font-size:13px !important}
#elios .reviewCard p{font-size:16px !important;line-height:1.7}
#elios .person strong{font-size:14px !important}
#elios .person span{font-size:12px !important}
#elios .outlineBtn{font-size:14px !important}
#elios .line{font-size:15px !important}
#elios .mapFooter strong{font-size:14px !important}
#elios .mapFooter span{font-size:12px !important}
#elios .mapBtn{font-size:12px !important}
#elios .cta p{font-size:18px !important;line-height:1.7}
#elios .footerBrand p,#elios .footerCol{font-size:14px !important}
#elios .footerCol a{font-size:14px !important}
#elios .legal{font-size:13px !important}
@media(max-width:800px){
  #elios .nav{font-size:15px !important}
  #elios .lead{font-size:17px !important}
  #elios .hero p{font-size:18px !important}
  #elios .processIntro .lead{font-size:17px !important}
  #elios .processSection .step h3{font-size:22px !important}
  #elios .processSection .step p{font-size:15px !important}
  #elios .reviewCard p{font-size:15px !important}
  #elios .cta p{font-size:17px !important}
}

/* === HEADER: PIU' SPAZIO TRA LOGO E MENU === */
#elios .eh .headerInner{
  column-gap: 42px !important;
}

#elios .eh .logo{
  margin-right: 18px !important;
  flex: 0 0 auto !important;
}

#elios .eh .nav{
  margin-left: 12px !important;
}

@media (max-width:1050px){
  #elios .eh .headerInner{
    column-gap: 28px !important;
  }
  #elios .eh .logo{
    margin-right: 8px !important;
  }
  #elios .eh .nav{
    margin-left: 6px !important;
  }
}


/* === MENU: PADDING 10PX === */
#elios .eh .nav a{
  padding: 10px !important;
}


/* === HEADER: LOGO NON DEVE TAGLIARSI DURANTE LO SCROLL === */
#elios .eh,
#elios .eh .headerInner{
  overflow: visible !important;
}

#elios .eh .logo{
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

#elios .eh .logo img{
  display: block !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

@media (max-width:760px){
  #elios .eh .logo img{
    max-height: 56px !important;
  }
}


/* =========================================================
   PUNTI DI FORZA — REFINEMENT
   ========================================================= */
#elios .strengths{
  padding-top:92px !important;
  padding-bottom:100px !important;
}

#elios .strengths .sectionHead{
  max-width:900px !important;
  margin-bottom:42px !important;
}

#elios .strengths .sectionHead .mono{
  font-size:13px !important;
  letter-spacing:.22em !important;
  font-weight:700 !important;
}

#elios .strengths .sectionHead h2{
  font-size:clamp(38px,4vw,54px) !important;
  line-height:1.08 !important;
  margin-top:12px !important;
  margin-bottom:18px !important;
}

#elios .strengths .sectionHead p{
  font-size:19px !important;
  line-height:1.6 !important;
  max-width:760px !important;
}

/* Four cards */
#elios .strengthGrid{
  gap:22px !important;
}

#elios .strengthGrid .strength{
  min-height:220px !important;
  padding:30px 26px 28px !important;
  border-radius:18px !important;
  border:1px solid rgba(11,35,61,.10) !important;
  background:linear-gradient(145deg,#f5f8fc 0%,#edf3f9 100%) !important;
  box-shadow:0 10px 28px rgba(8,26,49,.06) !important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease !important;
}

#elios .strengthGrid .strength:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 18px 38px rgba(8,26,49,.11) !important;
  border-color:rgba(0,169,224,.28) !important;
}

#elios .strengthGrid .strength .icon{
  width:52px !important;
  height:52px !important;
  border-radius:13px !important;
  margin-bottom:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#elios .strengthGrid .strength .icon svg{
  width:27px !important;
  height:27px !important;
  stroke-width:1.9 !important;
}

#elios .strengthGrid .strength h3{
  font-size:20px !important;
  line-height:1.25 !important;
  margin-bottom:10px !important;
  font-weight:700 !important;
}

#elios .strengthGrid .strength p{
  font-size:16px !important;
  line-height:1.62 !important;
  margin:0 !important;
  color:#60758e !important;
}

/* Desktop: keep four cards balanced */
@media (min-width:1100px){
  #elios .strengthGrid .strength{
    min-height:224px !important;
  }
}

/* Tablet */
@media (max-width:1000px){
  #elios .strengths{
    padding-top:76px !important;
    padding-bottom:80px !important;
  }
  #elios .strengths .sectionHead h2{
    font-size:42px !important;
  }
  #elios .strengths .sectionHead p{
    font-size:18px !important;
  }
  #elios .strengthGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media (max-width:620px){
  #elios .strengths{
    padding-top:64px !important;
    padding-bottom:68px !important;
  }
  #elios .strengths .sectionHead{
    margin-bottom:30px !important;
  }
  #elios .strengths .sectionHead h2{
    font-size:34px !important;
  }
  #elios .strengths .sectionHead p{
    font-size:17px !important;
  }
  #elios .strengthGrid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  #elios .strengthGrid .strength{
    min-height:auto !important;
    padding:24px 22px !important;
  }
}


/* =========================================================
   PUNTI DI FORZA — MATCH RIFERIMENTO
   ========================================================= */
#elios .section.strengths{
  padding:18px 0 46px !important;
  background:#fff !important;
}

#elios .section.strengths .wrap{
  width:min(1240px,calc(100% - 60px)) !important;
  max-width:none !important;
}

#elios .section.strengths > .wrap > .mono{
  display:block !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  font-weight:700 !important;
  color:#00a9df !important;
  margin:0 !important;
}

#elios .section.strengths > .wrap > .title{
  font-size:36px !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  font-weight:600 !important;
  color:#0b1b31 !important;
  margin:16px 0 16px !important;
}

#elios .section.strengths > .wrap > .lead{
  max-width:760px !important;
  font-size:18px !important;
  line-height:1.65 !important;
  color:#637a92 !important;
  margin:0 !important;
}

#elios .section.strengths .strengthGrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:48px !important;
}

#elios .section.strengths .strengthGrid .strength{
  box-sizing:border-box !important;
  min-height:199px !important;
  height:199px !important;
  padding:24px !important;
  border:1px solid #dbe4ec !important;
  border-radius:15px !important;
  background:#eef4f7 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

#elios .section.strengths .strengthGrid .strength:hover{
  transform:translateY(-3px) !important;
  border-color:#cbdbe7 !important;
  box-shadow:0 10px 24px rgba(8,26,49,.07) !important;
}

#elios .section.strengths .strengthGrid .sicon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:12px !important;
  background:#0d1a32 !important;
  color:#00a9df !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  font-size:inherit !important;
}

#elios .section.strengths .strengthGrid .sicon svg{
  width:25px !important;
  height:25px !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#elios .section.strengths .strengthGrid .strength h3{
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:#0b1b31 !important;
  margin:23px 0 10px !important;
}

#elios .section.strengths .strengthGrid .strength p{
  font-size:15px !important;
  line-height:1.55 !important;
  color:#637a92 !important;
  margin:0 !important;
  max-width:245px !important;
}

@media (max-width:900px){
  #elios .section.strengths{
    padding:22px 0 52px !important;
  }
  #elios .section.strengths .wrap{
    width:min(100% - 40px,700px) !important;
  }
  #elios .section.strengths > .wrap > .title{
    font-size:32px !important;
  }
  #elios .section.strengths .strengthGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

@media (max-width:600px){
  #elios .section.strengths .wrap{
    width:calc(100% - 32px) !important;
  }
  #elios .section.strengths > .wrap > .title{
    font-size:30px !important;
  }
  #elios .section.strengths > .wrap > .lead{
    font-size:17px !important;
  }
  #elios .section.strengths .strengthGrid{
    grid-template-columns:1fr !important;
  }
  #elios .section.strengths .strengthGrid .strength{
    height:auto !important;
    min-height:0 !important;
  }
}


/* === PUNTI DI FORZA — ICONE PIU' GRANDI === */
#elios .section.strengths .strengthGrid .strength{
  padding:28px !important;
}

#elios .section.strengths .strengthGrid .sicon{
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  border-radius:15px !important;
}

#elios .section.strengths .strengthGrid .sicon svg{
  width:38px !important;
  height:38px !important;
  stroke-width:1.65 !important;
}

#elios .section.strengths .strengthGrid .strength h3{
  margin-top:20px !important;
  font-size:18px !important;
}

#elios .section.strengths .strengthGrid .strength p{
  font-size:15px !important;
  line-height:1.58 !important;
}

@media (max-width:600px){
  #elios .section.strengths .strengthGrid .sicon{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
  }

  #elios .section.strengths .strengthGrid .sicon svg{
    width:34px !important;
    height:34px !important;
  }
}


/* =========================================================
   PUNTI DI FORZA — PROPORZIONI RIFERIMENTO DEFINITIVE
   ========================================================= */
#elios .section.strengths{
  padding:28px 0 62px !important;
  background:#fff !important;
}

#elios .section.strengths .wrap{
  width:min(1240px,calc(100% - 62px)) !important;
  max-width:none !important;
}

#elios .section.strengths > .wrap > .mono{
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  font-weight:700 !important;
  margin-bottom:14px !important;
}

#elios .section.strengths > .wrap > .title{
  font-size:36px !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  font-weight:600 !important;
  margin:0 0 16px !important;
}

#elios .section.strengths > .wrap > .lead{
  max-width:790px !important;
  font-size:19px !important;
  line-height:1.58 !important;
  margin:0 !important;
}

#elios .section.strengths .strengthGrid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:46px !important;
}

#elios .section.strengths .strengthGrid .strength{
  height:220px !important;
  min-height:220px !important;
  box-sizing:border-box !important;
  padding:25px 24px 24px !important;
  border-radius:16px !important;
  border:1px solid #dbe4ec !important;
  background:#eef4f7 !important;
  box-shadow:none !important;
}

#elios .section.strengths .strengthGrid .sicon{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  border-radius:14px !important;
  margin:0 !important;
}

#elios .section.strengths .strengthGrid .sicon svg{
  width:36px !important;
  height:36px !important;
  stroke-width:1.7 !important;
}

#elios .section.strengths .strengthGrid .strength h3{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  margin:20px 0 9px !important;
}

#elios .section.strengths .strengthGrid .strength p{
  font-size:15px !important;
  line-height:1.55 !important;
  color:#637a92 !important;
  max-width:250px !important;
  margin:0 !important;
}

/* Keep the cards visually stable on hover */
#elios .section.strengths .strengthGrid .strength:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 10px 24px rgba(8,26,49,.07) !important;
}

@media (max-width:900px){
  #elios .section.strengths{
    padding:24px 0 54px !important;
  }
  #elios .section.strengths .wrap{
    width:calc(100% - 40px) !important;
  }
  #elios .section.strengths > .wrap > .title{
    font-size:32px !important;
  }
  #elios .section.strengths > .wrap > .lead{
    font-size:18px !important;
  }
  #elios .section.strengths .strengthGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){
  #elios .section.strengths .wrap{
    width:calc(100% - 32px) !important;
  }
  #elios .section.strengths > .wrap > .title{
    font-size:30px !important;
  }
  #elios .section.strengths > .wrap > .lead{
    font-size:17px !important;
  }
  #elios .section.strengths .strengthGrid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  #elios .section.strengths .strengthGrid .strength{
    height:auto !important;
    min-height:210px !important;
  }
}


/* === WHATSAPP: LOGO REALE E BEN VISIBILE === */
#elios .waCard .waIcon{display:grid !important;place-items:center !important;}
#elios .waCard .waIcon svg{width:34px !important;height:34px !important;display:block !important;}
#elios .waCard .btn.wa{display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;}
#elios .waCard .btn.wa .waButtonIcon{width:23px !important;height:23px !important;display:block !important;flex:0 0 23px !important;}
#elios .waCard .btn.wa span{line-height:1 !important;}

/* === WHATSAPP LOGO: VISIBILE E CORRETTO === */
#elios .waIcon{
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
}
#elios .waIcon svg{
  width:38px !important;
  height:38px !important;
  display:block !important;
}
#elios .waButtonIcon{
  width:25px !important;
  height:25px !important;
  flex:0 0 25px !important;
  display:block !important;
}
#elios .btn.wa{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
}



/* ELIOS THEME 2.0 — SITE / WOOCOMMERCE */
#elios .site-main{min-height:40vh}
#elios .elios-page-wrap{padding:120px 0 90px;background:#fff}
#elios .elios-page-wrap .wrap{width:min(100% - 40px,1240px);margin:0 auto}
#elios .woocommerce,.woocommerce-page{font-family:"Plus Jakarta Sans",Arial,sans-serif}
#elios .woocommerce .woocommerce-breadcrumb{font-size:12px;color:#65707c;margin:0 0 22px}
#elios .woocommerce .woocommerce-breadcrumb a{color:#26313b}
#elios .woocommerce .woocommerce-products-header{margin-bottom:30px}
#elios .woocommerce .woocommerce-products-header__title,.woocommerce-page .woocommerce-products-header__title{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(36px,5vw,62px);letter-spacing:-.04em;color:var(--ink,#07131d);margin:0}
#elios .woocommerce .term-description{color:#66727d;max-width:720px}
#elios .woocommerce .woocommerce-result-count{color:#68737d;font-size:13px}
#elios .woocommerce .woocommerce-ordering select{border:1px solid #dce2e7;border-radius:10px;padding:10px 34px 10px 12px;background:#fff}
#elios .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0 0!important;padding:0!important}
#elios .woocommerce ul.products:before,#elios .woocommerce ul.products:after{display:none!important}
#elios .woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;border:1px solid #e4e8ec;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(8,24,38,.05);transition:.25s}
#elios .woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(8,24,38,.10)}
#elios .woocommerce ul.products li.product a.woocommerce-LoopProduct__link{display:block;padding:18px}
#elios .woocommerce ul.products li.product img{width:100%;height:220px;object-fit:contain;margin:0 0 14px;border-radius:12px;background:#f7f9fa}
#elios .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Space Grotesk",Arial,sans-serif;font-size:17px;color:var(--ink,#07131d);padding:0;margin:0 0 10px}
#elios .woocommerce ul.products li.product .price{font-size:16px;font-weight:700;color:#07131d;padding:0 18px 4px;margin:0}
#elios .woocommerce ul.products li.product .button{margin:10px 18px 18px;border-radius:999px;background:var(--cyan,#00a9df);color:#07131d;font-weight:700;border:0;padding:11px 16px}
#elios .woocommerce span.onsale{background:#07131d;min-height:38px;min-width:38px;line-height:38px;padding:0 8px;font-size:11px}
#elios .woocommerce nav.woocommerce-pagination ul{border:0;margin-top:45px}
#elios .woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}
#elios .woocommerce nav.woocommerce-pagination ul li a,#elios .woocommerce nav.woocommerce-pagination ul li span{border:1px solid #dfe4e8;border-radius:9px;min-width:38px;line-height:38px;padding:0 10px;color:#1d2a34}
#elios .woocommerce nav.woocommerce-pagination ul li span.current{background:#07131d;color:#fff}
#elios .woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px}
#elios .woocommerce div.product div.images img{border-radius:18px;background:#f7f9fa}
#elios .woocommerce div.product .product_title{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.02;color:#07131d;letter-spacing:-.04em}
#elios .woocommerce div.product p.price,#elios .woocommerce div.product span.price{color:#07131d;font-size:24px;font-weight:800}
#elios .woocommerce div.product form.cart .quantity .qty{border:1px solid #dce2e7;border-radius:10px;padding:11px}
#elios .woocommerce div.product form.cart .button{border:0;border-radius:999px;background:var(--cyan,#00a9df);color:#07131d;padding:14px 22px;font-weight:800}
#elios .woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:30px}
#elios .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0;border-bottom:1px solid #e2e7eb}
#elios .woocommerce div.product .woocommerce-tabs ul.tabs:before,#elios .woocommerce div.product .woocommerce-tabs ul.tabs:after{display:none}
#elios .woocommerce div.product .woocommerce-tabs ul.tabs li{border:0;background:none;margin:0;padding:0 20px 14px}
#elios .woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--cyan,#00a9df)}
#elios .woocommerce div.product .woocommerce-tabs .panel{padding:24px 0;color:#52606b}
#elios .woocommerce table.shop_table{border:1px solid #e1e6ea;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0}
#elios .woocommerce a.button,#elios .woocommerce button.button,#elios .woocommerce input.button{border-radius:999px;background:#07131d;color:#fff;font-weight:700;border:0;padding:12px 18px}
#elios .woocommerce a.button.alt,#elios .woocommerce button.button.alt,#elios .woocommerce input.button.alt{background:var(--cyan,#00a9df);color:#07131d}
#elios .woocommerce-message,#elios .woocommerce-info,#elios .woocommerce-error{border:1px solid #dfe6eb;border-top:3px solid var(--cyan,#00a9df);border-radius:12px;background:#f8fafb;color:#33404b}
#elios .woocommerce-message:before,#elios .woocommerce-info:before{color:var(--cyan,#00a9df)}
#elios .woocommerce form .form-row input.input-text,#elios .woocommerce form .form-row textarea,#elios .woocommerce form .form-row select{border:1px solid #dce2e7;border-radius:10px;padding:12px 13px;background:#fff}
#elios .woocommerce form .form-row label{font-size:12px;font-weight:700;color:#34414b;margin-bottom:6px}
#elios .woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:30px}
#elios .woocommerce .col2-set .col-1,#elios .woocommerce .col2-set .col-2{width:auto;float:none}
#elios .woocommerce .cart_totals{border:1px solid #e2e7eb;border-radius:16px;padding:22px}
#elios .woocommerce .related.products{grid-column:1/-1;margin-top:40px}
@media(max-width:1000px){#elios .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#elios .elios-page-wrap{padding:100px 0 65px}#elios .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#elios .woocommerce ul.products li.product img{height:165px}#elios .woocommerce div.product{grid-template-columns:1fr;gap:25px}#elios .woocommerce .col2-set{grid-template-columns:1fr}}
@media(max-width:480px){#elios .woocommerce ul.products{grid-template-columns:1fr}}
#elios .nav.mobile-open{display:flex!important;position:absolute;left:14px;right:14px;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#fff;border:1px solid #e4e8ec;border-radius:16px;box-shadow:0 20px 50px rgba(7,19,29,.12)}
#elios .nav.mobile-open a{padding:12px 14px}