.search-record{background-color:var(--light-color);text-overflow:ellipsis;border-radius:10px;align-items:center;gap:1rem;width:100%;min-height:75px;padding:10px;display:flex;overflow:hidden;box-shadow:3px 2px 5px -3px #223c5066}.search-record:hover{box-shadow:3px 2px 10px -3px #223c5066}.search-record .record-image img{display:block}.search-record .record-name{flex-direction:column;gap:.1rem;font-size:1rem;font-weight:500;display:flex}.search-record .record-name .record-material{color:var(--primary-color);text-transform:uppercase;font-size:.7rem;font-weight:500;text-decoration:underline}.search-record .search-record-image{object-fit:contain}
.f-footer{background-color:var(--medium-color);width:100%;min-height:200px;color:var(--light-color);grid-template-areas:"info catalog navigation contacts";gap:20px;padding:25px 50px;display:grid}@media screen and (500px<width<=900px){.f-footer{padding:25px}}@media screen and (450px<=width<=500px){.f-footer{padding:25px 10px}}@media screen and (max-width:750px){.f-footer{grid-template-areas:"info catalog""info navigation""info contacts"}}@media screen and (max-width:450px){.f-footer{grid-template-areas:"catalog""navigation""contacts""info";padding:25px;font-size:1.3rem}}.f-footer .f-company-info{flex-direction:column;grid-area:info;justify-content:center;align-items:center;gap:10px;width:300px;margin:10px 0;display:flex}@media screen and (450px<width<=1000px){.f-footer .f-company-info{width:200px}}@media screen and (max-width:450px){.f-footer .f-company-info{width:100%}}.f-footer .f-company-info .logo{width:175px;height:70px}@media screen and (max-width:900px){.f-footer .f-company-info .logo{width:122px;height:50px}}.f-footer .f-company-info .rights-span{text-align:center;font-size:max(.7em,10px)}.f-footer .f-section{flex-direction:column;margin-top:25px;display:flex}.f-footer .f-section a{transition:color .2s}.f-footer .f-section a:hover{color:var(--primary-color)}.f-footer .f-section .f-section-name{color:#fff;font-size:1.2em;font-weight:500}.f-footer .f-section .f-section-body{flex-direction:column;align-items:start;gap:10px;margin-top:10px;display:flex}.f-footer .f-section .f-section-body a{color:var(--bluegray-200);transition:color .2s}.f-footer .f-section .f-section-body a:hover{color:var(--primary-color)}.f-footer .f-section .f-section-body.contacts{justify-content:center;margin-top:25px}@media screen and (max-width:950px){.f-footer .f-section .f-section-body.contacts{margin-top:10px}}.f-footer .f-section .f-section-body.contacts .f-email-container{justify-content:center;margin:10px 0;font-size:1.1em;display:flex}@media screen and (max-width:950px){.f-footer .f-section .f-section-body.contacts .f-email-container{margin:0}}.f-footer .f-section .f-section-body.contacts .f-email-container .f-email-icon{margin-right:10px;font-size:1.5em}.f-footer .f-section .f-section-body.contacts .f-phone-container{justify-content:center;margin:10px 0;font-size:1.1em;display:flex}.f-footer .f-section .f-section-body.contacts .f-phone-container .f-phone-icon{margin-right:10px;font-size:1.5em}.f-footer .f-section .f-section-body.contacts a{color:#fff;transition:color .2s}.f-footer .f-section .f-section-body.contacts a:hover{color:var(--primary-color)}.f-footer .catalog{grid-area:catalog}.f-footer .navigation{grid-area:navigation}.f-footer .contacts{grid-area:contacts}
.f-header{background-color:var(--medium-color);width:100%;height:70px;color:var(--light-color);justify-content:space-between;align-items:center;display:flex}@media screen and (1550px<=width<=1630px){.f-header{font-size:.8rem}}@media screen and not (min-width:800px){.f-header{display:none}}.f-header a{transition:color .2s}.f-header a:hover{color:var(--primary-color)}.f-header .f-nav-links{justify-content:space-between;align-items:center;min-width:660px;margin:0 20px 0 325px;font-size:1.15em;display:flex}@media screen and (800px<width<=1490px){.f-header .f-nav-links{min-width:510px;margin:0 20px 0 50px}}@media screen and (500px<width<=800px){.f-header .f-nav-links{min-width:460px;margin:0 20px 0 25px}}@media screen and (max-width:500px){.f-header .f-nav-links{min-width:460px;margin:0 10px}}.f-header .f-nav-links .f-header-divider{height:30px}.f-header .f-nav-links .f-header-divider:before{border-color:var(--light-medium-color)}.f-header .f-contacts{flex-wrap:wrap;justify-content:center;gap:20px;margin:0 40px 0 30px;font-size:1.2em;display:flex}@media screen and (1101px<=width<=1550px){.f-header .f-contacts{margin-right:25px}}@media screen and (800px<width<=1100px){.f-header .f-contacts{gap:10px;margin-right:10px;font-size:1.1em}}@media screen and (max-width:800px){.f-header .f-contacts{font-size:1.6em}.f-header .f-contacts span{display:none}}.f-header .f-contacts .f-email-container{justify-content:center;align-items:center;display:flex}.f-header .f-contacts .f-email-container .f-email-icon{margin-right:10px;font-size:1.5em}@media screen and (500px<width<=800px){.f-header .f-contacts .f-email-container .f-email-icon{font-size:1.2em}}.f-header .f-contacts .f-phone-container{align-items:center;display:flex}.f-header .f-contacts .f-phone-container .f-phone-icon{margin-right:10px;font-size:1.5em}@media screen and (500px<width<=800px){.f-header .f-contacts .f-phone-container .f-phone-icon{font-size:1.2em}}
.main-content-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;min-height:calc(100% - 380px);padding:35px 50px 80px;display:flex}@media screen and (500px<width<=800px){.main-content-wrapper{padding:35px 25px 80px}}@media screen and (max-width:500px){.main-content-wrapper{padding:35px 10px 80px}}
.mobile-header{background-color:var(--medium-color);color:var(--light-color);z-index:100;width:100%;height:100vh;font-size:1.6rem;display:none;position:fixed;top:0;right:0}@media screen and not (min-width:800px){.mobile-header.expanded{display:block}}.mobile-header a{transition:color .2s}.mobile-header a:hover{color:var(--primary-color)}.mobile-header .close-button-container{justify-content:end;margin:15px 18px 0;display:flex}@media screen and (max-width:500px){.mobile-header .close-button-container{margin:15px 2px 0}}.mobile-header .close-button-container span{font-size:1.4rem}.mobile-header .f-nav-links{flex-direction:column;align-items:center;gap:min(10vh - 52px,10px);display:flex}.mobile-header .f-nav-links .f-header-divider{width:70%}.mobile-header .f-nav-links .f-header-divider:before{border-color:var(--light-medium-color)}.mobile-header .contacts{flex-direction:column;justify-content:center;width:100%;margin-top:20px;display:flex}.mobile-header .contacts .f-section-body{flex-direction:column;align-items:center;gap:20px;margin-top:10px;display:flex}.mobile-header .contacts .f-section-body .f-email-container{justify-content:center;margin:10px 0;font-size:1.1em;display:flex}@media screen and (max-width:950px){.mobile-header .contacts .f-section-body .f-email-container{margin:0}}.mobile-header .contacts .f-section-body .f-email-container .f-email-icon{margin-right:10px;font-size:1.5em}.mobile-header .contacts .f-section-body .f-phone-container{justify-content:center;margin:10px 0;font-size:1.1em;display:flex}.mobile-header .contacts .f-section-body .f-phone-container .f-phone-icon{margin-right:10px;font-size:1.5em}