:root{
  --ccx-bg:#f6f7fb;
  --ccx-card:#ffffff;
  --ccx-soft:#f1f3f6;
  --ccx-border:rgba(17,21,27,.10);
  --ccx-text:#11151b;
  --ccx-muted:#5f6b7a;
  --ccx-radius:18px;
  --ccx-radius2:22px;
  --ccx-shadow:0 18px 50px rgba(15,18,22,.10);
  --ccx-green:#00ff6a;
}

.ccx-catalog{max-width:1180px;margin:18px auto 30px;padding:0 12px;color:var(--ccx-text)}
.ccx-catalog-top{
  display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
  background:linear-gradient(180deg, #fff, #fafbff);
  border:1px solid var(--ccx-border);
  border-radius:var(--ccx-radius2);
  padding:16px 16px 14px;
  box-shadow:var(--ccx-shadow);
}
.ccx-h1{margin:0;font-size:28px;line-height:1.1}
.ccx-sub{margin-top:6px;color:var(--ccx-muted);font-size:13px}

.ccx-catalog-actions{display:flex;align-items:center;gap:10px}
.ccx-sort{display:flex;flex-direction:column;gap:6px}
.ccx-sort label{font-size:12px;color:var(--ccx-muted)}
.ccx-sort select{
  background:#fff;color:var(--ccx-text);
  border:1px solid var(--ccx-border);border-radius:12px;padding:10px 12px;outline:none;
}

.ccx-btn{border:0;cursor:pointer;border-radius:14px;padding:10px 14px;font-weight:800}
.ccx-btn-filter{background:#fff;color:var(--ccx-text);border:1px solid var(--ccx-border)}
.ccx-btn-ghost{background:transparent;color:var(--ccx-text);border:1px solid var(--ccx-border)}
.ccx-btn-primary{
  background:linear-gradient(90deg, rgba(0,255,106,.18), rgba(255,122,0,.16));
  color:var(--ccx-text);
  border:1px solid rgba(17,21,27,.12)
}
.ccx-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 8px;border-radius:999px;
  margin-left:8px;background:rgba(0,255,106,.10);border:1px solid rgba(0,255,106,.18);
  color:var(--ccx-text);font-size:12px
}

.ccx-catalog-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:14px}
.ccx-filters{
  background:#fff;
  border:1px solid var(--ccx-border);
  border-radius:var(--ccx-radius2);
  padding:12px;
  box-shadow:var(--ccx-shadow);
  position:sticky;top:18px;align-self:start;
}
.ccx-results{
  background:#fff;
  border:1px solid var(--ccx-border);
  border-radius:var(--ccx-radius2);
  padding:12px;
  box-shadow:var(--ccx-shadow);
}

.ccx-results-meta{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px}
.ccx-results-count{color:var(--ccx-muted);font-size:13px}

/* LIST layout */
.ccx-cat-grid{display:flex;flex-direction:column;gap:12px}

/* Row card (Boulanger-like) */
.ccx-rowcard{
  display:grid;
  grid-template-columns:120px 1fr 190px;
  gap:14px;
  background:#fff;
  border:1px solid var(--ccx-border);
  border-radius:18px;
  padding:12px;
}
.ccx-rowcard-media{
  display:flex;align-items:center;justify-content:center;
  background:var(--ccx-soft);
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(17,21,27,.06);
}
.ccx-rowcard-media img{width:100%;height:110px;object-fit:contain;display:block}

.ccx-rowcard-main{min-width:0}
.ccx-rowcard-brand{font-weight:900;font-size:12px;color:var(--ccx-muted);letter-spacing:.4px;text-transform:uppercase}
.ccx-rowcard-title{
  display:block;color:var(--ccx-text);text-decoration:none;
  font-weight:900;font-size:14px;line-height:1.25;
  margin-top:4px;
}
.ccx-rowcard-specs{margin:10px 0 0;padding-left:16px;color:var(--ccx-text)}
.ccx-rowcard-specs li{margin:4px 0;color:rgba(17,21,27,.82);font-size:13px}
.ccx-rowcard-specs strong{color:rgba(17,21,27,.92)}

.ccx-rowcard-cta{
  display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;
}
.ccx-rowcard-price{font-size:20px;font-weight:1000;text-align:right}
.ccx-rowcard-price--na{font-size:14px;font-weight:800;color:var(--ccx-muted)}
.ccx-rowcard-btn{width:100%;text-align:center}

/* Accordion */
.ccx-acc{border:1px solid rgba(17,21,27,.10);border-radius:16px;overflow:hidden;margin-bottom:10px;background:#fff}
.ccx-acc-head{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:12px 12px;background:transparent;color:var(--ccx-text);
  border:0;cursor:pointer;font-weight:900
}
.ccx-acc-body{padding:10px 12px;border-top:1px solid rgba(17,21,27,.08)}
.ccx-acc:not([open]) .ccx-acc-body{display:none}
.ccx-acc-ico{opacity:.6}

.ccx-filter-list{max-height:260px;overflow:auto;padding-right:6px}
.ccx-check{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px;border-radius:12px}
.ccx-check:hover{background:rgba(17,21,27,.03)}
.ccx-check input{margin-right:8px}
.ccx-check span{flex:1;color:var(--ccx-text);font-size:13px}
.ccx-check em{color:var(--ccx-muted);font-style:normal;font-size:12px}

/* Price */
.ccx-price{display:grid;gap:10px}
.ccx-price-row{display:grid;grid-template-columns:40px 1fr 16px;align-items:center;gap:8px}
.ccx-price-row label{color:var(--ccx-muted);font-size:12px}
.ccx-price-row input{
  width:100%;padding:10px 12px;border-radius:12px;
  background:#fff;border:1px solid rgba(17,21,27,.12);
  color:var(--ccx-text);outline:none;
}
.ccx-price input[type="range"]{width:100%}

/* Mobile overlay */
.ccx-filter-overlay{position:fixed;inset:0;background:rgba(15,18,22,.45);display:none;z-index:99999}
.ccx-filter-overlay[aria-hidden="false"]{display:block}
.ccx-filter-sheet{
  position:absolute;inset:0;
  background:#fff;
  display:flex;flex-direction:column;
}
.ccx-filter-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 14px;border-bottom:1px solid rgba(17,21,27,.10);
}
.ccx-filter-head-title{font-weight:1000;font-size:16px}
.ccx-x{
  background:#fff;border:1px solid rgba(17,21,27,.12);color:var(--ccx-text);
  width:40px;height:40px;border-radius:14px;cursor:pointer
}
.ccx-filter-body{padding:12px;overflow:auto;flex:1}
.ccx-filter-footer{
  display:flex;gap:10px;padding:12px;border-top:1px solid rgba(17,21,27,.10);
  background:#fff
}
.ccx-filter-footer .ccx-btn{flex:1}

.ccx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.ccx-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  background:rgba(17,21,27,.04);border:1px solid rgba(17,21,27,.10);
  font-size:12px;color:var(--ccx-text)
}
.ccx-chip button{
  border:0;background:transparent;color:var(--ccx-muted);cursor:pointer;font-weight:1000
}

.ccx-cat-empty{padding:18px;border-radius:16px;border:1px dashed rgba(17,21,27,.20);color:var(--ccx-muted);text-align:center}

/* Responsive */
@media (max-width:1128px){
  .ccx-catalog-layout{grid-template-columns:1fr}
  .ccx-filters{display:none}
  .ccx-rowcard{grid-template-columns:110px 1fr;grid-template-rows:auto auto}
  .ccx-rowcard-cta{grid-column:1 / -1;flex-direction:row;align-items:center}
  .ccx-rowcard-price{text-align:left}
}
@media (max-width:560px){
  .ccx-h1{font-size:22px}
  .ccx-rowcard{grid-template-columns:96px 1fr}
  .ccx-rowcard-media img{height:90px}
  .ccx-rowcard-specs{display:none}
}

/* CCX_NO_STICKY_FILTERS */
.ccx-catalog aside.ccx-filters,
.ccx-catalog .ccx-filters,
.ccx-catalog .ccx-filters-inner{
  position: static !important;
  top: auto !important;
}

/* CCX_NO_STICKY_FILTERS */
.ccx-filters{
  position: static !important;
  top:auto !important;
}

/* CCX_CPU_GROUPS_STYLE */
.ccx-subfacet{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px 10px;
  margin:8px 0;
  background: rgba(255,255,255,.02);
}
.ccx-subfacet__summary{
  cursor:pointer;
  font-weight:600;
  list-style:none;
}
.ccx-subfacet__summary::-webkit-details-marker{ display:none; }
.ccx-subfacet__items{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height: 260px;
  overflow:auto;
  padding-right:4px;
}

/* CCX_SUBFACET_STYLE */
.ccx-subfacet{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:8px 10px;
  margin:8px 0;
  background: rgba(255,255,255,.02);
}
.ccx-subfacet__summary{
  cursor:pointer;
  font-weight:600;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.ccx-subfacet__summary::-webkit-details-marker{ display:none; }
.ccx-subfacet__summary:after{
  content:"▾";
  opacity:.55;
  font-size:12px;
}
.ccx-subfacet[open] .ccx-subfacet__summary:after{
  transform: rotate(180deg);
}
.ccx-subfacet__items{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:260px;
  overflow:auto;
  padding-right:6px;
}

/* CCX_PREMIUM_PRICE_SLIDER_START */
/* Objectif: 1 seule barre visuelle + 2 thumbs + segment actif */
.ccx-price{
  --ccx-pmin: 0%;
  --ccx-pmax: 100%;
}

/* le wrapper des 2 ranges */
.ccx-price__range{
  position:relative;
  height:22px;
  margin-top:10px;
}

/* superposition des 2 range */
.ccx-price__range input[type="range"][data-range-min],
.ccx-price__range input[type="range"][data-range-max]{
  -webkit-appearance:none;
  appearance:none;
  position:absolute;
  left:0; top:0;
  width:100%;
  height:22px;
  margin:0;
  background:transparent;
}

/* (webkit) track de base */
.ccx-price__range input[type="range"]::-webkit-slider-runnable-track{
  height:4px;
  border-radius:999px;
  background: rgba(17,21,27,.14);
}

/* (webkit) segment actif (uniquement sur le min) */
.ccx-price__range input[type="range"][data-range-min]::-webkit-slider-runnable-track{
  background: linear-gradient(to right,
    rgba(17,21,27,.14) 0%,
    rgba(17,21,27,.14) var(--ccx-pmin),
    rgba(46,213,115,.60) var(--ccx-pmin),
    rgba(46,213,115,.60) var(--ccx-pmax),
    rgba(17,21,27,.14) var(--ccx-pmax),
    rgba(17,21,27,.14) 100%
  );
}

/* (webkit) on masque le track du max */
.ccx-price__range input[type="range"][data-range-max]::-webkit-slider-runnable-track{
  background: transparent;
}

/* (webkit) thumbs premium */
.ccx-price__range input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,21,27,.14);
  box-shadow: 0 4px 14px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
  margin-top:-5px; /* aligne le thumb sur la barre */
  transform: translateZ(0);
}

.ccx-price__range input[type="range"]:hover::-webkit-slider-thumb{
  transform: scale(1.05);
}

.ccx-price__range input[type="range"]:active::-webkit-slider-thumb{
  transform: scale(1.12);
  box-shadow: 0 6px 18px rgba(0,0,0,.16), 0 1px 2px rgba(0,0,0,.10);
}

.ccx-price__range input[type="range"]:focus{ outline:none; }
.ccx-price__range input[type="range"]:focus-visible::-webkit-slider-thumb{
  box-shadow: 0 0 0 4px rgba(46,213,115,.25), 0 4px 14px rgba(0,0,0,.12);
}

/* Firefox */
.ccx-price__range input[type="range"]::-moz-range-track{
  height:4px;
  border-radius:999px;
  background: rgba(17,21,27,.14);
}
.ccx-price__range input[type="range"][data-range-min]::-moz-range-track{
  background: linear-gradient(to right,
    rgba(17,21,27,.14) 0%,
    rgba(17,21,27,.14) var(--ccx-pmin),
    rgba(46,213,115,.60) var(--ccx-pmin),
    rgba(46,213,115,.60) var(--ccx-pmax),
    rgba(17,21,27,.14) var(--ccx-pmax),
    rgba(17,21,27,.14) 100%
  );
}
.ccx-price__range input[type="range"][data-range-max]::-moz-range-track{
  background: transparent;
}
.ccx-price__range input[type="range"]::-moz-range-thumb{
  width:14px;
  height:14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,21,27,.14);
  box-shadow: 0 4px 14px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
}
.ccx-price__range input[type="range"]::-moz-range-progress{
  background: transparent;
}
/* CCX_PREMIUM_PRICE_SLIDER_END */

/* CCX_GPU_SERIES_TITLES */
.ccx-filter-group-title{
  margin: 10px 0 6px;
  font-weight: 600;
  font-size: 13px;
  opacity: .75;
}
.ccx-filter-group-title:first-child{ margin-top: 0; }

/* CCX_GPU_SERIES_ACCORDION */
.ccx-subacc{ border-top:1px solid rgba(0,0,0,.06); padding-top:6px; margin-top:6px; }
.ccx-subacc:first-child{ border-top:0; padding-top:0; margin-top:0; }

.ccx-subacc > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 2px;
  font-weight:600;
  font-size:13px;
  opacity:.85;
}
.ccx-subacc > summary::-webkit-details-marker{ display:none; }

.ccx-subacc > summary:after{
  content:"›";
  opacity:.55;
  transform:rotate(90deg);
  transition:transform .15s ease;
}
.ccx-subacc[open] > summary:after{ transform:rotate(-90deg); }

.ccx-subacc-meta{
  font-weight:600;
  font-size:12px;
  opacity:.55;
}

.ccx-subacc-body{ padding:4px 0 2px; }

/* CCX_PAGINATION_APPLE_START */
.ccx-cat-pagination{
  display:flex;
  justify-content:center;
  margin: 18px 0 28px;
}
.ccx-pagination{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.ccx-page-btn{
  appearance:none;
  border:0;
  background:transparent;
  padding:8px 12px;
  border-radius:999px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:transform .08s ease, background .15s ease, box-shadow .15s ease;
}
.ccx-page-btn:hover{
  background:rgba(16,185,129,.10);
}
.ccx-page-btn:active{
  transform:scale(.98);
}
.ccx-page-btn.is-active{
  background:rgba(16,185,129,.18);
}
.ccx-page-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.ccx-page-ellipsis{
  opacity:.55;
  padding:0 2px;
}
/* CCX_PAGINATION_APPLE_END */

/* CCX_CONNECTIVITY_CSS_START */
.ccx-filter-subtitle{
  margin: 12px 0 6px;
  font-weight: 700;
  letter-spacing: .2px;
  opacity: .9;
  font-size: 13px;
}
.ccx-filter-subtitle:first-child{ margin-top: 0; }
/* CCX_CONNECTIVITY_CSS_END */\n\n
/* CCX_NO_SECOND_SLIDE */
.ccx-acc-body,
.ccx-filter-list{
  overflow-x: hidden !important;
}

.ccx-check{
  display: flex;
  align-items: flex-start;
}

.ccx-check span{
  white-space: normal !important;
  overflow-wrap: anywhere;
}
/* /CCX_NO_SECOND_SLIDE */
\n

/* CCX_SINGLE_SCROLL_FACETS */
/* On garde UN seul scroll (celui du bloc facette), et on supprime les scrolls imbriqués */
.ccx-acc-body { overflow-x: hidden !important; }
.ccx-filter-list { overflow-x: hidden !important; }

/* si une sous-liste/group a son propre scroll, on l'annule */
.ccx-filter-list .ccx-filter-list,
.ccx-filter-list .ccx-sublist,
.ccx-filter-list .ccx-group-items,
.ccx-filter-list .ccx-group-body,
.ccx-filter-list details,
.ccx-filter-list [style*="overflow"],
.ccx-filter-list [class*="scroll"],
.ccx-filter-list [class*="overflow"]{
  overflow: visible !important;
  max-height: none !important;
}

/* évite le scroll horizontal “slide” */
.ccx-check span{ white-space: normal !important; overflow-wrap: anywhere; }
/* /CCX_SINGLE_SCROLL_FACETS */

/* CCX_RM_TOPBAR_FRAME_16174_START */
/* Supprime le cadre du bandeau (Meilleures offres et promotions + tri + filtres) sur /pc-de-bureau/ */
body.page-id-16174 .ccx-catalog-topbar,
body.page-id-16174 .ccx-catalog__topbar,
body.page-id-16174 .ccx-catalog-toolbar,
body.page-id-16174 .ccx-catalog__toolbar,
body.page-id-16174 .ccx-catalog-bar,
body.page-id-16174 .ccx-catalog__bar,
body.page-id-16174 .ccx-catalog-header,
body.page-id-16174 .ccx-catalog__header,
body.page-id-16174 .ccx-toolbar,
body.page-id-16174 .ccx-topbar,
body.page-id-16174 .ccx-controls{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* garde un peu d’air entre le hero et la grille */
body.page-id-16174 .ccx-catalog-topbar,
body.page-id-16174 .ccx-catalog__topbar,
body.page-id-16174 .ccx-toolbar,
body.page-id-16174 .ccx-topbar{
  margin: 0 0 12px !important;
}

/* CCX_RM_TOPBAR_FRAME_16174_END */


/* CCX_RM_SUBTITLE_FRAME_16174_START */
/* Enlève le cadre autour du bloc qui contient .ccx-catalog-sub (page /pc-de-bureau/) */
body.page-id-16174 .ccx-catalog-sub{
  /* si jamais le cadre est sur le sub lui-même */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Le cadre est généralement sur le conteneur de la barre */
body.page-id-16174 .ccx-catalog-sub,
body.page-id-16174 .ccx-catalog-sub + *{
  box-shadow: none !important;
}

/* Parent direct (le vrai coupable dans 90% des cas) */
body.page-id-16174 .ccx-catalog-sub{
  margin: 0 !important;
}
body.page-id-16174 .ccx-catalog-sub{
  display: block;
}

/* Si le parent a une classe connue (souvent présent) */
body.page-id-16174 .ccx-catalog-head,
body.page-id-16174 .ccx-catalog-header,
body.page-id-16174 .ccx-catalog-top,
body.page-id-16174 .ccx-catalog-bar,
body.page-id-16174 .ccx-catalog-tools,
body.page-id-16174 .ccx-catalog-toolbar{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Le plus important : neutraliser le conteneur qui ressemble à une “card” juste au-dessus */
body.page-id-16174 .ccx-catalog-wrap > .ccx-card,
body.page-id-16174 .ccx-catalog-wrap > .ccx-panel,
body.page-id-16174 .ccx-catalog-wrap > .ccx-box{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* CCX_RM_SUBTITLE_FRAME_16174_END */




/* 1) Retire le texte "Meilleures offres et promotions" */
body.page-id-16174 .ccx-catalog-sub{
  display:none !important;
}

/* 2) Enlève la pills "Filtrer" sur desktop (inutile car sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-filter-btn{
    display:none !important;
  }
}

/* 3) Tri : placement + look Apple */
body.page-id-16174 .ccx-catalog-head{
  /* rapproche le bloc du contenu, et évite l'effet “posé au hasard” */
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding: 6px 0 10px !important;
}

body.page-id-16174 .ccx-catalog-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* on cache le label "Trier par" (trop UI old-school) */
body.page-id-16174 .ccx-sort-label{
  display:none !important;
}

/* select plus premium */
body.page-id-16174 .ccx-sort-select{
  appearance:none !important;
  -webkit-appearance:none !important;

  height: 38px !important;
  padding: 0 36px 0 14px !important;
  border-radius: 14px !important;

  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;

  font-weight: 700 !important;
  color: #0f1216 !important;
}

/* petite flèche discrète */
body.page-id-16174 .ccx-sort{
  position:relative !important;
}
body.page-id-16174 .ccx-sort::after{
  content:"▾" !important;
  position:absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-46%) !important;
  opacity: .55 !important;
  pointer-events:none !important;
}

/* CCX_PCDEBUREAU_TOPBAR_POLISH_16174_END */




/* 1) Retire le texte "Meilleures offres et promotions" */
body.page-id-16174 .ccx-catalog-sub{
  display:none !important;
}

/* 2) Enlève la pills "Filtrer" sur desktop (inutile car sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-filter-btn{
    display:none !important;
  }
}

/* 3) Tri : placement + look Apple */
body.page-id-16174 .ccx-catalog-head{
  /* rapproche le bloc du contenu, et évite l'effet “posé au hasard” */
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding: 6px 0 10px !important;
}

body.page-id-16174 .ccx-catalog-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* on cache le label "Trier par" (trop UI old-school) */
body.page-id-16174 .ccx-sort-label{
  display:none !important;
}

/* select plus premium */
body.page-id-16174 .ccx-sort-select{
  appearance:none !important;
  -webkit-appearance:none !important;

  height: 38px !important;
  padding: 0 36px 0 14px !important;
  border-radius: 14px !important;

  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;

  font-weight: 700 !important;
  color: #0f1216 !important;
}

/* petite flèche discrète */
body.page-id-16174 .ccx-sort{
  position:relative !important;
}
body.page-id-16174 .ccx-sort::after{
  content:"▾" !important;
  position:absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-46%) !important;
  opacity: .55 !important;
  pointer-events:none !important;
}

/* CCX_PCDEBUREAU_TOPBAR_POLISH_16174_END */

/* CCX_PCDEBUREAU_TOPBAR_POLISH_16174_START */

/* 1) Retire le texte "Meilleures offres et promotions" */
body.page-id-16174 .ccx-catalog-sub{
  display:none !important;
}

/* 2) Enlève la pills "Filtres" sur desktop (sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-filter-btn{
    display:none !important;
  }
}

/* 3) Tri : placement + look Apple */
body.page-id-16174 .ccx-catalog-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding: 6px 0 10px !important;
}

body.page-id-16174 .ccx-catalog-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* cache "Trier par" */
body.page-id-16174 .ccx-sort-label{
  display:none !important;
}

/* select premium */
body.page-id-16174 .ccx-sort-select{
  appearance:none !important;
  -webkit-appearance:none !important;
  height: 38px !important;
  padding: 0 36px 0 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
  font-weight: 700 !important;
  color: #0f1216 !important;
}

/* flèche discrète */
body.page-id-16174 .ccx-sort{
  position:relative !important;
}
body.page-id-16174 .ccx-sort::after{
  content:"▾" !important;
  position:absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-46%) !important;
  opacity: .55 !important;
  pointer-events:none !important;
}

/* CCX_PCDEBUREAU_TOPBAR_POLISH_16174_END */

/* CCX_PCDEBUREAU_SUB_SORT_FILTERS_16174_START */

/* A) supprime le sous-titre */
body.page-id-16174 .ccx-sub{
  display:none !important;
}

/* B) on cache le label "Trier par" (garde le select) */
body.page-id-16174 label[for="ccx-sort"]{
  display:none !important;
}

/* C) select "ccx-sort" plus premium */
body.page-id-16174 #ccx-sort{
  appearance:none !important;
  -webkit-appearance:none !important;
  height: 38px !important;
  padding: 0 36px 0 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
  font-weight: 700 !important;
  color: #0f1216 !important;
}

/* flèche discrète (sur le parent du select si possible) */
body.page-id-16174 #ccx-sort{
  background-image: none !important;
}
body.page-id-16174 #ccx-sort{
  position: relative !important;
}

/* D) bouton "Filtres" en desktop : on le cache (on vise large mais safe) */
@media (min-width: 981px){
  body.page-id-16174 button[data-ccx-filter-toggle],
  body.page-id-16174 button.ccx-filter-toggle,
  body.page-id-16174 .ccx-filter-toggle,
  body.page-id-16174 .ccx-filters-toggle,
  body.page-id-16174 .ccx-btn-filters{
    display:none !important;
  }
}

/* CCX_PCDEBUREAU_SUB_SORT_FILTERS_16174_END */


/* CCX_PCDEBUREAU_SORT_PLACE_16174_START */

/* place le tri à droite et le remonte un peu */
body.page-id-16174 #ccx-sort{
  margin: 0 !important;
}

body.page-id-16174 #ccx-sort{
  /* si le parent est un flex, ça le colle à droite */
  align-self: flex-start !important;
}

/* si le select est dans un wrapper, on le pousse à droite */
body.page-id-16174 #ccx-sort{
  float: right !important;
}

/* CCX_PCDEBUREAU_SORT_PLACE_16174_END */


/* CCX_PCDEBUREAU_ACTIONS_16174_START */

/* 1) Retire "Meilleures offres et promotions" */
body.page-id-16174 .ccx-sub{
  display:none !important;
}

/* 2) Desktop: on masque le bouton "Filtres" (sidebar déjà visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-catalog-actions .ccx-btn.ccx-btn-filter[data-open-filters]{
    display:none !important;
  }
}

/* 3) Tri: plus clean + mieux placé */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important; /* tout à droite */
  gap:10px !important;
  margin: 4px 0 14px !important; /* meilleure respiration sous le hero */
}

/* cache le label "Trier par" */
body.page-id-16174 .ccx-sort label[for="ccx-sort"]{
  display:none !important;
}

/* select plus premium */
body.page-id-16174 .ccx-sort #ccx-sort{
  appearance:none !important;
  -webkit-appearance:none !important;
  height: 38px !important;
  padding: 0 36px 0 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
  font-weight: 700 !important;
  color: #0f1216 !important;
}

/* CCX_PCDEBUREAU_ACTIONS_16174_END */


/* CCX_UI_POLISH_16174_START */

/* 1) Retire le texte */
body.page-id-16174 .ccx-sub{ display:none !important; }

/* 2) Enlève le bouton "Filtres" sur desktop */
@media (min-width: 981px){
  body.page-id-16174 .ccx-btn.ccx-btn-filter{ display:none !important; }
}

/* 3) Range le tri (label caché + select plus premium) */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin: 8px 0 14px !important;
}
body.page-id-16174 .ccx-sort label{ display:none !important; }

body.page-id-16174 .ccx-sort select#ccx-sort{
  height: 36px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

/* CCX_UI_POLISH_16174_END */


/* CCX_APPLE_ROWBTN_START */

/* Bouton "Voir l’offre" — ultra soft / Apple-like */
.ccx-rowcard .ccx-btn.ccx-btn-primary.ccx-rowcard-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  min-width: 132px !important;
  height: 40px !important;
  padding: 0 16px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15,18,22,.10) !important;

  /* mono couleur (plus de bi-couleur) */
  background: rgba(255,255,255,.92) !important;
  color: rgba(15,18,22,.92) !important;

  box-shadow:
    0 12px 26px rgba(0,0,0,.08),
    0 1px 0 rgba(255,255,255,.85) inset !important;

  font-weight: 750 !important;
  letter-spacing: .1px !important;
  text-decoration:none !important;

  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, border-color .14s ease !important;
}

/* Hover desktop : léger lift */
@media (hover:hover){
  .ccx-rowcard .ccx-btn.ccx-btn-primary.ccx-rowcard-btn:hover{
    transform: translateY(-1px) !important;
    background: #fff !important;
    border-color: rgba(15,18,22,.14) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.10), 0 1px 0 rgba(255,255,255,.9) inset !important;
  }
}

/* Press : effet iOS */
.ccx-rowcard .ccx-btn.ccx-btn-primary.ccx-rowcard-btn:active{
  transform: translateY(0px) scale(.99) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08), 0 1px 0 rgba(255,255,255,.9) inset !important;
}

/* CCX_APPLE_ROWBTN_END */


/* CCX_SMARTPHONE_STYLE_PC_16174_START */

/* 0) Fond global soft (comme Smartphones) */
body.page-id-16174{
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(0,255,106,.08), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfc 60%, #ffffff 100%) !important;
}

/* 1) Même “panel” premium autour du contenu */
body.page-id-16174 .ccx-catalog-wrap,
body.page-id-16174 .ccx-catalog{
  background: transparent !important;
}

body.page-id-16174 .ccx-catalog-layout{
  gap: 22px !important;
}

/* 2) Top actions (tri) aligné, look smartphone */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:12px !important;
  margin: 8px 0 14px !important;
}

body.page-id-16174 .ccx-sort label{ display:none !important; }

body.page-id-16174 .ccx-sort select#ccx-sort{
  height: 36px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

/* 3) Bouton Filtres OFF sur desktop (comme on veut sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-btn.ccx-btn-filter{ display:none !important; }
}

/* 4) “Voir l’offre” style smartphone (mono + soft) */
body.page-id-16174 .ccx-rowcard .ccx-btn.ccx-btn-primary.ccx-rowcard-btn{
  border-radius: 999px !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  background: rgba(255,255,255,.92) !important;
  color: rgba(15,18,22,.92) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.08),
    0 1px 0 rgba(255,255,255,.85) inset !important;
}
@media (hover:hover){
  body.page-id-16174 .ccx-rowcard .ccx-btn.ccx-btn-primary.ccx-rowcard-btn:hover{
    background:#fff !important;
    border-color: rgba(15,18,22,.14) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.10), 0 1px 0 rgba(255,255,255,.9) inset !important;
  }
}

/* CCX_SMARTPHONE_STYLE_PC_16174_END */


/* CCX_FIX_TOPBAR_REAL_16174_START */

/* 1) Retire le texte "Meilleures offres et promotions" */
body.page-id-16174 .ccx-sub{
  display:none !important;
}

/* 2) Retire le bouton "Filtres" en desktop (sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-btn.ccx-btn-filter{
    display:none !important;
  }
}

/* 3) Tri : placement + look Apple (on aligne tout à droite, propre) */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap: 10px !important;
  margin: 10px 0 14px !important;
}

/* on masque le label "Trier par" */
body.page-id-16174 .ccx-sort > label[for="ccx-sort"]{
  display:none !important;
}

/* Select premium */
body.page-id-16174 .ccx-sort #ccx-sort{
  -webkit-appearance:none !important;
  appearance:none !important;

  height: 36px !important;
  padding: 0 38px 0 14px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(15,18,22,.10) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;

  font-weight: 650 !important;
  color: rgba(15,18,22,.88) !important;
  cursor:pointer !important;

  /* petite flèche */
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15,18,22,.55) 50%),
    linear-gradient(135deg, rgba(15,18,22,.55) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent) !important;
  background-position:
    calc(100% - 18px) 14px,
    calc(100% - 13px) 14px,
    0 0 !important;
  background-size: 6px 6px, 6px 6px, 100% 100% !important;
  background-repeat: no-repeat !important;
}

/* CCX_FIX_TOPBAR_REAL_16174_END */


/* CCX_BG_SMARTPHONE_LIKE_16174_START */
body.page-id-16174 #main-content{
  background:
    radial-gradient(900px 360px at 12% 0%, rgba(0,0,0,.035), transparent 62%),
    radial-gradient(700px 300px at 92% 18%, rgba(0,255,106,.08), transparent 60%),
    #fff !important;
}
/* CCX_BG_SMARTPHONE_LIKE_16174_END */


/* CCX_TABLET_ROWCTA_16174_START */
/* Tablette: prix en bas à gauche + petit bouton en bas à droite (rowcards) */
@media (max-width: 980px){

  /* 1) CTA en grille: prix à gauche, bouton à droite */
  body.page-id-16174 .ccx-rowcard-cta{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  /* 2) Prix sur une seule ligne */
  body.page-id-16174 .ccx-rowcard-price{
    justify-self: start !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* 3) Bouton compact, en bas à droite */
  body.page-id-16174 .ccx-rowcard-btn.ccx-btn{
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;

    padding: 10px 14px !important;
    height: 36px !important;
    line-height: 16px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
  }

  /* Si une règle force le bouton full-width */
  body.page-id-16174 .ccx-rowcard-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* CCX_TABLET_ROWCTA_16174_END */


/* CCX_PCDEBUREAU_UI_FIX_16174_START */

/* --- A) Topbar : retire le sous-titre + bouton Filtres sur desktop --- */
body.page-id-16174 .ccx-sub{
  display:none !important;
}

/* Desktop : on cache le bouton "Filtres" (sidebar déjà visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-btn.ccx-btn-filter{
    display:none !important;
  }
}

/* --- B) Tri : look + placement plus premium --- */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin: 10px 0 12px !important;
}

/* cache le "Trier par" */
body.page-id-16174 .ccx-sort > label{
  display:none !important;
}

/* select plus Apple-like */
body.page-id-16174 .ccx-sort select#ccx-sort{
  appearance:none !important;
  -webkit-appearance:none !important;
  height: 38px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  font-weight: 650 !important;
  color: #0f1216 !important;
  cursor: pointer !important;
}

/* petite flèche */
body.page-id-16174 .ccx-sort{
  position: relative !important;
}
body.page-id-16174 .ccx-sort::after{
  content:"▾" !important;
  position:absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  opacity: .55 !important;
  pointer-events:none !important;
}

/* --- C) Bouton "Voir l’offre" : FINI le bicolore, style clean --- */
body.page-id-16174 a.ccx-rowcard-btn.ccx-btn-primary{
  background: #0f1216 !important;
  color: #fff !important;
  border: 1px solid rgba(15,18,22,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.12) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}
body.page-id-16174 a.ccx-rowcard-btn.ccx-btn-primary:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
}

/* --- D) Tablette (1128 -> 981) : CTA compact en bas, prix à gauche / bouton à droite --- */
@media (max-width: 1128px){
  body.page-id-16174 .ccx-rowcard-cta{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap: 12px !important;
  }

  /* prix sur une ligne */
  body.page-id-16174 .ccx-rowcard-price{
    white-space: nowrap !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* bouton petit, en bas à droite */
  body.page-id-16174 a.ccx-rowcard-btn.ccx-btn-primary{
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

/* CCX_PCDEBUREAU_UI_FIX_16174_END */


/* CCX_PCDEBUREAU_UI_POLISH_16174_START */

/* (A) Retire le sous-titre "Meilleures offres et promotions" */
body.page-id-16174 .ccx-sub{
  display:none !important;
}

/* (B) Enlève le bouton "Filtres" en desktop (sidebar visible) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-btn.ccx-btn-filter{
    display:none !important;
  }
}

/* (C) Tri : placement + look plus premium */
body.page-id-16174 .ccx-catalog-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

/* cache le label "Trier par" (trop old-school) */
body.page-id-16174 .ccx-sort > label{
  display:none !important;
}

/* select plus soft */
body.page-id-16174 #ccx-sort{
  appearance:none !important;
  -webkit-appearance:none !important;

  height: 34px !important;
  padding: 0 34px 0 12px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(15,18,22,.10) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;

  font-weight: 600 !important;
  font-size: 13px !important;
  color: rgba(15,18,22,.86) !important;
}

/* petite flèche (sans toucher au HTML) */
body.page-id-16174 .ccx-sort{
  position: relative !important;
}
body.page-id-16174 .ccx-sort::after{
  content:"▾" !important;
  position:absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-48%) !important;
  font-size: 12px !important;
  color: rgba(15,18,22,.55) !important;
  pointer-events:none !important;
}

/* (D) Images : rendu “Fnac-like” (propre, sans gros cadre gris) */
body.page-id-16174 .ccx-rowcard-media{
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.08) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

body.page-id-16174 .ccx-rowcard-media img{
  display:block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;

  /* adieu fond gris / gros contour */
  background: transparent !important;
  border: 0 !important;

  /* un peu d’air comme les marchands */
  padding: 10px !important;
}

/* (E) Bouton "Voir l’offre" : fini le bi-couleur, style soft */
body.page-id-16174 .ccx-rowcard-btn.ccx-btn-primary{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,18,22,.12) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.07) !important;

  color: rgba(15,18,22,.92) !important;
  font-weight: 700 !important;

  border-radius: 999px !important;
  padding: 10px 14px !important;
}

/* hover discret */
@media (hover:hover){
  body.page-id-16174 .ccx-rowcard-btn.ccx-btn-primary:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.10) !important;
  }
}

/* (F) Vue tablette (≤1128px) : prix bas gauche + bouton bas droite (compact) */
@media (max-width: 1128px){

  body.page-id-16174 .ccx-rowcard-cta{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap: 10px !important;

    /* force le CTA en bas de card */
    padding-top: 8px !important;
  }

  /* Prix en une seule ligne */
  body.page-id-16174 .ccx-rowcard-price{
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    margin: 0 !important;
  }

  /* Bouton petit */
  body.page-id-16174 .ccx-rowcard-btn{
    width: auto !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
}

/* (G) Vue “tablette étroite” (≤981px) : on garde EXACTEMENT le même comportement */
@media (max-width: 981px){
  body.page-id-16174 .ccx-rowcard-cta{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
  }
}

/* CCX_PCDEBUREAU_UI_POLISH_16174_END */


/* CCX_PCDEBUREAU_BIGGER_IMAGES_16174_START */

/* 1) Agrandit la colonne image (desktop) */
@media (min-width: 981px){
  body.page-id-16174 .ccx-rowcard{
    grid-template-columns: 160px 1fr auto !important; /* image / contenu / prix+btn */
  }

  body.page-id-16174 .ccx-rowcard-media{
    width: 150px !important;
    height: 150px !important;
  }

  body.page-id-16174 .ccx-rowcard-media img{
    padding: 6px !important; /* moins d’air => image + grande */
  }
}

/* 2) Tablette : image un peu plus grande aussi */
@media (max-width: 980px){
  body.page-id-16174 .ccx-rowcard{
    grid-template-columns: 140px 1fr !important;
  }

  body.page-id-16174 .ccx-rowcard-media{
    width: 132px !important;
    height: 132px !important;
  }

  body.page-id-16174 .ccx-rowcard-media img{
    padding: 6px !important;
  }
}

/* 3) Mobile : image correcte sans prendre trop de place */
@media (max-width: 620px){
  body.page-id-16174 .ccx-rowcard-media{
    width: 118px !important;
    height: 118px !important;
  }
}

/* CCX_PCDEBUREAU_BIGGER_IMAGES_16174_END */


/* CCX_PC_DE_BUREAU_HIDE_WP_TITLE */
body.page-id-16174 h1.entry-title,
body.page-id-16174 h1.entry-title.main_title{
  display:none !important;
}