html{scrollbar-gutter:stable}
.mobile-menu-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#121d36;background:#f7faff;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;isolation:isolate}
.mobile-menu-dialog::-webkit-scrollbar{display:none}
.mobile-menu-dialog::backdrop{background:#eaf0ffdd}.mobile-menu-dialog:not([open]){display:none}
.mobile-menu-backdrop-art{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f7faff url('/assets/mobile-menu.webp') center center/cover no-repeat}
.mobile-menu-content{width:100%;max-width:680px;margin:0 auto;padding:25px 22px max(28px,env(safe-area-inset-bottom));position:relative}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.mobile-menu-heading img{width:155px;height:auto}.mobile-menu-heading button{display:grid;place-items:center;width:44px;height:44px;background:#ffffffdd;border:1px solid #fff;border-radius:50%;color:#17213b;flex-shrink:0;transition:rotate .25s ease,background .25s ease}.mobile-menu-heading button svg{width:25px;height:25px}.mobile-menu-heading button:hover{rotate:90deg;background:white}
.mobile-menu-link{display:flex;align-items:center;gap:16px;min-height:57px;padding:13px 14px;border-radius:20px;color:#131e38;font-size:17px;font-weight:500;line-height:1.4;transition:background .2s ease,color .2s ease}.mobile-menu-link>svg:first-child{width:25px;height:25px;flex-shrink:0;color:#164fff}.mobile-menu-link>span:not(.mobile-menu-product-placeholder){min-width:0;flex:1}.mobile-menu-link>svg:last-child{width:16px;height:16px;flex-shrink:0;color:#7b90b4;margin-left:auto}.mobile-menu-link[aria-current="page"]{background:linear-gradient(100deg,#eaf0ffb3,#bdcaff55);color:#164fff}.mobile-menu-link[aria-current="page"]>svg:last-child{color:#164fff}.mobile-menu-link:hover{background:#dce7ff55}.mobile-menu-section{margin-top:28px}.mobile-menu-section h3{font-size:12px;text-transform:uppercase;color:#879ab8;font-weight:600;letter-spacing:.5px;margin:0 14px 7px}.mobile-menu-product{gap:15px;padding-top:11px;padding-bottom:11px}.mobile-menu-product>img,.mobile-menu-product-placeholder{width:72px;height:62px;object-fit:cover;object-position:top;border-radius:9px;border:1px solid #e1e9fa;flex-shrink:0}.mobile-menu-product-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e5eaff,#e7defb);color:#7764d4}.mobile-menu-product-placeholder svg{width:30px;height:30px}.mobile-menu-product strong{display:block;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.3px}.mobile-menu-product small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#8194b3;font-size:12px;line-height:1.6;font-weight:400;margin-top:4px}.mobile-menu-section--border{border-top:1px solid #dfe8f7;padding-top:16px;margin:20px 14px 0}.mobile-menu-section--border .mobile-menu-link{margin-inline:-14px}
.mobile-menu-actions{margin:27px 14px 0;display:flex;flex-direction:column;gap:10px}.mobile-menu-quote,.mobile-menu-login{border-radius:16px;padding:15px 23px;min-height:55px;font-size:17px;gap:15px}.mobile-menu-quote{background:linear-gradient(120deg,#17213a,#10192d);color:white;box-shadow:0 8px 18px #2337610c}.mobile-menu-quote:hover{background:#1b2c4d}.mobile-menu-quote>svg:first-child,.mobile-menu-quote>svg:last-child{color:white}.mobile-menu-login{border:1px solid #c9d8f3;background:#ffffffbd}.mobile-menu-login>svg:first-child{color:#17213b}.mobile-menu-account-links{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#6c80a4;padding:5px 3px}.mobile-menu-account-links a{display:flex;align-items:center;gap:7px;padding:6px 0}.mobile-menu-account-links svg{width:17px;height:17px}.mobile-menu-contact{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;border-top:1px solid #dfe8f7;margin:20px 14px 0;padding-top:23px}.mobile-menu-contact a{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#223353;min-height:30px}.mobile-menu-contact svg{width:20px;height:20px;color:#164fff}.mobile-menu-dialog :is(a,button):focus-visible{outline:3px solid #7a9fff;outline-offset:3px}
.mobile-menu-dialog.is-opening{animation:mobile-menu-open .38s cubic-bezier(.16,1,.3,1) both}.mobile-menu-dialog.is-opening .mobile-menu-item{animation:mobile-menu-item .5s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--menu-delay,0ms)}.mobile-menu-dialog.is-closing{animation:mobile-menu-close .2s ease both;pointer-events:none}
@keyframes mobile-menu-open{from{opacity:0}to{opacity:1}}@keyframes mobile-menu-item{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-menu-close{to{opacity:0;transform:translateY(-10px)}}
@media(min-width:600px){.mobile-menu-content{padding:35px 35px 40px}.mobile-menu-heading img{width:205px}.mobile-menu-heading button{width:53px;height:53px}.mobile-menu-link{font-size:21px;min-height:68px;gap:22px}.mobile-menu-link>svg:first-child{width:31px;height:31px}.mobile-menu-product strong{font-size:18px}.mobile-menu-product small{font-size:15px}.mobile-menu-product>img,.mobile-menu-product-placeholder{width:98px;height:78px}.mobile-menu-section h3{font-size:14px}.mobile-menu-contact a{font-size:14px}.mobile-menu-contact{gap:25px}.mobile-menu-section{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-dialog,.mobile-menu-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mobile-menu-heading{position:sticky;top:0;z-index:3;background:transparent;backdrop-filter:none;padding-block:10px;margin-top:-10px}