/* =========================
   AFF GATE – Chap Gate UI
   Thay .cg-gate bằng wrapper thực tế nếu khác
   ========================= */
.cg-shopee-gate{
  --cg-border: #e5e7eb;
  --cg-bg: #ffffff;
  --cg-card: #f8fafc;
  --cg-text: #0f172a;
  --cg-muted: #64748b;
  --cg-brand: #ee4d2d;      /* Shopee cam */
  --cg-brand-dark: #d83e21;
  --cg-radius: 14px;
  --cg-shadow: 0 8px 24px rgba(2,8,23,.06);
  background: var(--cg-card);
  border: 1px solid var(--cg-border);
  border-radius: var(--cg-radius);
  padding: 20px;
  margin: 24px auto;
  box-shadow: var(--cg-shadow);
  color: var(--cg-text);
}

.row {    text-align: center;}
.row h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}
.row h3{
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
.row p{
  font-size: 14px;
  color: var(--cg-muted);
  margin: 0;
  text-align: center; /* căn giữa dòng “Nhấn nút để tiếp tục đọc.” */
}
.row .media {
    padding: 20px;
    margin: 10px;
}

/* Biến TẤT CẢ link bên trong gate thành nút đẹp –
   phù hợp khi plugin chỉ in ra 1 link “Mở Shopee”. */
.cg-shopee-cta{
      text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 220px;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--cg-brand);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  letter-spacing: .2px;
  transition: background .15s ease, transform .1s ease;
  box-shadow: 0 2px 0 rgba(0,0,0,.06) inset;
}
.cg-shopee-cta:hover{ background: var(--cg-brand-dark); }
.cg-shopee-cta:active{ transform: translateY(1px); }



/* Responsive */
@media (max-width: 640px){
.cg-shopee-gate{ padding: 16px; }
.cg-shopee-cta{ height: 42px; min-width: 200px; }
}