.np-season-bar-wrap,
.np-season-bar-wrap *{
box-sizing:border-box;
}
.np-season-bar-wrap{
width:100%;
max-width:100%;
display:block;
position:relative;
z-index:20;
margin:0;
padding:0;
}
/* =========================================================
BANDEAU
========================================================= */
.np-season-bar{
--np-navy:#071d35;
--np-blue:#0b67c5;
--np-blue-2:#159ed0;
--np-cyan:#56cce8;
--np-green:#79b93b;
--np-green-2:#9bcf5a;
--np-white:#ffffff;
position:relative;
width:100%;
overflow:hidden;
color:#fff;
background:
radial-gradient(
circle at 12% 0%,
rgba(86,204,232,.23),
transparent 35%
),
radial-gradient(
circle at 86% 100%,
rgba(121,185,59,.18),
transparent 34%
),
linear-gradient(
105deg,
#071d35 0%,
#0a3157 44%,
#0b67c5 100%
);
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:
0 6px 18px rgba(7,29,53,.12);
}
/* Fine ligne marque */
.np-season-bar::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:
linear-gradient(
90deg,
var(--np-blue-2) 0%,
var(--np-cyan) 63%,
var(--np-green) 100%
);
}
/* =========================================================
CONTENU
========================================================= */
.np-season-bar__inner{
width:min(1440px,100%);
margin:0 auto;
min-height:58px;
padding:9px clamp(14px,2.4vw,30px);
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
}
/* =========================================================
PARTIE GAUCHE
========================================================= */
.np-season-bar__content{
min-width:0;
display:flex;
align-items:center;
gap:14px;
}
/* Badge */
.np-season-bar__pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:30px;
padding:0 12px;
flex:0 0 auto;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background:
rgba(255,255,255,.09);
backdrop-filter:blur(6px);
color:#fff;
font-family:inherit;
font-size:10.5px;
line-height:1;
font-weight:800;
letter-spacing:.10em;
text-transform:uppercase;
white-space:nowrap;
}
/* Point vert */
.np-season-bar__pill::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:
linear-gradient(
135deg,
var(--np-green),
var(--np-green-2)
);
box-shadow:
0 0 0 4px rgba(121,185,59,.14);
}
/* Textes */
.np-season-bar__text{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.np-season-bar__headline{
display:block;
margin:0;
color:#fff;
font-family:inherit;
font-size:14.5px;
line-height:1.2;
font-weight:800;
letter-spacing:-.01em;
}
.np-season-bar__headline strong{
font-weight:900;
}
.np-season-bar__subline{
display:block;
margin:0;
color:rgba(255,255,255,.72);
font-family:inherit;
font-size:10.5px;
line-height:1.3;
font-weight:600;
}
/* =========================================================
CTA
========================================================= */
.np-season-bar__cta{
min-height:38px;
padding:0 17px;
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:999px;
border:1px solid rgba(255,255,255,.95);
background:#fff;
color:var(--np-navy)!important;
text-decoration:none!important;
font-family:inherit;
font-size:12.5px;
line-height:1;
font-weight:850;
white-space:nowrap;
box-shadow:
0 7px 17px rgba(0,0,0,.15);
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease;
}
/* Flèche */
.np-season-bar__cta::after{
content:"→";
color:var(--np-blue);
font-size:16px;
line-height:1;
transition:
transform .18s ease;
}
.np-season-bar__cta:hover{
transform:translateY(-1px);
background:#fafdff;
box-shadow:
0 10px 22px rgba(0,0,0,.19);
}
.np-season-bar__cta:hover::after{
transform:translateX(3px);
}
/* =========================================================
TABLETTE
========================================================= */
@media(max-width:1024px){
.np-season-bar__inner{
gap:14px;
}
.np-season-bar__headline{
font-size:13.5px;
}
.np-season-bar__subline{
font-size:10px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:768px){
.np-season-bar__inner{
min-height:0;
padding:10px 12px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 10px;
align-items:center;
}
.np-season-bar__content{
min-width:0;
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:9px;
align-items:center;
}
.np-season-bar__pill{
min-height:27px;
padding:0 9px;
font-size:9px;
letter-spacing:.07em;
}
.np-season-bar__pill::before{
width:6px;
height:6px;
flex-basis:6px;
box-shadow:
0 0 0 3px rgba(121,185,59,.14);
}
.np-season-bar__headline{
font-size:12px;
line-height:1.2;
}
.np-season-bar__subline{
display:none;
}
.np-season-bar__cta{
min-height:34px;
padding:0 12px;
font-size:11px;
}
.np-season-bar__cta::after{
font-size:14px;
}
}
/* =========================================================
PETIT MOBILE
========================================================= */
@media(max-width:520px){
.np-season-bar__inner{
grid-template-columns:1fr;
padding:9px 10px;
gap:8px;
}
.np-season-bar__content{
width:100%;
grid-template-columns:auto minmax(0,1fr);
}
.np-season-bar__cta{
width:100%;
min-height:35px;
}
}
/* Très petit écran */
@media(max-width:370px){
.np-season-bar__pill{
font-size:8.5px;
padding:0 8px;
}
.np-season-bar__headline{
font-size:11.5px;
}
}
.np-season-bar-wrap,
.np-season-bar-wrap *{
box-sizing:border-box;
}
.np-season-bar-wrap{
width:100%;
max-width:100%;
display:block;
position:relative;
z-index:20;
margin:0;
padding:0;
}
/* =========================================================
BANDEAU
========================================================= */
.np-season-bar{
--np-navy:#071d35;
--np-blue:#0b67c5;
--np-blue-2:#159ed0;
--np-cyan:#56cce8;
--np-green:#79b93b;
--np-green-2:#9bcf5a;
--np-white:#ffffff;
position:relative;
width:100%;
overflow:hidden;
color:#fff;
background:
radial-gradient(
circle at 12% 0%,
rgba(86,204,232,.23),
transparent 35%
),
radial-gradient(
circle at 86% 100%,
rgba(121,185,59,.18),
transparent 34%
),
linear-gradient(
105deg,
#071d35 0%,
#0a3157 44%,
#0b67c5 100%
);
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:
0 6px 18px rgba(7,29,53,.12);
}
/* Fine ligne marque */
.np-season-bar::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:
linear-gradient(
90deg,
var(--np-blue-2) 0%,
var(--np-cyan) 63%,
var(--np-green) 100%
);
}
/* =========================================================
CONTENU
========================================================= */
.np-season-bar__inner{
width:min(1440px,100%);
margin:0 auto;
min-height:58px;
padding:9px clamp(14px,2.4vw,30px);
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
}
/* =========================================================
PARTIE GAUCHE
========================================================= */
.np-season-bar__content{
min-width:0;
display:flex;
align-items:center;
gap:14px;
}
/* Badge */
.np-season-bar__pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:30px;
padding:0 12px;
flex:0 0 auto;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background:
rgba(255,255,255,.09);
backdrop-filter:blur(6px);
color:#fff;
font-family:inherit;
font-size:10.5px;
line-height:1;
font-weight:800;
letter-spacing:.10em;
text-transform:uppercase;
white-space:nowrap;
}
/* Point vert */
.np-season-bar__pill::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:
linear-gradient(
135deg,
var(--np-green),
var(--np-green-2)
);
box-shadow:
0 0 0 4px rgba(121,185,59,.14);
}
/* Textes */
.np-season-bar__text{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.np-season-bar__headline{
display:block;
margin:0;
color:#fff;
font-family:inherit;
font-size:14.5px;
line-height:1.2;
font-weight:800;
letter-spacing:-.01em;
}
.np-season-bar__headline strong{
font-weight:900;
}
.np-season-bar__subline{
display:block;
margin:0;
color:rgba(255,255,255,.72);
font-family:inherit;
font-size:10.5px;
line-height:1.3;
font-weight:600;
}
/* =========================================================
CTA
========================================================= */
.np-season-bar__cta{
min-height:38px;
padding:0 17px;
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:999px;
border:1px solid rgba(255,255,255,.95);
background:#fff;
color:var(--np-navy)!important;
text-decoration:none!important;
font-family:inherit;
font-size:12.5px;
line-height:1;
font-weight:850;
white-space:nowrap;
box-shadow:
0 7px 17px rgba(0,0,0,.15);
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease;
}
/* Flèche */
.np-season-bar__cta::after{
content:"→";
color:var(--np-blue);
font-size:16px;
line-height:1;
transition:
transform .18s ease;
}
.np-season-bar__cta:hover{
transform:translateY(-1px);
background:#fafdff;
box-shadow:
0 10px 22px rgba(0,0,0,.19);
}
.np-season-bar__cta:hover::after{
transform:translateX(3px);
}
/* =========================================================
TABLETTE
========================================================= */
@media(max-width:1024px){
.np-season-bar__inner{
gap:14px;
}
.np-season-bar__headline{
font-size:13.5px;
}
.np-season-bar__subline{
font-size:10px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:768px){
.np-season-bar__inner{
min-height:0;
padding:10px 12px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 10px;
align-items:center;
}
.np-season-bar__content{
min-width:0;
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:9px;
align-items:center;
}
.np-season-bar__pill{
min-height:27px;
padding:0 9px;
font-size:9px;
letter-spacing:.07em;
}
.np-season-bar__pill::before{
width:6px;
height:6px;
flex-basis:6px;
box-shadow:
0 0 0 3px rgba(121,185,59,.14);
}
.np-season-bar__headline{
font-size:12px;
line-height:1.2;
}
.np-season-bar__subline{
display:none;
}
.np-season-bar__cta{
min-height:34px;
padding:0 12px;
font-size:11px;
}
.np-season-bar__cta::after{
font-size:14px;
}
}
/* =========================================================
PETIT MOBILE
========================================================= */
@media(max-width:520px){
.np-season-bar__inner{
grid-template-columns:1fr;
padding:9px 10px;
gap:8px;
}
.np-season-bar__content{
width:100%;
grid-template-columns:auto minmax(0,1fr);
}
.np-season-bar__cta{
width:100%;
min-height:35px;
}
}
/* Très petit écran */
@media(max-width:370px){
.np-season-bar__pill{
font-size:8.5px;
padding:0 8px;
}
.np-season-bar__headline{
font-size:11.5px;
}
}
Produits complémentaires spa
Cette catégorie regroupe les produits “coup de pouce” pour répondre à des besoins ponctuels ou améliorer le confort :
prévention de la mousse, clarification, entretien ciblé, petits ajustements… Pour choisir rapidement, partez du symptôme
(mousse, eau moins claire, dépôts, besoin spécifique) et gardez une règle simple : on teste, on corrige, on observe.
L’objectif est d’éviter les sur-ajouts et de revenir à une routine stable.
Quand utiliser un produit complémentaire ?
- En renfort : quand la routine de base ne suffit pas (ponctuellement).
- Après diagnostic : test d’eau + contrôle du filtre avant d’ajouter.
- Dosage : suivez l’étiquette, évitez les cumuls.
- Objectif : corriger puis revenir à une routine simple.
J’ai de la mousse : je fais quoi en premier ?
Nettoyez le filtre, limitez les apports (cosmétiques, lessive des maillots, etc.), puis choisissez un produit adapté si besoin.
L’objectif est de traiter la cause, pas seulement l’effet.
L’objectif est de traiter la cause, pas seulement l’effet.
2 résultats affichésTrié par popularité
-
Filtration optimiséeLIFE Clarifier 485 ml – Clarifiant floculant pour spa
16,90€ -
Effet rapideLIFE No Foam 485 ml – Anti mousse concentré pour spa
15,90€
Nos meilleurs solutions
TAC Plus 5 kg POOLSTYLE17,90€