body{background:#edf4ec;color:#204947}.detail-hero{min-height:72vh;padding:170px 0 90px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(8,30,21,.9),rgba(8,30,21,.35)),url("../assets/hero/focus-jam2-action.jpg") center/cover;color:#fff}.detail-hero h1{font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-5px;text-transform:uppercase}.detail-hero h1 strong{color:#9BD7CC}.detail-hero p{max-width:720px;margin-top:25px;font-size:17px;line-height:1.7}.megamo-detail{background:linear-gradient(90deg,rgba(8,30,21,.92),rgba(8,30,21,.28)),url("../assets/bikes/products/megamo-reason.jpg") center/cover}.wd-detail{background:linear-gradient(90deg,rgba(8,30,21,.92),rgba(8,30,21,.32)),url("../assets/hero/experience-vibrant.jpg") center/cover}.model-list{padding:90px 0}.model-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:45px 0;border-bottom:1px solid rgba(23,56,43,.13)}.model-detail.reverse img{order:2}.model-detail img{width:100%;height:430px;object-fit:cover;border-radius:18px;box-shadow:0 24px 60px rgba(20,57,43,.15);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.model-detail:hover img{transform:scale(1.025) translateY(-5px)}.model-detail small{color:#347F79;font-weight:900;letter-spacing:2px}.model-detail h2{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;margin:8px 0 18px}.model-detail p{color:#4d665b;line-height:1.8}.spec-row{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.spec-row b{padding:10px 13px;border-radius:999px;background:#dcead8;color:#244c38;font-size:11px}@media(max-width:800px){.model-detail{grid-template-columns:1fr}.model-detail.reverse img{order:0}.detail-hero h1{font-size:55px}.model-detail img{height:320px}}
.myland-detail{background:linear-gradient(90deg,rgba(8,30,21,.9),rgba(8,30,21,.30)),url("../assets/hero/experience-vibrant.jpg") center/cover}.tech-note{margin-top:30px;color:#607168;font-size:12px}.model-detail img{object-fit:contain;background:#f7f8f7;padding:18px} /* V4 — product cutouts su paesaggio boschivo */
.product-photo.forest-photo{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:linear-gradient(rgba(17,47,35,.24),rgba(10,31,23,.48)),url("../assets/hero/experience-vibrant.jpg") center/cover no-repeat;box-shadow:0 24px 60px rgba(20,57,43,.17)}
.product-photo.forest-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,230,140,.24),transparent 28%),linear-gradient(180deg,transparent 55%,rgba(8,35,25,.24));pointer-events:none}
.product-photo.forest-photo>img{position:relative;z-index:1;width:92%;height:390px;object-fit:contain!important;padding:12px!important;background:transparent!important;filter:drop-shadow(0 18px 18px rgba(0,0,0,.22));box-shadow:none!important;border-radius:0!important}
.reason-motion>img{animation:reasonFloat 5.5s ease-in-out infinite}
.reason-motion:before{content:"";position:absolute;width:65%;height:45%;border-radius:50%;background:rgba(122,235,35,.14);filter:blur(40px);animation:reasonGlow 4s ease-in-out infinite alternate}
@keyframes reasonFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-13px) scale(1.025)}}
@keyframes reasonGlow{from{transform:scale(.9);opacity:.45}to{transform:scale(1.16);opacity:.9}}
@media(max-width:800px){.product-photo.forest-photo{min-height:330px}.product-photo.forest-photo>img{height:300px}} .variant-box{margin:4px 0 22px;padding:14px 16px;border-left:3px solid #4FA99B;background:rgba(255,255,255,.55);border-radius:0 12px 12px 0}.variant-box strong{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#315d46}.variant-box p{margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important}
/* Movimento cinematografico su tutte le pagine catalogo */
.detail-hero{position:relative;overflow:hidden;isolation:isolate;animation:detailHeroDrift 18s ease-in-out infinite alternate}
.detail-hero::after{content:"";position:absolute;inset:-6%;z-index:-1;background:center/cover no-repeat;opacity:.24;mix-blend-mode:screen;animation:detailHeroOverlay 12s ease-in-out infinite alternate;pointer-events:none}
.detail-hero .section-container{position:relative;z-index:2}
.detail-hero:not(.megamo-detail):not(.wd-detail):not(.myland-detail)::after{background-image:url('../assets/focus/focus-beyond-numbers.jpg')}
.megamo-detail::after{background-image:url('../assets/focus/focus-atlas-action.png')}
.wd-detail::after{background-image:url('../assets/hero/experience-vibrant.jpg')}
.myland-detail::after{background-image:url('../assets/hero/experience.jpg')}
.model-detail img{animation:catalogImageFloat 7s ease-in-out infinite alternate}
.model-detail.reverse img{animation-delay:-2s}
@keyframes detailHeroDrift{from{background-position:48% 50%}to{background-position:52% 47%}}
@keyframes detailHeroOverlay{from{transform:scale(1.02) translate3d(-1%,0,0);opacity:.16}to{transform:scale(1.10) translate3d(1%,1%,0);opacity:.30}}
@keyframes catalogImageFloat{from{transform:translateY(0) scale(1)}to{transform:translateY(-7px) scale(1.012)}}
@media(prefers-reduced-motion:reduce){.detail-hero,.detail-hero::after,.model-detail img{animation:none}} /* V7.1 teal */
:root{--green:#4FA99B;--green-dark:#347F79;--green-light:#9BD7CC;--accent:#4FA99B}.btn-green,.filter-btn.active,.chatbot-toggle,.chatbot-send{background:#4FA99B!important;color:#10383B!important}a:hover,.eyebrow,.section-tag,.green-text{color:#4FA99B!important}::selection{background:#4FA99B;color:#10383B}