/* ═══════════ Uniworks · feuille commune (v2) ═══════════
   Les couleurs de la marque : le bleu marine du logo et le bordeaux des visuels Uniworks.
   Une boutique claire, des photos de professionnels en tenue, des coloris qui se voient. */
:root{
  --marine:#154360; --marine-f:#0D2E43; --marine-pale:#E7EEF3;
  --bordeaux:#9F2339; --bordeaux-pale:#F7E8EB;
  --texte:#1B2530; --doux:#5E6B75; --pale:#8C979F;
  --fond:#F4F5F6; --carte:#FFFFFF; --trait:#E1E5E8; --trait-2:#EDF0F2;
  --vert:#1E7A56; --vert-pale:#E6F3EC; --ambre:#8A5A10; --ambre-pale:#FBF1DE; --rouge:#A3312C;
  --largeur:1320px;
  --police:'Figtree', 'Segoe UI', Arial, sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carte);color:var(--texte);font:400 16px/1.6 var(--police);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}
.enrobe{max-width:var(--largeur);margin:0 auto;padding-inline:28px}
h1,h2,h3{font-family:var(--police);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance}
.sur{font:700 12.5px var(--police);letter-spacing:1.8px;text-transform:uppercase;color:var(--bordeaux);margin:0 0 12px}
.prix{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--marine);outline-offset:2px}

/* ── Bandeau, en-tête ───────────────────────────── */
.uw-bandeau{background:var(--marine);color:#DDE7EE;font-size:13.5px}
.uw-bandeau .enrobe{display:flex;justify-content:center;gap:34px;align-items:center;min-height:38px;flex-wrap:wrap;text-align:center}
.uw-bandeau b{color:#fff;font-weight:700}
.uw-bandeau a{color:#fff;text-decoration:none;font-weight:600}
.uw-tete{background:#fff;border-bottom:1px solid var(--trait);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
.uw-tete .enrobe{display:flex;align-items:center;gap:30px;min-height:78px}
.uw-logo{display:block;flex:none}
.uw-logo img{height:48px;width:auto;border-radius:4px}
.uw-nav{display:flex;gap:2px;flex:1;justify-content:center}
.uw-nav a{text-decoration:none;font:600 15px var(--police);color:var(--texte);padding:10px 13px;border-radius:6px;white-space:nowrap}
.uw-nav a:hover{background:var(--fond)}
.uw-nav a[aria-current=page]{color:var(--marine);box-shadow:inset 0 -2px 0 var(--marine);border-radius:0}
.uw-nav .bientot{color:var(--pale)}
.uw-nav .bientot small{font:700 9.5px var(--police);letter-spacing:1px;text-transform:uppercase;background:var(--trait-2);
  color:var(--doux);padding:2px 6px;border-radius:4px;margin-left:5px;vertical-align:1px}
.uw-outils{display:flex;align-items:center;gap:6px}
.uw-outils a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;text-decoration:none;position:relative;color:var(--texte)}
.uw-outils a:hover{background:var(--fond)}
.uw-outils em{position:absolute;top:3px;right:1px;font-style:normal;min-width:19px;height:19px;border-radius:99px;
  background:var(--bordeaux);color:#fff;display:grid;place-items:center;font:700 11px var(--police);padding:0 5px}
.uw-outils em[hidden]{display:none}
.uw-burger{display:none;border:0;background:none;width:44px;height:44px;border-radius:50%;cursor:pointer}

/* ── Boutons ───────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 28px;border-radius:6px;
  font:700 15.5px var(--police);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-plein{background:var(--marine);color:#fff}
.btn-plein:hover{background:var(--marine-f)}
.btn-contour{border-color:var(--texte);color:var(--texte);background:transparent}
.btn-contour:hover{background:var(--texte);color:#fff}
.btn-blanc{background:#fff;color:var(--marine)}
.btn-blanc:hover{background:var(--marine-pale)}
.btn-bordeaux{background:var(--bordeaux);color:#fff}
.btn-bordeaux:hover{background:#861C2F}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.lien-fleche{font:700 15px var(--police);color:var(--marine);text-decoration:none;white-space:nowrap}
.lien-fleche:hover{text-decoration:underline}

/* ── Accueil : le bandeau d'ouverture ───────────────────────────── */
.uw-hero{background:var(--marine-pale);overflow:hidden}
.uw-hero .enrobe{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:560px}
.uw-hero .texte{padding-block:60px}
.uw-hero h1{font-size:clamp(40px,5.2vw,70px);color:var(--marine-f)}
.uw-hero p.lead{font-size:19px;color:#3A4A57;max-width:46ch;margin:22px 0 32px}
.uw-hero .actions{display:flex;gap:12px;flex-wrap:wrap}
.uw-hero .photo{align-self:end;height:100%;display:flex;align-items:flex-end;justify-content:center}
.uw-hero .photo img{max-height:560px;width:auto;object-fit:cover;object-position:top}

.uw-confiance{border-bottom:1px solid var(--trait)}
.uw-confiance .enrobe{display:grid;grid-template-columns:repeat(4,1fr)}
.uw-confiance div{display:flex;gap:14px;align-items:center;padding:22px 18px;border-right:1px solid var(--trait)}
.uw-confiance div:last-child{border-right:0}
.uw-confiance svg{flex:none;color:var(--marine)}
.uw-confiance b{display:block;font-size:15.5px}
.uw-confiance span{font-size:13.5px;color:var(--doux)}

.uw-section{padding-block:72px}
.uw-section.gris{background:var(--fond)}
.uw-tete-sec{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.uw-tete-sec h2{font-size:clamp(28px,3.2vw,40px)}
.uw-tete-sec p{color:var(--doux);max-width:58ch;margin:10px 0 0;font-size:16.5px}

/* tuiles de catégories */
.uw-tuiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.uw-tuile{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--fond);aspect-ratio:3/4;text-decoration:none;color:#fff}
.uw-tuile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.uw-tuile.produit img{object-fit:contain;padding:28px 22px 80px;mix-blend-mode:multiply}
.uw-tuile:hover img{transform:scale(1.035)}
.uw-tuile .legende{position:absolute;left:0;right:0;bottom:0;padding:22px 20px;
  background:linear-gradient(0deg,rgba(9,28,41,.78),rgba(9,28,41,0))}
.uw-tuile.produit .legende{background:none;color:var(--texte)}
.uw-tuile b{display:block;font:800 22px var(--police)}
.uw-tuile span{font-size:14.5px;opacity:.9}

/* rail de produits */
.uw-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;
  scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.uw-rail > *{scroll-snap-align:start}

/* entrée par métier */
.uw-metiers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.uw-metier{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;background:var(--fond);text-decoration:none;color:#fff;display:block}
.uw-metier img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.uw-metier:hover img{transform:scale(1.04)}
.uw-metier::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,28,41,.62),rgba(9,28,41,0) 55%)}
.uw-metier b{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;font:800 18px var(--police);text-shadow:0 1px 12px rgba(0,0,0,.45)}
.uw-autres-metiers{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.uw-autres-metiers a{text-decoration:none;border:1px solid var(--trait);border-radius:99px;padding:9px 16px;font-weight:600;font-size:14.5px;background:#fff}
.uw-autres-metiers a:hover{border-color:var(--marine);color:var(--marine)}

/* grandes bandes en photo */
.uw-bande{display:grid;grid-template-columns:1fr 1fr;min-height:440px;border-radius:10px;overflow:hidden;background:var(--marine);color:#fff}
.uw-bande .photo{min-height:260px}
.uw-bande .photo img{width:100%;height:100%;object-fit:cover}
.uw-bande .texte{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.uw-bande h2{font-size:clamp(30px,3.2vw,42px)}
.uw-bande p{color:#CFDCE6;margin:0;max-width:48ch;font-size:16.5px}
.uw-bande .sur{color:#F2B8C3}
.uw-bande ul{margin:4px 0 8px;padding:0;list-style:none;display:grid;gap:10px}
.uw-bande li{display:flex;gap:10px;align-items:flex-start;color:#E7EEF3}
.uw-bande li::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#F2B8C3;margin-top:9px}
.uw-bande .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.uw-bande.clair{background:var(--fond);color:var(--texte)}
.uw-bande.clair p{color:var(--doux)}
.uw-bande.clair .sur{color:var(--bordeaux)}
.uw-bande.clair li{color:var(--texte)}
.uw-bande.clair li::before{background:var(--bordeaux)}
.uw-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.uw-duo .uw-bande{min-height:0;grid-template-columns:1fr}
.uw-duo .uw-bande .photo{height:260px}
.uw-duo .uw-bande .texte{padding:32px}

.uw-regle{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.uw-regle > div{background:#fff;border:1px solid var(--trait);border-radius:8px;padding:30px 30px 28px}
.uw-regle .chiffre{font:800 46px var(--police);color:var(--marine);line-height:1}
.uw-regle > div.devis .chiffre{color:var(--bordeaux)}
.uw-regle h3{font-size:22px;margin:14px 0 8px}
.uw-regle p{margin:0;color:var(--doux)}

/* ── Pages intérieures ───────────────────────────── */
.uw-page-tete{background:var(--fond);border-bottom:1px solid var(--trait)}
.uw-page-tete .enrobe{padding-block:36px 30px}
.uw-page-tete h1{font-size:clamp(32px,4vw,50px)}
.uw-page-tete p{color:var(--doux);margin:12px 0 0;max-width:62ch;font-size:16.5px}
.uw-page-tete.photo .enrobe{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.uw-page-tete.photo img{border-radius:8px;max-height:300px;width:100%;object-fit:cover}
.uw-fil{font-size:13.5px;color:var(--doux);margin-bottom:12px}
.uw-fil a{color:var(--doux)}

/* catalogue */
.uw-cat{display:grid;grid-template-columns:240px 1fr;gap:36px;padding-block:34px 72px}
.uw-filtres{position:sticky;top:100px;align-self:start;display:grid;gap:26px}
.uw-filtres h3{font:800 14px var(--police);margin-bottom:10px}
.uw-filtres label{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:15px;cursor:pointer}
.uw-filtres input[type=checkbox]{width:18px;height:18px;accent-color:var(--marine)}
.uw-filtres .pastilles{display:flex;flex-wrap:wrap;gap:8px}
.uw-filtres .pastilles button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.uw-filtres .pastilles button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--marine)}
.uw-filtres .raz{background:none;border:0;color:var(--marine);font:700 14px var(--police);cursor:pointer;padding:0;text-align:left}
.uw-barre{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.uw-barre b{font-weight:700}
.uw-barre select{min-height:44px;border:1px solid var(--trait);border-radius:6px;padding:0 12px;font:500 14.5px var(--police);background:#fff}
.uw-ouvrir-filtres{display:none}
.uw-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 18px}

/* la carte produit */
.uw-carte{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--texte)}
.uw-carte .ph{background:var(--fond);aspect-ratio:4/5;border-radius:6px;position:relative;overflow:hidden}
.uw-carte .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply;transition:opacity .25s}
/* les photos portées et les scènes remplissent le cadre */
.uw-carte .ph img[src*="/ia-"],.uw-carte .ph img[src*="/scene-"],.uw-carte .ph img[src*="/s/"]{object-fit:cover;padding:0;mix-blend-mode:normal}
.uw-carte .ph img.deux{opacity:0}
.uw-carte:hover .ph img.deux{opacity:1}
.uw-carte:hover .ph img.un.a-deux{opacity:0}
.uw-carte .etiquette{position:absolute;left:10px;top:10px;z-index:1;background:var(--bordeaux);color:#fff;font:700 11px var(--police);
  letter-spacing:.8px;text-transform:uppercase;padding:5px 9px;border-radius:4px}
.uw-carte .coloris{display:flex;gap:6px;align-items:center;min-height:16px}
.uw-carte .coloris i{width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.14)}
.uw-carte .coloris em{font-style:normal;font-size:13px;color:var(--doux)}
.uw-carte h3{font-size:16.5px;font-weight:700;letter-spacing:0}
.uw-carte .acc{font-size:14px;color:var(--doux);margin:-6px 0 0}
.uw-carte .prix b{font-size:16.5px;font-weight:800}
.uw-carte .prix small{color:var(--doux);font-size:13px;margin-left:4px}
.uw-vide{background:var(--fond);border-radius:8px;padding:40px;text-align:center;color:var(--doux)}

/* fiche produit */
.uw-produit{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;padding-block:24px 64px}
.uw-galerie{display:grid;grid-template-columns:84px 1fr;gap:12px;align-self:start;position:sticky;top:100px}
.uw-galerie .vignettes{display:grid;gap:10px;align-content:start}
.uw-galerie .vignettes button{background:var(--fond);border:1.5px solid transparent;border-radius:6px;padding:6px;cursor:pointer;aspect-ratio:4/5}
.uw-galerie .vignettes button[aria-pressed=true]{border-color:var(--texte)}
.uw-galerie .vignettes img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.uw-galerie .grande{background:var(--fond);border-radius:8px;aspect-ratio:4/5;display:grid;place-items:center;padding:10px;overflow:hidden}
.uw-galerie .grande img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.uw-galerie .grande img[src*="/ia-"],.uw-galerie .grande img[src*="/scene-"],.uw-galerie .grande img[src*="/s/"]{object-fit:cover;mix-blend-mode:normal;border-radius:4px}
.uw-achat h1{font-size:clamp(30px,3.4vw,42px)}
.uw-achat .coupe{color:var(--doux);margin:10px 0 0;font-size:15px}
.uw-achat .prix-l{display:flex;align-items:baseline;gap:12px;margin:20px 0 4px}
.uw-achat .prix-l b{font:800 32px var(--police)}
.uw-achat .prix-l span{color:var(--doux);font-size:15px}
.uw-achat .degressif{font-size:14.5px;color:var(--bordeaux);background:var(--bordeaux-pale);border-radius:6px;padding:11px 14px;margin:14px 0 24px}
.uw-choix{margin-bottom:22px}
.uw-choix .lab{display:flex;justify-content:space-between;font:700 14px var(--police);margin-bottom:10px}
.uw-choix .lab span{font-weight:500;color:var(--doux)}
.uw-choix .pastilles{display:flex;flex-wrap:wrap;gap:10px}
.uw-choix .pastilles button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.uw-choix .pastilles button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--texte)}
.uw-choix .tailles{display:flex;flex-wrap:wrap;gap:8px}
.uw-choix .tailles button{min-width:58px;min-height:48px;border:1.5px solid var(--trait);background:#fff;border-radius:6px;cursor:pointer;font:600 15px var(--police)}
.uw-choix .tailles button[aria-pressed=true]{border-color:var(--texte);background:var(--texte);color:#fff}
.uw-qte{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.uw-qte .compteur{display:flex;border:1.5px solid var(--trait);border-radius:6px;background:#fff}
.uw-qte .compteur button{width:46px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--texte)}
.uw-qte .compteur input{width:60px;border:0;text-align:center;font:700 16px var(--police);-moz-appearance:textfield}
.uw-qte .compteur input::-webkit-inner-spin-button{-webkit-appearance:none}
.uw-qte .btn{flex:1 1 220px}
.uw-garanties{display:grid;gap:10px;margin-top:22px;padding:18px;border:1px solid var(--trait);border-radius:8px}
.uw-garanties div{display:flex;gap:12px;align-items:center;font-size:14.5px}
.uw-garanties svg{flex:none;color:var(--marine)}
.uw-message{font-size:14px;margin-top:12px;min-height:22px}
.uw-message.ok{color:var(--vert)}
.uw-message.ko{color:var(--rouge)}
.uw-onglets{margin-top:28px;border-top:1px solid var(--trait)}
.uw-onglets details{border-bottom:1px solid var(--trait)}
.uw-onglets summary{list-style:none;cursor:pointer;padding:17px 0;font:700 16px var(--police);display:flex;justify-content:space-between}
.uw-onglets summary::-webkit-details-marker{display:none}
.uw-onglets summary::after{content:'+';color:var(--doux);font-weight:400;font-size:20px}
.uw-onglets details[open] summary::after{content:'–'}
.uw-onglets .contenu{padding:0 0 18px;color:#34414C}
.uw-onglets ul{margin:0;padding-left:20px}
.uw-onglets li{margin-bottom:5px}
.uw-assorti{margin-top:24px;background:var(--fond);border-radius:8px;padding:14px;display:flex;gap:16px;align-items:center;text-decoration:none}
.uw-assorti img{width:76px;height:92px;object-fit:contain;mix-blend-mode:multiply;background:#fff;border-radius:6px;padding:6px}
.uw-assorti b{display:block;font:700 15.5px var(--police)}
.uw-assorti span{font-size:14px;color:var(--doux)}

/* panier */
.uw-panier{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;padding-block:32px 72px;align-items:start}
.uw-lignes{border-top:1px solid var(--trait)}
.uw-ligne{display:grid;grid-template-columns:96px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--trait);align-items:center}
.uw-ligne img{width:96px;height:120px;object-fit:contain;background:var(--fond);border-radius:6px;padding:8px;mix-blend-mode:multiply}
.uw-ligne b{font:700 16.5px var(--police);display:block}
.uw-ligne .var{font-size:14px;color:var(--doux);display:flex;align-items:center;gap:6px;margin-top:3px}
.uw-ligne .var i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.uw-ligne .actions{display:flex;align-items:center;gap:12px;margin-top:10px}
.uw-ligne .compteur{display:flex;border:1px solid var(--trait);border-radius:6px}
.uw-ligne .compteur button{width:34px;border:0;background:none;cursor:pointer;font-size:17px}
.uw-ligne .compteur span{min-width:34px;text-align:center;font-weight:700;align-self:center}
.uw-ligne .retirer{background:none;border:0;color:var(--doux);cursor:pointer;font-size:13.5px;text-decoration:underline}
.uw-ligne .montant{text-align:right;font:800 16.5px var(--police)}
.uw-ligne .montant small{display:block;font:400 12.5px var(--police);color:var(--doux)}
.uw-recap{background:var(--fond);border-radius:8px;padding:24px;position:sticky;top:100px}
.uw-recap h2{font-size:22px;margin-bottom:14px}
.uw-recap .l{display:flex;justify-content:space-between;padding:7px 0;font-size:15px}
.uw-recap .l.total{border-top:1px solid var(--trait);margin-top:6px;padding-top:12px;font:800 20px var(--police)}
.uw-jauge{margin:16px 0 4px}
.uw-jauge .barre{height:8px;background:#fff;border-radius:99px;overflow:hidden}
.uw-jauge .barre i{display:block;height:100%;background:var(--marine);transition:width .25s}
.uw-jauge p{font-size:13.5px;color:var(--doux);margin:8px 0 0}
.uw-mode{border-radius:6px;padding:13px 14px;font-size:14.5px;margin:14px 0}
.uw-mode.commande{background:var(--marine-pale);color:var(--marine-f)}
.uw-mode.devis{background:var(--bordeaux-pale);color:#6E1728}
.uw-form{display:grid;gap:12px;margin-top:6px}
.uw-form .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.uw-form label{display:grid;gap:5px;font:600 13px var(--police);color:#34414C}
.uw-form input,.uw-form textarea,.uw-form select{border:1px solid var(--trait);border-radius:6px;padding:11px 12px;font:400 16px var(--police);background:#fff;width:100%}
.uw-form textarea{min-height:92px;resize:vertical}
.uw-form .case{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14.5px}
.uw-form .case input{width:18px;height:18px;margin-top:2px;accent-color:var(--marine)}
.uw-form .piege{position:absolute;left:-9999px}
.uw-note{font-size:13px;color:var(--doux);margin:4px 0 0}
.uw-merci{background:var(--fond);border-radius:10px;padding:46px;text-align:center;max-width:660px;margin:44px auto}
.uw-merci h2{font-size:32px;margin-bottom:10px}
.uw-merci p{color:var(--doux)}

.uw-texte{max-width:780px;padding-block:44px 72px}
.uw-texte h2{font-size:28px;margin:36px 0 12px}
.uw-texte p,.uw-texte li{color:#34414C}
.uw-contact{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;padding-block:38px 72px}
.uw-contact .coord{background:var(--fond);border-radius:8px;padding:28px;display:grid;gap:18px;align-self:start}
.uw-contact .coord div b{display:block;font:800 12.5px var(--police);letter-spacing:1.2px;text-transform:uppercase;color:var(--doux);margin-bottom:4px}
.uw-contact .coord a{font-weight:700;text-decoration:none}
.uw-panneau-form{background:#fff;border:1px solid var(--trait);border-radius:8px;padding:26px}

/* ── Pied de page ───────────────────────────── */
.uw-pied{background:var(--marine-f);color:#B8C7D2;font-size:14.5px}
.uw-pied .enrobe{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-block:54px 30px}
.uw-pied img{height:54px;width:auto;border-radius:4px;margin-bottom:14px}
.uw-pied b{display:block;color:#fff;font:800 14px var(--police);margin-bottom:12px}
.uw-pied a{color:#B8C7D2;text-decoration:none;display:block;padding:3px 0}
.uw-pied a:hover{color:#fff}
.uw-pied .bas{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px}

/* ── Écrans ───────────────────────────── */
@media (max-width:1100px){
  .uw-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--trait);
    flex-direction:column;align-items:stretch;padding:10px 20px 18px}
  .uw-nav.ouverte{display:flex}
  .uw-nav a[aria-current=page]{box-shadow:none;color:var(--marine)}
  .uw-burger{display:grid;place-items:center}
  .uw-tete .enrobe{position:relative;justify-content:space-between}
  .uw-rail{grid-auto-columns:calc((100% - 2*18px)/3)}
  .uw-metiers{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .uw-hero .enrobe,.uw-produit,.uw-panier,.uw-contact,.uw-bande,.uw-duo,.uw-page-tete.photo .enrobe{grid-template-columns:1fr}
  .uw-hero .enrobe{min-height:0}
  .uw-hero .texte{padding-block:44px 8px}
  .uw-hero .photo img{max-height:420px}
  .uw-galerie,.uw-recap,.uw-filtres{position:static}
  .uw-tuiles{grid-template-columns:repeat(2,1fr)}
  .uw-confiance .enrobe{grid-template-columns:repeat(2,1fr)}
  .uw-confiance div:nth-child(2){border-right:0}
  .uw-confiance div:nth-child(-n+2){border-bottom:1px solid var(--trait)}
  .uw-grille{grid-template-columns:repeat(2,1fr)}
  .uw-cat{grid-template-columns:1fr}
  .uw-filtres{display:none;background:var(--fond);border-radius:8px;padding:18px}
  .uw-filtres.ouverts{display:grid}
  .uw-ouvrir-filtres{display:inline-flex}
  .uw-bande .photo{height:300px}
  .uw-pied .enrobe{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .enrobe{padding-inline:16px}
  .uw-bandeau .enrobe{gap:6px;font-size:12.5px}
  .uw-bandeau .plus{display:none}
  .uw-logo img{height:40px}
  .uw-rail{grid-auto-columns:72%}
  .uw-metiers{grid-template-columns:repeat(2,1fr)}
  .uw-tuiles{gap:10px}
  .uw-tuile b{font-size:18px}
  .uw-grille{grid-template-columns:1fr 1fr;gap:18px 12px}
  .uw-carte h3{font-size:15px}
  .uw-carte .acc{display:none}
  .uw-carte .ph img{padding:14px}
  .uw-regle{grid-template-columns:1fr}
  .uw-bande .texte{padding:32px 24px}
  .uw-galerie{grid-template-columns:1fr}
  .uw-galerie .vignettes{grid-auto-flow:column;grid-auto-columns:64px;order:2;overflow-x:auto}
  .uw-ligne{grid-template-columns:72px 1fr}
  .uw-ligne img{width:72px;height:90px}
  .uw-ligne .montant{grid-column:2;text-align:left}
  .uw-form .duo{grid-template-columns:1fr}
  .uw-confiance div{padding:16px 12px}
  .uw-pied .enrobe{grid-template-columns:1fr}
  .uw-section{padding-block:50px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ── Les visuels créés par IA le disent (règlement européen sur l'IA, article 50) ── */
.ia-marque{position:absolute;right:8px;bottom:8px;z-index:2;background:rgba(255,255,255,.9);color:#3A4A57;
  font:600 10.5px var(--police);letter-spacing:.2px;padding:3px 7px;border-radius:4px;pointer-events:none}
.ia-marque.haut{top:8px;bottom:auto}
.uw-carte .ph .ia-marque{opacity:0;transition:opacity .25s}
.uw-carte:hover .ph .ia-marque{opacity:1}
.cadre-photo{position:relative;display:block}
/* les photos en décor de studio ont leur propre fond : elles remplissent la case, vignettes comprises */
.uw-galerie .grande:has(img[src*="/s/"]),.uw-galerie .grande:has(img[src*="/ia-"]),.uw-galerie .grande:has(img[src*="/scene-"]){padding:0}
.uw-galerie .vignettes img[src*="/s/"]{mix-blend-mode:normal}

/* ── Méga-menu ───────────────────────── */
.uw-tete .enrobe{position:relative}
.uw-nav{align-items:stretch}
.uw-rayon{display:flex}
.uw-rayon-titre{display:flex;align-items:center;text-decoration:none;font:600 15px var(--police);color:var(--texte);padding:0 12px;
  min-height:78px;white-space:nowrap;border-bottom:2px solid transparent}
.uw-rayon-titre[aria-current=page]{color:var(--marine);border-bottom-color:var(--marine)}
.uw-rayon:hover > .uw-rayon-titre,.uw-rayon:focus-within > .uw-rayon-titre{color:var(--marine);border-bottom-color:var(--bordeaux)}
.uw-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);
  box-shadow:0 18px 30px -18px rgba(13,46,67,.28);visibility:hidden;opacity:0;transform:translateY(-4px);
  transition:opacity .15s,transform .15s,visibility 0s .15s;z-index:45}
.uw-rayon:hover > .uw-mega,.uw-rayon:focus-within > .uw-mega{visibility:visible;opacity:1;transform:none;transition:opacity .15s,transform .15s}
.uw-mega .enrobe{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:34px;padding-block:30px 34px;min-height:0;align-items:start}
.uw-mega .col{display:grid;gap:3px;align-content:start}
.uw-mega .col b{font:800 12px var(--police);letter-spacing:1.1px;text-transform:uppercase;color:var(--pale);margin-bottom:8px}
.uw-mega .col a{text-decoration:none;color:var(--texte);font-size:15px;padding:5px 0}
.uw-mega .col a:hover{color:var(--bordeaux)}
.uw-mega .col a.tout{font-weight:700;color:var(--marine);margin-top:8px}
.uw-mega .col span{font-size:14px;color:var(--doux);padding:4px 0}
.uw-mega .vitrine{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:var(--fond);text-decoration:none}
.uw-mega .vitrine img{width:100%;height:100%;object-fit:cover}
.uw-mega .vitrine span{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 14px;color:#fff;font:700 15px var(--police);
  background:linear-gradient(transparent,rgba(13,46,67,.78))}
@media (max-width:1250px){.uw-rayon-titre{padding:0 9px;font-size:14.5px}}
@media (max-width:1100px){
  .uw-nav{max-height:calc(100vh - 120px);overflow:auto}
  .uw-rayon{flex-direction:column}
  .uw-rayon-titre{min-height:52px;border-bottom:1px solid var(--trait-2);justify-content:space-between}
  .uw-rayon:not(.simple) > .uw-rayon-titre::after{content:"+";font-weight:400;font-size:22px;color:var(--pale)}
  .uw-rayon.ouvert > .uw-rayon-titre::after{content:"−"}
  .uw-mega,.uw-rayon:hover > .uw-mega,.uw-rayon:focus-within > .uw-mega{position:static;visibility:visible;opacity:1;transform:none;
    box-shadow:none;border:0;display:none;transition:none}
  .uw-rayon.ouvert > .uw-mega{display:block}
  .uw-mega .enrobe{grid-template-columns:1fr 1fr;gap:18px;padding:12px 4px 18px}
  .uw-mega .vitrine,.uw-mega .col:nth-child(3){display:none}
}
/* le guide des tailles et le renvoi des prix */
.uw-guide{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums;margin-top:10px}
.uw-guide th,.uw-guide td{border-bottom:1px solid var(--trait);padding:9px 8px;text-align:center}
.uw-guide th:first-child,.uw-guide td:first-child{text-align:left;color:var(--doux);font-weight:600}
.uw-renvoi{font-size:13.5px;color:var(--doux);margin:26px 0 0}
.uw-nav .uw-rayon-titre{border-radius:0;background:none;box-shadow:none;padding-block:0}
@media (max-width:1100px){.uw-nav .uw-rayon-titre{padding:0 4px}}
/* les cinq rayons de l'accueil */
.uw-tuiles.cinq{grid-template-columns:repeat(5,1fr)}
.uw-tuiles.cinq .uw-tuile b{font-size:19px}
@media (max-width:980px){.uw-tuiles.cinq{grid-template-columns:repeat(2,1fr)}.uw-tuiles.cinq a:first-child{grid-column:span 2;aspect-ratio:16/10}}