/* KEROLIQ Catalog Premium V2 — shared product & category experience */
:root{
  --kp-bg:#f4efe6;--kp-paper:#fffdf9;--kp-ink:#17202a;--kp-muted:#737a7f;
  --kp-navy:#0e2235;--kp-navy2:#173d66;--kp-gold:#b48a31;--kp-gold2:#e3c36f;
  --kp-line:#ddd2c2;--kp-green:#167347;--kp-card:#fffefa;
}
html{scroll-behavior:smooth}
body.kp-catalog{margin:0;background:
  radial-gradient(circle at 50% -20%,rgba(218,194,143,.18),transparent 35%),
  linear-gradient(180deg,#f8f4ed 0,#f2ede4 100%);
  color:var(--kp-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
body.kp-catalog a{color:inherit}
body.kp-catalog>header,body.kp-catalog>main,body.kp-catalog>footer{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}

/* Brand header */
body.kp-catalog>header.kp-top{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  padding-top:18px;padding-bottom:18px;gap:18px
}
.kp-brandmark{display:flex;align-items:center;gap:11px;text-decoration:none}
.kp-brandmark .kp-gem{
  display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  background:linear-gradient(145deg,#1c3b55,#0d1e2e);color:#e0bd66;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(14,34,53,.14);
  font-size:15px
}
.kp-brandmark .kp-word{font-size:16px;font-weight:950;letter-spacing:.19em;color:#14202a;line-height:1}
.kp-brandmark .kp-word small{
  display:block;margin-top:6px;font-size:7px;letter-spacing:.14em;font-weight:800;color:#8b8172
}
.kp-top .home,.kp-top .back{
  display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;
  border:1px solid #d8cebf;border-radius:999px;background:rgba(255,255,255,.72);
  color:#34434f;text-decoration:none;font-size:11px;font-weight:850;
  box-shadow:0 6px 18px rgba(45,37,27,.035);backdrop-filter:blur(10px)
}

/* Hero */
.kp-hero{
  position:relative;overflow:hidden;margin:6px 0 34px;padding:34px 36px 32px;border-radius:28px;
  background:
    radial-gradient(circle at 88% 18%,rgba(226,195,108,.20),transparent 27%),
    radial-gradient(circle at 10% 115%,rgba(74,118,151,.22),transparent 34%),
    linear-gradient(145deg,#0e2132 0%,#132d43 48%,#0b1a28 100%);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(20,30,38,.18);color:#fff
}
.kp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 56%,rgba(255,255,255,.025) 56% 100%);pointer-events:none}
.kp-hero>*{position:relative;z-index:1}
.kp-hero .eyebrow,.kp-hero .kp-hero-eyebrow{
  margin:0 0 12px!important;color:#d4b661!important;font-size:9px!important;font-weight:950!important;
  letter-spacing:.18em!important;text-transform:uppercase
}
.kp-hero h1{
  max-width:930px;margin:0 0 13px!important;color:#fff!important;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype","Book Antiqua",Georgia,serif!important;
  font-size:clamp(38px,5vw,64px)!important;line-height:.98!important;font-weight:500!important;
  letter-spacing:-.035em!important;text-wrap:balance
}
.kp-hero .lead{
  max-width:830px;margin:0!important;color:#c7d0d7!important;font-size:15px!important;
  line-height:1.65!important;font-weight:500!important
}
.kp-hero .stats{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:20px 0 0!important}
.kp-hero .stats span{
  padding:9px 12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;
  background:rgba(255,255,255,.07)!important;color:#f3f5f6!important;font-size:10px!important;font-weight:800!important;
  backdrop-filter:blur(8px)
}
.kp-hero .catnav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px!important;margin:22px 0 0!important}
.kp-hero .catnav a{
  min-width:0;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px!important;
  min-height:72px;padding:12px 13px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important
}
.kp-hero .catnav a b{color:#fff!important;font-size:11px}
.kp-hero .catnav a span{color:#aebbc5;font-size:9px}
.kp-hero .catnav a:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(226,195,108,.45)!important}

/* Catalog tools */
.kp-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 24px}
.kp-searchbox{position:relative;flex:1;max-width:600px}
.kp-searchbox input{
  width:100%;height:52px;padding:0 48px 0 17px;border:1px solid #d7cbbb;border-radius:15px;
  background:rgba(255,255,255,.84);color:#1b2730;font:700 13px/1 Inter,system-ui,sans-serif;
  outline:none;box-shadow:0 8px 24px rgba(44,34,22,.045)
}
.kp-searchbox input:focus{border-color:#b8974d;box-shadow:0 0 0 3px rgba(180,138,49,.12)}
.kp-searchbox:after{content:"⌕";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:23px;color:#8c7950}
.kp-tools .kp-count{color:#7c7f80;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}

/* Section titles */
body.kp-catalog main>h2{
  position:relative;margin:40px 0 15px!important;padding-left:16px;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype","Book Antiqua",Georgia,serif!important;
  font-size:31px!important;line-height:1.05!important;font-weight:500!important;letter-spacing:-.025em;color:#1a2228!important
}
body.kp-catalog main>h2:before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:4px;border-radius:999px;background:linear-gradient(#d7b85f,#9f7826)}
.kp-all-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 0 14px}
.kp-all-title h2{margin:0;font:500 31px/1.05 "Iowan Old Style","Baskerville",Georgia,serif;letter-spacing:-.025em}
.kp-all-title span{font-size:10px;font-weight:800;color:#87847f}

/* Product cards */
body.kp-catalog .grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
  margin:0 0 26px!important
}
body.kp-catalog a.p.kp-card{
  --accent:#7a6a4a;position:relative;display:flex!important;flex-direction:column!important;gap:0!important;
  min-height:0!important;padding:0!important;overflow:hidden;border:1px solid #ddd3c6!important;border-top:0!important;
  border-radius:20px!important;background:var(--kp-card)!important;text-decoration:none!important;
  box-shadow:0 9px 28px rgba(42,34,25,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
body.kp-catalog a.p.kp-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent);z-index:3}
body.kp-catalog a.p.kp-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(36,31,25,.10)!important;border-color:#cfc0aa!important}
.kp-card-media{
  position:relative;height:205px;display:grid;place-items:center;padding:18px;
  background:radial-gradient(circle at 50% 45%,#fff 0,#f7f4ee 58%,#efe9df 100%);
  border-bottom:1px solid #ebe4d9;overflow:hidden
}
.kp-card-media img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 13px 20px rgba(20,28,33,.10))}
.kp-card-media .kp-analysis-badge{
  position:absolute;left:12px;top:13px;z-index:2;padding:6px 9px;border-radius:999px;
  background:rgba(14,34,53,.88);color:#fff;font-size:7.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  backdrop-filter:blur(8px)
}
.kp-card-fallback{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:linear-gradient(145deg,#1c3a53,#0f2131);color:#e0bd66;font:700 28px Georgia,serif;box-shadow:0 12px 28px rgba(14,34,53,.18)}
.kp-card-content{display:flex;flex:1;flex-direction:column;padding:16px 17px 17px}
body.kp-catalog a.p.kp-card .kp-card-content>span{
  margin:0 0 6px!important;color:var(--accent)!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase
}
body.kp-catalog a.p.kp-card .kp-card-content>strong{
  margin:0 0 7px!important;color:#1a2228!important;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype","Book Antiqua",Georgia,serif!important;
  font-size:22px!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.02em!important;
  overflow-wrap:anywhere;word-break:normal;hyphens:auto
}
body.kp-catalog a.p.kp-card .kp-card-content>small{
  margin:0 0 14px!important;color:#747a7e!important;font-size:11px!important;line-height:1.45!important
}
body.kp-catalog a.p.kp-card .kp-card-content>b{
  margin:auto 0 0!important;padding:12px 0 0!important;border-top:1px solid #ece4da!important;
  color:#153f6a!important;font-size:19px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.025em
}
body.kp-catalog a.p.kp-card .kp-card-content>b:before{
  content:"Prix vérifié";display:block;margin-bottom:5px;color:#92918e;font-size:7.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase
}
.kp-card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#765a1d;font-size:9px;font-weight:900;letter-spacing:.02em}
.kp-card-cta i{font-style:normal;font-size:15px}

/* Guides */
body.kp-catalog .guides{
  margin:44px 0 36px;padding:24px;border-radius:23px;background:linear-gradient(145deg,#122638,#0d1c2a);
  border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 48px rgba(18,31,43,.12)
}
body.kp-catalog .guides h2{margin:0 0 14px!important;color:#fff!important;font:500 29px/1.08 "Iowan Old Style","Baskerville",Georgia,serif!important}
body.kp-catalog .guidegrid{gap:10px!important}
body.kp-catalog .g{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
body.kp-catalog .g span{color:#d6b75f!important}
body.kp-catalog .g strong{color:#fff!important}
body.kp-catalog .g small{color:#bfc9d0!important}

/* Footer */
body.kp-catalog>footer{
  margin-top:12px;padding-top:24px;padding-bottom:42px;border-top:1px solid #dcd1c1;color:#777d80;font-size:10px
}
.kp-footer-brand{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#26333d;font-weight:900;letter-spacing:.12em}
.kp-footer-brand span{color:#ad8430}

/* Per-brand accents retained / expanded */
body.kp-catalog .p[href*="/apple-watch"],body.kp-catalog .p[href*="/iphone"]{--accent:#385f86}
body.kp-catalog .p[href*="/ghd-"]{--accent:#8a526f}
body.kp-catalog .p[href*="/dyson-"]{--accent:#4e7d79}
body.kp-catalog .p[href*="/garmin-"]{--accent:#527653}
body.kp-catalog .p[href*="/samsung-"]{--accent:#4c5f99}
body.kp-catalog .p[href*="/nintendo-"]{--accent:#9b5547}
body.kp-catalog .p[href*="/lancome-"]{--accent:#9a6b7e}
body.kp-catalog .p[href*="/salomon-"]{--accent:#876d3f}
body.kp-catalog .p[href*="/nike-"]{--accent:#596874}
body.kp-catalog .p[href*="/asics-"]{--accent:#405c87}
body.kp-catalog .p[href*="/bosch-"]{--accent:#536e79}
body.kp-catalog .p[href*="/delonghi-"]{--accent:#6f5b78}
body.kp-catalog .p[href*="/karcher-"]{--accent:#7b742f}
body.kp-catalog .p[href*="/kitchenaid-"]{--accent:#8b5d48}
body.kp-catalog .p[href*="/le-creuset-"]{--accent:#9b613d}
body.kp-catalog .p[href*="/smeg-"]{--accent:#557886}
body.kp-catalog .p[href*="/whirlpool-"]{--accent:#9b7424}
body.kp-catalog .p[href*="/acer-"],body.kp-catalog .p[href*="/predator-"]{--accent:#4d6f91}
body.kp-catalog .p[href*="/navimow-"]{--accent:#4f7866}
body.kp-catalog .p[href*="/delsey-"]{--accent:#8a6f54}
body.kp-catalog .p[href*="/eastpak-"]{--accent:#596d7c}
body.kp-catalog .p[href*="/samsonite-"]{--accent:#4d657f}
body.kp-catalog .p[href*="/lacoste-"]{--accent:#4f735d}
body.kp-catalog .p[href*="/levis-"]{--accent:#566a7a}
body.kp-catalog .p[href*="/longchamp-"]{--accent:#8a5962}
body.kp-catalog .p[href*="/blazevideo-"]{--accent:#55705a}

/* Tablet */
@media(max-width:900px){
  .kp-hero .catnav{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.kp-catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: compact editorial rows, not giant empty cards */
@media(max-width:560px){
  body.kp-catalog>header,body.kp-catalog>main,body.kp-catalog>footer{padding-left:14px;padding-right:14px}
  body.kp-catalog>header.kp-top{padding-top:14px;padding-bottom:14px}
  .kp-brandmark .kp-gem{width:31px;height:31px;border-radius:10px}
  .kp-brandmark .kp-word{font-size:14px}.kp-brandmark .kp-word small{font-size:6.5px}
  .kp-top .home,.kp-top .back{min-height:38px;padding:0 12px;font-size:10px}
  .kp-hero{margin:2px -2px 26px;padding:25px 18px 22px;border-radius:22px}
  .kp-hero h1{font-size:37px!important;line-height:1!important}
  .kp-hero .lead{font-size:13px!important;line-height:1.55!important}
  .kp-hero .catnav{display:flex!important;overflow-x:auto;gap:8px!important;padding-bottom:2px;scroll-snap-type:x proximity}
  .kp-hero .catnav a{min-width:158px;min-height:66px;scroll-snap-align:start}
  .kp-tools{align-items:flex-start;flex-direction:column;margin-top:-4px}
  .kp-searchbox{max-width:none;width:100%}.kp-searchbox input{height:48px}
  body.kp-catalog main>h2{font-size:27px!important;margin-top:31px!important}
  body.kp-catalog .grid{grid-template-columns:1fr!important;gap:11px!important}
  body.kp-catalog a.p.kp-card{
    display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;min-height:150px!important;border-radius:17px!important
  }
  .kp-card-media{height:auto;min-height:150px;padding:12px;border-bottom:0;border-right:1px solid #ebe4d9}
  .kp-card-media .kp-analysis-badge{left:8px;top:9px;padding:5px 7px;font-size:6px}
  .kp-card-content{padding:14px 14px 13px}
  body.kp-catalog a.p.kp-card .kp-card-content>span{font-size:7.7px!important;margin-bottom:5px!important}
  body.kp-catalog a.p.kp-card .kp-card-content>strong{font-size:19px!important;line-height:1.08!important}
  body.kp-catalog a.p.kp-card .kp-card-content>small{font-size:10.5px!important;margin-bottom:9px!important;line-height:1.35!important}
  body.kp-catalog a.p.kp-card .kp-card-content>b{font-size:17px!important;padding-top:9px!important}
  .kp-card-cta{margin-top:8px;font-size:8px}
  body.kp-catalog .guides{padding:18px 15px;border-radius:19px}
  .kp-all-title h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){body.kp-catalog a.p.kp-card{transition:none!important}}