*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#173c5c;background:#fff}a{text-decoration:none}.nav{position:absolute;z-index:2;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,70px);background:linear-gradient(#0c294b99,transparent)}.logo{width:clamp(160px,20vw,320px);height:auto}.nav nav{display:flex;flex-wrap:wrap;gap:clamp(10px,1.7vw,30px)}.nav nav a{color:white;font-weight:bold;font-size:13px;text-transform:uppercase}.nav a:hover{color:#c8ad7f}.hero{min-height:680px;height:88vh;display:flex;align-items:center;background:linear-gradient(90deg,#0a294dba,#0a294d12 75%),url('src/hero-barca.webp') center/cover}.hero-content{padding:130px clamp(24px,5vw,90px) 70px;max-width:850px;color:white}.eyebrow{letter-spacing:4px;color:#e8d4a9}.hero h1{font-size:clamp(40px,5vw,78px);line-height:1.08;margin:12px 0 20px}.hero p{font-size:clamp(16px,1.5vw,22px)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{display:inline-block;background:#143e63;color:white;padding:17px 25px;border:1px solid #c5d4df;font-weight:700;font-size:13px;letter-spacing:.5px}.btn:hover{background:#3d5a80}.btn.gold{background:#c8ad7f;color:#163858;border-color:#c8ad7f}.btn.gold:hover{background:#e0c89e}.benefits{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;padding:35px 20px;font-weight:700}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{min-height:400px;background-size:cover;background-position:center;display:flex;align-items:end;color:white;padding:45px;position:relative}.product:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092741b8,transparent)}.product>div{position:relative}.product h2{font-size:55px;margin:5px 0}.product p{font-size:18px}.soft{background-image:url('src/soft.webp')}.flexy{background-image:url('src/flexy.webp')}.section{padding:70px clamp(24px,5vw,80px)}.section h2{font-size:clamp(30px,3vw,45px);margin:0 0 12px}.section p{line-height:1.7}.applications{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.applications img{width:100%;height:240px;object-fit:cover}.applications h3{font-size:18px;text-transform:uppercase}.light{background:#f5f6f7}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin-top:28px}.swatches a{background:white;padding:16px;color:#173c5c}.swatches img{width:100%;height:160px;object-fit:cover;display:block;margin-bottom:14px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#103c60;color:white}.feature>img{width:100%;height:400px;object-fit:cover}.feature>div{padding:60px;align-self:center}.feature h2{font-size:clamp(28px,3vw,44px)}footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;background:#103a5d;color:white;padding:60px clamp(24px,5vw,80px)}footer img{max-width:220px}footer a{display:block;color:white;margin:14px 0}footer a:hover{color:#c8ad7f}@media(max-width:850px){.nav{position:relative;background:#103a5d;flex-direction:column;align-items:flex-start}.nav nav{gap:14px}.hero{height:auto;min-height:570px;background-position:58% center}.hero-content{padding-top:80px}.twocol,.feature{grid-template-columns:1fr}.applications{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:520px){.applications,.swatches,footer{grid-template-columns:1fr}.product{min-height:310px;padding:28px}.feature>div{padding:35px}.feature>img{height:260px}}
/* Ritocchi dimensioni homepage */
.nav .logo{width:clamp(125px,14vw,205px);max-height:72px;object-fit:contain}
.twocol{max-width:1180px;margin:36px auto;gap:22px;padding:0 24px}
.twocol .product{min-height:285px;padding:28px;background-position:center}
.twocol .product h2{font-size:clamp(30px,3vw,42px)}
.twocol .product p{font-size:16px}
@media(max-width:850px){.nav .logo{width:160px}.twocol{margin:20px auto}}
@media(max-width:520px){.twocol{padding:0 16px;gap:14px}.twocol .product{min-height:240px}}

/* Dimensioni più compatte delle schede Soft e Flexy */
.twocol{max-width:1060px;margin:24px auto;gap:20px;padding:0 20px}
.twocol .product{min-height:220px;padding:22px}
.twocol .product h2{font-size:clamp(28px,2.7vw,38px)}
@media(max-width:520px){.twocol{padding:0 16px}.twocol .product{min-height:200px}}

/* Ritocchi home: logo massimo 100px e immagini prodotto piu compatte */
.nav .logo{width:auto;max-width:100px;max-height:100px;height:auto;object-fit:contain}
.twocol .product{min-height:190px;background-size:cover;background-position:center}
@media(max-width:850px){.nav .logo{width:auto;max-width:100px;max-height:100px}}
@media(max-width:520px){.twocol .product{min-height:175px}}

/* Schede compatte: foto di sfondo ridotte, senza ripetizione */
.twocol{max-width:900px;margin:24px auto;gap:16px;padding:0 18px}
.twocol .product.soft,.twocol .product.flexy{
  min-height:170px;
  padding:18px;
  background-size:60% auto !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#dce5eb;
}
.twocol .product h2{font-size:30px}
.twocol .product p{font-size:14px}
.twocol .product .btn{padding:11px 15px}
@media(max-width:520px){
 .twocol .product.soft,.twocol .product.flexy{min-height:180px;background-size:70% auto !important}
}

/* Correzione selettori reali: article.product.soft / article.product.flexy */
.twocol article.product.soft, .twocol article.product.flexy {
  min-height: 185px !important;
  background-size: 55% auto !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
@media (max-width:520px) {
  .twocol article.product.soft, .twocol article.product.flexy {
    min-height: 185px !important;
    background-size: 58% auto !important;
  }
}

/* Soft e Flexy: foto più grandi, nessun fondo grigio */
.twocol article.product.soft,
.twocol article.product.flexy {
  background-size: 82% auto !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
@media (max-width:520px) {
  .twocol article.product.soft,
  .twocol article.product.flexy { background-size: 88% auto !important; }
}

/* HERO: rapporto originale fotografia 1600 x 1066, senza altezza aggiuntiva */
.hero {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1600 / 1066;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero h1 { font-size: 4vw !important; }
@media (max-width: 850px) {
  .hero { height: auto !important; min-height: 0 !important; }
  .hero h1 { font-size: 4vw !important; }
}

/* Tre riquadri quadrati, senza ombre: Soft, Flexy e video */
.twocol{max-width:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.twocol article.product{aspect-ratio:1/1;min-height:0 !important;padding:18px;box-shadow:none !important;border-radius:0 !important;overflow:hidden}
.twocol article.product.soft,.twocol article.product.flexy{background-size:82% auto !important}
.twocol article.product.video-card{display:block;background:#0c2f49;padding:0;position:relative}
.twocol .video-card video{width:100%;height:100%;object-fit:cover;display:block}
.twocol .video-card:before{display:none}
.twocol .video-card .video-caption{position:absolute;top:12px;left:14px;pointer-events:none;text-shadow:0 1px 4px #0009}
.twocol .video-card .video-caption h2{font-size:25px;margin:0}
@media(max-width:760px){.twocol{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.twocol{grid-template-columns:1fr}.twocol article.product{min-height:0 !important}.twocol article.product.soft,.twocol article.product.flexy{background-size:82% auto !important}}

/* Hero dimezzata e tre pannelli quadrati a tutta larghezza */
.hero { aspect-ratio: auto !important; height: 33.3125vw !important; min-height: 0 !important; max-height: none !important; background-position: center center; }
.twocol { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 !important; }
.twocol article.product { width: 100%; aspect-ratio: 1 / 1; min-height: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
@media (max-width: 760px) { .twocol { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .twocol article.product { padding: 10px; } .twocol article.product h2 { font-size: clamp(13px,2.7vw,30px); } .twocol article.product p { font-size: clamp(9px,1.4vw,14px); } .twocol article.product .btn { font-size: clamp(8px,1.2vw,13px); padding: 6px; } }

/* Aggiornamento: testo hero 3vw, pannelli meno alti */
.hero h1 { font-size: 3vw !important; }
.twocol article.product { aspect-ratio: auto !important; height: 25vw !important; min-height: 0 !important; }
@media (max-width: 760px) {
  .hero h1 { font-size: 3vw !important; }
  .twocol article.product { height: 25vw !important; }
}

/* Hero: preserva la montagna nella parte alta della foto originale */
.hero { background-position: center 18% !important; background-repeat: no-repeat !important; }
/* Schede senza ombre, inclusi eventuali pseudo-elementi */
.twocol article.product, .twocol article.product::before, .twocol article.product::after { box-shadow: none !important; filter: none !important; border-radius: 0 !important; }

/* Hero: testo più piccolo, senza modificare menu e navigazione */
.hero .hero-content h1{font-size:2.5vw !important}
.hero .hero-content .eyebrow{font-size:clamp(10px,0.85vw,14px) !important}
.hero .hero-content > p:not(.eyebrow){font-size:clamp(11px,1vw,16px) !important}

/* Interruttore tema nel menu, dopo Shop */
.nav nav{align-items:center}
.lux-theme-control{display:inline-flex;align-items:center;gap:9px;color:#fff;font:bold 12px Arial, sans-serif;cursor:pointer;white-space:nowrap;user-select:none}
.lux-theme-control input{position:absolute;opacity:0;width:1px;height:1px}
.lux-theme-track{display:inline-flex;align-items:center;width:38px;height:21px;padding:3px;border-radius:20px;background:#71859a;border:1px solid #d3dce4;transition:background .2s}
.lux-theme-knob{width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .2s}
.lux-theme-control input:checked + .lux-theme-track{background:#c8ad7f}
.lux-theme-control input:checked + .lux-theme-track .lux-theme-knob{transform:translateX(17px)}
.lux-theme-control input:focus-visible + .lux-theme-track{outline:2px solid #fff;outline-offset:3px}

/* Luxiteak BLACK mode — activated by the existing menu switch */
body.lux-dark{background:#101820;color:#e8edf2;color-scheme:dark}
body.lux-dark .benefits{background:#162331;color:#e8edf2}
body.lux-dark .section{background:#101820;color:#e8edf2}
body.lux-dark .section.light{background:#1a2938;color:#e8edf2}
body.lux-dark .section h2,body.lux-dark .section h3,body.lux-dark .section p,body.lux-dark .section strong{color:#e8edf2}
body.lux-dark .swatches a{background:#243648;color:#f0f3f6;border:1px solid #3c5062}
body.lux-dark .swatches a strong{color:#f0f3f6}
body.lux-dark .feature{background:#0a1927;color:#f0f3f6}
body.lux-dark .feature h2,body.lux-dark .feature p{color:#f0f3f6}
body.lux-dark footer{background:#080f18;color:#e8edf2}
body.lux-dark footer a{color:#e8edf2}
body.lux-dark footer a:hover{color:#c8ad7f}
body.lux-dark .btn:not(.gold){background:#253e54;color:#fff;border-color:#637b8d}
body.lux-dark .btn:not(.gold):hover{background:#3d5a80}
body.lux-dark .nav{background-color:#0b1825}
body.lux-dark .hero{background-image:linear-gradient(90deg,rgba(0,0,0,.67),rgba(0,0,0,.22) 75%),url('src/hero-barca.webp')}
body.lux-dark .product:before{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.08))}