/* PiecesMatch UI refresh - 23/09/2026 */
:root{--pm-blue:#0877f9;--pm-blue2:#0562d3;--pm-navy:#071d33;--pm-text:#0b213b;--pm-muted:#61768b;--pm-line:#d9e4ef;--pm-bg:#f4f7fb;--pm-white:#fff;--pm-shadow:0 12px 34px rgba(9,37,66,.08)}
html{-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(8,119,249,.28);outline-offset:2px}
.pm-light{background:var(--pm-bg)!important;color:var(--pm-text)!important}.pm-light header,.pm-light .top{background:var(--pm-navy)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 5px 18px rgba(4,24,43,.12)}
.pm-light .logo{color:#fff!important}.pm-light .logo span{color:#2793ff!important}.pm-light .navlinks a,.pm-light .back{color:#dce8f5!important}.pm-light .navlinks a:hover,.pm-light .navlinks .active{background:rgba(255,255,255,.08)!important;color:#fff!important}
.pm-light main{color:var(--pm-text)}.pm-light .crumbs,.pm-light .crumb,.pm-light .meta,.pm-light .hint,.pm-light .note{color:var(--pm-muted)!important}
.pm-light .hero{background:linear-gradient(135deg,#f7fbff,#fff)!important;border:1px solid #cfe1f2!important;border-radius:20px!important;padding:30px!important;margin-top:24px!important;margin-bottom:24px!important;max-width:none!important}.pm-light .hero h1,.pm-light h1{color:var(--pm-text)!important}.pm-light .hero p,.pm-light .lead{color:var(--pm-muted)!important}.pm-light .eyebrow,.pm-light .brand{color:#0877f9!important}.pm-light .summary,.pm-light .stats{gap:8px}.pm-light .pill,.pm-light .counter{background:#fff!important;border:1px solid #cfddea!important;color:#29455f!important;box-shadow:0 3px 10px rgba(9,37,66,.03)}
.pm-light .panel,.pm-light .card,.pm-light .item,.pm-light .offer,.pm-light .comparison-info,.pm-light .family-card,.pm-light .family,.pm-light .cat{background:#fff!important;border-color:var(--pm-line)!important;color:var(--pm-text)!important;box-shadow:var(--pm-shadow)!important}.pm-light .family-card:hover,.pm-light .family:hover,.pm-light .cat:hover,.pm-light .cat.active{border-color:#8ec4ff!important;box-shadow:0 14px 38px rgba(8,119,249,.12)!important;transform:translateY(-1px)}
.pm-light .family-card h2,.pm-light .family b,.pm-light .cat b,.pm-light .item h2,.pm-light .card h2,.pm-light .title{color:var(--pm-text)!important}.pm-light .count,.pm-light .pm-category-count,.pm-light .family-bottom b{color:#0877f9!important}.pm-light .family-card p,.pm-light .card p,.pm-light .card li{color:var(--pm-muted)!important}
.pm-light input,.pm-light select,.pm-light .form input,.pm-light .form select,.pm-light .searchbox input,.pm-light .searchbox select,.pm-light .formgrid input,.pm-light .formgrid select{background:#fff!important;color:var(--pm-text)!important;border-color:#cfddea!important}.pm-light button,.pm-light .form button,.pm-light .searchbox button,.pm-light .formgrid button,.pm-light .btn.primary,.pm-light .cta,.pm-light .offer a{background:linear-gradient(#0877f9,#0562d3)!important;color:#fff!important;border-color:#0877f9!important}.pm-light .btn:not(.primary){background:#fff!important;color:#0b5fc0!important;border:1px solid #b9d8f6!important}
.pm-light .results .card,.pm-light .grid .card{background:#fff!important}.pm-light .media{background:#fff!important;border-color:#edf1f5!important}.pm-light .chip{background:#eef5fc!important;color:#38526a!important;border-color:#d8e7f4!important}.pm-light .chip.ok{background:#eaf8f1!important;color:#167448!important;border-color:#b8e5ce!important}.pm-light .chip.no{background:#fff0f1!important;color:#a33a43!important;border-color:#f1c6ca!important}.pm-light .stock,.pm-light .merchant{color:var(--pm-muted)!important}.pm-light .price{color:#071d33!important}
.pm-category-card{overflow:hidden!important;padding:0!important;display:block!important}.pm-category-image,.family-thumb,.cat-thumb{display:block!important;aspect-ratio:16/9;min-height:118px;overflow:hidden;background:#eef3f8!important;position:relative}.pm-category-image img,.family-thumb img,.cat-thumb img{width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.pm-category-body{padding:14px}.pm-category-card b{font-size:15px}.pm-category-count{display:block;margin-top:7px;font-size:11px;font-weight:850}
.pm-light footer,.pm-light .foot{background:#06182b!important;color:#9db0c3!important;border-color:#123553!important}.pm-light footer a{color:#cfe4f7!important}
.pm-light .empty{background:#fff!important;border-color:var(--pm-line)!important;color:var(--pm-muted)!important}.pm-light .more{background:#fff!important;color:#0877f9!important;border-color:#0877f9!important}
@media(max-width:760px){.pm-light .hero{padding:22px!important;border-radius:16px!important}.pm-category-image,.family-thumb,.cat-thumb{aspect-ratio:16/8.5}.pm-light .navlinks.open{background:var(--pm-navy)!important}}
/* PM visual cards stable layout - 24/09/2026 */
.pm-category-card{overflow:hidden!important;padding:0!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important}
.pm-category-image,.family-thumb,.cat-thumb{display:block!important;position:relative!important;width:100%!important;height:168px!important;min-height:168px!important;overflow:hidden!important;background:#e9eef4!important;border-radius:0!important}
.pm-category-image img,.family-thumb img,.cat-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;transform:none!important;position:static!important;opacity:1!important;visibility:visible!important}
.pm-category-body{padding:14px 15px 15px!important;min-height:74px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:6px!important;background:#fff!important}
.pm-category-card b{font-size:15px!important;line-height:1.25!important;margin:0!important}
.pm-category-count{display:block!important;margin-top:5px!important;font-size:11px!important;font-weight:900!important;color:#0877f9!important}
.pm-light .categories .cat{padding:0!important;overflow:hidden!important;min-height:0!important;background:#fff!important;color:#0b213b!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(9,37,66,.07)!important}
.pm-light .categories .cat .cat-thumb{height:140px!important;min-height:140px!important}
.pm-light .categories .cat>b{display:block!important;padding:12px 13px 14px!important;font-size:13px!important;line-height:1.25!important;margin:0!important;color:#0b213b!important}
.pm-light .categories .cat .count{top:10px!important;right:10px!important;z-index:3!important;background:#073766!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}
.pm-light .categories .cat.active{border-color:#78b7ff!important;box-shadow:0 12px 30px rgba(8,119,249,.13)!important}
@media(max-width:760px){.pm-category-image,.family-thumb,.cat-thumb{height:150px!important;min-height:150px!important}.pm-light .categories .cat .cat-thumb{height:132px!important;min-height:132px!important}}

/* 2026-09-25 — image framing final */
.pm-category-image,.family-thumb,.cat-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eef3f8!important;
}
.pm-category-image img,.family-thumb img,.cat-thumb img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  position:static!important;
  transform:none!important;
}
.pm-category-card{overflow:hidden!important}
@media(max-width:760px){
  .pm-category-image,.family-thumb,.cat-thumb{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
}


/* 2026-09-27 — category images: one complete 16:9 frame on every viewport. */
body.pm-light[data-pm-category-visuals] .pm-category-image,
body.pm-light[data-pm-category-visuals] .family-thumb,
body.pm-light[data-pm-category-visuals] .categories .cat .cat-thumb {
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
}
body.pm-light[data-pm-category-visuals] .pm-category-image img,
body.pm-light[data-pm-category-visuals] .family-thumb img,
body.pm-light[data-pm-category-visuals] .categories .cat .cat-thumb img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
}
/* Navigation commune — 02/10/2026 */
.pm-header{background:#071d33!important;position:sticky!important;top:0!important;z-index:100!important;padding:0!important}.pm-header>.nav,.pm-header .nav{display:flex!important;min-height:68px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.pm-header .logo{color:white!important;white-space:nowrap}.pm-header .navlinks{display:flex!important;gap:2px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}.pm-header .navlinks a{font:700 12px/1.3 system-ui!important;color:#e1edfa!important;padding:10px 7px!important;border-radius:8px!important;text-decoration:none!important}.pm-header .navlinks a.active,.pm-header .navlinks a:hover{background:#164773!important}.pm-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #51708c;background:#071d33;color:#fff;border-radius:9px;font:24px/1 system-ui;flex:none;cursor:pointer}.pm-header button:focus-visible,.pm-header a:focus-visible{outline:3px solid #87c4ff;outline-offset:2px}#results{min-width:0}#results>*{min-width:0}button[hidden]{display:none!important}.pm-load-note{padding:12px;color:#60758c;font:13px/1.5 system-ui}.pm-load-note button{margin-left:8px;cursor:pointer}a,button{touch-action:manipulation}
@media(max-width:1100px){.pm-menu-toggle{display:inline-flex!important}.pm-header .navlinks[data-pm-nav]{display:none!important}.pm-header .navlinks.open{display:flex!important;position:absolute!important;top:68px!important;left:14px!important;right:14px!important;background:#071d33!important;border:1px solid #315779!important;padding:9px!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;flex-wrap:nowrap!important}.pm-header .navlinks a{padding:12px!important;font-size:14px!important}}
.form,.formgrid,.searchbar,.searchbox{min-width:0}.form input,.form select,.form button,.formgrid input,.formgrid select{min-width:0;max-width:100%;width:100%}.searchbox button{min-height:44px}.form{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}@media(max-width:850px){.form{grid-template-columns:minmax(0,1fr)}}
.pm-header .nav>.back{display:none!important}

.item h2,.item h2 a{overflow-wrap:anywhere}.item>div{min-width:0}.pmv-grid>*{min-width:0;max-width:100%}
footer .footlinks{display:flex!important;flex-wrap:wrap!important;gap:12px!important;min-width:0!important;max-width:100%!important}footer .footlinks>a{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}