/* ==========================================================================
   AVCO Design System - Downloads Page
   Updated to match Figma design (2026-04).
   5-column table: Category | Product Type | Product - Description | Sales Literature | Action
   Mobile: inline collapsible filter, vertical card layout, sort button.
   ========================================================================== */

/* ===== BREADCRUMBS ===== */
body.avco-page .avco-dl-breadcrumbs {
  padding: 1rem 3.75rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.5;
}

body.avco-page .avco-dl-breadcrumbs a {
  color: var(--avco-primary-800);
  text-decoration: none;
}

body.avco-page .avco-dl-breadcrumbs .avco-dl-breadcrumb-sep {
  color: var(--avco-gray-600);
  font-size: 1.25rem;
  bottom: 1px;
  position: relative;
}

body.avco-page .avco-dl-breadcrumbs .avco-dl-breadcrumb-current {
  color: var(--avco-gray-600);
}

/* ===== SECTION WRAPPER ===== */
body.avco-page .avco-dl-section {
  padding: 0 3.75rem;
  margin-bottom: 6.25rem;
}

/* ===== BANNER + FILTERS ROW ===== */
body.avco-page .avco-dl-row {
  display: flex;
  width: 100%;
}

/* ===== BANNER ===== */
body.avco-page .avco-dl-banner {
  flex: 0 0 33.625rem;
  min-height: 24rem;
  background-color: var(--avco-primary-800);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0.75rem 3rem;
}

/* Fallback gradient — only when no ACF image is set */
body.avco-page .avco-dl-banner:not(.avco-dl-banner-has-bg)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(49,64,144,1) 0%, rgba(46,60,122,0.95) 40%, rgba(0,80,170,0.7) 100%);
  z-index: 0;
}

body.avco-page .avco-dl-banner:not(.avco-dl-banner-has-bg)::after {
  content: '';
  position: absolute;
  inset: -5rem;
  background:
    radial-gradient(ellipse 60% 80% at 20% 60%, rgba(255,255,255,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 40% 50% at 80% 30%, rgba(255,255,255,0.04) 0%, transparent 60%),
    repeating-linear-gradient(135deg, transparent, transparent 2.5rem, rgba(255,255,255,0.015) 2.5rem, rgba(255,255,255,0.015) 5rem);
  z-index: 0;
}

body.avco-page .avco-dl-banner-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 26.25rem;
}

body.avco-page .avco-dl-banner-content h1 {
  font-family: var(--avco-font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.1rem;
  color: var(--avco-white);
  margin: 0;
}

body.avco-page .avco-dl-banner-content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--avco-white);
  margin: 0;
}

/* ===== FILTERS PANEL (desktop) ===== */
body.avco-page .avco-dl-filters {
  flex: 1;
  min-width: 0;
  background: var(--avco-primary-50);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

body.avco-page .avco-dl-filter-row {
  display: flex;
  gap: 1.5rem;
}

body.avco-page .avco-dl-filter-field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

body.avco-page .avco-dl-filter-field-full {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

body.avco-page .avco-dl-filter-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7;
  color: var(--avco-primary-950);
}

body.avco-page .avco-dl-filter-select {
  width: 100%;
  height: 3rem;
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-200);
  padding: 0 2.5rem 0 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--avco-gray-600);
  font-family: var(--avco-font-body);
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%235d5d5d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  cursor: pointer;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
}

body.avco-page .avco-dl-filter-input {
  width: 100%;
  height: 3rem;
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-200);
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--avco-gray-600);
  font-family: var(--avco-font-body);
  border-radius: 0;
}

body.avco-page .avco-dl-filter-input::placeholder {
  color: var(--avco-gray-600);
}

body.avco-page .avco-dl-filter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
}

body.avco-page .avco-dl-btn-search {
  background: var(--avco-primary-800);
  color: var(--avco-white);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  min-width: 12.5rem;
  border: none;
  cursor: pointer;
  font-family: var(--avco-font-body);
  text-align: center;
  line-height: 1.7;
  border-radius: 0;
}

body.avco-page .avco-dl-btn-search:hover {
  background: var(--avco-primary-900);
}

body.avco-page .avco-dl-btn-clear {
  font-size: 1rem;
  font-weight: 400;
  color: var(--avco-primary-800);
  cursor: pointer;
  background: none;
  border: none;
  font-family: var(--avco-font-body);
  line-height: 1.7;
  padding: 0;
  margin-left: auto;
}

body.avco-page .avco-dl-btn-clear:hover {
  text-decoration: underline;
}

/* ===== SHOW-AS BAR ===== */
body.avco-page .avco-dl-show-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0;
  margin-top: 1.5rem;
}

body.avco-page .avco-dl-show-bar-left {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

body.avco-page .avco-dl-show-label {
  background: var(--avco-primary-50);
  width: 5.375rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  line-height: 1.5;
}

body.avco-page .avco-dl-show-dropdown {
  width: 5rem;
  height: 2rem;
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-200);
  padding: 0 1.875rem 0 0.5rem;
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  font-family: var(--avco-font-body);
  line-height: 1.5;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%235d5d5d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  cursor: pointer;
  border-radius: 0;
  text-align: center;
  outline: none;
}

body.avco-page .avco-dl-show-entries {
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  line-height: 1.5;
}

body.avco-page .avco-dl-show-results {
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  line-height: 1.5;
  text-transform: uppercase;
  border-bottom: 0.5px solid var(--avco-gray-600);
  padding: 0.25rem 0;
  margin-left: auto;
}

/* ===== MOBILE SORT BUTTON ===== */
body.avco-page .avco-dl-sort-btn-wrap {
  display: none; /* hidden on desktop */
  position: relative;
}

body.avco-page .avco-dl-btn-sort {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  height: 2rem;
  padding: 0 0.75rem;
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-800);
  color: var(--avco-primary-800);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--avco-font-body);
  cursor: pointer;
  border-radius: 0;
  line-height: 1.5;
  white-space: nowrap;
}

body.avco-page .avco-dl-btn-sort svg {
  width: 1rem;
  height: 1rem;
}

/* Sort dropdown */
body.avco-page .avco-dl-sort-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.25rem);
  right: 0;
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-200);
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
  z-index: var(--avco-z-float);
  min-width: 12rem;
}

body.avco-page .avco-dl-sort-btn-wrap.is-open .avco-dl-sort-dropdown {
  display: flex;
  flex-direction: column;
}

body.avco-page .avco-dl-sort-option {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--avco-gray-600);
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-family: var(--avco-font-body);
  line-height: 1.5;
}

body.avco-page .avco-dl-sort-option:hover {
  background: var(--avco-primary-50);
}

body.avco-page .avco-dl-sort-option.active {
  color: var(--avco-primary-800);
  font-weight: 600;
  background: var(--avco-primary-50);
}

/* ===== TABLE LOADING ===== */
body.avco-page .avco-dl-hidden {
  display: none;
}

body.avco-page .avco-dl-table-loading {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 4rem 0;
  border: 1px solid var(--avco-primary-100);
  background: var(--avco-white);
}

body.avco-page .avco-dl-table-loading p {
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  margin: 0;
}

body.avco-page .avco-dl-table-loading-spinner {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.1875rem solid var(--avco-primary-200);
  border-top-color: var(--avco-primary-800);
  border-radius: 50%;
  animation: avco-dl-spin 0.7s linear infinite;
}

@keyframes avco-dl-spin {
  to { transform: rotate(360deg); }
}

/* ===== TABLE ===== */
body.avco-page .avco-dl-table-wrapper {
  margin-top: 1.5rem;
  position: relative;
}

/* Spinner loading overlay */
body.avco-page .avco-dl-table-wrapper.is-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 5;
}

body.avco-page .avco-dl-table-wrapper.is-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin: -1.25rem 0 0 -1.25rem;
  border: 0.1875rem solid var(--avco-primary-200);
  border-top-color: var(--avco-primary-800);
  border-radius: 50%;
  z-index: 6;
  animation: avco-dl-spin 0.7s linear infinite;
}

/* Table base */
body.avco-page .avco-dl-table-wrapper table#avco-dl-table {
  width: 100%;
  border: 1px solid var(--avco-primary-100);
  border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--avco-font-body);
  border-spacing: 0;
  background: var(--avco-white);
  margin: 0;
}

/* Column widths (5 cols): Category | Product Type | Product-Description | Sales Literature | Action */
body.avco-page .avco-dl-table-wrapper table#avco-dl-table thead th:nth-child(1) { width: 16%; }
body.avco-page .avco-dl-table-wrapper table#avco-dl-table thead th:nth-child(2) { width: 44%; }
body.avco-page .avco-dl-table-wrapper table#avco-dl-table thead th:nth-child(3) { width: 30%; }
body.avco-page .avco-dl-table-wrapper table#avco-dl-table thead th:nth-child(4) { width: 10%; }

/* Table header */
body.avco-page .avco-dl-table-wrapper table#avco-dl-table thead th {
  background: var(--avco-primary-200);
  background-image: none;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--avco-primary-950);
  text-align: left;
  line-height: 1.5;
  white-space: nowrap;
  border: none;
  border-bottom: 1px solid var(--avco-primary-100);
  box-shadow: none;
  position: relative;
}

/* Sort icon injected by JS */
body.avco-page .avco-dl-sort-icon {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 0.25rem;
  cursor: pointer;
}

body.avco-page .avco-dl-sort-icon svg {
  width: 1rem;
  height: 1rem;
}

/* Table body rows */
body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr {
  border-top: 1px solid var(--avco-primary-100);
  background: var(--avco-white);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr:nth-child(even) {
  background: var(--avco-primary-50);
}

body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr:hover,
body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr:nth-child(even):hover {
  background: var(--avco-primary-100);
}

body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr.avco-dl-row-empty,
body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr.avco-dl-row-empty:hover,
body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody tr.avco-dl-row-empty td {
  cursor: default;
  background: var(--avco-white);
}

/* Table body cells */
body.avco-page .avco-dl-table-wrapper table#avco-dl-table tbody td {
  cursor: pointer;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--avco-gray-600);
  line-height: 1.5;
  vertical-align: middle;
  border: none;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Action column link */
body.avco-page .avco-dl-action-link {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  color: var(--avco-primary-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
}

body.avco-page .avco-dl-action-link:visited {
  color: var(--avco-primary-800);
}

body.avco-page .avco-dl-action-link:hover {
  text-decoration: underline;
}

body.avco-page .avco-dl-action-link svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

/* ===== PAGINATION ===== */
body.avco-page .avco-dl-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.25rem;
  margin-top: 1.5rem;
}

body.avco-page .avco-dl-pagination-btn {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--avco-primary-800);
  cursor: pointer;
  background: none;
  border: none;
  font-family: var(--avco-font-body);
  line-height: 1.5;
}

body.avco-page .avco-dl-pagination-btn.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

body.avco-page .avco-dl-pagination-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

body.avco-page .avco-dl-pagination-numbers {
  display: flex;
  gap: 0.125rem;
}

body.avco-page .avco-dl-pagination-number {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  color: var(--avco-gray-600);
  cursor: pointer;
  background: none;
  border: none;
  font-family: var(--avco-font-body);
  line-height: 1.5;
}

body.avco-page .avco-dl-pagination-number.active {
  background: var(--avco-white);
  font-weight: 700;
  color: var(--avco-primary-800);
}

body.avco-page .avco-dl-pagination-number.ellipsis {
  color: var(--avco-primary-950);
  cursor: default;
}

/* ===== MOBILE INLINE COLLAPSIBLE FILTER ===== */
body.avco-page .avco-dl-mobile-filter {
  display: none; /* hidden on desktop */
}

body.avco-page .avco-dl-mobile-filter-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--avco-font-body);
}

body.avco-page .avco-dl-mobile-filter-toggle-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7;
  color: var(--avco-primary-950);
}

body.avco-page .avco-dl-mobile-filter-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--avco-primary-950);
}

body.avco-page .avco-dl-mobile-filter-toggle-icon .avco-dl-icon-minus {
  display: none;
}

body.avco-page .avco-dl-mobile-filter.is-open .avco-dl-mobile-filter-toggle-icon .avco-dl-icon-plus {
  display: none;
}

body.avco-page .avco-dl-mobile-filter.is-open .avco-dl-mobile-filter-toggle-icon .avco-dl-icon-minus {
  display: block;
}

/* Collapsible content */
body.avco-page .avco-dl-mobile-filter-content {
  display: none;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1rem;
}

body.avco-page .avco-dl-mobile-filter.is-open .avco-dl-mobile-filter-content {
  display: flex;
}

body.avco-page .avco-dl-mobile-filter-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

body.avco-page .avco-dl-mobile-filter-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-top: 0.5rem;
}

body.avco-page .avco-dl-mobile-filter-actions .avco-dl-btn-search {
  /* flex: 1; */
}

/* ===== MOBILE TABLE CARDS (vertical label/value stacks) ===== */
body.avco-page .avco-dl-mobile-cards {
  display: none;
  flex-direction: column;
  gap: 0.75rem;
}

body.avco-page .avco-dl-mobile-card {
  background: var(--avco-white);
  border: 1px solid var(--avco-primary-200);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.avco-page .avco-dl-mobile-card:hover {
  border-color: var(--avco-primary-800);
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
}

body.avco-page .avco-dl-mobile-card-content {
  display: flex;
  flex-direction: column;
}

/* Each row in the card */
body.avco-page .avco-dl-mobile-card-col {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}

/* Alternating row background */
body.avco-page .avco-dl-mobile-card-col-alt {
  background: var(--avco-primary-50);
}

body.avco-page .avco-container .avco-dl-mobile-card-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--avco-primary-950);
  line-height: 1.5;
}

body.avco-page .avco-container .avco-dl-mobile-card-value {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--avco-gray-600);
  line-height: 1.5;
}

/* Mobile card action button (full-width, outlined) */
body.avco-page .avco-dl-mobile-card-action {
  padding: 0.75rem;
}

body.avco-page .avco-dl-mobile-card-btn {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid var(--avco-primary-800);
  background: none;
  color: var(--avco-primary-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--avco-font-body);
}

body.avco-page .avco-dl-mobile-card-btn:visited {
  color: var(--avco-primary-800);
}

body.avco-page .avco-dl-mobile-card-btn:hover {
  background: var(--avco-primary-50);
}

body.avco-page .avco-dl-mobile-card-btn svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1279px) {
  body.avco-page .avco-dl-section { padding: 0 2rem; }
  body.avco-page .avco-dl-row { flex-direction: column; }
  body.avco-page .avco-dl-banner { flex: none; min-height: 12.5rem; }
  body.avco-page .avco-dl-banner-content h1 { font-size: 2rem; }
  body.avco-page .avco-dl-filters { flex: none; }
  body.avco-page .avco-dl-breadcrumbs { padding: 1rem 2rem; }
}

@media (max-width: 950px){
  body.avco-page .avco-dl-mobile-cards { display: flex; margin-top: 0.75rem; }
  body.avco-page .avco-dl-table-wrapper { display: none; }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 767px) {
  body.avco-page .avco-dl-section { padding: 0 1rem; margin-bottom: 2rem; padding-bottom: 2rem; }
  body.avco-page .avco-dl-breadcrumbs { padding: 0.75rem 1rem; font-size: 0.75rem; }

  /* Banner stacks vertically */
  body.avco-page .avco-dl-row { flex-direction: column; }
  body.avco-page .avco-dl-banner {
    flex: none;
    min-height: auto;
    padding: 1rem;
    align-items: flex-start;
    justify-content: center;
  }
  body.avco-page .avco-dl-banner-content {
    max-width: 100%;
    text-align: center;
    align-items: center;
  }
  body.avco-page .avco-dl-banner-content h1 { font-size: 1.75rem; letter-spacing: -0.03rem; line-height: 1.4; }
  body.avco-page .avco-dl-banner-content p { font-size: 1rem; line-height: 1.7; }

  /* Hide desktop filters, show mobile inline filter */
  body.avco-page .avco-dl-filters { display: none; }
  body.avco-page .avco-dl-mobile-filter {
    display: block;
    background: var(--avco-primary-50);
    padding: 1rem;
    overflow: hidden;
    margin-top: 1rem;
  }

  /* Show sort button on mobile */
  body.avco-page .avco-dl-sort-btn-wrap { display: block; }

  /* Show bar adjustments */
  body.avco-page .avco-dl-show-bar { margin-top: 1rem; flex-wrap: wrap; gap: 0.5rem; }
  body.avco-page .avco-dl-show-results { margin-left: 0; width: 100%; text-align: center; order: 99; }
  /* Hide desktop table, show mobile cards */

  /* Pagination */
  body.avco-page .avco-dl-pagination { padding: 1rem 0; margin-top: 0; }
  body.avco-page .avco-dl-pagination-btn span { display: none; }
}

/* ===== RESPONSIVE: SMALL MOBILE ===== */
@media (max-width: 375px) {
  body.avco-page .avco-dl-banner { padding: 1rem; }
  body.avco-page .avco-dl-banner-content { gap: 0.5rem; }
  body.avco-page .avco-dl-banner-content h1 { font-size: 1.75rem; }
  body.avco-page .avco-dl-banner-content p { font-size: 1rem; }
  body.avco-page .avco-dl-btn-search { padding: 0.5rem 1.5rem; min-width: unset; font-size: 0.875rem; width: 7.5rem; }
  body.avco-page .avco-dl-btn-clear { font-size: 0.875rem; }
  body.avco-page .avco-dl-mobile-filter-content { gap: 1rem; }
  body.avco-page .avco-dl-show-label { width: 3.9375rem; font-size: 0.75rem; }
  body.avco-page .avco-dl-show-dropdown { width: 4rem; }
  body.avco-page .avco-dl-show-entries { font-size: 0.75rem; }
  body.avco-page .avco-dl-mobile-card-label { font-size: 0.875rem !important; }
  body.avco-page .avco-dl-mobile-card-col { padding: 0.5rem 1rem; }
  body.avco-page .avco-dl-mobile-card-action { padding: 0.5rem 0.75rem; }
}