/* Styles scoped to the accessories preview; native Cekonay styles remain in place. */
.accessoires-preview .hero-doc .accessoires-hero { width:min(100% - 40px,1160px); max-width:1160px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"visual copy"; align-items:center; gap:clamp(32px,6vw,84px); }
.accessoires-preview .accessoires-hero__visual { grid-area:visual; display:block; overflow:hidden; aspect-ratio:auto; padding:0; border:0; border-radius:24px; background:#f4ebdf; color:#1d1d1f; text-decoration:none; }
.accessoires-preview .accessoires-hero__visual img { display:block; width:100%; height:auto; object-fit:contain; }
.accessoires-preview .accessoires-hero__visual span { display:block; padding:12px; color:#424245; font-size:14px; font-weight:500; text-align:center; }
.accessoires-preview .accessoires-hero__copy { grid-area:copy; min-width:0; }
.accessoires-preview .accessoires-hero__copy h1 { max-width:600px; }
.accessoires-preview .accessoires-hero__copy .hero-doc-lead { max-width:560px; }
.accessoires-preview .screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(1px,1px,1px,1px)!important; white-space:nowrap!important; }
.accessoires-preview .accessoires-search {
  margin: 1.25rem auto 0;
  max-width: 1100px;
  padding: 0;
}
.accessoires-preview .accessoires-search__controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,300px); gap:1rem; align-items:end; }
.accessoires-preview .accessoires-search__label { display:block; margin-bottom:.4rem; color:#424245; font-size:.88rem; font-weight:500; }
.accessoires-preview .accessoires-search__input-wrap { position:relative; }
.accessoires-preview .accessoires-search__icon { position:absolute; top:50%; left:1.05rem; width:18px; height:18px; transform:translateY(-50%); fill:none; stroke:#0071e3; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
#cek-facade.accessoires-preview #accessoires-query,
#cek-facade.accessoires-preview #accessoires-family,
#cek-facade.accessoires-preview #accessoires-sort { min-height:44px; border:1px solid #e5e0d8; border-radius:999px; padding:.55rem 1rem; font:inherit; font-size:.94rem; color:#1d1d1f; background-color:#fff; }
#cek-facade.accessoires-preview #accessoires-query { width:100%; min-height:50px; border:1px solid #d5e5f8; border-radius:999px; padding:.65rem 1rem .65rem 2.8rem; font:inherit; font-size:1rem; color:#1d1d1f; background:#fff; }
.accessoires-preview .accessoires-family-field { position:relative; }
.accessoires-preview .accessoires-family-field::after { position:absolute; right:19px; bottom:18px; width:8px; height:8px; border-right:1.5px solid #fff; border-bottom:1.5px solid #fff; content:""; transform:rotate(45deg); pointer-events:none; }
#cek-facade.accessoires-preview #accessoires-family { width:100%; min-height:50px; appearance:none; border:1px solid #0071e3; border-radius:999px; padding:.65rem 2.9rem .65rem 1.15rem; color:#fff; background:#0071e3; font:inherit; font-size:.94rem; font-weight:500; cursor:pointer; }
#cek-facade.accessoires-preview #accessoires-family option { color:#1d1d1f; background:#fff; }
#cek-facade.accessoires-preview #accessoires-query::placeholder { color:#77777d; opacity:1; }
#cek-facade.accessoires-preview #accessoires-family:focus-visible,
#cek-facade.accessoires-preview #accessoires-sort:focus-visible,
.accessoires-preview .accessoires-search button:focus-visible,
.accessoires-preview .accessoires-suggestions a:focus-visible { outline:3px solid rgba(0,113,227,.3); outline-offset:3px; }
#cek-facade.accessoires-preview #accessoires-query:focus-visible { border-color:#0071e3; outline:3px solid rgba(0,113,227,.18); outline-offset:2px; }
.accessoires-preview .accessoires-search__hint { margin:.45rem 0 0; color:#6e6e73; font-size:.86rem; }
.accessoires-preview .accessoires-suggestions { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .7rem; margin-top:.65rem; color:#0071e3; font-size:.88rem; }
.accessoires-preview .accessoires-suggestions > span { display:none; }
.accessoires-preview .accessoires-suggestions a { color:#0071e3; text-decoration:none; font-weight:500; }
.accessoires-preview .accessoires-suggestions a:hover { color:#005bbd; text-decoration:underline; text-underline-offset:3px; }
#cek-facade .accessoires-suggestions a.pill { min-height:44px; padding:0 18px; border-color:#d5e5f8; border-radius:980px; color:#0071e3; background:#fff; font-size:14.5px; }
#cek-facade .accessoires-suggestions a.pill:hover { border-color:#0071e3; color:#005bbd; background:#f7faff; text-decoration:none; }
#cek-facade .accessoires-suggestions a.pill + a.pill::before { content:none; }
.accessoires-preview .accessoires-results-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:1.25rem 0 .9rem; padding-bottom:.65rem; border-bottom:1px solid #e5e0d8; }
.accessoires-preview .accessoires-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:.5rem .75rem; }
.accessoires-preview .accessoires-count { margin:0; color:#1d1d1f; font-size:.94rem; font-weight:500; }
.accessoires-preview .accessoires-reset { padding:0; border:0; color:#0071e3; background:none; font:inherit; font-size:.86rem; font-weight:500; text-decoration:underline; text-decoration-color:#b8d6f7; text-underline-offset:3px; cursor:pointer; }
.accessoires-preview .accessoires-reset:hover { color:#005bbd; text-decoration-color:currentColor; }
.accessoires-preview .accessoires-sort { display:flex; align-items:center; gap:.45rem; color:#424245; font-size:.86rem; }
#cek-facade.accessoires-preview #accessoires-sort { min-height:44px; padding:0 38px 0 15px; border:1px solid #e5e0d8; border-radius:999px; font-size:.88rem; }
.accessoires-preview .accessoires-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.accessoires-preview .accessoires-card { min-width:0; overflow:hidden; border:1px solid #e4e9e7; border-radius:14px; background:#fff; transition:box-shadow .18s ease,transform .18s ease; }
.accessoires-preview .accessoires-card:hover { transform:translateY(-2px); box-shadow:0 9px 24px rgba(25,40,35,.1); }
.accessoires-preview .accessoires-card a { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.accessoires-preview .accessoires-card__media { display:grid; place-items:center; aspect-ratio:1.35/1; padding:.6rem; background:#f4f6f5; }
.accessoires-preview .accessoires-card__media img { width:100%; height:100%; object-fit:contain; }
.accessoires-preview .accessoires-card__no-image { color:#63736f; font-size:.82rem; text-align:center; }
.accessoires-preview .accessoires-card__body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:.8rem .85rem .9rem; }
.accessoires-preview .accessoires-card__family { margin-bottom:.3rem; color:#237365; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.045em; }
.accessoires-preview .accessoires-card__name { color:#173c35; font-size:.98rem; line-height:1.35; }
.accessoires-preview .accessoires-card__link { margin-top:auto; padding-top:.65rem; color:#176c5f; font-size:.9rem; font-weight:700; }
.accessoires-preview .accessoires-empty { margin:1.25rem 0; padding:1rem; border-radius:12px; background:#f6f8f7; color:#344944; }
/* Pagination reprise de la page accessoires existante. */
#cek-facade .accessoires-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:34px}
#cek-facade .accessoires-pagination [data-page-numbers]{display:contents}
#cek-facade .accessoires-pagination button,#cek-facade .accessoires-pagination .dots{box-sizing:border-box;min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #d7d3cd;border-radius:999px;color:#1d1d1f;background:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
#cek-facade .accessoires-pagination button.current{border-color:#087f8c;color:#fff;background:#087f8c}
#cek-facade .accessoires-pagination button:hover:not(.current){border-color:#087f8c;color:#087f8c}
#cek-facade .accessoires-pagination button:focus-visible{outline:3px solid #8ccbd1;outline-offset:3px}
#cek-facade .accessoires-pagination .dots{cursor:default}
.accessoires-preview [hidden] { display:none !important; }
@media (max-width:1050px) {
  .accessoires-preview .accessoires-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .accessoires-preview .accessoires-search__controls { grid-template-columns:1fr; gap:.9rem; }
  .accessoires-preview .accessoires-family-field { max-width:none; }
  .accessoires-preview .accessoires-results-head { margin-top:1rem; }
  .accessoires-preview .accessoires-grid { grid-template-columns:1fr; gap:.7rem; }
  .accessoires-preview .accessoires-card a { display:grid; grid-template-columns:96px minmax(0,1fr); min-height:116px; }
  .accessoires-preview .accessoires-card__media { grid-column:1; grid-row:1; aspect-ratio:1; padding:.45rem; }
  .accessoires-preview .accessoires-card__body { grid-column:2; grid-row:1; padding:.65rem .75rem; }
  .accessoires-preview .accessoires-card__name { font-size:.93rem; }
  .accessoires-preview .accessoires-results-head { align-items:center; }
}
@media (max-width:1024px) {
  .accessoires-preview .hero-doc .accessoires-hero { width:min(100% - 32px,760px); grid-template-columns:minmax(0,1fr); grid-template-areas:"visual" "copy"; gap:24px; }
  .accessoires-preview .accessoires-hero__visual { width:min(100%,600px); justify-self:center; }
}
@media (max-width:600px) {
  .accessoires-preview .hero-doc .accessoires-hero { width:min(100% - 28px,480px); gap:20px; }
  .accessoires-preview .accessoires-hero__visual { width:100%; border-radius:22px; padding:0; }
  .accessoires-preview .accessoires-hero__visual img { height:auto; }
  .accessoires-preview .accessoires-hero__visual span { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .accessoires-preview .accessoires-card { transition:none; }
  .accessoires-preview .accessoires-card:hover { transform:none; }
}

/* Prix public conservé dans les cartes du premier aperçu. */
.accessoires-preview .accessoires-card__price{display:block;margin-top:10px;color:#173c35;font-size:16px;font-weight:600;line-height:1.3}

/* Détails des cartes repris du catalogue existant, sans changer la recherche. */
#cek-facade .accessoires-card{border:1px solid #d7d3cd;border-radius:24px;transition:transform .25s ease,box-shadow .25s ease}
#cek-facade .accessoires-card__link{color:#0071e3;font-size:13px;font-weight:750}
#cek-facade .accessoires-card__media img{transition:transform .45s ease}
@media(hover:hover) and (pointer:fine){
#cek-facade .accessoires-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(32,27,23,.11)}
#cek-facade .accessoires-card:hover img{transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
#cek-facade .accessoires-card,#cek-facade .accessoires-card__media img{transition:none}
#cek-facade .accessoires-card:hover,#cek-facade .accessoires-card:hover img{transform:none}
}