/* v7.18 Mechanical Journey */
:root{--mech-green:#69AFA4;--mech-deep:#214c3a;--mech-blue:#AFCED3;--mech-mint:#B8D8D4;--mech-cream:#F7F9F7}
.mechanical-journey{position:fixed;z-index:68;right:18px;top:108px;bottom:92px;width:42px;pointer-events:none;opacity:.72}.mechanical-journey-track{position:absolute;top:0;bottom:0;left:20px;width:3px;background:repeating-linear-gradient(to bottom,rgba(111,174,98,.6) 0 7px,rgba(111,174,98,.12) 7px 10px,transparent 10px 17px)}.mechanical-chain-link{position:absolute;left:14px;width:14px;height:22px;border:1px solid rgba(159,199,214,.72);border-radius:10px;background:rgba(247,250,247,.46);backdrop-filter:blur(4px);transform:translateY(-50%)}.mechanical-chain-link:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#5c9369;transform:translate(-50%,-50%)}.mechanical-progress-gear{position:absolute;left:4px;top:var(--mech-progress,0%);width:34px;height:34px;margin-top:-17px;border-radius:50%;border:2px solid rgba(111,174,98,.88);background:rgba(244,248,244,.88);backdrop-filter:blur(8px);box-shadow:0 9px 28px rgba(16,63,66,.15);transform:rotate(var(--mech-rotation,0deg))}.mechanical-progress-gear:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(42,105,101,.76);border-radius:50%}.mechanical-progress-gear:after{content:"";position:absolute;inset:13px;background:#3e7758;border-radius:50%}
.mechanical-drive{position:absolute;z-index:3;width:92px;height:92px;border-radius:50%;opacity:0;transform:scale(.76) rotate(-18deg);transition:opacity .55s ease,transform .85s cubic-bezier(.2,.78,.2,1);pointer-events:none}.mechanical-drive.is-engaged{opacity:.62;transform:scale(1) rotate(var(--drive-rot,0deg))}.mechanical-drive:before{content:"";position:absolute;inset:8px;border:2px solid rgba(111,174,98,.42);border-radius:50%;background:linear-gradient(0deg,transparent 49%,rgba(111,174,98,.26) 49.5% 50.5%,transparent 51%),linear-gradient(45deg,transparent 49%,rgba(111,174,98,.20) 49.5% 50.5%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(111,174,98,.26) 49.5% 50.5%,transparent 51%),linear-gradient(135deg,transparent 49%,rgba(111,174,98,.20) 49.5% 50.5%,transparent 51%);box-shadow:inset 0 0 0 18px rgba(175,206,211,.045)}.mechanical-drive:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:rgba(42,105,101,.52);transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(247,244,236,.58)}.mechanical-drive.drive-left{left:clamp(12px,4vw,68px);top:34px}.mechanical-drive.drive-right{right:clamp(12px,5vw,82px);top:38px}
.mechanical-cable{position:absolute;z-index:1;left:0;right:0;top:0;height:72px;pointer-events:none;overflow:hidden;opacity:.5}.mechanical-cable svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mechanical-cable path{fill:none;stroke-width:1.4;stroke-dasharray:4 8;stroke-dashoffset:var(--cable-offset,0);vector-effect:non-scaling-stroke}
.mechanical-derailleur{position:absolute;right:clamp(18px,6vw,90px);bottom:28px;width:68px;height:42px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s ease;pointer-events:none}.mechanical-derailleur.is-engaged{opacity:.4;transform:none}.mechanical-derailleur:before{content:"";position:absolute;left:15px;top:3px;width:34px;height:19px;border:2px solid rgba(42,105,101,.52);border-radius:18px 8px 14px 9px;transform:rotate(-10deg)}.mechanical-derailleur:after{content:"";position:absolute;left:7px;bottom:0;width:15px;height:15px;border:2px solid rgba(111,174,98,.62);border-radius:50%;box-shadow:37px -2px 0 1px rgba(111,174,98,.62)}.mechanical-derailleur span{position:absolute;left:21px;top:20px;width:30px;height:2px;background:rgba(42,105,101,.48);transform:rotate(22deg);transform-origin:left center}
.mechanical-heading{position:relative}.mechanical-heading:before{content:"";position:absolute;left:-28px;top:.66em;width:13px;height:13px;border:2px solid rgba(111,174,98,.5);border-radius:50%;box-shadow:inset 0 0 0 3px rgba(175,206,211,.18),0 5px 18px rgba(16,63,66,.06)}.mechanical-heading:after{content:"";position:absolute;left:-23px;top:calc(.66em + 5px);width:5px;height:5px;background:rgba(42,105,101,.52);border-radius:50%}
.btn.mechanical-btn .mech-button-gear{display:inline-block;width:11px;height:11px;margin-left:7px;border:1px dashed currentColor;border-radius:50%;opacity:.58;vertical-align:-1px;transition:transform .38s cubic-bezier(.2,.78,.2,1),opacity .2s ease}.btn.mechanical-btn:hover .mech-button-gear,.btn.mechanical-btn:focus-visible .mech-button-gear{transform:rotate(135deg);opacity:.95}
.bike-card.mechanical-card:before,.focus-feature.mechanical-card:before,.focus-tile.mechanical-card:before,.motor-card.mechanical-card:before{content:"";position:absolute;z-index:6;right:16px;top:16px;width:21px;height:21px;border:1px solid rgba(191,216,197,.55);border-radius:50%;opacity:0;transform:scale(.7) rotate(-25deg);transition:opacity .3s ease,transform .5s cubic-bezier(.2,.78,.2,1);pointer-events:none}.bike-card.mechanical-card:hover:before,.focus-feature.mechanical-card:hover:before,.focus-tile.mechanical-card:hover:before,.motor-card.mechanical-card:hover:before{opacity:.78;transform:scale(1) rotate(45deg)}.motor-card.mechanical-card{position:relative;overflow:hidden}
.mechanical-spoke-divider{position:relative;height:72px;overflow:hidden;pointer-events:none}.mechanical-spoke-divider:before{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border:1px solid rgba(42,105,101,.14);border-radius:50%;background:linear-gradient(0deg,transparent 49%,rgba(42,105,101,.15) 49.5% 50.5%,transparent 51%),linear-gradient(30deg,transparent 49%,rgba(42,105,101,.10) 49.5% 50.5%,transparent 51%),linear-gradient(60deg,transparent 49%,rgba(42,105,101,.10) 49.5% 50.5%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(42,105,101,.15) 49.5% 50.5%,transparent 51%),linear-gradient(120deg,transparent 49%,rgba(42,105,101,.10) 49.5% 50.5%,transparent 51%),linear-gradient(150deg,transparent 49%,rgba(42,105,101,.10) 49.5% 50.5%,transparent 51%)}.mechanical-spoke-divider:after{content:"";position:absolute;left:calc(50% + 36px);right:12%;top:50%;height:1px;background:linear-gradient(90deg,rgba(42,105,101,.16),transparent)}
.hero.mechanical-hero:after{content:"";position:absolute;z-index:2;right:-9vw;bottom:-18vw;width:min(52vw,760px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(191,216,197,.14);background:linear-gradient(0deg,transparent 49.8%,rgba(191,216,197,.08) 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,rgba(191,216,197,.07) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,rgba(191,216,197,.08) 50%,transparent 50.2%),linear-gradient(135deg,transparent 49.8%,rgba(191,216,197,.07) 50%,transparent 50.2%);pointer-events:none;opacity:.72;transform:rotate(var(--hero-wheel-rot,0deg))}
@media(max-width:1180px){.mechanical-journey{right:8px;opacity:.46}.mechanical-drive{width:72px;height:72px}}@media(max-width:920px){.mechanical-journey{display:none}.mechanical-drive{width:54px;height:54px;opacity:.28!important}.mechanical-drive.drive-left{left:8px}.mechanical-drive.drive-right{right:8px}.mechanical-derailleur{display:none}.mechanical-heading:before,.mechanical-heading:after{display:none}.mechanical-cable{opacity:.24}}@media(max-width:620px){.mechanical-drive,.mechanical-cable,.mechanical-spoke-divider{display:none}.hero.mechanical-hero:after{width:76vw;right:-28vw;bottom:-25vw;opacity:.35}}@media(prefers-reduced-motion:reduce){.mechanical-progress-gear,.mechanical-drive,.hero.mechanical-hero:after{transform:none!important}.mechanical-cable path{stroke-dashoffset:0!important}.btn.mechanical-btn .mech-button-gear{transition:none!important}}


/* V7.36 — HOME FOCUS: contrasto testo corretto */
.focus-showcase .focus-feature::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:1 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(90deg,rgba(5,12,13,.88) 0%,rgba(5,12,13,.72) 42%,rgba(5,12,13,.28) 72%,rgba(5,12,13,.10) 100%),
    linear-gradient(0deg,rgba(4,9,10,.90) 0%,rgba(4,9,10,.30) 58%,rgba(4,9,10,.08) 100%) !important;
}
.focus-showcase .focus-tile::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:1 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:linear-gradient(0deg,rgba(4,9,10,.84) 0%,rgba(4,9,10,.12) 64%) !important;
}
.focus-showcase .focus-feature > div,
.focus-showcase .focus-tile > div{
  z-index:3 !important;
}
.focus-showcase .focus-feature h3,
.focus-showcase .focus-feature p,
.focus-showcase .focus-tile h3{
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,1) !important;
}
.focus-showcase .focus-feature p{
  font-weight:500 !important;
}
.focus-showcase .focus-feature small,
.focus-showcase .focus-tile small{
  color:#9fe6dc !important;
  text-shadow:0 2px 7px rgba(0,0,0,1) !important;
}
.focus-showcase .focus-mini-specs b{
  color:#fff !important;
  background:rgba(6,25,25,.78) !important;
  border-color:rgba(159,230,220,.55) !important;
  text-shadow:0 1px 4px rgba(0,0,0,.9) !important;
}
@media(max-width:820px){
  .focus-showcase .focus-feature::after{
    background:linear-gradient(0deg,rgba(4,9,10,.94) 0%,rgba(4,9,10,.68) 58%,rgba(4,9,10,.16) 100%) !important;
  }
}