.all-packages-search-band { min-height: 116px; padding: 24px; display: grid; place-items: center; background-color: #fbfaf6; background-image: repeating-linear-gradient(30deg, #d3ad6317 0 2px, transparent 2px 16px), repeating-linear-gradient(150deg, #d3ad6317 0 2px, transparent 2px 16px); }
.all-packages-search { width: min(570px, 100%); min-height: 58px; padding: 7px 8px 7px 18px; display: flex; align-items: center; gap: 12px; border: 1px solid #e2e4e6; border-radius: 36px; background: #fff; box-shadow: 0 2px 9px #0000000c; }
.all-packages-search > span { color: #77818a; font-size: 23px; }
.all-packages-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; }
.all-packages-search .search-button { min-height: 42px; align-self: auto; padding-inline: 25px; }
.all-packages-filter-band { padding: 16px 28px; background: #f5f6f7; }
.all-packages-filter-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.filter-control select { min-width: 112px; min-height: 38px; padding: 0 30px 0 14px; border: 1px solid #e0e2e4; border-radius: 22px; color: #343a40; background: #fff; font: inherit; font-size: 12px; }
.filter-submit, .filter-reset { min-height: 38px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d3ad63; border-radius: 22px; color: #49391d; background: #fff; font: inherit; font-size: 12px; cursor: pointer; }
.filter-reset { border-color: #e0e2e4; color: #58616a; text-decoration: none; }
.all-packages-results { padding-top: 20px; padding-bottom: 48px; }
.all-packages-results-bar { min-height: 40px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; color: #697486; font-size: 12px; }
.all-packages-results-bar p { margin: 0; }
.all-packages-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.all-packages-grid .package-card { border-color: #eeeeee; border-radius: 11px; box-shadow: 0 2px 7px #00000012; }
.all-packages-grid .package-image { aspect-ratio: 1.5; }
.all-packages-grid .package-info { padding: 10px 12px 11px; }
.all-packages-grid .package-info h2 { min-height: 42px; margin: 0 0 7px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.all-packages-grid .package-info h2 a:hover { color: #bd9140; }
.all-packages-grid .rating { margin: 0 0 10px; padding-bottom: 9px; border-bottom: 1px solid #ededed; color: #555; font-size: 12px; }
.all-packages-grid .rating > span { color: #f2ad00; font-size: 14px; }
.all-packages-grid .rating small { color: #999; font-size: 11px; }
.all-packages-grid .package-price { min-height: 26px; align-items: center; font-size: 11px; }
.all-packages-grid .package-price strong { color: #21262a; font-size: 12px; }
.all-packages-grid .package-price > span:last-child { font-size: 11px; white-space: nowrap; }
.all-packages-empty { margin: 0; padding: 24px; border: 1px solid #e4e6e8; border-radius: 8px; color: #697486; background: #fff; text-align: center; }
@media (max-width: 640px) {
    .all-packages-search-band { min-height: 96px; padding: 18px 14px; }
    .all-packages-filter-band { padding: 12px 10px; }
    .all-packages-filter-inner { gap: 7px; }
    .filter-control select { min-width: 0; max-width: 160px; min-height: 35px; padding-inline: 10px 23px; font-size: 11px; }
    .filter-submit, .filter-reset { min-height: 35px; padding-inline: 11px; font-size: 11px; }
    .all-packages-results { padding-top: 12px; }
    .all-packages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .all-packages-grid .package-info { padding: 8px; }
    .all-packages-grid .package-info h2 { min-height: 40px; font-size: 12px; }
}
@media (max-width: 360px) {
    .all-packages-grid { grid-template-columns: 1fr; }
}