.rscable-search-title { position: relative; width: 100%; }
.rscable-search-title__form, .rscable-search-page__form { display: flex; width: 100%; }
.rscable-search-title__input, .rscable-search-page__form input { min-width: 0; flex: 1 1 auto; }
.rscable-search-title form.search .btn-clear-search { display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 30px; margin: 0 !important; padding: 0; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; }
.rscable-search-title form.search .btn-clear-search[hidden] { display: none !important; }
.rscable-search-title form.search .btn-search { flex: 0 0 52px; width: 52px; }
.rscable-search-title__suggest { position: absolute; z-index: 1100; top: 100%; left: 0; width: 100%; }
.rscable-search-title__suggest[hidden] { display: none !important; }
.rscable-search-title__suggest .search-result-wrapper { width: 100%; }
.rscable-search-title__suggest .search-result.scrollbar { max-height: min(70vh, 350px); overflow-y: auto; }
.rscable-search-title__suggest .search-result__item-image { width: 48px; height: 48px; overflow: hidden; }
.rscable-search-title__suggest .search-result__item-image img { width: 100%; height: 100%; object-fit: contain; }
.rscable-search-page__sections a { background: var(--light_bg_black, #f4f4f4); }
.rscable-search-page__form { gap: 10px; margin: 0 0 24px; }
.rscable-search-page__form input { border-radius: 8px; }
.rscable-search-page__summary, .rscable-search-page__message { margin: 18px 0; }
.rscable-search-page__sections, .rscable-search-page__pagination { display: flex; flex-wrap: wrap; gap: 8px; }
.rscable-search-page__sections { margin: 0 0 18px; }
.rscable-search-page__sections a { padding: 8px 12px; border-radius: 18px; overflow-wrap: anywhere; }
.rscable-search-page__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rscable-search-card { min-width: 0; padding: 18px; border: 1px solid var(--stroke_black, #e5e5e5); border-radius: 10px; }
.rscable-search-card__name { display: block; font-weight: 600; overflow-wrap: anywhere; }
.rscable-search-card__model, .rscable-search-card__size { margin-top: 8px; color: var(--basic_text_black, #666); }
.rscable-search-page__pagination { margin-top: 24px; }
.rscable-search-page__pagination a, .rscable-search-page__pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 8px; border: 1px solid var(--stroke_black, #ddd); border-radius: 6px; }
.rscable-search-page__pagination span { background: var(--theme-base-color, #e31e24); color: #fff; }
.rscable-search-page form.search .search-input { padding-right: 100px; }
.rscable-search-page form.search .search-button-div { display: flex; align-items: center; width: auto; height: 44px; }
.rscable-search-page form.search .btn-clear-search { display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 44px; margin: 0 !important; padding: 0; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; }
.rscable-search-page form.search .btn-clear-search[hidden] { display: none !important; }
.rscable-search-page form.search .btn-search { flex: 0 0 52px; width: 52px; height: 44px; }
@media (max-width: 767px) { .rscable-search-page__form { flex-direction: column; } .rscable-search-page__items { grid-template-columns: minmax(0, 1fr); } }