.hb-category-navigation{max-width:1280px;margin:48px auto;padding:0 30px;color:#163c32}.hb-category-navigation h1,.hb-category-navigation h2{color:#163c32;margin:0 0 18px;line-height:1.2}.hb-category-navigation h1{font-size:34px}.hb-category-navigation h2{font-size:28px}.hb-category-intro{max-width:720px;margin-bottom:26px;line-height:1.6;color:#53665e}.hb-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hb-category-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#163c32!important;background:#f5f7f3;border:1px solid #e5ebe4;border-radius:6px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.hb-category-card:hover{box-shadow:0 6px 20px #183e3215;transform:translateY(-3px)}.hb-category-card:focus-visible{outline:3px solid #429640;outline-offset:4px}.hb-category-card__image{aspect-ratio:4/3;background:#fff;padding:18px;overflow:hidden}.hb-category-card__image img{width:100%;height:100%;object-fit:contain;display:block}.hb-category-card__label{display:flex;justify-content:space-between;gap:12px;padding:17px 18px;font-size:16px;line-height:1.35;font-weight:600;flex:1;align-items:center}.hb-category-card__label>span:last-child{color:#44823e}.hb-category-directory__group{margin-top:48px;padding-top:32px;border-top:1px solid #dfe7df}.hb-category-directory__heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.hb-category-directory__heading h2{margin:0}.hb-category-directory__heading>a{color:#28643c;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.hb-category-navigation--children{max-width:none;padding:0;margin:28px 0 36px;text-align:left}.hb-category-navigation--children h2{font-size:24px}.hb-category-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1023px){.hb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:719px){.hb-category-navigation{margin:30px auto;padding:0 16px}.hb-category-navigation h1{font-size:28px}.hb-category-navigation h2{font-size:24px}.hb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb-category-card__image{padding:12px}.hb-category-card__label{padding:12px;font-size:14px;gap:6px}.hb-category-directory__group{margin-top:30px;padding-top:24px}.hb-category-directory__heading{gap:12px}.hb-category-directory__heading h2{font-size:21px}.hb-category-directory__heading>a{font-size:14px}.hb-category-navigation--children{padding:0;margin:24px 0}}.hb-category-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hb-category-shortcuts a{display:block;border:1px solid #a8bea7;border-radius:4px;color:#28543b;padding:9px 13px;text-decoration:none;font-size:14px}.hb-category-shortcuts a:hover,.hb-category-shortcuts a:focus-visible{background:#edf4e9;outline:2px solid #44823e;outline-offset:2px}.hb-category-directory__group{scroll-margin-top:160px}@media(max-width:719px){.hb-category-directory__group{scroll-margin-top:100px}}.hb-category-navigation--overview>nav>.hb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card{--hb-tint:#dcebd6;background:var(--hb-tint);border:0;border-radius:12px;position:relative;min-height:260px}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card:nth-child(5n+2){--hb-tint:#f4dce3}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card:nth-child(5n+3){--hb-tint:#e9e1d7}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card:nth-child(5n+4){--hb-tint:#d8edf0}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card:nth-child(5n){--hb-tint:#f6edbc}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card .hb-category-card__image{background:transparent;padding:24px 30px 12px;aspect-ratio:16/10}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card img{mix-blend-mode:multiply}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card .hb-category-card__label{font-size:20px;padding:20px 24px;background:transparent}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/massa-och-event"]{grid-column:span 2;--hb-tint:#d8edf0}.hb-category-navigation--children,.hb-category-directory__group{background:#f8f7f3;padding:28px;border-radius:12px}.hb-category-collection-hero{display:none}.hb-collection-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#dcebd6;border-radius:14px;padding:42px;margin:18px 0 32px;min-height:300px;text-align:left;color:#163c32}.hb-collection-hero--profilklader{background:#f4dce3}.hb-collection-hero .collection--title{font-size:clamp(30px,3.5vw,48px);margin:0 0 20px;text-align:left}.hb-collection-hero .collection--description{margin:0;max-width:580px;line-height:1.65;text-align:left}.hb-collection-hero__image{height:290px}.hb-collection-hero__image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}@media(max-width:719px){.hb-category-navigation--overview>nav>.hb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card{min-height:190px}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card .hb-category-card__image{padding:16px;aspect-ratio:1}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card .hb-category-card__label{font-size:16px;padding:14px}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/massa-och-event"] .hb-category-card__image{aspect-ratio:2}.hb-collection-hero{grid-template-columns:1fr;padding:24px;gap:12px;min-height:0}.hb-collection-hero__image{height:210px}.hb-category-navigation--children,.hb-category-directory__group{padding:18px}}@media(min-width:720px){.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card .hb-category-card__image{height:250px;aspect-ratio:auto}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/massa-och-event"] .hb-category-card__image{height:250px}}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-reklampennor"]{--hb-tint:#dcebd6}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilklader"]{--hb-tint:#f4dce3}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/reflex-sakerhet"]{--hb-tint:#fae7ce}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/massa-och-event"]{--hb-tint:#d8edf0}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/vaskor-pasar"]{--hb-tint:#e8dff2}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/paraplyer"]{--hb-tint:#f6edbc}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/muggar-flaskor"]{--hb-tint:#d8e6f5}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-hem-och-hushall"]{--hb-tint:#f2dfcf}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/trycksaker"]{--hb-tint:#e3dff5}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-froprodukter"]{--hb-tint:#e5efcb}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-kontor-och-business"]{--hb-tint:#e0e9ed}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-sport-och-fritid"]{--hb-tint:#cfe9e3}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-sport-och-fritid-spel-och-lek"]{--hb-tint:#f8e0cc}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-ovriga-profilprodukter"]{--hb-tint:#ede4d8}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/profilreklam-halsa-och-sakerhet-hygien"]{--hb-tint:#dceee5}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card[href="/collections/skola-och-forskolor"]{--hb-tint:#f3e6bb}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card img,.hb-collection-hero__image img{mix-blend-mode:normal;position:relative;z-index:1}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial{display:block;position:relative;min-height:0;border-radius:6px;aspect-ratio:2/1}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial .hb-category-card__image{padding:0;height:100%;aspect-ratio:auto;background:transparent}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial img{object-fit:cover;width:100%;height:100%;mix-blend-mode:normal}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial .hb-category-card__label{position:absolute;left:5%;top:50%;transform:translateY(-50%);padding:0;max-width:39%;z-index:2;font-size:clamp(16px,1.5vw,22px);line-height:1.25;background:transparent}.hb-category-card--editorial .hb-category-card__label>span:last-child{display:none}.hb-collection-hero{display:block;position:relative;padding:0;min-height:0;overflow:hidden;background:#f5f7f3}.hb-collection-hero__text{position:absolute;z-index:2;left:5%;top:50%;transform:translateY(-50%);width:39%;max-height:90%;overflow:auto}.hb-collection-hero__image{height:auto;aspect-ratio:2/1}.hb-collection-hero__image img{object-fit:cover;display:block;width:100%;height:100%}.hb-collection-hero .collection--title{font-size:clamp(26px,3vw,42px)}.hb-collection-hero .collection--description{font-size:15px}@media(min-width:1024px){.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial[href="/collections/massa-och-event"]{grid-column:span 2;grid-row:span 2}}@media(min-width:720px)and (max-width:1023px){.hb-category-navigation--overview>nav>.hb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial[href="/collections/massa-och-event"]{grid-column:span 1}}@media(max-width:719px){.hb-category-navigation--overview>nav>.hb-category-grid{grid-template-columns:1fr}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial{grid-column:span 1;grid-row:span 1}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial[href="/collections/massa-och-event"]{grid-column:span 1}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial[href="/collections/massa-och-event"] .hb-category-card__image{aspect-ratio:auto}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial .hb-category-card__label{font-size:19px}.hb-collection-hero__text{position:static;transform:none;width:auto;max-height:none;padding:24px;overflow:visible}.hb-collection-hero__image{aspect-ratio:2/1;height:auto}.hb-collection-hero .collection--title{font-size:28px}.hb-collection-hero .collection--description{font-size:15px}}.hb-category-navigation--overview>nav>.hb-category-grid>.hb-category-card--editorial[href="/collections/massa-och-event"] .hb-category-card__image{height:100%;aspect-ratio:auto}.hb-collection-hero__text .collection--description a{color:#163c32;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.hb-collection-hero__text .collection--description a:hover{color:#102c25;text-decoration-thickness:2px}.hb-collection-hero__text .collection--description a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hb-category-navigation.css.map */