/* =========================
   AUTO HELP GH - PRODUCT
   File: assets/css/product.css
   ========================= */

.ahgh-fitment{
  margin:10px 0 4px;
  padding:10px 12px 12px;
  border-radius:14px;
  background:rgba(var(--ahgh-accent-rgb),0.05);
  border:1px solid rgba(var(--ahgh-accent-rgb),0.14);
  color:var(--ahgh-text-soft);
  font-size:0.88rem;
}
.ahgh-fitment__top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}
.ahgh-fitment__pill{
  padding:3px 8px;
  border-radius:999px;
  font-size:0.72rem;
  text-transform:uppercase;
  letter-spacing:0.13em;
  background:rgba(var(--ahgh-accent-rgb),0.10);
  border:1px solid rgba(var(--ahgh-accent-rgb),0.22);
  color:var(--ahgh-text);
  font-weight:900;
}
.ahgh-fitment__label{
  font-weight:900;
  color:var(--ahgh-text);
}
.ahgh-fitment__text{
  margin:2px 0 6px;
  font-size:0.86rem;
  line-height:1.5;
  color:var(--ahgh-text-soft);
}
.ahgh-fitment__list{
  margin:0 0 8px 16px;
  padding:0;
  font-size:0.82rem;
  color:rgba(11,18,32,0.78);
}
.ahgh-fitment__list li{ margin-bottom:2px; }

.ahgh-fitment__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
}
.ahgh-fitment__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;
  font-size:0.8rem;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.ahgh-fitment__btn--primary{
  background:var(--ahgh-accent);
  color:#ffffff;
  border:none;
  box-shadow:0 12px 26px rgba(var(--ahgh-accent-rgb),0.22);
}
.ahgh-fitment__btn--primary:hover{ background:var(--ahgh-accent-2); }

.ahgh-fitment__btn--outline{
  background:transparent;
  color:var(--ahgh-accent);
  border:1px solid rgba(var(--ahgh-accent-rgb),0.30);
}
.ahgh-fitment__btn--outline:hover{ background:rgba(var(--ahgh-accent-rgb),0.08); }

@media (max-width:600px){
  .ahgh-fitment__actions{ flex-direction:column; align-items:stretch; }
  .ahgh-fitment__btn{ width:100%; text-align:center; }
}