
/* Produits NKS — extension visuelle volontairement calée sur la DA du site principal */
.products-page{background:var(--nks-page)!important;color:var(--nks-text)!important}
.products-page main{background:transparent}
.products-page .hero{padding-top:48px}
.products-hero-shell{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:56px;align-items:center;text-align:left!important;justify-content:stretch!important;padding:82px 72px!important;min-height:560px!important}
.products-hero-copy{position:relative;z-index:2;max-width:690px}
.products-hero-copy h1{margin:14px 0 22px!important;font-size:clamp(48px,5.7vw,70px)!important;line-height:1.02!important;text-align:left!important}
.products-hero-copy p{margin:0 0 30px!important;max-width:650px!important;font-size:19px!important;line-height:1.62!important;text-align:left!important;color:var(--nks-text-2)!important}
.products-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--nks-primary);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.products-kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--nks-primary)}
.products-actions{display:flex;flex-wrap:wrap;gap:12px}
.products-actions .btn-nav-outline{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px}
.products-hero-brands{position:relative;z-index:1;display:grid;gap:16px}
.products-brand-tile{min-height:170px;display:flex;align-items:center;justify-content:center;padding:28px;border:1px solid var(--nks-border);border-radius:26px;background:var(--nks-surface);box-shadow:var(--nks-shadow)}
.products-brand-tile img{display:block;max-width:82%;max-height:105px;object-fit:contain}
.products-brand-tile--joy img{max-width:88%;max-height:118px}
.products-brand-tile--one img{max-width:190px}
.products-suite{padding:110px 0;background:var(--nks-page)}
.products-suite.alt{background:var(--nks-surface-soft)}
.products-suite-head{max-width:790px;margin-bottom:44px}
.products-suite-logo{width:250px;max-width:72%;height:auto;display:block;margin-bottom:20px;border-radius:12px}
.products-suite-head .products-kicker{margin-bottom:12px}
.products-suite-head h2{margin:0 0 16px;font-size:clamp(38px,4.8vw,58px);line-height:1.04;letter-spacing:-.045em;color:var(--nks-text)}
.products-suite-head p{margin:0;color:var(--nks-text-2);font-size:17px;line-height:1.72}
.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid var(--nks-border);border-radius:24px;background:linear-gradient(180deg,var(--nks-surface) 0%,var(--nks-surface-soft) 100%);box-shadow:var(--nks-shadow);text-decoration:none;color:var(--nks-text);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease}
.product-card:hover{transform:translateY(-5px);border-color:rgba(10,99,255,.24);box-shadow:var(--nks-shadow-hover)}
.product-logo-panel{height:180px;display:flex;align-items:center;justify-content:center;padding:25px;background:var(--nks-surface-raised);border-bottom:1px solid var(--nks-border)}
.product-logo-panel img{max-width:220px;max-height:110px;object-fit:contain}
.joy-sprite{display:block;width:240px;height:105px;max-width:90%;background-image:url('/assets/joy-products-sprite.jpg');background-repeat:no-repeat;background-size:200% 200%;border-radius:10px}
.joy-sprite.school{background-position:0 0}.joy-sprite.desk{background-position:100% 0}.joy-sprite.work{background-position:0 100%}.joy-sprite.place{background-position:100% 100%}
.product-card-body{display:flex;flex:1;flex-direction:column;padding:26px}
.product-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.product-suite-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nks-primary)}
.product-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--nks-primary-soft);color:var(--nks-primary);font-size:11px;font-weight:750}
.product-status.soon{background:var(--nks-surface-raised);color:var(--nks-text-3);border:1px solid var(--nks-border)}
.product-card h3{margin:0 0 10px;font-size:30px;line-height:1.08;letter-spacing:-.035em;color:var(--nks-text)}
.product-card p{margin:0 0 24px;color:var(--nks-text-2);font-size:15px;line-height:1.7}
.product-card-link{margin-top:auto;padding-top:18px;border-top:1px solid var(--nks-border);color:var(--nks-primary);font-size:14px;font-weight:750}
.product-card--wide{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr;min-height:310px}
.product-card--wide .product-logo-panel{height:100%;min-height:310px;border-bottom:0;border-right:1px solid var(--nks-border)}
.product-card--wide .product-card-body{justify-content:center}
.product-detail-hero .products-brand-tile{min-height:260px}
.product-detail-hero .products-brand-tile img{max-width:82%;max-height:155px}
.product-detail-hero .joy-sprite{width:320px;height:140px}
.product-detail-section{padding:100px 0;background:var(--nks-page)}
.product-detail-section.alt{background:var(--nks-surface-soft)}
.product-detail-heading{max-width:800px;margin:0 0 44px}
.product-detail-heading h2{margin:10px 0 15px;font-size:clamp(36px,4.5vw,54px);letter-spacing:-.04em;line-height:1.05;color:var(--nks-text)}
.product-detail-heading p{margin:0;color:var(--nks-text-2);font-size:17px;line-height:1.72}
.product-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-detail-grid .service-card{padding:34px 28px!important}
.product-detail-grid .service-card h3{font-size:22px}
.product-detail-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:24px;border-radius:14px;background:var(--nks-primary-soft);color:var(--nks-primary);font-size:12px;font-weight:850}
.product-real-showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center;padding:40px;border:1px solid var(--nks-border);border-radius:30px;background:var(--nks-surface);box-shadow:var(--nks-shadow)}
.product-real-copy h2{margin:10px 0 15px;font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;line-height:1.08;color:var(--nks-text)}
.product-real-copy p{margin:0;color:var(--nks-text-2);font-size:16px;line-height:1.75}
.product-real-media{min-height:390px;overflow:hidden;border-radius:24px;background:var(--nks-surface-soft);border:1px solid var(--nks-border)}
.product-real-media>img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}
.market-real-grid{height:100%;min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:10px;padding:10px}
.market-real-grid img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.market-real-grid img:first-child{grid-row:1/-1}
.product-suite-note{display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center;padding:34px;border:1px solid var(--nks-border);border-radius:26px;background:var(--nks-surface);box-shadow:var(--nks-shadow)}
.product-suite-note img{max-width:220px;max-height:105px;object-fit:contain}
.product-suite-note h3{margin:0 0 8px;font-size:27px;letter-spacing:-.03em}
.product-suite-note p{margin:0;color:var(--nks-text-2);line-height:1.65}
.products-home-section{padding:92px 0!important}
.products-home-section .partners-heading{max-width:800px!important}
.products-home-section .products-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:0 auto}
.products-home-section .partner-logo-panel{min-height:180px!important}
.products-home-section .partner-logo img{max-width:220px!important}
.products-home-section .partner-card{min-height:100%!important}
.products-home-section .product-home-joy{width:250px;max-width:78%;height:auto}
.products-home-section .product-home-one{width:175px;max-width:72%;height:auto}
.products-home-section .partner-card__body{padding:22px!important}
.products-home-section .partner-info p{margin-bottom:18px!important}
.products-page .site-footer{margin-top:0}
@media(max-width:900px){
 .products-hero-shell{grid-template-columns:1fr!important;padding:64px 42px!important;gap:36px}
 .products-hero-copy h1{font-size:50px!important}
 .products-hero-brands{grid-template-columns:1fr 1fr}
 .products-brand-tile{min-height:140px}
 .products-grid{grid-template-columns:1fr}
 .product-card--wide{grid-column:auto;display:flex}
 .product-card--wide .product-logo-panel{height:180px;min-height:180px;border-right:0;border-bottom:1px solid var(--nks-border)}
 .product-detail-grid{grid-template-columns:1fr}
 .product-real-showcase{grid-template-columns:1fr}
 .product-suite-note{grid-template-columns:1fr}
 .product-suite-note .btn-primary{justify-self:start}
 .products-home-section .products-home-grid{grid-template-columns:1fr;max-width:620px}
}
@media(max-width:640px){
 .products-page .hero{padding:28px 16px 70px}
 .products-hero-shell{padding:48px 24px!important;border-radius:28px!important;min-height:auto!important}
 .products-hero-copy h1{font-size:40px!important}
 .products-hero-copy p{font-size:16px!important}
 .products-actions{flex-direction:column;align-items:stretch}
 .products-actions .btn-primary,.products-actions .btn-nav-outline{width:100%;text-align:center}
 .products-hero-brands{grid-template-columns:1fr}
 .products-brand-tile{min-height:125px;padding:20px}
 .products-suite,.product-detail-section{padding:72px 0}
 .products-suite-head h2,.product-detail-heading h2{font-size:36px}
 .product-logo-panel{height:150px}
 .product-card-body{padding:22px}
 .product-card h3{font-size:27px}
 .product-real-showcase{padding:20px;border-radius:22px}
 .product-real-media,.product-real-media>img,.market-real-grid{min-height:300px}
 .product-suite-note{padding:24px}
 .products-home-section{padding:72px 0!important}
 .products-home-section .products-home-grid{width:calc(100% - 30px)}
}