/* Sunsense shared nav: sale banner + clean white menu bar + phone overlay menu.
   Injected by nav.js on every page. Shrinks into a compact bar on scroll. */

/* hide legacy Shopify-derived bars on snapshot pages */
.site-nav, .announce-bar, .mobile-menu { display: none !important; }

#snavwrap{position:fixed;top:0;left:0;right:0;z-index:900;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;mix-blend-mode:normal}
#snavwrap .snav{position:static !important;top:auto !important;left:auto !important;right:auto !important;mix-blend-mode:normal !important}
.sbanner{background:#151513;color:#fff;overflow:hidden;height:30px;transition:height .25s}
.sbanner-track{display:inline-flex;white-space:nowrap;gap:0;padding-top:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;animation:sbmarquee 22s linear infinite;will-change:transform}
@keyframes sbmarquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sbanner-track{animation:none}}

.snav{display:flex;justify-content:space-between;align-items:center;padding:17px 26px;background:rgba(255,253,251,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #E7E4DE;transition:padding .25s}
.snav .slogo{font-size:17px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#151513;text-decoration:none;transition:font-size .25s}
.snav-links{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.snav-links a{color:#151513;text-decoration:none;opacity:.72;transition:opacity .15s}
.snav-links a:hover,.snav-links a.scta{opacity:1}
.snav-links .scta{border:1px solid #151513;padding:7px 14px}
.snav-right{display:flex;align-items:center;gap:18px}
.slang{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.slang button{background:none;border:none;color:#A6A29B;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:.1em;padding:2px}
.slang button.on{color:#151513}
.slang span{color:#E7E4DE}
.scartbtn{position:relative;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:none;border:none;font-family:inherit;padding:4px;color:#151513}
.scartbtn b{position:absolute;top:-6px;right:-12px;background:#151513;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:10px;line-height:16px;text-align:center;display:none;padding:0 4px}
.sburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:4px}
.sburger span{display:block;height:1.8px;background:#151513;transition:transform .25s}
.sburger.x span:first-child{transform:translateY(3.4px) rotate(45deg)}
.sburger.x span:last-child{transform:translateY(-3.4px) rotate(-45deg)}

/* shrunk state (scrolled): banner slides away, bar compacts */
#snavwrap.small .sbanner{height:0}
#snavwrap.small .snav{padding:9px 26px}
#snavwrap.small .snav .slogo{font-size:15px}

.smenu{position:fixed;inset:0;z-index:890;background:rgba(15,14,13,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;flex-direction:column;justify-content:center;align-items:center;gap:40px;text-align:center}
.smenu.open{display:flex}
.smenu-links{display:flex;flex-direction:column;gap:22px}
.smenu-links a{color:#fff;font-size:26px;font-weight:500;text-decoration:none}
.smenu-foot{display:flex;gap:20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.smenu-foot a{color:rgba(255,255,255,.55);text-decoration:none}

@media(max-width:860px){
  .snav-links{display:none}
  .sburger{display:flex}
  .snav{padding:14px 18px}
  #snavwrap.small .snav{padding:9px 18px}
}

/* legacy Shopify-derived footer, replaced by the shared dark footer below */
footer.site-footer { display: none !important; }

.sfoot{background:#121110;color:#fff;text-align:center;padding:64px 24px 46px;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif}
.sfoot .sfoot-eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:14px}
.sfoot .sfoot-brand{font-size:22px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.sfoot .sfoot-tag{font-size:13.5px;color:#c9c6c1;margin-bottom:30px}
.sfoot .sfoot-cta{display:inline-block;padding:13px 28px;background:#fff;color:#151513;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;margin-bottom:34px}
.sfoot-nav{display:flex;gap:14px 22px;flex-wrap:wrap;justify-content:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sfoot-nav a{color:rgba(255,255,255,.6);text-decoration:none}
.sfoot-nav a:hover{color:#fff}
.sfoot-legal{font-size:10.5px;color:rgba(255,255,255,.35);margin-top:30px}
.sfoot{scroll-snap-align:start}