/* pit-carousel — composant carousel réutilisable Pituello
   Usage :
   <div class="pit-carousel" data-autoplay="4500">
     <div class="pc-track">
       <figure class="pc-slide"><img src="…" alt="…" loading="lazy"></figure>
       …
     </div>
   </div>
   Flèches + compteur injectés par pit-carousel.js. Hauteur via --pc-h. */
.pit-carousel{position:relative;--pc-h:460px;--pc-gap:14px;--pc-radius:16px}
.pit-carousel .pc-track{display:flex;gap:var(--pc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.pit-carousel .pc-track::-webkit-scrollbar{display:none}
.pit-carousel .pc-slide{flex:0 0 auto;height:var(--pc-h);margin:0;scroll-snap-align:start;border-radius:var(--pc-radius);overflow:hidden;background:rgba(255,255,255,.06)}
.pit-carousel .pc-slide img{height:100%;width:auto;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
.pit-carousel .pc-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(14,20,22,.65);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,opacity .2s;padding:0}
.pit-carousel .pc-btn:hover{background:rgba(14,20,22,.9)}
.pit-carousel .pc-btn[disabled]{opacity:.35;cursor:default}
.pit-carousel .pc-prev{left:14px}
.pit-carousel .pc-next{right:14px}
.pit-carousel .pc-btn svg{width:20px;height:20px}
.pit-carousel .pc-count{position:absolute;right:16px;bottom:14px;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.14em;color:#fff;background:rgba(14,20,22,.65);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px;pointer-events:none}
/* Variante fond clair */
.pit-carousel.pc-light .pc-slide{background:#eef1f3}
.pit-carousel.pc-light .pc-btn{background:rgba(255,255,255,.85);color:#10181c;border-color:rgba(0,0,0,.12)}
.pit-carousel.pc-light .pc-btn:hover{background:#fff}
.pit-carousel.pc-light .pc-count{background:rgba(255,255,255,.85);color:#10181c;border-color:rgba(0,0,0,.12)}
@media (max-width:768px){.pit-carousel{--pc-h:320px;--pc-gap:10px}.pit-carousel .pc-btn{width:40px;height:40px}.pit-carousel .pc-prev{left:8px}.pit-carousel .pc-next{right:8px}}