/* The site helper (assets/helper.js). Loaded with media="print" and switched
   to all by the script, so it never blocks a page. Colours and sizes follow
   the approved mockup (.superpowers/brainstorm/site-helper/mockup-helper.html
   in lionsailing-medusa). Stacking: the button sits under the mobile menu
   (105), the header (120), the search panel (140) and the cart (155/160);
   the open panel sits over the header and search but under the cart. */
.hp-root{--hp-carbon:#101214;--hp-cloth:#F2F1EE;--hp-mark:#F46D06;--hp-link:#A94A00;--hp-steel:#5F656B;--hp-muted:#8a8f94;--hp-line:#e3e1dc;--hp-field:#cfcdc8;--hp-wash:#F7F6F3;
  font-family:"Schibsted Grotesk",Helvetica,Arial,sans-serif;color:var(--hp-carbon)}
.hp-root [hidden]{display:none !important}
.hp-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom, 0px));z-index:100;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;background:var(--hp-carbon);color:var(--hp-cloth);border:0;border-radius:999px;padding:12px 18px;
  font:700 14px/1 "Schibsted Grotesk",Helvetica,Arial,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.hp-fab:hover{background:#23272b}
.hp-fab:focus-visible,.hp-x:focus-visible,.hp-chip:focus-visible,.hp-send:focus-visible,.hp-btn:focus-visible,.hp-mail:focus-visible,.hp-card:focus-visible{outline:2px solid var(--hp-mark);outline-offset:2px}
.hp-panel{position:fixed;margin:0;padding:0;border:0;box-sizing:border-box;right:18px;bottom:calc(18px + env(safe-area-inset-bottom, 0px));z-index:150;width:360px;height:min(560px,calc(100vh - 36px));height:min(560px,calc(100dvh - 36px));
  background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;
  animation:hp-in .18s ease-out}
@keyframes hp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hp-head{background:var(--hp-carbon);color:var(--hp-cloth);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-title{font:700 15px/1.3 "Schibsted Grotesk",Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;text-wrap:wrap;margin:0;padding:0;color:var(--hp-cloth)}
.hp-sub{font:400 11.5px/1.35 "Schibsted Grotesk",Helvetica,Arial,sans-serif;letter-spacing:0;color:#9aa0a6;margin:2px 0 0;padding:0;max-width:none}
.hp-x{width:44px;height:44px;margin:-10px -12px -10px 0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:#9aa0a6;font-size:22px;line-height:1;cursor:pointer;border-radius:8px}
.hp-x:hover{color:var(--hp-cloth)}
.hp-msgs{flex:1;min-height:0;padding:14px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;background:var(--hp-wash)}
.hp-log,.hp-now,.hp-slot{display:flex;flex-direction:column;gap:10px}
.hp-now:empty,.hp-slot:empty{display:none}
.hp-bot,.hp-me{max-width:85%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.hp-bot{background:#fff;border:1px solid var(--hp-line);align-self:flex-start;border-bottom-left-radius:4px}
.hp-me{background:var(--hp-carbon);color:var(--hp-cloth);align-self:flex-end;border-bottom-right-radius:4px}
.hp-bot p{margin:0}
.hp-chips{display:flex;flex-wrap:wrap;gap:6px}
.hp-chip{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;border:1px solid var(--hp-carbon);border-radius:999px;padding:7px 12px;
  font:600 13px/1.2 "Schibsted Grotesk",Helvetica,Arial,sans-serif;background:#fff;color:var(--hp-carbon);text-decoration:none;cursor:pointer}
.hp-chip:hover{background:var(--hp-cloth)}
.hp-chip-go{background:var(--hp-carbon);color:var(--hp-cloth)}
.hp-chip-go:hover{background:#23272b}
.hp-cards{display:flex;flex-direction:column;gap:8px;align-self:stretch}
.hp-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--hp-line);border-radius:10px;padding:8px;color:var(--hp-carbon);text-decoration:none}
.hp-card:hover{border-color:var(--hp-carbon)}
.hp-im{width:48px;height:48px;border-radius:6px;background:linear-gradient(135deg,#d9dde2,#8b98a6);flex:0 0 auto;object-fit:cover}
.hp-card-t{min-width:0}
.hp-card-t b{display:block;font-size:13.5px;line-height:1.3}
.hp-card-t span{font:500 12.5px/1.4 "IBM Plex Mono",monospace;color:var(--hp-steel)}
.hp-src{font-size:11.5px;color:var(--hp-muted);margin-top:6px !important}
.hp-src a{color:var(--hp-link);text-decoration:underline}
.hp-foot{border-top:1px solid var(--hp-line);padding:10px;display:flex;gap:8px;align-items:center;background:#fff}
.hp-in{flex:1;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid var(--hp-field);border-radius:10px;padding:10px 12px;font:16px/1.3 "Schibsted Grotesk",Helvetica,Arial,sans-serif;color:var(--hp-carbon);background:#fff}
.hp-in::placeholder,.hp-fld::placeholder{color:var(--hp-muted)}
.hp-in:focus,.hp-fld:focus{outline:2px solid var(--hp-mark);outline-offset:0;border-color:var(--hp-carbon)}
.hp-send{min-height:44px;background:var(--hp-mark);color:var(--hp-carbon);border:0;border-radius:10px;padding:10px 14px;font:800 13px/1 "Schibsted Grotesk",Helvetica,Arial,sans-serif;cursor:pointer}
.hp-mail{align-self:flex-start;border:0;min-height:44px;font:12px/1.2 "Schibsted Grotesk",Helvetica,Arial,sans-serif;color:var(--hp-link);text-decoration:underline;padding:0 12px;cursor:pointer;background:#fff;width:100%;text-align:left}
.hp-form{display:flex;flex-direction:column;gap:6px;max-width:100%;align-self:stretch}
.hp-fld{display:block;width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--hp-field);border-radius:8px;padding:9px 10px;font:16px/1.35 "Schibsted Grotesk",Helvetica,Arial,sans-serif;background:#fff;color:var(--hp-carbon);resize:vertical}
.hp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hp-ts{min-height:0}
.hp-err{font-size:12.5px;line-height:1.35;color:#9b1c1c;margin:0}
.hp-guard{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;outline:0}
.hp-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;box-sizing:border-box;margin-top:8px;background:var(--hp-mark);color:var(--hp-carbon);border:0;border-radius:8px;padding:10px 14px;font:800 13px/1 "Schibsted Grotesk",Helvetica,Arial,sans-serif;text-decoration:none;cursor:pointer}
.hp-btn[disabled]{opacity:.55;cursor:default}
.hp-bot .hp-btn{display:flex;width:max-content}
@media (max-width:560px){
  .hp-panel{inset:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;border-radius:0;padding-bottom:env(safe-area-inset-bottom, 0px)}
  html.hp-lock,html.hp-lock body{overflow:hidden}
}
html.hp-lock #totop{opacity:0;visibility:hidden;pointer-events:none}
html.hp-lock #progress{visibility:hidden}
@media (prefers-reduced-motion:reduce){.hp-panel{animation:none}}
@media print{.hp-root{display:none}}