@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap’);
.bj-store-hero-section,
.bj-store-hero-section * {
box-sizing: border-box;
}
.bj-store-hero-section {
–bj-blue: #214C9C;
–bj-blue-dark: #071A3D;
–bj-blue-deep: #041126;
–bj-white: #ffffff;
–bj-soft: rgba(255,255,255,.78);
font-family: ‘Poppins’, sans-serif;
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 18%, rgba(57, 118, 230, .45), transparent 32%),
radial-gradient(circle at 82% 20%, rgba(255, 255, 255, .13), transparent 28%),
linear-gradient(135deg, var(–bj-blue-deep) 0%, var(–bj-blue-dark) 45%, var(–bj-blue) 100%);
color: var(–bj-white);
padding: clamp(58px, 8vw, 96px) 18px clamp(52px, 7vw, 84px);
}
.bj-store-hero-section::before {
content: “”;
position: absolute;
inset: auto -10% -35% -10%;
height: 55%;
background: rgba(255,255,255,.08);
filter: blur(45px);
transform: rotate(-3deg);
pointer-events: none;
}
.bj-store-hero-inner {
width: min(1120px, 100%);
margin: 0 auto;
position: relative;
z-index: 2;
text-align: center;
}
.bj-store-logo {
width: clamp(72px, 12vw, 108px);
height: auto;
display: block;
margin: 0 auto 22px;
filter: drop-shadow(0 16px 24px rgba(0,0,0,.28));
}
.bj-store-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 14px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.18);
backdrop-filter: blur(10px);
font-size: clamp(.74rem, 1.8vw, .86rem);
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(255,255,255,.9);
}
.bj-store-kicker span {
width: 7px;
height: 7px;
border-radius: 50%;
background: #ffffff;
opacity: .9;
}
.bj-store-title {
margin: 0;
font-size: clamp(2.05rem, 8.8vw, 5.1rem);
line-height: .95;
font-weight: 700;
letter-spacing: -.03em;
white-space: nowrap;
text-wrap: nowrap;
text-shadow: 0 18px 34px rgba(0,0,0,.3);
}
.bj-store-lead {
width: min(680px, 100%);
margin: 22px auto 0;
color: var(–bj-soft);
font-size: clamp(.98rem, 2vw, 1.18rem);
line-height: 1.65;
font-weight: 500;
}
.bj-store-info-line {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 28px;
}
.bj-store-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 15px;
border-radius: 999px;
background: rgba(255,255,255,.11);
border: 1px solid rgba(255,255,255,.16);
color: rgba(255,255,255,.9);
font-size: .88rem;
font-weight: 700;
backdrop-filter: blur(10px);
}
@media (max-width: 560px) {
.bj-store-hero-section {
padding: 48px 14px 46px;
}
.bj-store-logo {
margin-bottom: 18px;
}
.bj-store-title {
font-size: clamp(1.9rem, 8.9vw, 2.8rem);
letter-spacing: -.07em;
}
.bj-store-lead {
margin-top: 18px;
font-size: .96rem;
}
.bj-store-info-line {
gap: 8px;
margin-top: 22px;
}
.bj-store-pill {
font-size: .78rem;
padding: 8px 12px;
min-height: 34px;
}
}
@media (max-width: 360px) {
.bj-store-title {
font-size: 1.72rem;
}
}

Bjørnar Håndball

Bjørnarbutikken

Her kjøper du sesongkort til Bjørnar Håndball. Velg sesongkortet som passer for deg, fullfør bestillingen og få tilgang via Min side.

Sesongkort
Enkel bestilling
Tilgang på Min side