.catalog-page{margin:0;background-color:#111;color:#fff;font-family:Roboto,sans-serif;transition:background-color .25s ease,color .25s ease}.catalog-container{width:100%;margin:0 auto;padding-inline:20px}.catalog-section{padding:20px 0 40px;background-color:#111;transition:background-color .25s ease}.catalog-search-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.catalog-search-wrapper{position:relative}.catalog-search-input{width:150px;height:40px;padding:0 36px 0 12px;border:1px solid #ffffff;border-radius:8px;background-color:transparent;color:#fff;font-size:14px;outline:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.catalog-search-input::placeholder{color:#b7b7b7}.catalog-search-input:focus{border-color:var(--accent-color, #f87719)}.catalog-clear-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:0;border:none;background-color:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}.is-hidden{display:none}.catalog-year-select{width:72px;height:40px;padding:0 8px;border:1px solid #ffffff;border-radius:8px;background-color:#111;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.catalog-year-select:focus{border-color:var(--accent-color, #f87719)}.catalog-year-select option{background-color:#111;color:#fff}.catalog-search-btn{min-width:48px;height:40px;padding:0 12px;border:1px solid var(--accent-color, #f87719);border-radius:20px;background-color:var(--accent-color, #f87719);color:#111;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.catalog-search-btn:hover,.catalog-search-btn:focus-visible{background-color:transparent;color:var(--accent-color, #f87719)}.catalog-message{max-width:500px;margin:32px auto;color:#fff;font-size:14px;line-height:1.4;text-align:center}.catalog-message[hidden]{display:none}.catalog-message--empty{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:420px;margin:36px auto 0;color:#fff;text-align:center}.catalog-message__title{font-size:16px;font-weight:500;line-height:1.2}.catalog-message__subtitle{font-size:14px;font-weight:400;line-height:1.3}.catalog-message__text{font-size:14px;font-weight:400;line-height:1.4}.catalog-list{display:grid;grid-template-columns:1fr;gap:16px;width:100%;margin:0;padding:0;list-style:none}.catalog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:32px}.catalog-pagination button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #ffffff;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.catalog-pagination button:hover,.catalog-pagination button:focus-visible,.catalog-pagination button.is-active{border-color:var(--accent-color, #f87719);background-color:var(--accent-color, #f87719);color:#fff}body.light-theme.catalog-page{background-color:#f8f8f8;color:#111}body.light-theme .catalog-section{background-color:#f8f8f8}body.light-theme .catalog-search-input,body.light-theme .catalog-year-select{border-color:#595959;background-color:#fff;color:#111}body.light-theme .catalog-search-input::placeholder{color:#595959}body.light-theme .catalog-clear-btn{color:#111}body.light-theme .catalog-year-select option{background-color:#fff;color:#111}body.light-theme .catalog-search-input:focus,body.light-theme .catalog-year-select:focus{border-color:var(--accent-color, #f87719)}body.light-theme .catalog-search-btn{border-color:var(--accent-color, #f87719);background-color:var(--accent-color, #f87719);color:#111}body.light-theme .catalog-search-btn:hover,body.light-theme .catalog-search-btn:focus-visible{background-color:transparent;color:var(--accent-color, #f87719)}body.light-theme .catalog-message,body.light-theme .catalog-message--empty{color:#111}body.light-theme .catalog-pagination button{border-color:#595959;color:#111}body.light-theme .catalog-pagination button:hover,body.light-theme .catalog-pagination button:focus-visible,body.light-theme .catalog-pagination button.is-active{border-color:var(--accent-color, #f87719);background-color:var(--accent-color, #f87719);color:#fff}@media screen and (min-width: 768px){.catalog-container{padding-inline:32px}.catalog-section{padding:32px 0 48px}.catalog-search-form{gap:12px;margin-bottom:32px}.catalog-search-input{width:190px}.catalog-year-select{width:95px}.catalog-search-btn{min-width:64px}.catalog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.catalog-pagination{margin-top:40px}.catalog-message--empty{margin-top:48px}.catalog-message__title{font-size:18px}.catalog-message__subtitle,.catalog-message__text{font-size:16px}}@media screen and (min-width: 1280px){.catalog-container{max-width:1280px;padding-inline:32px}.catalog-section{padding:40px 0 64px}.catalog-search-input{width:220px}.catalog-year-select{width:110px}.catalog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}.catalog-pagination{margin-top:48px}.catalog-message--empty{margin-top:56px}}@media (prefers-reduced-motion: reduce){.catalog-page,.catalog-section,.catalog-search-input,.catalog-year-select,.catalog-search-btn,.catalog-pagination button{transition:none}}