.cc_QhHCYAhDO9_te8Rixe7jp .popular-section { font-family: var(--kt-font, "cc_QhHCYAhDO9_Google Sans", "Google Sans Fallback", "Google Sans Fallback Android", "Segoe UI", Arial, sans-serif); }
.cc_QhHCYAhDO9_te8Rixe7jp .popular { padding-bottom: 48px; }

/* Heading: title left, "all" link right; wraps instead of squeezing the two together */
.cc_QhHCYAhDO9_te8Rixe7jp .popular-heading { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 8px 18px; margin-bottom: 18px; }
.cc_QhHCYAhDO9_te8Rixe7jp .popular-heading h2 { min-width: 0; margin: 0; color: var(--popular-title, #20272b); font-size: 25px; letter-spacing: -.45px; overflow-wrap: anywhere; }
.cc_QhHCYAhDO9_te8Rixe7jp .popular-heading a { color: var(--popular-link, #c2450e); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.cc_QhHCYAhDO9_te8Rixe7jp .popular-heading a:hover { text-decoration: underline; }

.cc_QhHCYAhDO9_te8Rixe7jp .popular-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
/* The component renderer may wrap each card; let the cards act as direct grid items */
.cc_QhHCYAhDO9_te8Rixe7jp .popular-grid > :not(.popular-card), .cc_QhHCYAhDO9_te8Rixe7jp .popular-grid > :not(.popular-card) > :not(.popular-card) { display: contents; }

@media (max-width: 1100px) {
  .cc_QhHCYAhDO9_te8Rixe7jp .popular-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 850px) {
  .cc_QhHCYAhDO9_te8Rixe7jp .popular { padding-bottom: 32px; }
}

@media (max-width: 520px) {
  .cc_QhHCYAhDO9_te8Rixe7jp .popular-heading h2 { font-size: 22px; }
  .cc_QhHCYAhDO9_te8Rixe7jp .popular-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 12px; }
}