/* Intégration visuelle au site principal KMY. */
:root{--yellow:#fdbe33;--ink:#030f27;--muted:#62656b;--line:#e2e3e5;--paper:#f5f6f7}
body{font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#ddd}.wrapper{position:relative;width:100%;max-width:1366px;margin:0 auto;background:#fff}
.site-top{height:90px;padding:5px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--yellow)}
.site-logo{display:block;width:210px;height:80px;overflow:hidden}.site-logo img{width:100%;height:100%;object-fit:contain}
.site-contact{display:flex;align-items:center;gap:55px}.site-contact>div,.site-contact>a{display:flex;align-items:center;gap:14px}.site-contact small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em}.site-contact strong{display:block;margin-top:4px;font-size:16px}.contact-icon{font-size:34px;line-height:1}
.site-nav{display:block;flex:none;gap:0;margin-left:0;padding:0 75px 18px;background:var(--yellow);font-size:inherit}.site-links{min-height:82px;padding:0 28px;display:flex;align-items:center;gap:25px;background:var(--ink)}.site-links>a{color:#fff;font-size:13px;font-weight:500;white-space:nowrap}.site-links>a:hover,.site-links>a.active{color:var(--yellow)}.menu-label{display:none}.site-links .selection-toggle{margin-left:auto;padding:12px 15px;border:1px solid var(--yellow);border-radius:0;background:transparent;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.site-links .selection-toggle:hover{background:var(--yellow);color:var(--ink)}.site-links .selection-toggle span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:7px;border-radius:2px;background:var(--yellow);color:var(--ink)}
main{max-width:none;padding:0}.intro{padding:55px 60px;background:var(--yellow);border:0}.intro h1{font-family:Poppins,Arial,sans-serif;font-size:clamp(38px,4vw,60px);font-weight:700}.intro h1 span,.intro .lead,.intro .eyebrow,.intro-note p{color:var(--ink)}.intro-note{border-left-color:var(--ink)}
main>section:not(.intro){width:calc(100% - 120px);margin-left:auto;margin-right:auto}.supplier-credit{margin-top:38px}.catalogue-top h2{font-size:30px;font-weight:700}.searchbar:focus-within{outline-color:var(--yellow)}#filters button.selected{background:var(--ink)}.card{border-radius:2px}.add,.yellow,#pagination button{border-radius:0}.dark{border-radius:0;background:var(--ink)}
footer{padding:38px 60px;border:0;background:var(--ink);color:#fff}footer p span{color:#c9ced8}footer>a{color:var(--yellow)}footer .brand span{color:#fff}
@media(max-width:1150px){.site-links{gap:15px;padding:0 18px}.site-links>a{font-size:11px}.site-contact{gap:25px}}
@media(max-width:850px){.site-top{min-height:78px;padding:8px 5%}.site-logo{width:150px;height:62px}.site-contact>div{display:none}.site-contact strong{font-size:13px}.contact-icon{font-size:24px}.site-nav{padding:0;background:var(--ink)}.menu-label{display:block;padding:18px 5% 8px;color:#fff;font-size:18px}.site-links{height:auto;min-height:0;padding:6px 5% 20px;align-items:flex-start;flex-direction:column;gap:0}.site-links>a{width:100%;padding:10px 0;font-size:14px}.site-links .selection-toggle{margin:10px 0 0}.intro{padding:38px 5%}.intro h1{font-size:38px}main>section:not(.intro){width:90%}}
@media(max-width:500px){.site-contact small{font-size:9px}.site-contact strong{font-size:11px}.site-logo{width:130px}.catalogue-top h2{font-size:24px}}

.partner-links{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.partner-links a{white-space:nowrap}@media(max-width:760px){.partner-links{align-items:flex-start}}
.card-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sheet-link{display:block;text-align:center;color:#17191c;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:600;padding:3px}.card-actions .add{margin-top:0}
.added-dialog{width:min(440px,calc(100vw - 32px));padding:32px;border:0;border-radius:12px;box-shadow:0 20px 80px #0004}.added-dialog h2{margin:4px 0 10px}.added-dialog>#added-name{min-height:24px}.added-dialog .close{position:absolute;right:16px;top:16px}/* Le dialogue est un ECRAN DE VALIDATION : rien n entre dans la demande
   avant le clic sur « Ajouter ». Beaucoup de visiteurs cliquent le bouton
   des cartes juste pour regarder la piece. */
.added-qty-row{display:flex;align-items:center;gap:16px;margin:18px 0 4px}
.added-qty-row .qty-label{font-size:13px;font-weight:600;color:#17191c}
.added-deja{margin:2px 0 0;font-size:12px;color:#8a6d1f;background:#fdf3d8;
  border-radius:4px;padding:6px 10px;display:inline-block}
.added-dialog .sheet-link{text-align:left;margin-top:6px}
.added-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.added-actions button{flex:1;min-width:170px;padding:13px 12px;border-radius:4px;font-size:13px;font-weight:700}.added-actions .continue{background:#f0f1f2;color:#17191c}

/* --- Bloc "parcourir par famille" sur l'accueil du catalogue --- */
.families{padding:56px 0 10px;border-top:1px solid #e2e3e5;margin-top:46px}
.families .families-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.families h2{margin:6px 0 0;font-size:clamp(24px,3vw,34px)}
.families .families-lead{color:#555b63;max-width:640px;margin:10px 0 0;line-height:1.7}
.families-all{font-weight:700;color:#17191c;text-decoration:underline;white-space:nowrap}
.families-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:22px}
.family-group{border:1px solid #e2e3e5;border-radius:4px;padding:20px 22px;background:#fff}
.family-group h3{margin:0 0 13px;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#17191c}
.family-group ul{list-style:none;margin:0;padding:0}
.family-group li{margin-bottom:8px;font-size:14.5px;line-height:1.45}
.family-group a{color:#555b63}
.family-group a:hover{color:#17191c;text-decoration:underline}
.family-group b{color:#a7abb1;font-weight:600;font-size:12.5px}
@media(max-width:750px){.families{padding-top:38px}.families-grid{grid-template-columns:1fr}}