/* ============================================================
   Produits en vedette — cartes claires, grille responsive.
   1 colonne en barre laterale, plusieurs sur l'accueil.
   ============================================================ */

.akg-feat {
  --akg-orange: var(--akaguriro-orange, #ff8400);
  --akg-blue: var(--akaguriro-blue, #071689);
  font-size: 14px;
}
.akg-feat__head {
  display: flex; align-items: center; gap: 7px;
  font-size: 15px; font-weight: 700; color: var(--akg-blue);
  text-transform: uppercase; letter-spacing: .03em;
  margin: 0 0 14px; padding-bottom: 8px;
  border-bottom: 2px solid var(--akg-orange);
}
.akg-feat__head i { color: var(--akg-orange); font-size: 14px; }

.akg-feat__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
}

.akg-feat__card {
  display: flex; align-items: center; gap: 12px;
  padding: 8px; text-decoration: none; color: inherit;
  background: #fff;
  border: 1px solid rgba(7,22,137,.10);
  border-radius: 10px;
  transition: border-color .2s, box-shadow .2s, transform .1s;
}
.akg-feat__card:hover {
  border-color: var(--akg-orange);
  box-shadow: 0 4px 14px rgba(7,22,137,.08);
}

.akg-feat__thumb {
  width: 60px; height: 60px; flex: none;
  border-radius: 8px; overflow: hidden; background: #f3f4f8;
}
.akg-feat__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.akg-feat__thumb--empty {
  display: flex; align-items: center; justify-content: center; color: #b7bcd0;
}

.akg-feat__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.akg-feat__cat {
  font-size: 11px; color: var(--akg-orange); font-weight: 600;
  text-transform: uppercase; letter-spacing: .03em;
}
.akg-feat__name {
  font-size: 13.5px; line-height: 1.3; color: #1c2030; font-weight: 500;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.akg-feat__price { font-size: 14px; font-weight: 700; color: var(--akg-blue); margin-top: 2px; }

.akg-feat__chev { color: #c2c6d8; font-size: 12px; flex: none; transition: color .2s, transform .2s; }
.akg-feat__card:hover .akg-feat__chev { color: var(--akg-orange); transform: translateX(2px); }

.akg-feat__all {
  display: inline-block; margin-top: 12px;
  color: var(--akg-orange); font-weight: 600; font-size: 13px; text-decoration: none;
}
.akg-feat__all:hover { color: var(--akg-blue); }
.akg-feat__all i { font-size: 11px; margin-left: 4px; }

/* ============================================================
   Largeur de la colonne sidebar du blog.
   Le theme Jango la met en col-md-3 (25%) + col-md-offset-1
   (8,33% de vide a gauche = l'espace gaspille). On supprime
   l'offset et on elargit a ~33% pour combler tout l'espace.
   (Ces regles ne se chargent qu'avec ce bloc -> pages de blog.)
   ============================================================ */
#sidebar.col-md-offset-1 { margin-left: 0 !important; }
#sidebar { width: 33.3333% !important; }