.header{--nav-ink: #35241f;--nav-coral: #ff6b45;--nav-surface: #faf8f5;position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:90px;padding:0 clamp(24px,4.5vw,80px);background:var(--nav-surface);color:var(--nav-ink);border-bottom:0}.header .nav-left,.header .nav-right{display:flex;align-items:center;gap:32px;min-width:0}.header .nav-right{justify-content:flex-end;gap:16px;height:44px;align-self:center}.header .nav-left>a,.header .nav-panel-trigger,.header .lang-trigger,.header .nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:0;border:0;background:none;font:500 18px/1.66 DM Sans,sans-serif;letter-spacing:0;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s ease;list-style:none}.header summary::-webkit-details-marker{display:none}.header .nav-left>a:hover,.header summary:hover,.header .nav-login:hover{color:#ad502c}.header :is(a,button,summary):focus-visible,.mobile-menu a:focus-visible{outline:2px solid #ad502c;outline-offset:5px}.header .logo{display:flex;align-items:center;justify-content:center;align-self:center}.header .logo a{display:inline-flex;align-items:center;min-height:44px}.header .logo-img{display:block;width:auto;height:42px}.header .btn-started{display:inline-flex;justify-content:center;align-items:center;min-height:42.5px;padding:0 26px;border-radius:999px;text-transform:uppercase;background:var(--nav-coral);color:#35241f;font:500 15px/1 DM Sans,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s ease}.header .btn-started:hover{background:#f77748}.header .nav-login{width:44px}.header .nav-login-ico{width:23px;height:23px;stroke-width:1.5}.nav-login-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header .lang-trigger{width:44px;font-size:14px}.lang-flag{display:grid;place-items:center;width:24px;height:24px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:24px;line-height:1;transform:translateY(1px)}.lang-name{display:inline-flex;align-items:center;gap:10px}.lang-option-flag{font-size:20px;line-height:1}.nav-panel-trigger svg{width:14px;height:14px;flex:none}.lang-select{position:relative}.lang-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:190px;padding:8px;background:var(--nav-surface);color:#35241f;border-radius:14px;box-shadow:0 4px 12px #0000000a,0 16px 40px #00000014}.lang-opt{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border-radius:6px;font-size:14px;color:inherit;text-decoration:none}.lang-opt:hover,.lang-opt.active{background:#faf8f5}.lang-code{font-size:12px;opacity:.6}.nav-panel-content{position:absolute;top:100%;left:clamp(24px,4.5vw,80px);width:min(calc(var(--nav-columns) * 380px + 20px),calc(100% - clamp(48px,9vw,160px)));background:var(--nav-surface);border-radius:0 0 16px 16px;box-shadow:0 8px 16px #302b2808,0 24px 40px #302b281a}.nav-panel-inner{padding:25px}.nav-panel-links{display:grid;grid-template-columns:repeat(var(--nav-columns),minmax(0,1fr));gap:30px}.header .nav-panel-link{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0 0 8px;border-radius:12px;color:var(--nav-ink);text-decoration:none}.nav-card-art{position:relative;aspect-ratio:3;overflow:hidden;border-radius:12px;background:#f7e6da}.nav-card-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.nav-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;font-size:16px;line-height:1;font-weight:700;transition:color .15s ease}.nav-card-title svg{display:none}.nav-card-description{margin-top:10px;font-size:12px;font-weight:400;line-height:1.25;color:#8b7d76}.nav-panel-link:hover .nav-card-title{color:#b54e2a}.nav-panel-link:hover .nav-card-art{background-color:#f8dcc8}.nav-panel[open] .nav-panel-trigger,.nav-panel[open] .nav-panel-trigger:hover{color:#ad502c}.nav-panel[open] .nav-panel-trigger svg{transform:rotate(180deg)}.header .nav-cart-btn{width:44px;height:44px;border:0;background:none}.mobile-menu-btn,.mobile-menu{display:none}@media(max-width:1100px){.header{height:72px;grid-template-columns:44px 1fr auto;padding:0 24px;gap:16px}.header .nav-left{display:none}.header .logo{justify-self:start}.header .logo-img{height:26px}.header .nav-right{gap:8px}.header .mobile-menu-btn{display:grid;grid-column:1;grid-row:1;width:44px;height:44px;place-items:center;align-self:center;padding:0;border:0;background:none;color:#35241f;cursor:pointer}.mobile-menu-btn svg{display:block;width:24px;height:24px}.mobile-menu-btn path{transform-box:fill-box;transform-origin:center;transition:transform .15s ease,opacity .15s ease}.mobile-menu-btn.is-open path:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.is-open path:nth-child(2){opacity:0}.mobile-menu-btn.is-open path:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu.open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;padding:20px 24px 28px;z-index:59;background:#faf8f5;box-shadow:0 16px 24px #00000014}.mobile-menu a{display:flex;align-items:center;min-height:56px;padding:12px 0;color:#35241f;text-decoration:none;font-size:18px;border-bottom:1px solid rgba(48,43,40,.1)}}@media(max-width:600px){.header{height:68px;padding:0 12px;gap:8px}.header .logo-img{height:24px}.header .nav-right{gap:2px}.header .nav-login{display:none}.header .lang-trigger{width:40px;min-width:40px}.lang-flag{font-size:22px}.header .nav-right .btn-started{min-height:40px!important;padding:0 16px!important;font-size:13px!important;line-height:1!important}.mobile-menu.open{top:68px;max-height:calc(100dvh - 68px)}}@media(prefers-reduced-motion:reduce){.header *,.mobile-menu *{transition:none!important}}.mobile-menu .mm-login{gap:10px}.mobile-menu .mm-login svg{flex:none;stroke-width:1.5}.header,.mobile-menu{font-family:DM Sans,sans-serif}@media(min-width:1101px){.header .nav-left{height:100%;align-items:stretch}.header .nav-panel{display:flex;align-items:center;height:100%}.header .nav-panel-trigger{height:100%}}
