/* ==========================================================================
   Ronde en Couleurs — liste produits (catégories, nouveautés, petits prix, recherche)
   Maquette : Categorie Collection.dc.html
   ========================================================================== */

.rc-shop__top{max-width:var(--rc-wrap);margin:0 auto;padding:20px var(--rc-pad) 0}

/* ---------- Bandeau catégorie ---------- */
.rc-shop__banner{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));border-radius:28px;overflow:hidden;background:#FBE1E9}
.rc-shop__bannertxt{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.rc-shop__kicker{font-family:var(--rc-script);font-size:clamp(28px,3.4vw,38px);line-height:1;color:#D6336C}
.rc-shop__title{margin:0;font-family:var(--rc-serif);font-weight:400;font-size:clamp(42px,6vw,64px);line-height:1}
.rc-shop__text{margin:0;font-size:18px;color:#5E3A50;max-width:480px}
.rc-shop__text:empty{display:none}
.rc-shop__bannerimg{position:relative;min-height:clamp(200px,28vw,300px);background:#F6E4EA}
.rc-shop__bannerimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Bandeau recherche ---------- */
.rc-shop__search{margin-top:16px;background:#FBE1E9;border-radius:28px;padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:16px}
.rc-shop__sform{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 6px 6px 20px;max-width:720px}
.rc-shop__sform input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--rc-serif);font-size:clamp(22px,3vw,32px);color:#4A1236;-webkit-appearance:none;appearance:none}
.rc-shop__sform input::-webkit-search-cancel-button{-webkit-appearance:none}
.rc-shop__sform input::placeholder{color:#B79AAA;opacity:1}
.rc-shop__sform:focus-within{box-shadow:0 0 0 3px rgba(214,51,108,.35)}
.rc-shop__sform button{border:0;background:#4A1236;color:#FFF7F7;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:800;cursor:pointer;flex:0 0 auto;transition:background .2s,transform .2s}
.rc-shop__sform button:hover{background:#3a0e2a;transform:translateY(-1px)}
.rc-shop__sinfo{font-size:16px;color:#5E3A50}

/* ---------- Puces de catégories ---------- */
.rc-shop__chips{display:flex;gap:10px;margin-top:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.rc-shop__chips::-webkit-scrollbar{display:none}
.rc-catchip{flex:0 0 auto;border:1.5px solid #F0D8E1;background:#fff;color:#4A1236;border-radius:999px;padding:11px 20px;font-size:16px;font-weight:700;display:flex;gap:8px;align-items:center;white-space:nowrap;transition:border-color .2s,background .2s,color .2s}
.rc-catchip span{font-size:13px;opacity:.7}
.rc-catchip:hover{border-color:#F7B2C8;color:#4A1236}
.rc-catchip.is-on{background:#4A1236;border-color:#4A1236;color:#FFF7F7}

/* ---------- Zone liste ---------- */
.rc-shop__list{max-width:var(--rc-wrap);margin:0 auto;padding:24px var(--rc-pad) 0;min-width:0}
.rc-shop__list.is-loading .rc-grid,.rc-shop__list.is-loading .rc-empty{opacity:.45;transition:opacity .2s;pointer-events:none}

/* Barre de filtres (desktop) */
.rc-fbar{position:sticky;top:114px;z-index:30;background:#FFF7F7;padding:10px 0 12px;margin-bottom:14px;border-bottom:1px solid #F0D8E1}
.admin-bar .rc-fbar{top:146px}
.rc-fbar__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-mine{display:flex;align-items:center;gap:10px;border:0;background:#FBE1E9;color:#4A1236;border-radius:999px;padding:8px 14px 8px 8px;font-size:15px;font-weight:800;line-height:normal;cursor:pointer;transition:background .2s,color .2s}
.rc-mine:hover{color:#4A1236}
.rc-mine.is-on,.rc-mine.is-on:hover{background:#4A1236;color:#FFF7F7}
.rc-mine__track{width:40px;height:24px;border-radius:12px;background:#E7C3D0;position:relative;flex:0 0 auto;transition:background .2s}
.rc-mine__track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s var(--rc-spring)}
.is-on>.rc-mine__track,.is-on .rc-mine__track{background:#D6336C}
.is-on>.rc-mine__track>span,.is-on .rc-mine__track>span{left:19px}
.rc-fbar__sep{width:1px;height:28px;background:#F0D8E1;margin:0 4px}
.rc-fbtn{display:flex;align-items:center;gap:8px;border:1.5px solid #F0D8E1;background:#fff;color:#4A1236;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s}
.rc-fbtn:hover{border-color:#F7B2C8}
.rc-fbtn.has-n{background:#FBE1E9;border-color:#F7B2C8}
.rc-fbtn.is-open,.rc-fbtn.is-open:hover{background:#4A1236;border-color:#4A1236;color:#FFF7F7}
.rc-fbtn__n{min-width:20px;height:20px;border-radius:10px;background:#D6336C;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.rc-fbtn svg{transition:transform .25s}
.rc-fbtn.is-open svg{transform:rotate(180deg)}
.rc-fclear{border:0;background:none;color:#B0265A;font-size:14px;font-weight:800;text-decoration:underline;cursor:pointer;line-height:normal}
.rc-fclear:hover{color:#D6336C}
.rc-fbar__count{margin-left:auto;font-size:15px;color:#5E3A50}
.rc-fbar__count strong,.rc-mbar__count strong{color:#4A1236}

/* Trier */
.rc-sort{margin:0}
.rc-sort label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}
.rc-sort select{border:1.5px solid #F0D8E1;background-color:#fff;color:#4A1236;border-radius:999px;padding:10px 14px;font-size:15px;font-weight:700;outline:0;font-family:inherit;cursor:pointer}
.rc-sort select:focus-visible{outline:3px solid #D6336C;outline-offset:2px}
.rc-sort__go{margin-left:6px;border:0;background:#4A1236;color:#FFF7F7;border-radius:999px;padding:10px 14px;font-weight:800}

/* Panneau déroulant des filtres */
.rc-fpanel{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border-radius:22px;box-shadow:0 22px 48px rgba(74,18,54,.16);padding:22px 24px;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .35s var(--rc-ease)}
.rc-fpanel.is-in{opacity:1;transform:none}
.rc-fopts{display:flex;flex-wrap:wrap;gap:8px}
.rc-fpanel__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #F6EEF1}
.rc-fpanel__go{border:0;background:#D6336C;color:#fff;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.rc-fpanel__go:hover{background:#B0265A;transform:translateY(-1px)}

/* Options */
.rc-fsize{width:62px;height:50px;border-radius:14px;border:1.5px solid #F0D8E1;background:#fff;color:#4A1236;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .2s}
.rc-fsize:hover{border-color:#4A1236;color:#4A1236}
.rc-fsize.is-on,.rc-fsize.is-on:hover{background:#4A1236;border-color:#4A1236;color:#FFF7F7}
.rc-fcolor{display:flex;align-items:center;gap:10px;border:1.5px solid transparent;background:transparent;border-radius:999px;padding:6px 16px 6px 6px;font-size:15px;color:#4A1236;font-weight:500;transition:background .2s,border-color .2s}
.rc-fcolor:hover{color:#4A1236;background:#FFF7F7}
.rc-fcolor.is-on,.rc-fcolor.is-on:hover{background:#FBE1E9;border-color:#D6336C;font-weight:800}
.rc-fcolor__dot{width:30px;height:30px;border-radius:50%;background:var(--c,#E7C3D0);box-shadow:inset 0 0 0 1px rgba(74,18,54,.2);flex:0 0 auto}
.rc-fcolor__n{font-size:13px;color:#7A5468;font-weight:500}
.rc-fprice{display:flex;align-items:center;gap:10px;border:1.5px solid #E7C3D0;background:#fff;color:#4A1236;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:700;transition:border-color .2s}
.rc-fprice:hover{color:#4A1236;border-color:#F7B2C8}
.rc-fprice__radio{width:18px;height:18px;border-radius:50%;border:2px solid #E7C3D0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rc-fprice__radio::after{content:"";width:8px;height:8px;border-radius:50%;background:transparent}
.rc-fprice.is-on,.rc-fprice.is-on .rc-fprice__radio{border-color:#D6336C}
.rc-fprice.is-on .rc-fprice__radio::after{background:#D6336C}
.rc-focc{border:1.5px solid #F0D8E1;background:#fff;color:#4A1236;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:700;transition:all .2s}
.rc-focc:hover{border-color:#4A1236;color:#4A1236}
.rc-focc.is-on,.rc-focc.is-on:hover{background:#4A1236;border-color:#4A1236;color:#FFF7F7}

/* Barre mobile (< 1024px) */
.rc-mbar{display:none;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.rc-mbar__filter{display:flex;align-items:center;gap:8px;border:0;background:#4A1236;color:#FFF7F7;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.rc-mbar__filter:hover{background:#3a0e2a;transform:translateY(-1px)}
.rc-mbar__count{font-size:16px;color:#5E3A50}
.rc-mbar .rc-sort{margin-left:auto}
@media (max-width:1023.98px){
	.rc-fbar{display:none}
	.rc-mbar{display:flex}
}

/* Filtres actifs */
.rc-actives{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;align-items:center}
.rc-active{border:0;background:#FBE1E9;color:#4A1236;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;line-height:normal;transition:background .2s}
.rc-active:hover{background:#F7B2C8;color:#4A1236}

/* Grille */
.rc-shop .rc-grid{margin:0;padding:0;list-style:none}
.rc-grid::before,.rc-grid::after{content:none!important;display:none!important}

/* Aucun résultat */
.rc-empty{background:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.rc-empty__title{font-family:var(--rc-serif);font-size:30px;line-height:1.5}
.rc-empty__text{font-size:16px;color:#5E3A50}
.rc-empty__btn{padding:14px 24px;font-size:15px;line-height:normal}

/* Voir plus */
.rc-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:44px}
.rc-more__txt{font-size:15px;color:#5E3A50}
.rc-more__bar{display:block;width:240px;max-width:80%;height:4px;border-radius:2px;background:#F0D8E1;overflow:hidden}
.rc-more__bar i{display:block;height:100%;background:#D6336C;transition:width .6s var(--rc-ease)}
.rc-more__btn{border:2px solid #4A1236;background:transparent;color:#4A1236;border-radius:999px;padding:15px 32px;font-size:17px;font-weight:700;line-height:normal;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.rc-more__btn:hover{background:#4A1236;color:#FFF7F7;transform:translateY(-1px)}
.rc-more__btn.is-busy{opacity:.6;pointer-events:none}

/* Sous la grille */
.rc-shop__after{max-width:var(--rc-wrap);margin:0 auto;padding:clamp(64px,8vw,96px) var(--rc-pad) 0}
.rc-shop__reas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.rc-shop__reas>div{background:#fff;border-radius:18px;padding:20px}
.rc-shop__reastitle{font-weight:800}
.rc-shop__reastext{font-size:15px;color:#7A5468}
.rc-shop__seo{margin-top:48px;max-width:820px}
.rc-shop__seo h2{margin:0 0 12px;font-family:var(--rc-serif);font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.5}
.rc-shop__seotext{font-size:17px;color:#5E3A50;text-wrap:pretty}
.rc-shop__seotext p{margin:0}
.rc-shop__seotext p+p{margin-top:12px}
.rc-shop__seotext a{color:#D6336C;text-decoration:underline}

/* ---------- Panneau « Filtrer » (mobile) ---------- */
.rc-fsheet{position:fixed;inset:0;z-index:230;display:flex;align-items:flex-end}
.rc-fsheet__panel{position:relative;width:100%;max-height:92vh;max-height:92dvh;background:#FFF7F7;border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .45s var(--rc-ease)}
.rc-fsheet.is-open .rc-fsheet__panel{transform:none}
.rc-fsheet__head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #F0D8E1}
.rc-fsheet__head>span{font-family:var(--rc-serif);font-size:28px;line-height:1.5}
.rc-fsheet__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;display:flex;flex-direction:column;gap:24px}
.rc-fsheet__body.is-loading{opacity:.6;transition:opacity .2s}
.rc-fsheet__mine{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#FBE1E9;color:#4A1236;border:0;border-radius:16px;padding:14px 16px;font-size:15px;font-weight:800;text-align:left;transition:background .2s,color .2s}
.rc-fsheet__mine:hover{color:#4A1236}
.rc-fsheet__mine.is-on,.rc-fsheet__mine.is-on:hover{background:#4A1236;color:#FFF7F7}
.rc-fsheet__title{font-family:var(--rc-serif);font-size:22px;line-height:1.5;margin-bottom:10px}
.rc-fsheet .rc-fopts--size{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}
.rc-fsheet .rc-fsize{width:auto;height:48px;border-radius:12px}
.rc-fsheet .rc-fcolor{gap:8px;border-color:transparent;background:#fff;padding:6px 14px 6px 6px}
.rc-fsheet .rc-fcolor.is-on{border-color:#D6336C;background:#fff}
.rc-fsheet .rc-fcolor__dot{width:28px;height:28px}
.rc-fsheet .rc-fprice{padding:10px 16px}
.rc-fsheet .rc-fprice__radio{display:none}
.rc-fsheet .rc-focc{padding:10px 16px}
.rc-fsheet__foot{display:flex;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #F0D8E1;background:#fff}
.rc-fsheet__clear{border:2px solid #4A1236;background:transparent;color:#4A1236;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:700;line-height:normal;transition:background .2s,color .2s}
.rc-fsheet__clear:hover{background:#4A1236;color:#FFF7F7}
.rc-fsheet__go{flex:1;border:0;background:#D6336C;color:#fff;border-radius:999px;padding:14px;font-size:16px;font-weight:800;cursor:pointer;transition:background .2s}
.rc-fsheet__go:hover{background:#B0265A}
@media (min-width:1024px){.rc-fsheet{display:none!important}}