/* Minimal styles (your DrillAlign CSS can override these) */
.wap-product-card{
  display:flex; gap:14px; align-items:center;
  padding:14px; border:1px solid rgba(0,0,0,0.10); border-radius:12px;
  margin:14px 0;
}
.wap-product-img{ width:92px; height:auto; border-radius:10px; }
.wap-product-name{ font-weight:700; margin-bottom:8px; }
.wap-amz-btn{
  display:inline-block; padding:10px 14px; border-radius:10px;
  background:#111; color:#fff !important; text-decoration:none !important;
  font-weight:700;
}
.wap-compare-wrap{ overflow-x:auto; margin:18px 0; }
.wap-compare-table{ width:100%; border-collapse:separate; border-spacing:0; min-width:760px; }
.wap-compare-table th, .wap-compare-table td{ padding:14px 16px; border-bottom:1px solid rgba(0,0,0,0.10); vertical-align:middle; line-height:1.35; }
.wap-compare-table th{ background:#d8edf7; text-align:left; font-weight:700; }
.wap-compare-table tbody tr:nth-child(even) td{ background:rgba(0,0,0,0.015); }
.wap-table-img{ width:62px; height:auto; border-radius:10px; vertical-align:middle; }
.wap-td-img{ width:78px; }
.wap-td-tool{ font-weight:600; }
.wap-td-cta{ white-space:nowrap; }


/* Hub/Home card grids */
.wap-home-wrap{ margin: 18px 0; }
.wap-hub-wrap{ margin: 10px 0 26px; }
.wap-hub-head h2{ margin: 0 0 6px; }
.wap-hub-sub{ color: rgba(0,0,0,0.65); margin-bottom: 14px; }
.wap-section-title{ margin-top: 22px; }
.wap-note{ padding: 12px 14px; border:1px dashed rgba(0,0,0,0.25); border-radius: 12px; background: rgba(0,0,0,0.02); }
.wap-card-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px){ .wap-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px){ .wap-card-grid{ grid-template-columns: 1fr; } }
.wap-card{ display:block; padding: 14px; border:1px solid rgba(0,0,0,0.12); border-radius: 14px; text-decoration:none !important; background: #fff; }
.wap-card:hover{ box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.wap-card-badge{ display:inline-block; font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 999px; background: rgba(0,0,0,0.06); margin-bottom: 10px; }
.wap-card-title{ font-weight: 800; margin-bottom: 6px; }
.wap-card-desc{ color: rgba(0,0,0,0.68); font-size: 13px; line-height: 1.35; }
.wap-hub-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px){ .wap-hub-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px){ .wap-hub-grid{ grid-template-columns: 1fr; } }
.wap-hub-card{ display:block; padding: 16px; border:1px solid rgba(0,0,0,0.12); border-radius: 16px; text-decoration:none !important; background: #fff; }
.wap-hub-card-title{ font-weight: 900; margin-bottom: 6px; }
.wap-hub-card-sub{ color: rgba(0,0,0,0.68); font-size: 13px; line-height: 1.35; }