.announcement{ min-height: 35px; display: flex; align-items: center; justify-content: center; gap: 15px; padding: 7px 20px; color: rgba(255,255,255,.78); background: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.announcement i{ width: 4px; height: 4px; background: var(--gold); border-radius: 50%; }
.site-header{ position: sticky; top: 0; z-index: 100; min-height: 82px; display: grid; grid-template-columns: 190px 1fr 190px; align-items: center; gap: 26px; padding: 8px clamp(24px, 5vw, 76px); background: rgba(245, 243, 237, .92); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.site-header .brand{ justify-self: start; width: 88px; height: 66px; display: grid; place-items: center; }
.site-header .brand img{ max-height: 72px; }
.site-nav{ display: flex; justify-content: center; gap: clamp(18px, 3vw, 42px); font-size: 14px; font-weight: 600; }
.site-nav a{ position: relative; padding: 12px 0; white-space: nowrap; }
.site-nav a::after{ content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 2px; background: var(--red); transition: right .25s ease; }
.site-nav a:hover::after, .site-nav a:focus-visible::after{ right: 0; }
.header-shop{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; text-decoration: none; justify-self: end; padding: 13px 18px; color: #fff; background: var(--blue); border-radius: 999px; font-size: 13px; font-weight: 700; transition: transform .2s ease, background .2s ease; }
.header-shop:hover{ transform: translateY(-2px); background: var(--ink); }
.menu-toggle{ display: none; }
.site-footer{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 48px; padding: 70px clamp(24px, 7vw, 110px) 28px; color: rgba(255,255,255,.62); background: #111110; font-size: 13px; }
.footer-brand img{ width: 115px; margin-bottom: 20px; }
.footer-brand p{ max-width: 330px; line-height: 1.65; }
.site-footer h3{ margin: 0 0 18px; color: #fff; font-family: "Manrope", sans-serif; font-size: 14px; }
.site-footer > div:not(.footer-bottom) > a, .site-footer > div:not(.footer-bottom) > span{ display: block; margin: 11px 0; transition: color .2s ease; }
.site-footer a:hover{ color: var(--sky); }
.footer-bottom{ grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 30px; margin-top: 30px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.12); }
@media (max-width: 1040px){.site-header{ grid-template-columns: 120px 1fr 160px; padding-inline: 25px; }
.site-nav{ gap: 19px; }
.site-footer{ grid-template-columns: 1.4fr repeat(2, 1fr); }
}
@media (max-width: 760px){.announcement{ gap: 9px; font-size: 8px; }
.site-header{ min-height: 72px; grid-template-columns: 1fr auto; padding-inline: 18px; }
.site-header .brand{ width: 76px; height: 58px; }
.header-shop{ display: none; }
.menu-toggle{ position: relative; z-index: 102; width: 46px; height: 46px; display: grid; align-content: center; justify-content: center; gap: 5px; padding: 10px; border: 1px solid var(--line); border-radius: 50%; background: rgba(245,243,237,.92); }
.menu-toggle span:not(.sr-only){ width: 23px; height: 2px; display: block; background: var(--ink); transition: transform .25s ease, opacity .25s ease; }
.menu-toggle[aria-expanded="true"]{ border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.08); }
.menu-toggle[aria-expanded="true"] span:not(.sr-only){ background: #fff; }
.menu-toggle[aria-expanded="true"] span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
.site-nav{ position: fixed; inset: 0; z-index: 101; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 8px; min-height: 100dvh; max-height: 100dvh; padding: calc(92px + env(safe-area-inset-top)) clamp(22px, 7vw, 34px) calc(30px + env(safe-area-inset-bottom)); visibility: hidden; opacity: 0; overflow-y: auto; overscroll-behavior: contain; color: #fff; background: rgba(25,25,23,.98); font-family: "Manrope", sans-serif; font-size: clamp(20px, 6vw, 26px); transition: opacity .25s ease, visibility .25s ease; }
.site-nav a{ width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.13); white-space: normal; }
.site-nav a::after{ display: none; }
.site-nav.open{ visibility: visible; opacity: 1; }
.site-footer{ grid-template-columns: 1fr 1fr; }
.footer-brand{ grid-column: 1 / -1; }
.footer-bottom{ flex-direction: column; }
}
@media (max-width: 380px){.announcement{ flex-wrap: wrap; padding-inline: 12px; letter-spacing: .11em; }
.site-nav{ font-size: 20px; padding-top: calc(84px + env(safe-area-inset-top)); }
}
.site-nav [aria-current="page"]::after{ right: 0; }
.site-header{ grid-template-columns: 125px 1fr max-content; gap: 16px; }
.site-nav{ gap: clamp(12px, 1.5vw, 24px); }
@media (min-width: 761px) and (max-width: 1100px){.site-header{ grid-template-columns: 90px 1fr; padding-inline: 20px; }
.header-shop{ display: none; }
.site-nav{ font-size: 12px; gap: 14px; }
}
@media (max-width: 760px){.site-header{ grid-template-columns: 1fr auto; }
}

.site-header{padding-block:8px}.site-header .brand{gap:0;letter-spacing:normal}.site-header .brand img{display:block;max-width:100%;width:auto;height:auto;max-height:72px}.site-header .site-nav a{color:inherit;font-size:inherit;text-decoration:none}.site-footer a{text-decoration:none}.site-footer span{margin-right:0;letter-spacing:normal}.site-footer .footer-brand img{display:block;max-width:100%}.site-footer .footer-bottom span{margin-right:0}.preview-column{top:104px}body.menu-open{overflow:hidden}
@media(max-width:760px){.site-header .brand img{max-height:58px}.site-header .site-nav{color:#fff}.site-header .menu-toggle[aria-expanded="true"]{position:fixed;right:18px;top:48px}.preview-column{position:static}}
.site-header .header-shop{text-decoration:none}.site-header .header-shop span{margin-right:0}