.global-wrapper{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}
.f-bottom-header{background-color:color-mix(in srgb,var(--light-color)80%,transparent);width:100%;height:75px;color:var(--light-color);z-index:100;grid-template-columns:305px 150px 1fr 80px;grid-template-areas:"logo catalog search right";align-items:center;gap:20px;display:grid;position:sticky;top:0}@media screen and (800px<=width<=1460px){.f-bottom-header{grid-template-columns:235px 125px 1fr 80px}}@media screen and (720px<width<800px){.f-bottom-header{grid-template-columns:180px 50px 1fr 100px;height:65px}}@media screen and (max-width:720px){.f-bottom-header{grid-template:"logo catalog.right"65px"search search search search"40px/180px 50px 1fr 100px;gap:0 20px;height:120px}}@media screen and (max-width:500px){.f-bottom-header{grid-template-columns:140px 50px 1fr 80px}}@media screen and (max-width:380px){.f-bottom-header{grid-template-columns:140px 1fr 80px;grid-template-areas:"logo catalog right""search search search"}}.f-bottom-header:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;width:100%;height:100%;position:absolute}.f-bottom-header .f-logo-container{grid-area:logo;align-items:center;margin-left:50px;display:flex}@media screen and (500px<width<=800px){.f-bottom-header .f-logo-container{margin-left:25px}}@media screen and (max-width:500px){.f-bottom-header .f-logo-container{margin-left:10px}}.f-bottom-header .f-logo-container .logo{width:175px;height:auto}@media screen and (500px<width<=800px){.f-bottom-header .f-logo-container .logo{width:150px}}@media screen and (max-width:500px){.f-bottom-header .f-logo-container .logo{width:130px}}.f-bottom-header .f-catalog-button{border:1px solid var(--primary-color);background-color:var(--primary-color);border-radius:15px;grid-area:catalog;justify-content:center;align-items:center;width:150px;height:50px;font-size:1.3rem;font-weight:500;transition:box-shadow .15s;display:flex}.f-bottom-header .f-catalog-button:hover{box-shadow:3px 3px 8px -3px #223c5066}.f-bottom-header .f-catalog-button .pi{display:none}@media screen and (900px<=width<1550px){.f-bottom-header .f-catalog-button{width:120px;height:50px}}@media screen and (max-width:900px){.f-bottom-header .f-catalog-button{width:122px;height:40px}}@media screen and (720px<width<800px){.f-bottom-header .f-catalog-button{width:50px;height:40px}.f-bottom-header .f-catalog-button .pi{font-size:1.7rem;font-weight:700;display:block}.f-bottom-header .f-catalog-button span{display:none}}@media screen and not (min-width:450px){.f-bottom-header .f-catalog-button{width:50px;height:40px}.f-bottom-header .f-catalog-button .pi{font-size:1.7rem;font-weight:700;display:block}.f-bottom-header .f-catalog-button span{display:none}}.f-bottom-header .f-catalog-search-container{grid-area:search}@media screen and (max-width:720px){.f-bottom-header .f-catalog-search-container{padding:0 10px}}.f-bottom-header .f-catalog-search-container .f-catalog-search{background-color:var(--default-color);border-radius:10px;width:60%;min-width:400px;max-width:800px;height:40px;padding:0 0 0 40px}@media screen and (800px<=width<=1110px){.f-bottom-header .f-catalog-search-container .f-catalog-search{width:300px;min-width:unset}}@media screen and (720px<width<800px){.f-bottom-header .f-catalog-search-container .f-catalog-search{width:300px;min-width:unset;padding:0 0 0 30px}}@media screen and (max-width:720px){.f-bottom-header .f-catalog-search-container .f-catalog-search{width:100%;min-width:unset;margin:0 auto}}.f-bottom-header .f-right-header-container{z-index:2;grid-area:right;align-items:center;gap:30px;display:flex}.f-bottom-header .f-right-header-container .f-cart-container .f-cart-icon{font-size:2rem}@media screen and (max-width:750px){.f-bottom-header .f-right-header-container .f-cart-container .f-cart-icon{font-size:1.6rem}}
.open-menu-button{display:none}@media screen and not (min-width:800px){.open-menu-button{display:block}}.open-menu-button span{font-size:1.8rem}
.search-panel-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:color-mix(in srgb,var(--light-medium-color)7%,#ffffffd9);color:#000;z-index:100;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:1150px;min-height:500px;padding:10px;display:flex;position:absolute;top:75px;box-shadow:3px 5px 5px #223c5029}@media screen and (1420px<width<=1800px){.search-panel-container{width:1000px}}@media screen and (max-width:1420px){.search-panel-container{width:800px}}@media screen and (max-width:1220px){.search-panel-container{width:100%;left:0}}@media screen and (max-width:720px){.search-panel-container{top:110px}}.search-panel-container .history-container{z-index:2;width:300px;height:100%;padding:10px;font-size:1.1rem}@media screen and (max-width:720px){.search-panel-container .history-container{width:100%}}.search-panel-container .history-container .header{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.search-panel-container .history-container .header button{padding:0}.search-panel-container .history-container .header button span{color:var(--light-medium-color);font-size:1rem;font-weight:400}.search-panel-container .history-container .history-records-container{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;display:flex}.search-panel-container .history-container .history-records-container .history-record{justify-content:space-between;align-items:center;min-height:30px;display:flex}.search-panel-container .history-container .history-records-container .history-record .history-text-container{width:250px;overflow:hidden}.search-panel-container .history-container .history-records-container .history-record .history-text-container .history-text{text-overflow:ellipsis;text-wrap:nowrap;cursor:pointer;text-align:left;border:none;font-size:1.1rem;overflow:hidden}.search-panel-container .history-container .history-records-container .history-record .remove-item-button{width:30px;height:30px}.search-panel-container .vertical-divider:before{border-color:#fff!important}.search-panel-container .search-results-container{flex-direction:column;flex:1;gap:10px;display:flex}.search-panel-container .search-results-container .all-results-button{text-align:center;width:200px;margin:0 auto;font-weight:600;display:block}
.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}