html{min-width:320px}@media (max-width: 430px){body{min-width:320px;overflow-x:auto}.navbar__element{margin:0 8px!important}h4{font-size:12px}.pagination-container{grid-auto-flow:row!important}.products-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}@media (max-width: 700px){.select{top:100%;left:50%;transform:translate(-50%)}.pagination-container{position:relative!important}.pagination-container-element{position:static!important}}body{width:100%;overflow-x:hidden;margin:0;padding:0;background-color:#1a1b15;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}textarea{font-size:14px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}h4{margin:0;color:#d9cb94;display:flex;justify-self:center}.catalog-button{display:flex;padding:12px 0;flex-direction:column;justify-content:center;align-content:flex-start;gap:8px}.products-container{margin-top:10px;max-width:1008px;margin-right:auto;margin-left:auto;background-color:#15161042;display:grid;justify-items:center;grid-template-columns:repeat(auto-fill,minmax(208px,1fr))}.product-container{display:flex;width:95%;flex-direction:column;justify-content:center;align-items:center;border:1px solid #7a7254;margin-bottom:10px;border-radius:5px;color:#d9cb94}.product-image{width:100%;height:304px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.product-name{margin:0;font-size:17px;max-width:250px;padding:7px;min-height:45px}.product-cost{margin:4px 0}.product-buttons{display:flex;width:100%;justify-content:space-between;margin:4px 0}.product-button{margin-left:auto;margin-right:auto}.catalog-container{margin-left:auto;margin-right:auto;margin-top:10px}.pagination-container{min-height:40px;display:flex;flex-wrap:wrap;justify-content:center;max-width:1000px;margin-left:auto;margin-right:auto;gap:4px}.pagination-function-container{position:relative}.search-form{display:grid;grid-auto-flow:column}.select-element{display:flex;justify-content:space-between;margin:0 0 4px;border-bottom:1px solid #7a7254}.select-label{width:100%;color:#d9cb94}.select-label:hover,.select-input:hover{cursor:pointer}select:empty:after{content:"Нет доступных элементов";padding:0 2px}.categories-selector-container{display:inline-block}.select{padding:5px;display:none;position:absolute;top:100%;z-index:10;overflow-y:auto;background-color:#1a1b15;min-width:200px;width:auto;border-radius:4px;border:1px solid #7a7254}.categories-selector-container:focus-within .select{display:block}.select:hover{display:block}.pagination-container-element{display:flex;flex:1;justify-content:center;margin:auto;position:relative}.sort-selector{display:flex;flex-direction:column;width:100%;color:#d9cb94;text-align:center;overflow:hidden}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:none}select:hover{background-color:transparent;color:#7a7254}.sort-selector option{background:#1a1b15}.search-submit{padding:0 4px;background:none;border:none;color:#d9cb94}.search-submit:hover{color:#7a7254}#search-text{background-color:#7a7254;border-radius:2px;border:none;color:#d9cb94;max-width:120px}#search-text:focus{outline:none}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;background-color:#1a1b15;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}h4{margin:0;color:#d9cb94}h3{margin:0}textarea{min-height:36px;width:100%;resize:vertical;overflow-y:auto}.footer{border-top:1px solid #7A7254;color:#d9cb94;padding:40px 0 8px;margin-top:auto}.content{flex:1}button{background:none;border:none;padding:0;cursor:pointer;color:#d9cb94}button:hover{color:#7a7254}#content{width:100%;height:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::placeholder,textarea::placeholder{color:#f1e1a3}input,input:hover,input:focus,input:active,input:focus-visible{align-self:center;box-sizing:border-box;color:#d9cb94;background-color:#7a7254;border:none;border-radius:2px}select{align-self:center;box-sizing:border-box;color:#d9cb94;border:none;border-radius:2px;width:100%;padding:0 2px}option{padding:0}input:focus{box-shadow:none;outline:none}select::-webkit-scrollbar{width:0;height:0}.form-select-container{display:flex;flex-direction:column;background-color:#7a7254;border-radius:4px;margin:4px 0 0;min-height:15px;max-height:75px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.form-select-container::-webkit-scrollbar{display:none}.form-select-element{display:flex;flex:1;justify-content:space-between;margin:0 2px;min-height:20px;font-size:14px}.no-data-content{color:#d9cb94}.navbar{margin-top:20px;display:grid;gap:1rem;border-bottom:1px solid #7A7254;padding-bottom:4px}.navbar__logo{max-width:125px;margin-right:auto;margin-left:auto}.navbar__logo:hover{cursor:pointer}.navbar__part-right{margin-left:auto;margin-right:auto}.navbar__elements-container{display:flex;justify-content:space-between;flex-wrap:wrap}.navbar__element{margin:0 20px}.navbar__a{color:#d9cb94;font-weight:510;text-decoration:none;transition:.2s}.navbar__a:hover{color:#7a7254;cursor:pointer}#contact-button{position:relative}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1200px;margin:0 auto;padding:20px}.footer-content__section{flex:1;min-width:250px;margin-bottom:30px;padding:0 15px}.footer-content__social-title{margin:0 0 12px}.copyright{text-align:center;padding:16px 0;font-size:14px}.social-links{display:flex;flex-direction:column}input::file-selector-button{display:none}input[type=file]{color:#d9cb94;padding:1px;margin:6px 0 0}input[type=file]{color:#d9cb94}textarea{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px}