/* ===== Variables rapides ===== */
:root{
    --hct-accent: #62c184;     /* vert de l'onglet actif */
    --hct-text:   #1f2937;     /* gris très foncé */
    --hct-muted:  #9aa3af;     /* gris clair */
  }
  
  /* ===== Barre d'onglets ===== */
  .lnk-hct__tabsbar{
    display:flex; justify-content:center; margin: 8px 0 18px;
  }
  .lnk-hct__tabs{
    display:flex; gap: 40px; list-style:none; margin:0; padding:0 4px;
  }
  .lnk-hct__tabs li{ margin:0; padding:0; }
  .lnk-hct__tab{
    cursor: pointer;
    position:relative; display:inline-block; padding:6px 2px;
    font-size:22px; line-height:1.2; color:var(--hct-muted); text-decoration:none;
    transition:color .25s ease;
  }
  .lnk-hct__tab:hover{ color:var(--hct-text); }
  .lnk-hct__tab.is-active{ color:var(--hct-accent); cursor: pointer;}
  .lnk-hct__tab.is-active::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    bottom:-11px; height:2px; width:48px; background:var(--hct-accent); border-radius:2px;
  }
  
  /* ===== Panes ===== */
  .lnk-hct__pane{ display:none; }
  .lnk-hct__pane.is-active{ display:block; }
  
  /* ===== Grille produits (5 par rangée sur desktop) ===== */
  .lnk-hct__grid{
    display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px;
  }
  @media (min-width: 576px){ .lnk-hct__grid{ grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 768px){ .lnk-hct__grid{ grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 1200px){ .lnk-hct__grid{ grid-template-columns: repeat(5, 1fr); } }
  .lnk-hct__item .product-miniature{ height:100%; }
  
  /* ===== Bouton "Voir tout" ===== */
  .lnk-hct__more{ text-align:right; margin-top:14px; }
  .lnk-hct__btn{
    display:inline-block; padding:8px 14px; border:1px solid #cbd5e1; border-radius:8px;
    font-size:14px; text-decoration:none; color:#111827; background:#fff;
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .lnk-hct__btn:hover{ border-color:var(--hct-accent); box-shadow:0 1px 8px rgba(0,0,0,.06); }