.header nav .hbf-account-link,.header nav a[href="https://minside.periode.no/"]{color:#a4eee6;white-space:nowrap}
.header nav .hbf-account-link:hover,.header nav .hbf-account-link:focus-visible,.header nav a[href="https://minside.periode.no/"]:hover,.header nav a[href="https://minside.periode.no/"]:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(min-width:801px) and (max-width:1200px){.header nav{gap:clamp(8px,1.2vw,16px)}.header{gap:clamp(8px,1vw,16px)}.header>.brand{width:clamp(185px,20vw,250px)}}
.hbf-water-badge{position:absolute;z-index:3;top:24px;right:6%;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;background:#303939ed;color:#fff;box-shadow:0 8px 28px #122c2a55;border:1px solid #ffffff30;font-family:inherit;pointer-events:none}
.hbf-water-badge svg{width:27px;height:auto;color:#3dd2cc;transform:rotate(9deg);flex:none}.hbf-water-badge div{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.hbf-water-badge strong{font-size:24px;line-height:1;white-space:nowrap;letter-spacing:-.04em}.hbf-water-badge span{margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#a7e9e5;max-width:200px}
@media(max-width:800px){.hbf-water-badge{top:18px;right:5%;padding:8px 12px}.hbf-water-badge svg{width:23px}.hbf-water-badge strong{font-size:20px}.hbf-water-badge span{font-size:10px}}
.member-account-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#d5f0eb;color:#263f3c;padding:clamp(22px,3vw,38px);margin:0 0 36px;border-left:4px solid #3ac6bc}.member-account-card h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px)}.member-account-card p{margin:0;max-width:48ch;line-height:1.5}.member-account-card a{color:#174c47;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0}.member-account-card a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.member-account-card{display:block}.member-account-card a{display:inline-block;margin-top:14px}}
@media(min-width:1101px) and (max-width:1450px){.header{padding:0 3%;gap:12px}.header>.brand{width:clamp(185px,19vw,250px)}.header nav{gap:clamp(8px,1vw,14px)}.header nav a{font-size:13px;white-space:nowrap}.header .nav-book{padding:12px 10px;gap:10px;white-space:nowrap}}
@media(min-width:801px) and (max-width:1100px){.header>nav{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none;padding:14px}.header .mobile-menu nav{display:flex;position:absolute;z-index:5;right:0;top:100%;min-width:230px;padding:16px;background:#3f3f3f;box-shadow:0 8px 20px #0005;flex-direction:column;gap:0}.mobile-menu nav a{padding:12px 8px}.header .nav-book{margin-left:0}}

.hbf-account-quick{display:none}
@media(max-width:1100px){.header>.hbf-account-quick{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#a4eee6;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;padding:10px 4px}.header>.hbf-account-quick:hover,.header>.hbf-account-quick:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}.mobile-menu nav a[href="https://minside.periode.no/"]{display:none}}
@media(max-width:480px){.header{padding-left:3%;padding-right:3%;gap:4px}.header>.brand{width:clamp(90px,37vw,155px);min-width:0;flex-shrink:1}.mobile-menu summary{padding:10px 3px;font-size:12px}.header>.hbf-account-quick{padding:10px 2px;font-size:12px}.header .nav-book{font-size:12px;padding:10px 2px;gap:4px;white-space:nowrap}}