@font-face{font-family:Evolventa;src:url(./Evolventa-Regular-BGKr2ck-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Evolventa;src:url(./Evolventa-Bold-C3kUb_zi.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Evolventa;src:url(./Evolventa-BoldOblique-C_nfVNoA.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:Bebas Neue Cyrillic;src:url(./BebasNeueCyrillic-Hlg5YgzI.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
.header,.nav-panel,.qave-header-space{--primary:#271812;--primary-light:#9b8278;--white:#fff;--background:#eae7e6;--header-height:75px;--font-family:"Evolventa", sans-serif;--second-family:"Bebas Neue Cyrillic", sans-serif;--third-family:"Inter", sans-serif;--font3:"Manrope", sans-serif}
.header,.header *,.nav-panel,.nav-panel *{box-sizing:border-box}.header,.nav-panel{font-family:var(--font-family);font-size:16px;line-height:normal;text-align:left}:where(.header,.nav-panel) :is(div,ul,li,a,nav,button,span,svg){margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-decoration:none;box-shadow:none;min-height:0}:where(.header,.nav-panel) ul{list-style:none}:where(.header,.nav-panel) a{color:inherit}.qave-header-space{height:var(--header-height)}body.lock{overflow:hidden}body{padding-top:0}.header__action--cart{position:relative}.header__cart-count{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:#271812;font-size:11px;line-height:18px;font-weight:700;text-align:center}.header__cart-count--empty{display:none}
@media (width>=1024px){.header,.nav-panel,.qave-header-space{--header-height:90px}}
:where(.header,.nav-panel) .icon{flex-shrink:0;width:22px;height:22px}
:where(.header,.nav-panel) .btn--light{width:fit-content;min-width:157px;height:50px;font-family:var(--font-family);text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}
:where(.header,.nav-panel) .btn--light .icon{flex-shrink:0;width:22px;height:22px}
:where(.header,.nav-panel) .btn--light{background-color:var(--white);color:var(--primary)}
.header{z-index:50;height:var(--header-height);color:var(--white);background-color:var(--primary);transition:background-color .3s,color .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}
.header--scrolled{color:var(--primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#ffffffbf;box-shadow:0 24px 100px #0000001a}
.header__container{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}
.header__logo{color:inherit;flex-shrink:0;display:flex}
.header__logo-icon{width:103px;height:33px}
@media (width>=1024px){.header__logo-icon{width:128px;height:41px}}
.header__nav{display:none}
@media (width>=1270px){.header__nav{display:block}}
.header__menu{align-items:center;gap:30px;display:flex}
@media (width>=1640px){.header__menu{gap:40px}}
.header__menu-item{position:relative}
.header__menu-link{font-family:var(--font-family);letter-spacing:.04em;text-transform:uppercase;color:inherit;white-space:nowrap;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:6px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:opacity .2s;display:inline-flex}
.header__menu-link:hover{opacity:.7}
.header__menu-arrow{width:14px;height:14px;transition:transform .3s}
.header__submenu{background-color:var(--primary);opacity:0;visibility:hidden;border-radius:12px;flex-direction:column;gap:14px;min-width:220px;padding:18px 20px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 18px);left:-20px;transform:translateY(-8px);box-shadow:0 20px 40px #27181240}
.header__submenu-link{text-transform:uppercase;color:var(--white);font-size:16px;transition:color .2s}
.header__submenu-link:hover{color:var(--primary-light)}
.header__menu-item:hover .header__submenu,.header__menu-item:focus-within .header__submenu,.header__menu-item.is-open .header__submenu{opacity:1;visibility:visible;transform:translateY(0)}
.header__menu-item:hover .header__menu-arrow,.header__menu-item:focus-within .header__menu-arrow,.header__menu-item.is-open .header__menu-arrow{transform:rotate(180deg)}
.header__actions{align-items:center;gap:15px;display:flex}
@media (width>=1024px){.header__actions{gap:30px}}
.header__action{width:25px;height:25px;color:inherit;justify-content:center;align-items:center;transition:opacity .2s;display:flex}
.header__action:hover{opacity:.7}
.header__action-icon{width:25px;height:25px}
@media (width>=1024px){.header__action-icon{width:32px;height:32px}}
.header__burger{width:40px;height:40px;color:inherit;cursor:pointer;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:opacity .2s;display:flex}
.header__burger:hover{opacity:.7}
.header__burger-line{background-color:currentColor;border-radius:2px;width:22px;height:2px}
.header__logo:focus-visible,.header__menu-link:focus-visible,.header__submenu-link:focus-visible,.header__action:focus-visible,.header__burger:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}
.nav-panel{z-index:100;visibility:hidden;pointer-events:none;position:fixed;inset:0}
.nav-panel__overlay{opacity:0;background-color:#0f090699;transition:opacity .35s;position:absolute;inset:0}
.nav-panel__inner{overscroll-behavior:contain;width:100%;height:100%;color:var(--white);background-color:var(--primary);background-image:url(./bg-footer-DwVQciv6.svg);background-position:130% 82%;background-repeat:no-repeat;background-size:85%;flex-direction:column;padding:0 15px 30px;transition:transform .35s;display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}
@media (width>=767px){.nav-panel__inner{width:528px;padding:0 40px 40px}}
.nav-panel.is-open{visibility:visible;pointer-events:auto}
.nav-panel.is-open .nav-panel__overlay{opacity:1}
.nav-panel.is-open .nav-panel__inner{transform:translate(0)}
.nav-panel__head{height:var(--header-height);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;display:flex}
.nav-panel__logo{color:inherit;display:flex}
.nav-panel__logo-icon{width:93px;height:30px}
@media (width>=1024px){.nav-panel__logo-icon{width:128px;height:41px}}
.nav-panel__close{width:40px;height:40px;color:inherit;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;margin-right:-8px;padding:0;transition:opacity .2s;display:flex}
.nav-panel__close:hover{opacity:.7}
.nav-panel__close-icon{width:24px;height:24px}
.nav-panel__nav{margin-top:25px}
.nav-panel__menu{flex-direction:column;gap:25px;display:flex}
.nav-panel__link{font-family:var(--font-family);letter-spacing:.04em;text-transform:uppercase;color:var(--white);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:color .2s;display:inline-flex}
.nav-panel__link:hover{color:var(--primary-light)}
.nav-panel__arrow{width:14px;height:14px;transition:transform .3s}
.nav-panel__submenu{opacity:0;flex-direction:column;gap:15px;max-height:0;transition:max-height .35s,opacity .25s,padding-top .35s;display:flex;overflow:hidden}
.nav-panel__submenu-link{text-transform:uppercase;color:var(--primary-light);font-size:16px;transition:color .2s}
.nav-panel__submenu-link:hover{color:var(--white)}
.nav-panel__menu-item.is-open .nav-panel__submenu{opacity:1;max-height:300px;padding-top:20px}
.nav-panel__menu-item.is-open .nav-panel__arrow{transform:rotate(180deg)}
.nav-panel__contacts{flex-direction:column;gap:25px;margin-top:auto;padding-top:50px;display:flex}
.nav-panel__contact{flex-direction:column;gap:8px;display:flex}
.nav-panel__contact-title{text-transform:uppercase;color:var(--primary-light);font-size:14px}
.nav-panel__contact-value{font-family:var(--second-family);text-transform:uppercase;color:var(--white);font-size:24px;font-weight:400;line-height:1}
.nav-panel__btn{width:100%;height:50px;margin-top:30px}
.nav-panel__logo:focus-visible,.nav-panel__close:focus-visible,.nav-panel__link:focus-visible,.nav-panel__submenu-link:focus-visible,.nav-panel__contact-value:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}
:where(.header,.nav-panel) .container{width:100%;max-width:1697px;margin:0 auto;padding:0 15px}
@media (width>=1640px){:where(.header,.nav-panel) .container{padding:0}}
