{` .search-page {padding: 80px 40px; max-width: 1400px; margin: 0 auto;} .search-container {width: 100%;} .search-header {margin-bottom: 40px;} .search-title {font-size: 32px; font-weight: 300; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 8px;} .search-results-count {font-size: 14px; color: #666; letter-spacing: .02em;} .search-form {display: flex; gap: 0; margin-bottom: 60px; border-bottom: 1px solid #000;} .search-input {flex: 1; padding: 16px 0; font-size: 18px; font-weight: 300; border: none; outline: none; background: transparent; letter-spacing: .02em;} .search-input::placeholder {color: #999;} .search-btn {padding: 16px 24px; background: none; border: none; cursor: pointer; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 500; transition: opacity .2s;} .search-btn:hover {opacity: .6;} .search-empty {text-align: center; padding: 100px 20px;} .search-empty p {font-size: 16px; color: #666; margin-bottom: 8px; font-weight: 300;} .search-suggestion {font-size: 14px !important;} .search-suggestion a {color: #000; text-decoration: underline;} @media (max-width: 768px) {.search-page {padding: 40px 20px;} .search-title {font-size: 24px;} .search-input {font-size: 16px;}} `}