/* COPIE de la visu validée (pv.css, sha256 0ec0180cfe110fb4) — importer-maquette.mjs ; ne pas éditer. */
/* COLONNE VERTICALE DES CATÉGORIES — commune à la boutique et au catalogue.
   Seule navigation par catégories : aucune barre horizontale. Couleur d'accent par plateforme :
   boutique = gris-bleu foncé (achat en sarcelle), catalogue = bleu relevé sur prismainstruments.com. */
body[data-plateforme="boutique"]{--pv-accent:var(--p-grisbleu-fonce);--pv-accent-pale:var(--p-grisbleu-pale);--pv-filet:var(--p-grisbleu-voile)}
body[data-plateforme="catalogue"]{--pv-accent:var(--p-bleu-catalogue);--pv-accent-pale:var(--p-bleu-pale);--pv-filet:var(--p-grisbleu-voile)}

.pv-page{display:grid;grid-template-columns:264px minmax(0,1fr);gap:28px;align-items:start;padding-top:24px;padding-bottom:64px}
.pv-main{min-width:0}
.pv-col{display:flex;flex-direction:column;gap:16px}
.pv-cats{border:1px solid var(--p-bord-2);border-radius:6px;background:var(--p-blanc);position:relative}
.pv-tete{display:flex;align-items:center;gap:10px;background:var(--pv-accent);color:var(--p-blanc);font-weight:600;font-size:15px;padding:0 16px;min-height:48px;border-radius:5px 5px 0 0}
.pv-liste>li{border-bottom:1px solid var(--p-bord)}
.pv-liste>li:last-child{border-bottom:0}
.pv-fam>a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 16px;font-size:14px;font-weight:500;color:var(--p-encre)}
.pv-fam>a span{flex:1;line-height:1.3;padding:8px 0}
.pv-fam>a i,.pv-sous a i{font-style:normal;font-size:12px;color:var(--p-texte-2);font-weight:500}
.pv-fam>a .ico{color:var(--p-texte-3)}
.pv-fam.on>a{background:var(--pv-accent-pale);font-weight:700;box-shadow:inset 3px 0 0 var(--pv-accent)}
.pv-fam.on>a .ico{color:var(--pv-accent)}
.pv-fam.survol>a{background:var(--pv-accent-pale);box-shadow:inset 3px 0 0 var(--pv-accent)}
.pv-sous{padding:4px 0 8px;background:var(--p-blanc)}
.pv-sous>li>a{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 30px;font-size:14px;color:var(--p-texte)}
.pv-sous>li>a span{flex:1;line-height:1.3;padding:6px 0}
.pv-sous>li.on>a{color:var(--pv-accent);font-weight:700}
.pv-sous>li.tout>a{color:var(--pv-accent);font-weight:600}
.pv-feuilles{padding:0 0 6px}
.pv-feuilles a{display:flex;align-items:center;min-height:32px;padding:0 14px 0 44px;font-size:13px;color:var(--p-texte-2);border-left:2px solid var(--pv-filet);margin-left:30px;padding-left:12px}
.pv-liens{border-top:1px solid var(--p-bord-2);padding:8px 0}
.pv-liens a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500;color:var(--p-texte)}
.pv-liens a .ico{color:var(--pv-accent)}

/* Volet au survol (bureau) : les sous-catégories d'une famille, à droite de la colonne. */
.pv-volet{position:absolute;left:calc(100% + 2px);top:-1px;width:620px;min-height:calc(100% + 2px);background:var(--p-blanc);border:1px solid var(--p-bord-2);border-left:3px solid var(--pv-accent);border-radius:0 6px 6px 0;box-shadow:0 10px 30px rgba(35,35,35,.16);padding:20px 24px;z-index:5;display:grid;grid-template-columns:1fr 150px;grid-template-rows:auto 1fr;gap:12px 20px;text-align:left}
.pv-volet-tete{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-bord);padding-bottom:10px}
.pv-volet-tete b{font-size:18px;color:var(--p-encre)}
.pv-volet-tete a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--pv-accent)}
.pv-volet ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;align-content:start}
.pv-volet li a{display:block;padding:7px 0;font-size:14px}
.pv-volet li a b{font-weight:600;color:var(--p-encre)}
.pv-volet li span{display:block;font-size:12px;color:var(--p-texte-2);margin-top:-4px;padding-bottom:6px}
.pv-volet img{width:150px;height:150px;object-fit:cover;border-radius:4px;align-self:start}

/* Menu plein écran (téléphone) */
.pv-plein{display:none}
.pv-plein-tete{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 8px 0 16px;background:var(--pv-accent);color:var(--p-blanc)}
.pv-plein-tete b{font-size:17px;color:var(--p-blanc)}
.pv-plein-tete button{width:44px;height:44px;border:0;background:var(--pv-accent);color:var(--p-blanc);display:grid;place-items:center}
.pv-plein .pv-fam>a{min-height:52px;font-size:16px}
.pv-plein .pv-sous>li>a{min-height:44px;font-size:15px}

/* Barre de rubrique du téléphone : « Catégorie : … » + filtres */
.pv-mob{display:none}

@media (max-width:900px){
  .pv-page{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:12px;padding-bottom:40px}
  .pv-col{position:static}
  .pv-col{display:none}
  body[data-ecran$="-accueil"] .pv-col{display:flex;order:2}
  body[data-ecran$="-accueil"] .pv-col .pv-liens{display:none}
  .pv-volet{display:none}
  .pv-mob{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
  .pv-mob .btn{flex:1 1 auto;min-height:44px;font-size:14px;padding:0 12px}
  .pv-mob .btn.rubrique{flex-basis:100%;justify-content:space-between;color:var(--p-encre);border-color:var(--p-bord-3);background:var(--p-blanc)}
  .pv-mob .btn.rubrique b{color:var(--pv-accent)}
  body.menu-ouvert .pv-page{display:none}
  body.menu-ouvert .pv-plein{display:block;border-bottom:1px solid var(--p-bord-2)}
}