.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 .catalog-search-icon{margin-top:-.5em;font-size:max(12px,1rem);left:1em}.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 2.5em;font-size:max(12px,1rem)}@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;position:relative}@media screen and (max-width:750px){.f-bottom-header .f-right-header-container .f-cart-container .f-cart-icon{font-size:1.6rem}}
.badge{transform-origin:100% 0;color:#fff;text-align:center;min-width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;line-height:1.5rem;font-family:var(--font-family);background-color:#f59e0b;border-radius:50%;margin:0;padding:0;display:inline-block;position:absolute;top:0;right:0;transform:translate(50%,-50%)}
.open-menu-button{padding:0;display:none}@media screen and not (min-width:800px){.open-menu-button{display:flex}}.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}