/* Skill Category - styles front (prefixe skcat-, isole du theme) */
.skcat{
  --skcat-accent:#b06a4f;
  --skcat-ink:#1f1d1a;--skcat-soft:#5c574f;--skcat-muted:#8b857a;--skcat-line:#e7e3db;
  --skcat-bg-warm:#f4efe7;--skcat-card:#fff;--skcat-star:#c9a227;
  --skcat-radius:14px;
  color:var(--skcat-ink);
  font-family:inherit;
  /* Remplit toujours le conteneur du theme (certains themes, ex. Astra, mettent
     un .ast-container en display:flex -> sans width:100% le bloc ne s'etire pas). */
  width:100%;
}
/* Ecrase le conteneur du theme (uniquement celui qui enveloppe notre bloc, via :has)
   pour que nos largeurs prennent le dessus et aillent jusqu'aux bords de l'ecran.
   Le CSS n'est charge que sur nos pages -> ne touche pas header/footer. */
:has(> .skcat){max-width:none!important;padding-left:0!important;padding-right:0!important;width:auto!important}
.skcat *{box-sizing:border-box}
.skcat [data-module].is-off{display:none!important}
.skcat img{max-width:100%;display:block}
/* Reset anti-theme : certains themes colorent tous les <button> (fond vert, etc.) */
.skcat .skcat-fgroup__title{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.skcat .skcat-page{background:var(--skcat-card)!important;border:1px solid var(--skcat-line)!important;-webkit-appearance:none;appearance:none}
.skcat .skcat-page.is-current{background:var(--skcat-ink)!important;border-color:var(--skcat-ink)!important}
/* Oeil apercu rapide : forcer un rond net (le theme impose padding:15px 30px sur les <button> -> ovale). */
.skcat .skcat-card__eye{background:rgba(255,255,255,.92)!important;border:0!important;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:50%!important;line-height:1!important;flex:0 0 auto!important}
.skcat .skcat-card__thumb,.skcat .skcat-qv__thumb{background:#fff!important}
.skcat .skcat-card__eye,.skcat .skcat-card__thumb,.skcat .skcat-qv__thumb{-webkit-appearance:none;appearance:none}
/* LARGEUR MAITRESSE : toutes les sections "Largeur du site" heritent de --skc-sitew
   (curseur unique "Largeur du site" du panneau, accordeon Mise en page generale). */
.skcat-wrap{max-width:var(--skc-sitew,1280px);margin:0 auto;padding:0 20px}
.skcat.skcat-width-full .skcat-wrap{max-width:none}

/* ---- HERO ---- */
.skcat-hero{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--skcat-bg-warm);border-radius:20px;overflow:hidden;margin:24px 0 26px}
.skcat-hero--noimg{grid-template-columns:1fr}
.skcat-hero__media{overflow:hidden;min-height:240px;background:var(--skcat-line)}
.skcat-hero__media img{width:100%;height:100%;object-fit:cover}
.skcat-hero__content{padding:30px 38px 26px;display:flex;flex-direction:column;justify-content:center}
.skcat-hero__crumb{font-size:13px;color:var(--skcat-muted);margin-bottom:14px}
.skcat-hero__crumb a{color:var(--skcat-accent);font-weight:600;text-decoration:none}
.skcat-hero__crumb .sep{margin:0 6px;opacity:.6}
.skcat-hero__title{font-size:34px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--skcat-ink);margin:0 0 16px;line-height:1.05}
.skcat-hero__body{position:relative;max-height:78px;overflow:hidden;transition:max-height .55s cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}
.skcat-hero.is-expanded .skcat-hero__body{max-height:1200px}
.skcat-hero__body--full{max-height:none;overflow:visible}
.skcat-hero__body--full::after{display:none}
/* Une seule banniere visible selon le style actif (les deux sont rendues en apercu). */
.skcat-herostyle-stats .skcat-hero{display:none!important}
.skcat-herostyle-split .skcat-hero2,
.skcat-herostyle-banner .skcat-hero2{display:none!important}
.skcat-hero__body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(to bottom,rgba(244,239,231,0),var(--skcat-bg-warm));transition:opacity .4s;pointer-events:none}
.skcat-hero.is-expanded .skcat-hero__body::after{opacity:0}
.skcat-hero__body p{font-size:15px;line-height:1.7;color:var(--skcat-soft);margin:0 0 12px}
.skcat-hero__more{display:inline-flex;align-items:center;gap:8px;margin:16px auto 0;background:none;border:0;color:var(--skcat-ink);font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit}
.skcat-hero__more svg{width:16px;height:16px;transition:transform .3s}
.skcat-hero.is-expanded .skcat-hero__more svg{transform:rotate(180deg)}

/* ---- HERO STYLE BANNIERE (image en fond, texte dessus) ---- */
.skcat-herostyle-banner .skcat-hero{display:block;position:relative;min-height:var(--skc-hero-h,420px);border-radius:20px;overflow:hidden;background:var(--skcat-ink)}
.skcat-herostyle-banner .skcat-hero__media{position:absolute;inset:0;min-height:0}
.skcat-herostyle-banner .skcat-hero__media img{width:100%;height:100%;object-fit:cover}
.skcat-herostyle-banner .skcat-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,11,.62) 0%,rgba(15,13,11,.35) 45%,rgba(15,13,11,.05) 100%);z-index:1}
.skcat-herostyle-banner .skcat-hero__content{position:relative;z-index:2;color:#fff;max-width:620px;min-height:var(--skc-hero-h,420px);padding:48px 44px;justify-content:center}
.skcat-herostyle-banner .skcat-hero__crumb{color:rgba(255,255,255,.85)}
.skcat-herostyle-banner .skcat-hero__crumb a{color:#fff}
.skcat-herostyle-banner .skcat-hero__title{color:#fff}
.skcat-herostyle-banner .skcat-hero__body p{color:rgba(255,255,255,.92)}
.skcat-herostyle-banner .skcat-hero__body::after{opacity:0}
.skcat-herostyle-banner .skcat-hero__more{color:#fff;align-self:flex-start;margin-left:0}
@media (max-width:768px){
  .skcat-herostyle-banner .skcat-hero,.skcat-herostyle-banner .skcat-hero__content{min-height:260px}
  .skcat-herostyle-banner .skcat-hero__content{padding:30px 24px}
}

/* ---- HERO STYLE "STATS" (eyebrow + titre + 3 stats + image, porte de l'ancienne extension) ---- */
.skcat-hero2{background:linear-gradient(180deg,var(--h2-from,#faf8f4),var(--h2-to,#fff));padding:var(--h2-pt,32px) 0 var(--h2-pb,40px);border-radius:18px;margin:16px 0 24px}
.skcat-hero2__bc{font-size:var(--h2-bcs,13px);color:var(--h2-bc,#8b857a);padding:0 28px 14px;display:flex;gap:8px;align-items:center}
.skcat-hero2__bc a{color:var(--h2-bc,#8b857a);text-decoration:none}
.skcat-hero2__bc a:hover{color:var(--h2-bch,#b06a4f)}
.skcat-hero2__bc .sep{opacity:.6}
.skcat-hero2__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:0 28px}
.skcat-hero2__eyebrow{font-size:var(--h2-ebs,11px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--h2-ebc,#b06a4f);margin-bottom:10px}
.skcat-hero2__title{font-size:var(--h2-ts,36px);font-weight:var(--h2-tw,700);color:var(--h2-tc,#1f1d1a);line-height:1.1;margin:0 0 12px}
.skcat-hero2__desc{font-size:var(--h2-ds,15px);color:var(--h2-dc,#5c574f);line-height:1.7;margin:0 0 18px;max-width:60ch}
.skcat-hero2__stats{display:flex;flex-wrap:wrap;gap:28px}
.skcat-hero2__stat strong{display:block;font-size:var(--h2-svs,22px);color:var(--h2-svc,#1f1d1a);font-weight:800;line-height:1.1}
.skcat-hero2__stat span{font-size:var(--h2-sls,12px);color:var(--h2-slc,#8b857a)}
.skcat-hero2__img{border-radius:var(--h2-imgr,18px);overflow:hidden;background:var(--h2-imgbg,#f4efe7);aspect-ratio:4/3}
.skcat-hero2__img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:768px){
  .skcat-hero2__inner{grid-template-columns:1fr;gap:18px}
  .skcat-hero2__title{font-size:calc(var(--h2-ts,36px) * .72)}
  .skcat-hero2__img{order:-1;aspect-ratio:16/9}
}

/* ---- LAYOUT ---- */
.skcat-layout{display:grid;grid-template-columns:1fr;gap:32px;padding:0 0 50px;align-items:start}
.skcat-layout-sidebar .skcat-layout{grid-template-columns:270px 1fr}
.skcat-layout-sidebar.skcat-side-right .skcat-layout{grid-template-columns:1fr 270px}
.skcat-layout-sidebar .skcat-layout:not(:has(.skcat-sidebar)),
.skcat-layout-sidebar .skcat-layout:has(.skcat-sidebar.is-off){grid-template-columns:1fr}
.skcat.skcat-side-right .skcat-sidebar{order:2}
/* Disposition : barre horizontale = pleine largeur, pas de sidebar */
.skcat-layout-topbar .skcat-layout{display:block}
.skcat-layout-topbar .skcat-sidebar{display:none}
.skcat-layout-sidebar .skcat-catbar,.skcat-layout-sidebar .skcat-fbar{display:none}

/* ---- BARRE DE CATEGORIES (icones) ---- */
.skcat-catbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:6px 0 26px}
.skcat-catbar-left .skcat-catbar{justify-content:flex-start}
/* "Centre" = cases de largeur EGALE qui REMPLISSENT la barre (belle largeur, ecart regulier,
   pas de gros trous). Chaque pastille grandit a parts egales, contenu centre. Applique aux
   styles Photo et Texte (Rond/XXL gardent leur taille propre). Consigne client.
   DESKTOP UNIQUEMENT : en mobile (<=768px) les chips gardent leur largeur naturelle + defilement. */
.skcat-catbar-center .skcat-catbar{justify-content:flex-start;gap:14px}
.skcat-catbar-right .skcat-catbar{justify-content:safe flex-end}
.skcat-catmode-scroll.skcat-catbar-center .skcat-catbar{justify-content:flex-start}
.skcat-catmode-scroll.skcat-catbar-right .skcat-catbar{justify-content:safe flex-end}
@media (min-width:769px){
  .skcat-catbarstyle-photo.skcat-catbar-center .skcat-catbar__item,
  .skcat-catbarstyle-text.skcat-catbar-center .skcat-catbar__item{flex:1 1 0;justify-content:center;min-width:0}
}
.skcat-catmode-scroll.skcat-catbar-right .skcat-catbar{justify-content:safe flex-end}
/* Reference client : texte LEGER (pas gras) qui peut passer sur 2 lignes, image de la
   categorie affichee ENTIERE comme une icone (pas de carre beige, pas de recadrage). */
.skcat-catbar__item{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--skcat-line);border-radius:12px;background:var(--skcat-card);font-size:14px;font-weight:500;color:var(--skcat-ink);text-decoration:none;transition:.15s}
.skcat-catbar__item:hover{border-color:var(--skcat-accent);box-shadow:0 6px 18px -12px rgba(0,0,0,.2)}
/* categorie COURANTE mise en avant (comme le modele) */
.skcat-catbar__item.is-active{border-color:var(--skcat-accent);color:var(--skcat-accent);font-weight:600}
.skcat-catbar__name{line-height:1.25;white-space:normal}
/* Image de categorie en CERCLE, bien visible (prend une bonne partie de la carte).
   Taille pilotee par le reglage "Taille de l'image" (--skc-catic). */
.skcat-catbar__ic{width:var(--skc-catic,52px);height:var(--skc-catic,52px);border-radius:50%;overflow:hidden;background:var(--skcat-bg-warm);flex:0 0 auto;display:grid;place-items:center}
.skcat-catbar__ic img{width:100%;height:100%;object-fit:cover}
/* Plus de LETTRE en repli : un cercle neutre (le client met de vraies images). */
.skcat-catbar__ph{display:none}

/* ---- Styles de la barre de categories (sans sidebar) ---- */
/* Texte : pastille masquee */
.skcat-catbarstyle-text .skcat-catbar__ic{display:none}
.skcat-catbarstyle-text .skcat-catbar__item{padding:10px 18px}
/* Rond : bulle circulaire + nom dessous */
.skcat-catbarstyle-round .skcat-catbar{gap:18px 22px}
.skcat-catbarstyle-round .skcat-catbar__item{flex-direction:column;gap:8px;padding:0;border:0;background:none;font-size:13px}
.skcat-catbarstyle-round .skcat-catbar__item:hover{box-shadow:none}
.skcat-catbarstyle-round .skcat-catbar__ic{width:78px;height:78px;border-radius:50%;border:1px solid var(--skcat-line);transition:.15s}
.skcat-catbarstyle-round .skcat-catbar__ph{font-size:24px}
.skcat-catbarstyle-round .skcat-catbar__item:hover .skcat-catbar__ic{border-color:var(--skcat-accent);transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(0,0,0,.3)}
/* XXL : grande carte image + nom */
.skcat-catbarstyle-xxl .skcat-catbar{gap:16px}
.skcat-catbarstyle-xxl .skcat-catbar__item{flex-direction:column;gap:0;padding:0;border:1px solid var(--skcat-line);border-radius:14px;overflow:hidden;width:172px;background:var(--skcat-card)}
.skcat-catbarstyle-xxl .skcat-catbar__ic{width:100%;height:122px;border-radius:0}
.skcat-catbarstyle-xxl .skcat-catbar__ph{font-size:34px}
.skcat-catbarstyle-xxl .skcat-catbar__name{padding:10px 12px 12px;font-size:14px;text-align:center;width:100%}
.skcat-catbarstyle-xxl .skcat-catbar__item:hover{border-color:var(--skcat-accent);box-shadow:0 12px 28px -16px rgba(0,0,0,.3)}
/* mode defilement horizontal (1 ligne) */
.skcat-catmode-scroll .skcat-catbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--skcat-line) transparent;-webkit-overflow-scrolling:touch}
.skcat-catmode-scroll .skcat-catbar__item{flex:0 0 auto}
.skcat-catmode-scroll .skcat-catbar::-webkit-scrollbar{height:6px}
.skcat-catmode-scroll .skcat-catbar::-webkit-scrollbar-track{background:transparent}
.skcat-catmode-scroll .skcat-catbar::-webkit-scrollbar-thumb{background:var(--skcat-line);border-radius:100px}
.skcat-catmode-scroll .skcat-catbar::-webkit-scrollbar-thumb:hover{background:var(--skcat-muted)}
@media (max-width:768px){.skcat-catbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.skcat-catbar__item{flex:0 0 auto}}

/* ---- ICONES a gauche des categories (sidebar) ---- */
.skcat-flink__ic{width:22px;height:22px;border-radius:5px;object-fit:cover;margin-right:8px;vertical-align:middle;display:none}
.skcat-caticons .skcat-flink__ic{display:inline-block}

/* ---- SKELETONS (chargement AJAX) ---- */
.skcat-skel{border:1px solid var(--skcat-line);border-radius:14px;overflow:hidden;background:var(--skcat-card)}
.skcat-skel__img{aspect-ratio:1/1;background:linear-gradient(90deg,#ececec,#f6f6f6,#ececec);background-size:200% 100%;animation:skcatShimmer 1.2s infinite}
.skcat-skel__l{height:12px;margin:12px;border-radius:6px;background:linear-gradient(90deg,#ececec,#f6f6f6,#ececec);background-size:200% 100%;animation:skcatShimmer 1.2s infinite}
.skcat-skel__l--s{width:50%}
@keyframes skcatShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ---- TOAST (ajout panier) ---- */
.skcat-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--skcat-ink);color:#fff;padding:12px 22px;border-radius:100px;font-size:14px;font-weight:700;opacity:0;transition:.25s;z-index:100000;pointer-events:none}
.skcat-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---- SIDEBAR ---- */
.skcat-sidebar{position:sticky;top:24px;background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:18px;padding:22px 20px}
.skcat-sbtitle{margin-bottom:12px}
.skcat-sbtitle h2{font-size:20px;font-weight:700;margin:0}
.skcat-sbtitle span{font-size:14px;color:var(--skcat-muted);font-weight:400}
.skcat-fgroup{border-bottom:1px solid var(--skcat-line);padding:16px 0}
.skcat-fgroup:last-of-type{border-bottom:0}
.skcat-fgroup__title{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--skcat-accent);padding:0 0 4px;background:none;border:0;cursor:pointer;font-family:inherit}
.skcat-fgroup__title .chev{color:var(--skcat-muted);font-size:12px;transition:transform .2s}
.skcat-fgroup.is-open .skcat-fgroup__title .chev{transform:rotate(180deg)}
.skcat-fgroup__body{padding-top:10px}
.skcat-fgroup:not(.is-open) .skcat-fgroup__body{display:none}
.skcat-flink{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--skcat-soft);padding:6px 8px;border-radius:7px;transition:.12s;text-decoration:none;cursor:pointer}
.skcat-flink:hover{background:var(--skcat-bg-warm);color:var(--skcat-accent)}
.skcat-flink.is-active{background:var(--skcat-bg-warm);color:var(--skcat-accent);font-weight:700}
.skcat-flink label{cursor:pointer;flex:1;margin:0}
.skcat-flink b{font-weight:400;color:var(--skcat-muted);font-size:13px}
.skcat-nocounts .skcat-flink b{display:none}
.skcat-reset{display:block;margin-top:16px;padding:11px;border:1px solid var(--skcat-line);border-radius:9px;font-size:12.5px;font-weight:700;color:var(--skcat-soft);text-align:center;text-decoration:none;transition:.15s}
.skcat-reset:hover{background:var(--skcat-ink);color:#fff;border-color:var(--skcat-ink)}
/* ---- FILTRE PRIX (double slider, a l'epreuve du theme) ---- */
.skcat-price{padding:10px 2px 2px}
.skcat-price__track{position:relative;height:4px;background:var(--skcat-line);border-radius:4px;margin:18px 10px 22px}
.skcat-price__fill{position:absolute;height:100%;background:var(--skcat-accent);border-radius:4px}
.skcat .skcat-price__range{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:22px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;pointer-events:none;accent-color:auto}
.skcat .skcat-price__range::-webkit-slider-runnable-track{background:transparent!important;border:0!important;height:22px}
.skcat .skcat-price__range::-moz-range-track{background:transparent!important;border:0!important;height:22px}
.skcat .skcat-price__range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:18px;height:18px;border-radius:50%!important;background:var(--skcat-ink)!important;border:0!important;box-shadow:none!important;cursor:pointer;pointer-events:auto}
.skcat .skcat-price__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%!important;background:var(--skcat-ink)!important;border:0!important;box-shadow:none!important;cursor:pointer;pointer-events:auto}
.skcat-price__vals{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--skcat-ink);font-weight:600}
.skcat-price__sep{color:var(--skcat-muted)}

.skcat-promo{margin-top:18px}
.skcat-promo__link{display:block;border-radius:12px;overflow:hidden}
.skcat-promo__img{width:100%;height:auto;display:block}
.skcat-promo.is-empty .skcat-promo__link{min-height:130px;background:var(--skcat-bg-warm);border:1px dashed var(--skcat-line);display:grid;place-items:center}
.skcat-promo.is-empty .skcat-promo__link::after{content:"Image pub";color:var(--skcat-muted);font-size:12px}

/* ---- STYLE FILTRES "ENCADRE" (chaque groupe = une carte) ---- */
.skcat-filters-boxed .skcat-sidebar{background:transparent;border:0;border-radius:0;padding:0}
.skcat-filters-boxed .skcat-sbtitle{background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:12px;padding:16px 18px;margin-bottom:12px}
.skcat-filters-boxed .skcat-search{margin-bottom:12px}
.skcat-filters-boxed .skcat-fgroup{background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:12px;padding:14px 18px;margin-bottom:12px}
.skcat-filters-boxed .skcat-fgroup:last-of-type{border:1px solid var(--skcat-line)}
.skcat-filters-boxed .skcat-fgroup__title{color:var(--skcat-ink);text-transform:none;letter-spacing:0;font-size:15px;font-weight:700}
.skcat-filters-boxed .skcat-fgroup__title .chev{color:var(--skcat-ink)}

/* ---- FILTRES ACTIFS (chips) ---- */
.skcat-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.skcat-filters-boxed .skcat-chips{background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:12px;padding:14px 16px}
.skcat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--skcat-line);border-radius:100px;font-size:12.5px;color:var(--skcat-ink);text-decoration:none;background:var(--skcat-card)}
.skcat-chip span{color:var(--skcat-muted);font-weight:700}
.skcat-chip:hover{border-color:var(--skcat-accent);color:var(--skcat-accent)}
.skcat-chips__clear{font-size:12.5px;color:var(--skcat-accent);text-decoration:underline;text-underline-offset:2px;margin-left:auto}
.skcat-chips__empty{font-size:12.5px;color:var(--skcat-muted)}

/* ---- CARTE AIDE ---- */
.skcat-help{display:flex;gap:12px;align-items:center;background:var(--skcat-bg-warm);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.skcat-help__icon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--skcat-accent);color:#fff;display:grid;place-items:center;font-weight:800}
.skcat-help__title{font-size:13px;margin:0 0 2px;color:var(--skcat-ink);line-height:1.35}
.skcat-help__link{font-size:13px;font-weight:700;color:var(--skcat-accent);text-decoration:underline;text-underline-offset:2px}

/* ---- RECHERCHE DANS UN FILTRE ---- */
.skcat-fsearch{margin-bottom:10px}
.skcat-fsearch__input{width:100%;border:1px solid var(--skcat-line);border-radius:8px;padding:8px 11px;font-size:13px;background:var(--skcat-bg)}

/* ---- STYLE FILTRES "MINIMAL" (editorial, +/-, compteurs entre parentheses) ---- */
.skcat-filters-minimal .skcat-sidebar{background:transparent;border:0;border-radius:0;padding:0}
.skcat-filters-minimal .skcat-fgroup{border-bottom:1px solid var(--skcat-line);padding:18px 0}
.skcat-filters-minimal .skcat-fgroup:last-of-type{border-bottom:1px solid var(--skcat-line)}
.skcat-filters-minimal .skcat-fgroup__title{color:var(--skcat-ink);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;padding-bottom:0}
.skcat-filters-minimal .skcat-fgroup__title .chev{display:none}
.skcat-filters-minimal .skcat-fgroup__title::after{content:"+";font-size:20px;font-weight:400;line-height:1;color:var(--skcat-ink)}
.skcat-filters-minimal .skcat-fgroup.is-open .skcat-fgroup__title::after{content:"\2212"}
.skcat-filters-minimal .skcat-flink{color:var(--skcat-muted);font-size:14px;padding:7px 0}
.skcat-filters-minimal .skcat-flink:hover{background:none;color:var(--skcat-accent);padding-left:0}
.skcat-filters-minimal .skcat-flink.is-active{background:none;color:var(--skcat-accent)}
.skcat-filters-minimal .skcat-flink b{color:var(--skcat-muted)}
.skcat-filters-minimal .skcat-flink b::before{content:"("}
.skcat-filters-minimal .skcat-flink b::after{content:")"}
.skcat-filters-minimal .skcat-sbtitle h2{text-transform:uppercase;letter-spacing:.12em;font-size:14px}

/* ---- TOOLBAR ---- */
.skcat-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.skcat-selpill{margin:0}
.skcat-selpill select{appearance:none;border:1px solid var(--skcat-line);border-radius:11px;padding:11px 40px 11px 16px;font-size:13.5px;font-weight:600;background:var(--skcat-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b857a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--skcat-ink);cursor:pointer;font-family:inherit}
.skcat-toolbar__count{font-size:13.5px;color:var(--skcat-soft);margin-left:auto}
.skcat-toolbar__count b{color:var(--skcat-ink);font-weight:700}

/* ---- GRILLE ---- */
.skcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.skcat.skcat-cols-2 .skcat-grid{grid-template-columns:repeat(2,1fr)}
.skcat.skcat-cols-4 .skcat-grid{grid-template-columns:repeat(4,1fr)}
.skcat-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--skcat-muted)}
/* Image pub dans la grille (pleine largeur de la grille) */
.skcat-gridpromo{grid-column:1/-1;display:block;border-radius:14px;overflow:hidden;margin:4px 0}
.skcat-gridpromo img{width:100%;height:auto;display:block}

/* ---- GRILLE "PLEINE LARGEUR" (cartes bord a bord, sans sidebar) ---- */
/* LARGEUR MAITRESSE : la grille remplit son conteneur (= --skc-sitew, comme la banniere,
   les categories et les filtres). "Pleine largeur" ne change plus que le STYLE des cartes
   (gouttieres serrees, pas de bordure) - la largeur reste alignee sur le reste de la page. */
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-grid{width:auto;max-width:none;margin-left:0;margin-right:0;gap:var(--skc-rowgap,24px) var(--skc-gap,22px);background:transparent;border-radius:0}
/* Le lisere 1px fige d'origine est supprime : c'est le reglage "Bordure des cartes"
   qui decide (0 = AUCUNE bordure, sinon epaisseur + couleur choisies). */
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-card{border:0;border-radius:0;background:var(--skcat-card);box-shadow:none}
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-card:hover{transform:none;box-shadow:none}
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-card__media{border-radius:0}
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-card__body{padding:16px 20px 20px}
.skcat-grid{row-gap:var(--skc-rowgap,24px);margin-top:var(--skc-grid-mt,0px)}
.skcat-card{background:var(--skc-card-bg,var(--skcat-card));border:var(--skc-card-bd,1px) solid var(--skc-card-bdc,var(--skcat-line));border-radius:var(--skc-card-r,var(--skcat-radius));overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.skcat-card:hover{box-shadow:var(--skc-card-shadow,0 8px 30px -12px rgba(31,29,26,.22));transform:translateY(-3px);border-color:transparent}
.skcat .skcat-card__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--skcat-bg-warm)}
.skcat.skcat-ratio-square .skcat-card__media{aspect-ratio:1/1}
.skcat.skcat-ratio-portrait .skcat-card__media{aspect-ratio:4/5}
.skcat.skcat-ratio-tall .skcat-card__media{aspect-ratio:3/4}
.skcat.skcat-ratio-landscape .skcat-card__media{aspect-ratio:16/9}
/* espace intérieur des cartes : l'image ne colle plus aux bords (réglage "Espace intérieur des cartes") */
.skcat .skcat-card__media{box-sizing:border-box;padding:var(--skc-card-pad,0px)}
/* format ROND : image en cercle (badges aux angles restent visibles) */
.skcat.skcat-ratio-round .skcat-card__media{aspect-ratio:1/1;overflow:visible;background:transparent}
.skcat.skcat-ratio-round .skcat-card__media img{border-radius:50%;aspect-ratio:1/1;object-fit:cover}
/* images uniformes : on bat le height:auto que certains themes forcent sur les img */
.skcat .skcat-card__media img,.skcat .skcat-card__img{width:100%!important;height:100%!important;object-fit:var(--skc-img-fit,cover)!important;transition:.5s}
.skcat-imghover-zoom .skcat-card:hover .skcat-card__media img,.skcat:not([class*="skcat-imghover-"]) .skcat-card:hover .skcat-card__media img{transform:scale(1.05)}
.skcat-imghover-opacity .skcat-card:hover .skcat-card__media img{opacity:.85}
.skcat-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2;max-width:calc(100% - 56px)}
.skcat-badge{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:var(--skcat-badge-transform,uppercase);font-family:var(--skcat-badge-font,inherit);padding:6px 12px;border-radius:var(--skc-badge-radius,3px);background:#fff;color:var(--skcat-ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.skcat-badge--discount{background:var(--skcat-disc-bg,#b0423a);color:var(--skcat-disc-fg,#fff)}
.skcat-badge--notice{background:var(--skcat-notice-bg,#e6ddce);color:var(--skcat-notice-fg,#5c574f)}
.skcat-badge--best{background:var(--skcat-star);color:#3a2f00;border-radius:100px}
.skcat-stock{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.02em;padding:5px 10px 5px 6px;border-radius:100px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.skcat-stock svg{width:15px;height:15px;flex:0 0 auto}
.skcat-stock--in{color:var(--skcat-ink)}
.skcat-stock--out{color:#c0392b}
.skcat-card__img{transition:opacity .2s}
.skcat-card__thumbs{display:flex;gap:6px;padding:10px 12px 0;flex-wrap:nowrap;overflow-x:auto}
.skcat-card__thumb{flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid var(--skcat-line);border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;transition:.15s}
.skcat-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.skcat-card__thumb:hover{border-color:var(--skcat-accent)}
.skcat-card__thumb.is-active{border-color:var(--skcat-ink)}
.skcat-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1}
.skcat-card__cat{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--skcat-muted);margin-bottom:5px}
.skcat-card__title{font-size:var(--skc-title-s,16px);font-weight:var(--skc-title-w,600);color:var(--skc-title-c,inherit);line-height:1.3;margin:0 0 6px}
.skcat-card__title a{color:inherit;text-decoration:none}
.skcat-card__rating{margin-bottom:9px}
.skcat-card__price{margin-top:auto;font-weight:var(--skc-price-w,800);color:var(--skc-price-c,var(--skcat-ink))}
.skcat-card__price del{color:var(--skc-price-strike,var(--skcat-muted));font-weight:500;margin-right:6px}
.skcat-card__price ins{text-decoration:none;color:var(--skcat-accent)}
.skcat-card__btn{margin-top:12px;padding:11px;border-radius:var(--skc-btn-r,9px);background:var(--skc-btn-bg,var(--skcat-ink));color:var(--skc-btn-c,#fff);font-size:var(--skc-btn-fs,12.5px);font-weight:700;text-align:center;text-decoration:none;transition:.15s}
.skcat-card__btn:hover{background:var(--skc-btn-hbg,var(--skcat-accent));color:var(--skc-btn-hc,#fff)}
/* style / largeur du bouton (Galerie produit) */
.skcat-btn-outline .skcat-card__btn{background:transparent;color:var(--skc-btn-bg,var(--skcat-ink));border:1px solid var(--skc-btn-bg,var(--skcat-ink))}
.skcat-btn-outline .skcat-card__btn:hover{background:var(--skc-btn-bg,var(--skcat-ink));color:var(--skc-btn-c,#fff)}
.skcat-btn-ghost .skcat-card__btn{background:transparent;color:var(--skc-btn-bg,var(--skcat-ink));padding-left:0;padding-right:0;text-align:left}
.skcat-btnw-auto .skcat-card__btn{display:inline-block;width:auto;align-self:flex-start;padding-left:20px;padding-right:20px}

/* ---- PASTILLES COULEUR ---- */
.skcat-swatches{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.skcat-swatch-dot{border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex:0 0 auto}
.skcat-swatch-more{font-size:12px;color:var(--skcat-muted);font-weight:600;white-space:nowrap}
.skcat-swatch-more__lbl{display:none}
/* voyant */
.skcat-swatch-bold .skcat-swatch-dot{width:22px;height:22px}
.skcat-swatch-bold .skcat-swatch-dot.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--skcat-ink)}
/* discret */
.skcat-swatch-minimal .skcat-swatches{gap:5px;margin-top:8px}
.skcat-swatch-minimal .skcat-swatch-dot{width:12px;height:12px}
.skcat-swatch-minimal .skcat-swatch-dot.is-active{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--skcat-ink)}
.skcat-swatch-minimal .skcat-swatch-more__lbl{display:inline}

/* ---- BOUTON "VOIR LE PRODUIT" (overlay) ---- */
/* L'overlay suit les réglages "Bouton d'achat" (couleurs, taille, arrondi) */
.skcat-card__view{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;background:var(--skc-btn-bg,var(--skcat-ink));color:var(--skc-btn-c,#fff);padding:12px;border-radius:var(--skc-btn-r,8px);font-size:var(--skc-btn-fs,13px);font-weight:700;opacity:0;transform:translateY(8px);transition:.22s;display:none;z-index:3}
.skcat-card__view:hover{background:var(--skc-btn-hbg,var(--skcat-accent))}

/* ---- STYLE IMMERSIF (image plein cadre, texte minimal, bouton au survol) ---- */
.skcat-cardstyle-immersive .skcat-card{border:0;border-radius:0;background:transparent}
.skcat-cardstyle-immersive .skcat-card:hover{box-shadow:none;transform:none}
.skcat-cardstyle-immersive .skcat-card__media{border-radius:10px}
.skcat-cardstyle-immersive .skcat-card:hover .skcat-card__img{transform:none}
.skcat-cardstyle-immersive .skcat-card__body{padding:12px 2px 0;background:transparent}
.skcat-cardstyle-immersive .skcat-card__title{font-size:var(--skc-title-s,15px);font-weight:600}
.skcat-cardstyle-immersive .skcat-card__btn{display:none}
.skcat-cardstyle-immersive .skcat-card__view{display:block}
.skcat-cardstyle-immersive .skcat-card__media:hover .skcat-card__view{opacity:1;transform:none}

/* ---- BOUTON APERCU RAPIDE (oeil) ---- */
.skcat-card{position:relative}
.skcat-card__eye{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--skcat-ink);z-index:4;box-shadow:0 4px 12px rgba(0,0,0,.16);cursor:pointer;border:0;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s,background .2s,color .2s;backdrop-filter:blur(2px)}
.skcat-card:hover .skcat-card__eye{opacity:1;transform:none}
.skcat-card__eye svg{width:18px;height:18px}
.skcat-card__eye:hover{background:#fff;color:var(--skcat-accent)}
@media (hover:none){.skcat-card__eye{opacity:1;transform:none}}

/* ---- DRAWER APERCU RAPIDE ---- */
.skcat-qv{position:fixed;inset:0;z-index:99999;visibility:hidden}
.skcat-qv.is-open{visibility:visible}
.skcat-qv__overlay{position:absolute;inset:0;background:rgba(20,18,16,.5);opacity:0;transition:opacity .3s}
.skcat-qv.is-open .skcat-qv__overlay{opacity:1}
.skcat-qv__panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,92vw);background:#fff;box-shadow:-10px 0 40px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:26px 24px}
.skcat-qv.is-open .skcat-qv__panel{transform:none}
.skcat-qv__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:#f0ece5;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--skcat-ink);z-index:2}
.skcat-qv__close:hover{background:var(--skcat-ink);color:#fff}
.skcat-qv__main{width:100%;border-radius:12px;background:var(--skcat-bg-warm);aspect-ratio:1/1;object-fit:cover}
.skcat-qv__thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.skcat-qv__thumb{width:52px;height:52px;border:1px solid var(--skcat-line);border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;padding:0}
.skcat-qv__thumb img{width:100%;height:100%;object-fit:cover}
.skcat-qv__thumb.is-active{border-color:var(--skcat-ink)}
.skcat-qv__info{margin-top:18px}
.skcat-qv__cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--skcat-muted);margin-bottom:6px}
.skcat-qv__title{font-size:22px;font-weight:700;margin:0 0 8px;line-height:1.2}
.skcat-qv__rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--skcat-muted);margin-bottom:10px}
.skcat-qv__price{font-size:22px;font-weight:800;margin-bottom:14px;color:var(--skcat-ink)}
.skcat-qv__price del{color:var(--skcat-muted);font-weight:500;margin-right:6px;font-size:16px}
.skcat-qv__price ins{text-decoration:none;color:var(--skcat-accent)}
.skcat-qv__desc{font-size:14px;color:var(--skcat-soft);line-height:1.6;margin-bottom:18px}
.skcat-qv__cart{display:block;text-align:center;background:var(--skcat-ink);color:#fff;padding:15px;border-radius:8px;font-weight:700;text-decoration:none;margin-bottom:10px}
.skcat-qv__cart:hover{background:var(--skcat-accent);color:#fff}
.skcat-qv__more{display:block;text-align:center;font-size:13px;color:var(--skcat-soft);text-decoration:underline;text-underline-offset:3px}
.skcat-qv__loading{padding:60px 0;text-align:center;color:var(--skcat-muted)}

/* ---- PAGINATION ---- */
.skcat-results{transition:opacity .2s}
.skcat-results.is-loading{opacity:.45;pointer-events:none}
.skcat-pagination{display:flex;gap:6px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.skcat-page{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--skcat-line);border-radius:9px;font-size:13.5px;font-weight:700;color:var(--skcat-soft);background:var(--skcat-card);text-decoration:none;cursor:pointer}
.skcat-page:hover{border-color:var(--skcat-accent);color:var(--skcat-accent)}
.skcat-page.is-current{background:var(--skcat-ink);color:#fff;border-color:var(--skcat-ink)}
.skcat-page--dots{border:0;background:none;cursor:default}

/* ---- SEO ---- */
/* Bande de réassurance (référence client) : bandeau beige arrondi, 3 items
   icône + 2 lignes, séparés par des traits fins. Contenu éditable par catégorie. */
.skcat-reassure{background:transparent;padding:0;margin:26px 0}
/* -40px = padding lateral du .skcat-wrap : la bande s'aligne PILE sur les bords de la banniere */
.skcat-reassure__band{max-width:calc(var(--skc-sitew,1280px) - 40px);margin:0 auto;background:var(--skcat-bg-warm);border-radius:18px;padding:32px 20px;display:grid;grid-template-columns:repeat(3,1fr)}
.skcat-reassure__item{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;padding:4px 20px}
.skcat-reassure__item+.skcat-reassure__item{border-left:1px solid var(--skcat-line)}
.skcat-reassure__item>svg{width:36px;height:36px;flex:0 0 auto;stroke-width:1.3;color:var(--skcat-ink)}
.skcat-reassure__item>img{height:36px;width:auto;max-width:56px;flex:0 0 auto;object-fit:contain}
.skcat-reassure__item h3{font-size:14.5px;font-weight:600;margin:0 0 3px;color:var(--skcat-ink)}
.skcat-reassure__item p{font-size:13.5px;color:var(--skcat-soft);margin:0;line-height:1.5}
@media (max-width:768px){
  .skcat-reassure__band{grid-template-columns:1fr;gap:14px;padding:22px 16px}
  .skcat-reassure__item{justify-content:flex-start;padding:10px 4px}
  .skcat-reassure__item+.skcat-reassure__item{border-left:0;border-top:1px solid var(--skcat-line);padding-top:16px}
}
.skcat-seotext{max-width:820px;margin:48px auto;font-size:15px;color:var(--skcat-soft);line-height:1.8}
.skcat-seotext h2{font-size:26px;color:var(--skcat-ink);margin:0 0 16px}
.skcat-seotext h3{font-size:19px;color:var(--skcat-ink);margin:28px 0 10px}
.skcat-links{max-width:1080px;margin:48px auto}
.skcat-links h2{font-size:22px;text-align:center;margin:0 0 20px}
.skcat-links__grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.skcat-links__grid a{padding:9px 16px;background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:100px;font-size:13px;font-weight:600;color:var(--skcat-soft);text-decoration:none;transition:.15s}
.skcat-links__grid a:hover{background:var(--skcat-accent);color:#fff;border-color:var(--skcat-accent)}

/* ---- BARRE DE FILTRES HORIZONTALE (design moderne, filtres + tri groupes) ---- */
.skcat-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px}
.skcat-fbar__label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--skcat-muted);margin-right:2px}
.skcat-fbar__item{position:relative}
.skcat-fbar__item>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--skcat-line);border-radius:100px;padding:9px 16px;font-size:13.5px;font-weight:600;background:var(--skcat-card);color:var(--skcat-ink);transition:border-color .15s,background .15s,box-shadow .15s}
.skcat-fbar__item>summary:hover{border-color:var(--skcat-ink)}
.skcat-fbar__item>summary::-webkit-details-marker{display:none}
.skcat-fbar__item>summary::after{content:"\25BE";color:var(--skcat-muted);font-size:10px;transition:transform .2s}
.skcat-fbar__item[open]>summary{border-color:var(--skcat-accent);background:var(--skcat-bg-warm);box-shadow:0 0 0 3px color-mix(in srgb,var(--skcat-accent) 14%,transparent)}
.skcat-fbar__item[open]>summary::after{transform:rotate(180deg)}
.skcat-fbar__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:230px;max-height:320px;overflow-y:auto;background:var(--skcat-card);border:1px solid var(--skcat-line);border-radius:14px;box-shadow:0 16px 40px -16px rgba(0,0,0,.3);padding:10px}

/* ---- FAQ ---- */
.skcat-faq{max-width:820px;margin:48px auto}
.skcat-faq>h2{font-size:24px;text-align:center;margin:0 0 20px}
.skcat-faqitem{border-bottom:1px solid var(--skcat-line)}
.skcat-faqitem>summary{list-style:none;cursor:pointer;padding:16px 4px;font-size:15.5px;font-weight:700;color:var(--skcat-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.skcat-faqitem>summary::-webkit-details-marker{display:none}
.skcat-faqitem>summary::after{content:"+";font-size:20px;color:var(--skcat-accent);flex:0 0 auto}
.skcat-faqitem[open]>summary::after{content:"\2212"}
.skcat-faqitem__a{font-size:14px;color:var(--skcat-soft);line-height:1.7;padding:0 4px 18px}

/* ---- RESPONSIVE ---- */
@media (max-width:1024px){
  .skcat-layout{grid-template-columns:1fr}
  .skcat-sidebar{position:static}
  .skcat-hero{grid-template-columns:1fr}
  .skcat-reassure__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .skcat-wrap{padding:0 10px}
  /* CRITIQUE : forcer la pleine largeur (la regle desktop 270px 1fr, plus specifique, gagnait sinon) */
  .skcat-layout,.skcat-layout-sidebar .skcat-layout,.skcat-layout-topbar .skcat-layout{display:block!important;grid-template-columns:1fr!important;gap:0!important;padding-bottom:88px}
  .skcat-main{width:auto!important}
  /* grille 2 colonnes egales, grandes images */
  .skcat-grid,.skcat.skcat-cols-2 .skcat-grid,.skcat.skcat-cols-3 .skcat-grid,.skcat.skcat-cols-4 .skcat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;align-items:start;width:auto!important}
  /* declutter facon Our Place : pas de mini-galerie ni d'oeil, badges discrets */
  .skcat-card__thumbs{display:none!important}
  .skcat-card__eye{display:none!important}
  .skcat-badges{max-width:calc(100% - 12px)}
  .skcat-stock{font-size:9px;padding:3px 8px 3px 5px;gap:4px}
  .skcat-stock svg{width:12px;height:12px}
  .skcat-badge{font-size:9px;padding:4px 8px}
  .skcat-card__body{padding:10px 4px 14px}
  .skcat-card__title{font-size:14px;line-height:1.3}
  .skcat-hero__title{font-size:26px}
  .skcat-toolbar__count{margin-left:0;width:100%}
  /* mobile : cacher la sidebar en page, montrer la barre filtres */
  .skcat-layout-sidebar .skcat-sidebar:not(.skcat-sidebar--drawer){display:none}
  .skcat-layout-sidebar .skcat-mbar{display:block}
}

/* ---- MOBILE : barre fixe bas + drawer filtres ---- */
.skcat-mbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:var(--skcat-card);border-top:1px solid var(--skcat-line);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));box-shadow:0 -4px 16px rgba(0,0,0,.06);text-align:center}
.skcat-mbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;background:var(--skcat-ink)!important;color:#fff!important;border:0!important;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
.skcat-mbar__btn svg{width:18px;height:18px}
.skcat-mbar__count{background:rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:100px;min-width:22px;display:none}
.skcat-mbar__count.has-count{display:inline-block}
.skcat-drawer-overlay{position:fixed;inset:0;z-index:9997;background:#0f0d0b;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.skcat-drawer-overlay.is-open{opacity:.45;visibility:visible;transition:opacity .3s ease}
.skcat-sidebar--drawer{position:fixed!important;left:50%;bottom:0;top:auto!important;width:100%;max-width:100%;height:86%;max-height:100%;z-index:9999;background:var(--skcat-card);border:0!important;border-radius:16px 16px 0 0!important;padding:0!important;transform:translate(-50%,100%);transition:transform .32s cubic-bezier(.32,.72,0,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 30px rgba(0,0,0,.14)}
.skcat-sidebar--drawer.is-open{transform:translate(-50%,0)}
.skcat-sidebar--drawer::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:2px;background:#d1d5db;z-index:2}
.skcat-drawer-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--skcat-line)}
.skcat-drawer-title{font-size:17px;font-weight:800;color:var(--skcat-ink)}
.skcat-drawer-close{cursor:pointer;background:var(--skcat-bg-warm);border:0;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;color:var(--skcat-ink)}
.skcat-drawer-body{flex:1;overflow-y:auto;padding:16px 18px 90px}

/* ============================================================
 * BANNIERE / FILTRES+CATEGORIES / GALERIE (accordeons dedies)
 * ============================================================ */

/* -- Tri + compteur : DANS LE MEME ENSEMBLE que les filtres (colles juste apres
      "Taille du bouquet"), pas rejetes a droite. Le tri est un filtre comme les autres. -- */
.skcat-fbar__end{display:flex;align-items:center;gap:12px}
/* petit trait de separation entre les filtres et le tri */
.skcat-fbar__end::before{content:"";width:1px;align-self:stretch;min-height:20px;background:var(--skcat-line);margin:0 4px}
.skcat-fbar__end .skcat-selpill select{border-radius:100px;padding:9px 38px 9px 16px}
.skcat-fbar__end .skcat-toolbar__count{font-size:13px;color:var(--skcat-soft);white-space:nowrap}
.skcat-fbaron .skcat-toolbar{display:none!important}

/* -- Alignement de la barre de filtres (suit le meme reglage que les categories).
      "Centre" = cases de largeur EGALE qui REMPLISSENT la barre (label Filtres, chaque filtre,
      tri+compteur) : belle largeur, ecart regulier, contenu centre. "Droite" reste gere.
      DESKTOP UNIQUEMENT : en mobile les filtres gardent leur largeur naturelle (retour a la ligne). -- */
.skcat-catbar-center .skcat-fbar{justify-content:flex-start;gap:14px}
.skcat-catbar-right .skcat-fbar{justify-content:flex-end}
@media (min-width:769px){
  .skcat-catbar-center .skcat-fbar > *{flex:1 1 0;min-width:0}
  .skcat-catbar-center .skcat-fbar .skcat-fbar__item>summary{justify-content:center;width:100%}
  .skcat-catbar-center .skcat-fbar .skcat-fbar__end{justify-content:center}
}

/* -- Ouverture au survol des filtres (option survol / clic) -- */
.skcat-fopen-hover .skcat-fbar__item>summary{cursor:pointer}
.skcat-fopen-hover .skcat-fbar__item>summary:hover{border-color:var(--skcat-accent)}

/* -- Styles de la barre de filtres : Simple (defaut) / Encadre / Minimal -- */
.skcat-filters-boxed .skcat-fbar__item>summary,
.skcat-filters-boxed .skcat-fbar__end .skcat-selpill select{background:var(--skcat-bg-warm);border:1.5px solid var(--skcat-ink);border-radius:100px;font-weight:700}
.skcat-filters-minimal .skcat-fbar__item>summary,
.skcat-filters-minimal .skcat-fbar__end .skcat-selpill select{border:0;background:transparent;border-radius:0;border-bottom:2px solid transparent;padding-left:6px;padding-right:6px}
.skcat-filters-minimal .skcat-fbar__item[open]>summary,
.skcat-filters-minimal .skcat-fbar__item>summary:hover{border-bottom-color:var(--skcat-accent);color:var(--skcat-accent)}
/* style minimal : barre de séparation entre CHAQUE filtre (même trait que celui du tri) */
.skcat-filters-minimal .skcat-fbar__item+.skcat-fbar__item::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--skcat-line)}
/* Présentation "propre" (référence client) : chip Filtres + filtres plats aérés + chevrons fins */
.skcat-fbar__ico{width:16px;height:16px;flex:0 0 auto}
.skcat-fbar__label{display:inline-flex;align-items:center;gap:8px}
.skcat-filters-minimal .skcat-fbar{gap:18px}
/* Bouton "Filtres" : bordure pilotee par le reglage "Bordure du bouton Filtres"
   (--skc-fbtn-bw, defaut 0 = AUCUNE bordure). Aucun epaississement au survol. */
.skcat-filters-minimal .skcat-fbar__label{border:var(--skc-fbtn-bw,0px) solid var(--skcat-line);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--skcat-ink);text-transform:none;letter-spacing:0;margin-right:4px;background:var(--skcat-card)}
.skcat-fbar__label:hover{border-color:var(--skcat-line);box-shadow:none}
.skcat-filters-minimal .skcat-fbar__item>summary{font-size:14px;font-weight:600;gap:7px;padding:10px 6px}
.skcat-filters-minimal .skcat-fbar__item>summary::after{content:"\2228";font-size:10px;font-weight:400;color:var(--skcat-muted)}
.skcat-filters-minimal .skcat-fbar__end{gap:10px}
/* Le tri = EXACTEMENT comme les autres filtres : pas de cadre, meme police, meme chevron fin.
   (Consigne client : "Tri par defaut" doit avoir la meme apparence que Prix / Disponibilite.) */
.skcat-selpill{display:inline-flex;align-items:center}
.skcat-filters-minimal .skcat-fbar__end .skcat-selpill select{font-size:14px;font-weight:600;color:var(--skcat-ink);border:0;border-radius:0;padding:10px 20px 10px 6px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b857a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center}
.skcat-filters-minimal .skcat-fbar__end .skcat-selpill select:hover{color:var(--skcat-accent)}

/* -- Largeur de la banniere : pleine page / centre -- */
/* En pleine largeur la banniere colle le haut (aucun espace avec le theme). */
.skcat-herow-full .skcat-hero,
.skcat-herow-full .skcat-hero2{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;border-radius:0;margin-top:0}

/* -- Largeur filtres + categories : pleine page / centre -- */
.skcat-fcw-full .skcat-catbar,
.skcat-fcw-full .skcat-fbar{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;padding-left:28px;padding-right:28px}

/* -- Prix : taille + affichage + mode (bas / haut / les deux) -- */
.skcat-card__price{font-size:var(--skc-price-s,15px)}
.skcat-noprice .skcat-card__price{display:none!important}
.skcat-card__price .skcat-price--min,
.skcat-card__price .skcat-price--max{display:none}
.skcat-pricemode-min .skcat-card__price .skcat-price--range{display:none}
.skcat-pricemode-min .skcat-card__price .skcat-price--min{display:inline}
.skcat-pricemode-max .skcat-card__price .skcat-price--range{display:none}
.skcat-pricemode-max .skcat-card__price .skcat-price--max{display:inline}

/* -- Badges stock separes + badge promo positionnable -- */
.skcat-nostockin .skcat-stock--in{display:none!important}
.skcat-nostockout .skcat-stock--out{display:none!important}
.skcat-nodisc .skcat-badge--discount{display:none!important}
.skcat .skcat-card__media>.skcat-badge--discount{position:absolute;z-index:3}
.skcat-discpos-tl .skcat-card__media>.skcat-badge--discount{top:12px;left:12px;right:auto;bottom:auto}
.skcat-discpos-tr .skcat-card__media>.skcat-badge--discount{top:12px;right:12px;left:auto;bottom:auto}
.skcat-discpos-bl .skcat-card__media>.skcat-badge--discount{bottom:12px;left:12px;top:auto;right:auto}
.skcat-discpos-br .skcat-card__media>.skcat-badge--discount{bottom:12px;right:12px;top:auto;left:auto}

/* ---- Badges personnalises (texte libre + couleur + coin) ---- */
.skcat-cbadge{white-space:nowrap}
.skcat .skcat-card__media>.skcat-cbadges{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;max-width:calc(100% - 24px)}
.skcat-cbadges--tr{top:12px;right:12px;align-items:flex-end}
.skcat-cbadges--bl{bottom:12px;left:12px;align-items:flex-start}
.skcat-cbadges--br{bottom:12px;right:12px;align-items:flex-end}

/* -- Curseurs : espacement / hauteur d'image / largeur de carte -- */
.skcat-grid{column-gap:var(--skc-gap,22px)}
.skcat-imghfix .skcat-card__media{aspect-ratio:auto!important;height:var(--skc-img-h)}
.skcat-cardwfix .skcat-card{max-width:var(--skc-card-maxw);width:100%;margin-left:auto;margin-right:auto}

/* Bordure des cartes produit (reglage "Bordure des cartes" + couleur) — en fin de
   fichier pour primer sur le border:0 du mode Pleine largeur. 0px = aucune bordure. */
.skcat .skcat-card{border:var(--skc-card-bw,0px) solid var(--skc-card-bc,#e8e5de)}
.skcat-grid-fullbleed.skcat-layout-topbar .skcat-layout .skcat-card{border:var(--skc-card-bw,0px) solid var(--skc-card-bc,#e8e5de)}

/* Presentation du bouton "Pastille panier" : texte a gauche, rond panier a droite
   (option g_btn_layout=round). La pastille suit les couleurs du Bouton d'achat. */
.skcat-card__roundcart{display:none}
.skcat-btnlayout-round .skcat-card__btn{display:none}
.skcat-btnlayout-round .skcat-card__body{position:relative;padding-right:66px}
.skcat-btnlayout-round .skcat-card__roundcart{display:grid;place-items:center;position:absolute;right:14px;bottom:14px;width:var(--skc-roundcart,44px);height:var(--skc-roundcart,44px);border-radius:50%;background:var(--skc-btn-bg,var(--skcat-ink));color:var(--skc-btn-c,#fff);transition:background .15s,transform .15s;z-index:2}
.skcat-btnlayout-round .skcat-card__roundcart:hover{background:var(--skc-btn-hbg,var(--skcat-accent));transform:scale(1.06)}
/* icone panier proportionnelle au diametre de la pastille (~45%) */
.skcat-btnlayout-round .skcat-card__roundcart svg{width:calc(var(--skc-roundcart,44px) * .45);height:calc(var(--skc-roundcart,44px) * .45)}
/* Bascule chariot <-> tiret (produit dans le panier) : les 2 icones sont dans la meme
   cellule (grid), on n'en montre qu'une selon data-in-cart. */
.skcat-card__roundcart-ic--rm{display:none}
.skcat-card__roundcart[data-in-cart="1"] .skcat-card__roundcart-ic--add{display:none}
.skcat-card__roundcart[data-in-cart="1"] .skcat-card__roundcart-ic--rm{display:block}
.skcat-btnlayout-round .skcat-card__roundcart[data-in-cart="1"]{background:var(--skc-btn-hbg,var(--skcat-accent))}
.skcat-btnlayout-round .skcat-card__roundcart.is-busy{opacity:.55;pointer-events:none}
.skcat-btnlayout-round.skcat-cardstyle-immersive .skcat-card__body{padding-right:60px}

/* Popup de choix rapide (produits variables : taille / couleur) declenche par la pastille. */
.skcat-vpop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,18,16,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.skcat-vpop__box{position:relative;width:100%;max-width:380px;background:#fff;border-radius:16px;padding:26px 24px 24px;box-shadow:0 20px 60px rgba(0,0,0,.28);font-family:inherit}
.skcat-vpop__close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:none;font-size:26px;line-height:1;color:#8a857e;cursor:pointer;border-radius:50%}
.skcat-vpop__close:hover{background:#f2efea;color:#1c1a17}
.skcat-vpop__title{font-size:18px;font-weight:700;color:var(--skcat-ink,#1c1a17);padding-right:30px;margin-bottom:4px}
.skcat-vpop__price{font-size:15px;color:var(--skcat-accent,#b06a4f);font-weight:600;margin-bottom:16px}
.skcat-vpop__field{display:block;margin-bottom:14px}
.skcat-vpop__field span{display:block;font-size:12.5px;font-weight:600;color:#6b665f;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.skcat-vpop__field select{width:100%;padding:11px 12px;border:1px solid #ddd7cf;border-radius:10px;font-size:14.5px;background:#fff;color:#1c1a17;cursor:pointer}
.skcat-vpop__field select:focus{outline:none;border-color:var(--skcat-accent,#b06a4f)}
.skcat-vpop__msg{min-height:18px;font-size:13px;color:#b0423a;margin:2px 0 12px}
.skcat-vpop__add{width:100%;padding:13px;border:0;border-radius:10px;background:var(--skc-btn-bg,var(--skcat-ink,#1c1a17));color:var(--skc-btn-c,#fff);font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}
.skcat-vpop__add:hover:not(:disabled){background:var(--skc-btn-hbg,var(--skcat-accent,#b06a4f))}
.skcat-vpop__add:disabled{opacity:.5;cursor:not-allowed}

/* ============================================================
 * Cartes produits CONDENSEES (demande client) : contenu sous la photo
 * resserre, titre limite a 2 lignes avec points de suspension.
 * ============================================================ */
.skcat-card__body{padding:12px 12px 14px}
.skcat-card__cat{margin-bottom:3px}
.skcat-card__title{margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.skcat-card__price{padding-top:8px}

/* Titre + prix + pastille panier sur la MEME ligne, avec de l'espace (demande client).
   Le corps de carte devient une grille 3 colonnes : titre 1fr / prix auto / pastille auto ;
   tout le reste (label, note, bouton classique) garde sa pleine largeur. */
.skcat-card__body{display:grid;grid-template-columns:1fr auto auto;column-gap:14px;align-items:center;align-content:start}
.skcat-card__body > *{grid-column:1 / -1}
.skcat-card__cat{grid-row:1}
.skcat-card__title{grid-column:1;grid-row:2;margin:0}
.skcat-card__price{grid-column:2;grid-row:2;margin:0;padding-top:0;justify-self:end;white-space:nowrap}
.skcat-btnlayout-round .skcat-card__roundcart{position:static;grid-column:3;grid-row:2;justify-self:end}
.skcat-btnlayout-round .skcat-card__body{padding-right:12px}

/* Vignettes de la mini-galerie : CENTREES sous la photo, rapprochees d'elle,
   angles a 3px (demande client — uniquement les petites photos). */
.skcat-card__thumbs{justify-content:center;padding:2px 12px 0}
.skcat-card__thumb{border-radius:3px}
/* Badge stock : angles pilotes par le curseur "Arrondi des angles" (accordeon
   Badges) au lieu du 100px fige — defaut 3px comme demande. */
.skcat-stock{border-radius:var(--skc-badge-radius,3px)}

/* Pastille panier : icone panier fleuri (traits fins) -> agrandie a 55% de la
   pastille pour rester bien lisible (demande client). */
.skcat-btnlayout-round .skcat-card__roundcart svg{width:calc(var(--skc-roundcart,44px)*.55);height:calc(var(--skc-roundcart,44px)*.55)}

/* ============================================================
 * FOND BOTANIQUE premium (brief client) : illustrations au trait
 * bordeaux #8D4A5C a 4-7%, derriere le contenu, debordant du viewport.
 * Halo de proximite tres subtil + grain papier 3%.
 * ============================================================ */
.skcat{position:relative}
/* Marge avant le footer : la page ne doit jamais toucher le footer (0px mesure avant ce correctif). */
.skcat{padding-bottom:56px}
@media (max-width:767px){.skcat{padding-bottom:36px}}
.skcat-flora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;color:var(--skc-flora-c,#8D4A5C)}
/* Motif image (PNG transparent) : meme placement que les dessins, l'image garde
   ses proportions et n'est jamais deformee. */
.skcat-flora__it--img{object-fit:contain;height:auto !important}
.skcat > *:not(.skcat-flora):not(.skcat-grain){position:relative;z-index:1}
/* STATIQUE (demande client) : illustrations clairement visibles, aucune animation
   de scroll ni de survol -> juste la rotation fixe de placement. */
.skcat-flora__it{position:absolute;opacity:var(--op,.16);transform:rotate(var(--rot,0deg))}
/* Grain papier : bruit monochrome ~3% sur toute la page (casse le blanc numerique). */
.skcat-grain{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.03;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:140px 140px}
@media (max-width:767px){.skcat-flora__it{display:none}.skcat-flora .skcat-flora__it:nth-child(-n+4){display:block;opacity:.12}}

/* ============================================================
 * NOTE (etoiles) dans la banniere : entre le titre et le texte.
 * Lisible sur photo (pastille translucide), etoiles dorees.
 * ============================================================ */
.skcat-hero__rating{margin:2px 0 14px}
.skcat-rating,.skcat-rating__link{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;text-decoration:none;color:inherit}
.skcat-rating__link{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:6px 14px;transition:background .2s,border-color .2s}
.skcat-rating__link:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.4)}
.skcat-rating__stars{display:inline-flex;gap:2px}
.skcat-rating__star{position:relative;width:17px;height:17px;display:block;color:rgba(255,255,255,.34)}
.skcat-rating__star svg{width:100%;height:100%;fill:currentColor;display:block}
.skcat-rating__star.is-on{color:#F5B301}
/* Demi-etoile : moitie doree, moitie eteinte. */
.skcat-rating__star.is-half{color:rgba(255,255,255,.34)}
.skcat-rating__star.is-half::after{content:"";position:absolute;inset:0;width:50%;overflow:hidden;background:#F5B301;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.2l2.95 6.36 6.85.62-5.16 4.62 1.54 6.72L12 17.6l-6.13 3.54 1.54-6.72L2.25 9.8l6.85-.62z'/></svg>") 0 0/200% 100% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.2l2.95 6.36 6.85.62-5.16 4.62 1.54 6.72L12 17.6l-6.13 3.54 1.54-6.72L2.25 9.8l6.85-.62z'/></svg>") 0 0/200% 100% no-repeat}
.skcat-rating__score{font-size:15px;font-weight:800;letter-spacing:-.01em}
.skcat-rating__sep{font-size:12.5px;opacity:.7;margin-left:-5px}
.skcat-rating__count{font-size:12.5px;opacity:.82}
.skcat-rating__count::before{content:"·";margin-right:7px;opacity:.6}
.skcat-rating__g{width:15px;height:15px;flex:0 0 auto;margin-left:2px}
.skcat-rating__brand{font-size:12.5px;font-weight:700;opacity:.9}
/* Banniere "Encadre" (fond clair) : etoiles eteintes en gris, pastille discrete. */
.skcat-hero--noimg .skcat-rating__star,.skcat-herostyle-split .skcat-rating__star{color:rgba(20,20,19,.18)}
.skcat-hero--noimg .skcat-rating__star.is-on,.skcat-herostyle-split .skcat-rating__star.is-on{color:#F5B301}
.skcat-hero--noimg .skcat-rating__link,.skcat-herostyle-split .skcat-rating__link{background:rgba(20,20,19,.05);border-color:rgba(20,20,19,.12)}
@media (max-width:767px){.skcat-rating__star{width:15px;height:15px}.skcat-rating__score{font-size:14px}}