Skip to content
Skip to results list
5 items
Sort
Best selling
/* === FASTUTV YMM SEARCH STYLING === */
/* Main search box container */
.ymm-search-box,
#ymm-search-box,
.fastutv-ymm-search {
max-width: 1100px;
margin: 2.5rem auto;
padding: 1.75rem 2rem;
background: #0b0b0d;
border-radius: 18px;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);
display: flex;
flex-wrap: wrap;
gap: 1rem 1.25rem;
align-items: flex-end;
border: 1px solid rgba(255, 255, 255, 0.04);
}
/* Title above the dropdowns */
.ymm-search-box-title,
.fastutv-ymm-search-title {
width: 100%;
font-size: 0.9rem;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 600;
color: #f5f5f5;
margin-bottom: 0.5rem;
}
/* Each field group (Year / Make / Model) */
.ymm-field,
.ymm-search-box .field,
.fastutv-ymm-search .field {
min-width: 160px;
flex: 1 1 180px;
}
/* Labels above dropdowns */
.ymm-field label,
.ymm-search-box label,
.fastutv-ymm-search label {
display: block;
font-size: 0.75rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #b3b3b8;
margin-bottom: 0.35rem;
}
/* Dropdowns */
.ymm-search-box select,
.fastutv-ymm-search select {
width: 100%;
padding: 0.6rem 0.9rem;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: #15151a;
color: #f7f7f7;
font-size: 0.9rem;
outline: none;
appearance: none;
}
/* Dropdown focus/hover */
.ymm-search-box select:focus,
.fastutv-ymm-search select:focus {
border-color: #38bdf8; /* accent – adjust if you have a brand color */
box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.3);
}
/* Search & Reset buttons container */
.ymm-search-actions,
.fastutv-ymm-search-actions {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
/* Primary search button */
.ymm-search-button,
.fastutv-ymm-search .btn-search,
.fastutv-ymm-search .button-search {
padding: 0.7rem 1.8rem;
border-radius: 999px;
border: none;
background: #38bdf8; /* main accent */
color: #050509;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
}
/* Search button hover */
.ymm-search-button:hover,
.fastutv-ymm-search .btn-search:hover,
.fastutv-ymm-search .button-search:hover {
background: #0ea5e9;
transform: translateY(-1px);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.45);
}
/* Reset button */
.ymm-reset-button,
.fastutv-ymm-search .btn-reset,
.fastutv-ymm-search .button-reset {
padding: 0.7rem 1.4rem;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.6);
background: transparent;
color: #e5e7eb;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.75rem;
cursor: pointer;
transition: background 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}
.ymm-reset-button:hover,
.fastutv-ymm-search .btn-reset:hover,
.fastutv-ymm-search .button-reset:hover {
background: rgba(148, 163, 184, 0.08);
border-color: #e5e7eb;
}
/* Responsive layout for mobile */
@media (max-width: 768px) {
.ymm-search-box,
#ymm-search-box,
.fastutv-ymm-search {
padding: 1.25rem 1.5rem;
}
.ymm-field,
.ymm-search-box .field,
.fastutv-ymm-search .field {
min-width: 100%;
flex: 1 1 100%;
}
.ymm-search-actions,
.fastutv-ymm-search-actions {
width: 100%;
justify-content: flex-start;
}
}
