/* Enlarge the header logo. The theme locks the logo into a fixed 220px-wide,
   30%-ratio box; the new wordmark is less wide so it letterboxed smaller.
   Break that box and size the logo by height instead. */
.header__heading-link.media,
.header__heading-link.media.ratio {
  width: auto !important;
  max-width: 360px !important;
  padding: 0 !important;
}
.header__heading-link.media::before {
  content: none !important;
  display: none !important;
}
.header__heading-link.media,
.header__heading-link.media.ratio {
  max-width: 440px !important;
}
.header__heading-logo,
.header__heading-logo--main {
  position: static !important;
  height: 82px !important;
  width: auto !important;
  max-width: 440px !important;
  object-fit: contain;
}
@media screen and (max-width: 749px) {
  .header__heading-logo,
  .header__heading-logo--main {
    height: 56px !important;
  }
}

/* ---- Halden logo (replaces the Kanama wordmark everywhere) ----------------- */
/* Header sits on white — show the blue logo as-is, just keep it crisp + sized. */
header img[src*="halden-logo"] {
  object-fit: contain;
  max-height: 38px;
  width: auto !important;
  height: auto;
}
/* Footer is dark — invert the blue wordmark to white for contrast. */
footer img[src*="halden-logo"] {
  filter: brightness(0) invert(1);
  object-fit: contain !important;
  max-height: 40px;
  width: auto !important;
  height: auto !important;
}

/* ===== Clean Halden chrome (custom single-product header + footer) ========== */
.pl-header { position: sticky; top: 0; z-index: 9000; background:#fff; border-bottom:1px solid #ececec; font-family:'Poppins',system-ui,sans-serif; }
.pl-header__inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:24px; padding:14px 24px; }
.pl-logo { flex:0 0 auto; display:flex; align-items:center; }
.pl-logo img { height:30px; width:auto; display:block; }
.pl-nav { flex:1; display:flex; justify-content:center; gap:30px; flex-wrap:wrap; }
.pl-nav a { color:#222; text-decoration:none; font-size:0.95rem; font-weight:500; transition:color .15s ease; white-space:nowrap; }
.pl-nav a:hover { color:#1f6fa8; }
.pl-cart { flex:0 0 auto; position:relative; color:#222; display:flex; align-items:center; }
.pl-cart .cart-count-bubble { position:absolute; top:-8px; right:-10px; background:#1f6fa8; color:#fff; font-size:0.7rem; min-width:18px; height:18px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 5px; line-height:1; }
@media (max-width:820px){
  .pl-header__inner{ flex-wrap:wrap; gap:12px; }
  .pl-nav{ order:3; width:100%; justify-content:flex-start; gap:18px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

.pl-footer { background:#0f1115; color:#cfd2d6; font-family:'Poppins',system-ui,sans-serif; }
.pl-footer__inner { max-width:1200px; margin:0 auto; display:flex; gap:48px; padding:56px 24px 40px; flex-wrap:wrap; }
.pl-footer__brand { flex:1 1 280px; min-width:240px; }
.pl-footer__logo { margin-bottom:16px; display:block; }
.pl-footer__brand p { color:#9aa0a8; font-size:0.92rem; line-height:1.6; max-width:340px; }
.pl-footer__cols { display:flex; gap:48px; flex-wrap:wrap; }
.pl-footer__col { display:flex; flex-direction:column; gap:10px; }
.pl-footer__col h4 { color:#fff; font-size:0.95rem; margin:0 0 6px; font-weight:600; }
.pl-footer__col a { color:#9aa0a8; text-decoration:none; font-size:0.9rem; }
.pl-footer__col a:hover { color:#fff; }
.pl-footer__bottom { border-top:1px solid #23262c; text-align:center; padding:20px; color:#6b7079; font-size:0.82rem; }