/* One public navigation frame across studio, account and commerce pages. */
header.site-header {
  box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px 32px; width:min(1280px,calc(100% - 80px));
  min-height:102px; margin:0 auto; padding:20px 0;
  border:0; border-bottom:1px solid #d5d9cf; background:transparent;
  color:#173f35; font:400 16px/1.5 "Yossi",Arial,sans-serif; overflow:visible;
}
.site-header::before,.site-header::after { content:none; }
.site-header .point-wordmark { display:block; flex:0 0 125px; width:125px; margin:0; padding:0; border:0; line-height:1; letter-spacing:0; }
.site-header .point-wordmark img { display:block; width:125px!important; max-width:100%; height:auto; }
.site-header .nav { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:20px; width:auto; margin:0; padding:0; font:400 16px/1.5 "Yossi",Arial,sans-serif; }
.site-header .nav a,.site-header .nav a:nth-child(n) {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  box-sizing:border-box; min-height:44px; margin:0; padding:8px 0;
  border:0; border-radius:0; background:transparent; color:#173f35;
  font:inherit; letter-spacing:0; white-space:nowrap; text-decoration:none;
  clip-path:none; box-shadow:none;
}
.site-header .nav a::before,.site-header .nav a::after { content:none; }
.site-header .nav a:hover,.site-header .nav a[aria-current="page"] { color:#aa3924; text-decoration:underline; text-underline-offset:6px; }
.site-header a:focus-visible { outline:2px solid #aa3924; outline-offset:5px; }
.site-header .nav .cart-link span { display:inline; min-width:0; min-height:0; padding:0; background:transparent; color:inherit; font:400 13px/1.5 "Yossi",Arial,sans-serif; }
.site-header .nav .cart-link span[hidden] { display:none!important; }
@media(max-width:900px) {
  header.site-header { width:calc(100% - 40px); gap:14px; padding:18px 0; }
  .site-header .nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:4px 12px; font-size:14px; }
  .site-header .nav a,.site-header .nav a:nth-child(n) { justify-content:flex-start; padding:6px 0; }
}
@media(max-width:380px) {
  header.site-header { width:calc(100% - 32px); }
  .site-header .nav { gap:4px 8px; font-size:13px; }
}