/* header.css — the one header, rendered by header.js on every page:
   logo (cloud) + shop + about us (clouds) on the left, "join the club" on the right. */
.site-header{--h-brown:#3E2313;--h-yellow:#FAD84C;--h-orange:#CC4E00;--h-cream:#FCEFE4;
  position:sticky;top:0;z-index:60;background:var(--h-yellow);border-bottom:2.5px solid var(--h-brown);
  font-family:'Poppins',system-ui,sans-serif}
.site-header a{text-decoration:none}
.site-header .sh-in{max-width:1150px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 24px}
.site-header .sh-logo{flex:none;display:block}
.site-header .sh-logo img{height:48px;width:auto;display:block}
.site-header .sh-links{display:flex;gap:12px;font-size:13.5px;font-weight:700;margin-left:8px}
.site-header .sh-links a{position:relative;color:var(--h-brown);padding:16px 26px 10px;line-height:1;text-align:center;white-space:nowrap;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 318 131' preserveAspectRatio='none'%3E%3Cpath d='M 17.019531 125.792969 C 24.222656 130.53125 31.96875 130.53125 34.703125 130.53125 C 239.894531 130.621094 248.550781 130.347656 265.78125 129.894531 C 267.695312 129.894531 274.074219 129.621094 280.914062 126.066406 C 296.863281 117.585938 312.269531 92.0625 301.511719 69.824219 C 294.585938 55.421875 278.542969 46.394531 261.039062 46.578125 C 256.484375 30.171875 247.914062 22.148438 243.539062 18.777344 C 222.117188 2.09375 184.925781 5.648438 153.386719 30.261719 C 151.109375 24.699219 145.457031 13.761719 133.605469 6.742188 C 122.394531 0.179688 111.273438 0.363281 101.246094 0.453125 C 90.582031 0.636719 82.652344 2.824219 79.1875 3.917969 C 70.710938 6.652344 64.054688 8.65625 58.859375 14.949219 C 51.839844 23.332031 51.75 33.542969 51.933594 37.1875 C 50.472656 37.1875 48.46875 37.460938 46.007812 37.828125 C 42.453125 38.375 37.53125 39.378906 32.335938 41.199219 C 26.5 43.207031 13.648438 50.679688 6.445312 64.261719 C -4.765625 85.226562 0.886719 114.945312 16.839844 125.609375 Z M 17.019531 125.792969' fill='%23fff'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter:drop-shadow(0 2px 2px rgba(62,35,19,.14));transition:transform .15s, color .15s}
.site-header .sh-links a:hover{color:var(--h-orange);transform:translateY(-2px)}
.site-header .sh-links a.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 318 131' preserveAspectRatio='none'%3E%3Cpath d='M 17.019531 125.792969 C 24.222656 130.53125 31.96875 130.53125 34.703125 130.53125 C 239.894531 130.621094 248.550781 130.347656 265.78125 129.894531 C 267.695312 129.894531 274.074219 129.621094 280.914062 126.066406 C 296.863281 117.585938 312.269531 92.0625 301.511719 69.824219 C 294.585938 55.421875 278.542969 46.394531 261.039062 46.578125 C 256.484375 30.171875 247.914062 22.148438 243.539062 18.777344 C 222.117188 2.09375 184.925781 5.648438 153.386719 30.261719 C 151.109375 24.699219 145.457031 13.761719 133.605469 6.742188 C 122.394531 0.179688 111.273438 0.363281 101.246094 0.453125 C 90.582031 0.636719 82.652344 2.824219 79.1875 3.917969 C 70.710938 6.652344 64.054688 8.65625 58.859375 14.949219 C 51.839844 23.332031 51.75 33.542969 51.933594 37.1875 C 50.472656 37.1875 48.46875 37.460938 46.007812 37.828125 C 42.453125 38.375 37.53125 39.378906 32.335938 41.199219 C 26.5 43.207031 13.648438 50.679688 6.445312 64.261719 C -4.765625 85.226562 0.886719 114.945312 16.839844 125.609375 Z M 17.019531 125.792969' fill='%23CC4E00'/%3E%3C/svg%3E");color:#fff}
.site-header .sh-join{margin-left:auto;flex:none;display:inline-flex;align-items:center;font-weight:700;font-size:13px;
  background:var(--h-yellow);color:var(--h-brown);padding:9px 20px;border-radius:4px;transform:rotate(-1deg);
  border:2px solid var(--h-brown);box-shadow:3px 3px 0 var(--h-brown);transition:transform .15s, box-shadow .15s;white-space:nowrap}
.site-header .sh-join:hover{transform:rotate(-1deg) translate(-2px,-2px);box-shadow:5px 5px 0 var(--h-brown)}
@media(max-width:640px){
  .site-header .sh-in{padding:9px 14px;gap:8px}
  .site-header .sh-logo img{height:38px}
  .site-header .sh-links{gap:6px;margin-left:2px;font-size:12px}
  .site-header .sh-links a{padding:13px 13px 8px}
  .site-header .sh-join{font-size:11.5px;padding:7px 11px;box-shadow:2px 2px 0 var(--h-brown)}
}
@media(max-width:380px){
  .site-header .sh-logo img{height:32px}
  .site-header .sh-links a{padding:12px 10px 7px;font-size:11.5px}
  .site-header .sh-join{padding:6px 9px;font-size:11px}
}