
body { padding-top: 76px !important; }
.site-toolbar { position: fixed; inset: 0 0 auto; z-index: 9000; background: #fff; border-bottom: 1px solid #e5edf6; box-shadow: 0 2px 10px #163d4a08; }
.site-toolbar-inner { max-width: 1200px; margin: auto; padding: 0 20px; min-height: 76px; display: flex; gap: 24px; align-items: center; }
body a.site-wordmark { font-family: Montserrat,sans-serif !important; font-size: 22px; line-height: 1; letter-spacing: 2px; font-weight: 400 !important; color: #2CA5FE !important; text-decoration: none; border: 0; white-space: nowrap; }
.site-phone { margin-left: auto; font-size: 14px; white-space: nowrap; }
.site-cart { display: flex; gap: 8px; align-items: center; font-size: 14px; text-decoration: none; white-space: nowrap; }
.site-cart img { width: 24px; height: 24px; }
.site-cart .inCartCount { font-size: 12px; }
.site-menu { position: relative; }
.site-menu summary { display: flex; align-items: center; justify-content: center; cursor: pointer; list-style: none; width: 40px; height: 44px; }
.site-menu summary::-webkit-details-marker { display: none; }
.menu-lines { display: flex; flex-direction: column; gap: 5px; }
.menu-lines i { display: block; width: 24px; height: 2px; background: #000; }
.site-menu nav { position: absolute; top: calc(100% + 8px); left: 0; width: 200px; background: #fff; box-shadow: 0 8px 24px #163d4a20; border: 1px solid #e5edf6; padding: 8px; }
.site-menu nav a { display: block; padding: 10px 14px; text-decoration: none; }
.site-menu nav a:hover { background: #f2f8ff; }
#orders,#profile { scroll-margin-top: 100px; }
@media(max-width:600px) {
 body { padding-top: 72px !important; }
 .site-toolbar-inner { min-height:72px; padding:8px 12px; gap:10px; flex-wrap:wrap; }
 .site-menu summary { width:32px; }
 .site-phone { font-size:11px; }
 .site-cart { gap:4px; }
 .site-cart > span:not(.inCartCount) { display:none; }
 .site-cart img { width:20px; }
}

.site-cart {position:relative}
.site-cart .inCartCount {
 position:absolute; top:-8px; left:16px; min-width:16px; height:16px;
 padding:0 3px; box-sizing:border-box; border-radius:50%; background:#e5f3ff;
 font-size:11px; line-height:16px; text-align:center;
}
@media(max-width:400px) {
 .site-toolbar-inner {gap:8px}
 .site-phone {font-size:10px}
 .site-cart .inCartCount {left:12px}
}

/* Consistent header sizing across legacy catalog and account/checkout pages. */
.site-toolbar,.site-toolbar *,.site-toolbar *::before,.site-toolbar *::after {box-sizing:border-box}
.site-toolbar {font-size:14px;line-height:1.65}

/* Shared page edges: 1200px including side gutters. */
:root {--page-gutter:20px}
.site-toolbar-inner,body .container,body.checkout-page main#checkout,body.checkout-page main.account-main {
 box-sizing:border-box!important;width:100%!important;max-width:1200px!important;
 margin-left:auto!important;margin-right:auto!important;padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important;
}
.site-menu summary {justify-content:flex-start}
@media(max-width:600px){:root{--page-gutter:16px}}

html{overflow-y:scroll;scrollbar-gutter:stable}
.site-menu svg.menu-lines{display:block;width:24px;height:18px;flex:none}

html::-webkit-scrollbar{width:12px}html{scrollbar-width:auto}
