/* Category 29 prototype: shared catalogue, one presentation block, one search engine. */
.seo-category-mode .topbar{transition:height .2s ease,padding .2s ease}
.seo-category-editorial{width:100%;margin:0 auto;padding:24px 0 26px;border:1px solid var(--kp-border,#eadde3);border-radius:24px;background-color:#f6f8f1;background-image:linear-gradient(rgba(255,255,255,.56),rgba(255,255,255,.56)),url('/beauty/comparateur/assets/commande.webp');background-position:center;background-size:cover;box-shadow:0 12px 34px rgba(37,18,72,.06)}
.seo-category-editorial>*{margin-left:clamp(22px,4vw,52px);margin-right:clamp(22px,4vw,52px)}
.seo-category-editorial h1{display:block;max-width:none;min-width:0;margin:0 clamp(22px,4vw,52px) 18px;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.04em;white-space:normal;overflow-wrap:break-word}
.seo-category-editorial__intro{max-width:680px;margin-top:0;color:var(--muted);font-size:1.08rem}
.seo-category-editorial__basket-lead{max-width:760px;margin:0 clamp(22px,4vw,52px) 18px;color:var(--kp-ink,#171217);font-size:clamp(1.7rem,4vw,2.8rem);font-weight:800;line-height:1}
.seo-category-editorial__basket-lead em{color:var(--kp-rose,#e85aa6);font-family:var(--kp-category-font);font-size:1.5em;font-style:normal;font-weight:var(--kp-category-weight);line-height:.82;vertical-align:-.08em}
.seo-category-editorial__basket-sub{max-width:900px;margin:0 clamp(22px,4vw,52px) 10px;color:var(--kp-ink,#171217);font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.35;font-weight:750}
.seo-category-editorial__basket-text{max-width:900px;margin:0 clamp(22px,4vw,52px);color:var(--kp-ink,#171217);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.35;font-weight:700}
.seo-category-editorial__quiet-emphasis{display:inline-block;margin:0 .06em;color:var(--kp-rose,#e85aa6);font-family:var(--kp-category-font);font-size:2em;font-style:normal;font-weight:var(--kp-category-weight);line-height:.78;vertical-align:-.1em}
.seo-category-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px clamp(22px,4vw,52px) 0;color:var(--muted);font-size:.82rem}
.seo-category-breadcrumb a{color:inherit;text-decoration:none}
.seo-category-breadcrumb a:hover,.seo-category-breadcrumb a:focus-visible{text-decoration:underline}
.seo-category-mode .brand-header{margin-bottom:0}
.seo-category-mode .seo-category-editorial{margin-top:18px}
.seo-category-mode .product-card .card-product-image{object-fit:contain}
.seo-category-mode .hero .search-wrap{transition:opacity .2s,transform .2s}
.seo-category-mode.seo-category-scrolled .topbar{position:fixed;top:0;left:0;right:0;z-index:50}.seo-category-mode.seo-category-scrolled .hero .search-wrap{position:fixed;z-index:51;top:8px;left:50%;width:min(32vw,420px);margin:0;transform:translateX(-50%)}
.seo-category-mode.seo-category-scrolled .hero .searchbox{min-height:42px;border-radius:12px;box-shadow:none}
.seo-category-mode.seo-category-scrolled .hero .searchbox input{padding:10px 14px;font-size:.9rem}
.seo-category-mode.seo-category-scrolled .hero .search-wrap .results{max-height:360px}
body.seo-category-mode #catalog[hidden]{display:none}
@media(max-width:760px){.seo-category-editorial{padding:20px 0 22px;border-radius:20px}.seo-category-editorial h1{font-size:clamp(1.75rem,7.2vw,2.2rem);line-height:1.08;white-space:normal;margin-left:clamp(22px,4vw,52px);margin-right:clamp(22px,4vw,52px);margin-bottom:16px}.seo-category-editorial__intro{font-size:1rem}.seo-category-editorial__basket-lead{margin-bottom:16px;font-size:2rem}.seo-category-editorial__basket-sub{max-width:none;margin-bottom:8px;font-size:1.12rem;line-height:1.35}.seo-category-editorial__basket-text{max-width:none;font-size:1.12rem;line-height:1.35}.seo-category-mode.seo-category-scrolled .topbar{height:56px}.seo-category-mode.seo-category-scrolled .hero .search-wrap{top:56px;left:0;width:100%;padding:7px 14px;background:var(--kp-noir,#0b0b0d);transform:none}.seo-category-mode.seo-category-scrolled .hero .searchbox{min-height:38px}.seo-category-mode.seo-category-scrolled .hero .searchbox input{padding:8px 12px;font-size:.86rem}.seo-category-mode.seo-category-scrolled .hero .search-wrap .results{max-height:320px}}
@media(min-width:761px){.seo-category-mode.seo-category-scrolled .hero .searchbox{border:1px solid var(--kp-rose,#e85aa6)}}
