/* Kivushop – Section Promo & Catégories (front-end) */
.kivu-promo{
  --kivu-blue:#0e6ba8;
  --kivu-blue-dark:#0a4d7a;
  --kivu-bg:#f4f6f8;
  --kivu-text:#1c2b36;
  --kivu-muted:#6b7a85;
  --kivu-card:#ffffff;
  --kivu-radius:14px;
  --kivu-shadow:0 2px 10px rgba(15,30,45,.08);
  max-width:1300px;
  margin:24px auto;
  padding:0 16px;
  box-sizing:border-box;
}
.kivu-promo *{box-sizing:border-box;}

/* ===== Bloc 1 : bannière + annonces ===== */
.kivu-top-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:900px){
  .kivu-top-grid{grid-template-columns:66% 1fr;gap:14px;}
}

.kivu-carousel{
  position:relative;
  border-radius:var(--kivu-radius);
  overflow:hidden;
  box-shadow:var(--kivu-shadow);
  aspect-ratio:16/9;
  background:#ddd;
}
@media(min-width:900px){ .kivu-carousel{aspect-ratio:16/8.2;} }
.kivu-carousel-track{display:flex;height:100%;transition:transform .5s ease;}
.kivu-carousel-slide{min-width:100%;height:100%;}
.kivu-carousel-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.kivu-carousel-slide a{display:block;height:100%;}
.kivu-carousel-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;}
.kivu-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);border:none;padding:0;cursor:pointer;transition:background .2s,width .2s;}
.kivu-dot.active{background:#fff;width:20px;border-radius:5px;}
.kivu-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:2;}
.kivu-carousel-arrow.prev{left:10px;}
.kivu-carousel-arrow.next{right:10px;}
@media(max-width:600px){ .kivu-carousel-arrow{display:none;} }

.kivu-ads-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:10px;
}
.kivu-ad-tile{position:relative;border-radius:var(--kivu-radius);overflow:hidden;box-shadow:var(--kivu-shadow);aspect-ratio:16/9;min-width:0;min-height:0;}
.kivu-ad-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.kivu-ad-tile a:hover img{transform:scale(1.04);}
@media(min-width:900px){
  .kivu-ads-grid{height:100%;grid-template-rows:1fr 1fr;}
  .kivu-ad-tile{aspect-ratio:auto;}
}

/* ===== Bloc 2 : catégories ===== */
.kivu-categories{
  margin-top:18px;
  background:var(--kivu-card);
  border-radius:var(--kivu-radius);
  box-shadow:var(--kivu-shadow);
  padding:14px 10px;
}
.kivu-categories-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  padding:2px 4px 6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.kivu-categories-row::-webkit-scrollbar{height:5px;}
.kivu-categories-row::-webkit-scrollbar-thumb{background:#dbe2e7;border-radius:5px;}
.kivu-cat-card{
  scroll-snap-align:start;
  flex:0 0 auto;
  width:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:12px 6px;
  border-radius:12px;
  text-decoration:none;
  color:var(--kivu-text);
  background:var(--kivu-bg);
  border:1px solid transparent;
  transition:border-color .15s,background .15s;
}
.kivu-cat-card:hover,.kivu-cat-card:focus-visible{border-color:var(--kivu-blue);background:#eaf4fb;}
.kivu-cat-icon{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.kivu-cat-label{font-size:12px;font-weight:500;text-align:center;line-height:1.2;}

@media(min-width:900px){
  .kivu-categories-row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
    overflow-x:visible;
  }
  .kivu-cat-card{width:auto;}
}

.kivu-scroll-hint{text-align:center;font-size:11px;color:var(--kivu-muted);margin-top:2px;}
@media(min-width:900px){ .kivu-scroll-hint{display:none;} }