/* COPIE de la visu validée (catalogue.css, sha256 9f35bcd0d1e431a7) — importer-maquette.mjs ; ne pas éditer. */
/* PLATEFORME CATALOGUE (www.prismainstruments.com) — déclinaison de la direction B.
   Même squelette que la boutique (pv.css + b.css) ; ici seulement ce qui change :
   anthracite relevé sur le catalogue (bandeau haut, pied), bleu relevé (#305a88) pour l'action « devis »,
   pas de prix ni de panier. Uniquement des couleurs de prisma-palette.css. */
body[data-plateforme="catalogue"] .k-top{background:var(--p-anthracite)}
.k-langue{display:inline-flex;gap:10px}
.k-langue a{color:var(--p-bord-3)}
body[data-plateforme="catalogue"] .b-search{border-color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .b-search button{background:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .btn-contour{color:var(--p-bleu-catalogue);border-color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .b-ariane a,body[data-plateforme="catalogue"] .b-filtre .voir{color:var(--p-bleu-catalogue)}
.btn-bleu{background:var(--p-bleu-catalogue);color:var(--p-blanc);border-color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .k-pied{background:var(--p-anthracite)}
body[data-plateforme="catalogue"] .k-pied .bas{border-top-color:var(--p-texte-2)}
body[data-plateforme="catalogue"] .b-services a{background:var(--p-bleu-pale);border-color:var(--p-grisbleu-voile)}
body[data-plateforme="catalogue"] .b-services .ico{color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .b-ancres a.on{border-bottom-color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .b-specs th{background:var(--p-bleu-pale)}
body[data-plateforme="catalogue"] .b-cles .ico,body[data-plateforme="catalogue"] .b-docs a .ico{color:var(--p-bleu-catalogue)}
body[data-plateforme="catalogue"] .b-fiche-tete .ref{background:var(--p-bleu-pale);border-color:var(--p-grisbleu-voile);color:var(--p-texte)}
body[data-plateforme="catalogue"] .b-bascule span.on{background:var(--p-bleu-catalogue)}

/* Accueil : bannière en deux parties (texte sur fond bleu plein, photo à côté — jamais de texte sur la photo) */
.k-une{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:6px;overflow:hidden;margin-bottom:16px;min-height:300px}
.k-une-texte{background:var(--p-bleu-catalogue);color:var(--p-blanc);padding:28px 30px;display:flex;flex-direction:column;gap:12px}
.k-sur{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--p-blanc)}
.k-une h1{color:var(--p-blanc);font-size:30px;line-height:1.15}
.k-une ul{display:grid;gap:6px;font-size:15px}
.k-une li{display:flex;align-items:center;gap:8px}
.k-une .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.k-btn-trait{background:var(--p-bleu-catalogue);color:var(--p-blanc);border-color:var(--p-blanc)}
.k-une-photo img{width:100%;height:100%;object-fit:cover}
.k-calib{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--p-bord-2);border-left:4px solid var(--p-bleu-catalogue);border-radius:6px;margin-bottom:16px}
.k-calib>.ico{width:28px;height:28px;color:var(--p-bleu-catalogue)}
.k-calib>span{flex:1;display:flex;flex-direction:column}
.k-calib b{color:var(--p-encre)}
.k-calib span span{font-size:14px;color:var(--p-texte-2)}
.k-calib>.ico.s{width:16px;height:16px;color:var(--p-texte-3)}

/* Cartes produit du catalogue : pas de prix, deux actions (fiche, devis) */
.catalog-list.k-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}
.k-carte{border:1px solid var(--p-bord-2);border-radius:6px;display:flex;flex-direction:column;background:var(--p-blanc)}
.k-carte-img{display:block;padding:14px;border-bottom:1px solid var(--p-bord)}
.k-carte-img img{width:100%;aspect-ratio:4/3;object-fit:contain}
.k-carte-corps{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.k-modele{align-self:flex-start;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;color:var(--p-bleu-catalogue);background:var(--p-bleu-pale);border-radius:3px;padding:2px 7px}
.k-carte-nom{font-weight:600;color:var(--p-encre);font-size:15px;line-height:1.35}
.k-sur-devis{font-size:13px;color:var(--p-texte-2)}
.k-carte-act{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:6px}
.k-carte-act .btn{min-height:40px;padding:0 12px;font-size:14px}

.k-qui{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;padding:24px;border-radius:6px;background:var(--p-bleu-pale)}
.k-qui h2{font-size:20px;margin-bottom:10px}
.k-qui p{margin-bottom:8px}
.k-qui h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;color:var(--p-encre)}
.k-puces{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.k-puces li{background:var(--p-blanc);border:1px solid var(--p-grisbleu-voile);border-radius:14px;padding:3px 12px;font-size:13px;color:var(--p-texte)}

/* Colonne : encadré d'aide */
.k-aide{border:1px solid var(--p-bord-2);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:6px;background:var(--p-blanc)}
.k-aide>.ico{width:26px;height:26px;color:var(--p-bleu-catalogue)}
.k-aide b{color:var(--p-encre)}
.k-aide span{font-size:14px;color:var(--p-texte-2)}
.k-aide .btn{margin-top:6px}

.k-info{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--p-texte-2)}
.k-passerelle{border-color:var(--p-bleu-catalogue);background:var(--p-bleu-pale)}
.k-passerelle>.ico{color:var(--p-bleu-catalogue)}

/* Fiche : encadré devis à la place de l'encadré d'achat */
.k-galerie{grid-template-columns:minmax(0,1fr)}
.k-devis{grid-row:2/4;grid-column:2;border:1px solid var(--p-bord-2);border-radius:6px;padding:20px;align-self:start;background:var(--p-blanc);box-shadow:0 4px 14px rgba(35,35,35,.08);display:flex;flex-direction:column;gap:10px}
.k-devis-titre{font-size:20px;color:var(--p-encre)}
.k-devis p{font-size:14px;color:var(--p-texte-2)}
.k-devis .qte{display:flex;align-items:center;justify-content:space-between;gap:10px}
.k-devis .qte label{font-weight:600;font-size:14px;color:var(--p-encre)}
.k-devis .qte input{width:110px;height:44px;text-align:center;font-weight:600}
.k-devis .btn{width:100%;min-height:46px}
.k-devis ul{display:grid;gap:6px;font-size:13px;color:var(--p-texte-2);margin-top:4px}
.k-devis ul li{display:flex;gap:8px;align-items:center}
.k-devis ul .ico{width:16px;height:16px;color:var(--p-bleu-catalogue)}
.k-dispo{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--p-texte);background:var(--p-bleu-pale);border-radius:4px;padding:10px 12px}
.k-dispo .ico{margin-top:2px;color:var(--p-bleu-catalogue)}
.k-dispo a{color:var(--p-bleu-catalogue);font-weight:600;text-decoration:underline}
.catalog-list.k-grille.k-grille-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Page de demande de devis */
.k-devis-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.k-form{display:flex;flex-direction:column;gap:18px}
.k-form fieldset{border:1px solid var(--p-bord-2);border-radius:6px;padding:16px 18px 18px;margin:0}
.k-form legend{font-weight:700;color:var(--p-encre);padding:0 6px;font-size:15px}
.k-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.k-champ{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;color:var(--p-encre)}
.k-champ.plein{grid-column:1/-1}
.k-champ input,.k-champ textarea{height:44px;padding:0 12px;font-weight:400;width:100%}
.k-champ textarea{height:auto;padding:10px 12px;font:inherit;font-weight:400;color:var(--p-texte);border:1px solid var(--p-bord-3);border-radius:4px;resize:vertical;background:var(--p-blanc)}
.k-depot{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--p-bord-3);border-radius:6px;padding:16px;font-weight:400;color:var(--p-texte)}
.k-depot .ico{color:var(--p-bleu-catalogue)}
.k-depot b{color:var(--p-bleu-catalogue)}
.k-accord{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.k-accord i{width:20px;height:20px;border:1.5px solid var(--p-texte-3);border-radius:3px;flex:none;margin-top:1px}
.k-envoyer{align-self:flex-start;min-height:48px;padding:0 26px}
.k-recap{border:1px solid var(--p-bord-2);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}
.k-recap h2{font-size:17px}
.k-ligne{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}
.k-ligne img{width:56px;height:56px;object-fit:contain;border:1px solid var(--p-bord);border-radius:4px}
.k-ligne div{display:flex;flex-direction:column;gap:3px}
.k-ligne b{font-size:14px;color:var(--p-encre);line-height:1.3}
.k-qte{grid-column:1/-1;display:grid !important;grid-template-columns:44px 64px 44px;gap:0 !important}
.k-qte button{height:40px;border-radius:0;display:grid;place-items:center}
.k-qte button:first-child{border-radius:4px 0 0 4px}
.k-qte button:last-child{border-radius:0 4px 4px 0}
.k-qte input{height:40px;border-radius:0;border-left:0;border-right:0;text-align:center;font-weight:600;width:100%}
.k-ajout{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--p-bleu-catalogue)}
.k-apres{border-top:1px solid var(--p-bord);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.k-apres-titre{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--p-texte-2);font-weight:600}
.k-ok{display:flex;gap:10px;align-items:flex-start;background:var(--p-bleu-pale);border-left:3px solid var(--p-vert-fonce);border-radius:4px;padding:10px 12px;font-size:13px;color:var(--p-texte)}
.k-ok .ico{color:var(--p-vert-fonce);margin-top:1px}
.k-ok b{display:block;color:var(--p-encre);font-size:14px}

@media (max-width:900px){
  .k-une{grid-template-columns:minmax(0,1fr);min-height:0}
  .k-une-photo{order:-1}
  .k-une-photo img{height:180px}
  .k-une-texte{padding:20px}
  .k-une h1{font-size:24px}
  .catalog-list.k-grille,.catalog-list.k-grille.k-grille-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .k-carte-act{grid-template-columns:minmax(0,1fr)}
  .k-carte-img{padding:8px}
  .k-qui{grid-template-columns:minmax(0,1fr);padding:18px;gap:8px}
  .k-devis{grid-row:auto;grid-column:auto}
  .k-devis-page{grid-template-columns:minmax(0,1fr)}
  .k-recap{position:static;order:-1}
  .k-champs{grid-template-columns:minmax(0,1fr)}
  .k-envoyer{align-self:stretch}
  .k-langue{margin-left:auto}
}