html body.sortiment-view{background:#f2f9fb!important;color:#082e3d;font-family:'DM Sans',Arial,sans-serif}
.sortiment-view .topbar{display:none}.sortiment-view .site-header,.sortiment-view .nav,.sortiment-view .nav.open{background:#f5fbfc!important;border:0}.sortiment-view .header-inner{height:70px;min-height:70px}.sortiment-view .brand-icon{font-size:30px;color:#063b4b}.sortiment-view .brand strong,.sortiment-view .brand strong span{font-size:27px;color:#082e3d;letter-spacing:-1px}.sortiment-view .brand small{color:#082e3d}.sortiment-view .nav a{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;border-radius:13px}.sortiment-view .nav a.active,.sortiment-view .nav a:hover{background:#006477;color:white;box-shadow:none}
.sortiment-page .wrap{max-width:1170px}.sortiment-hero{min-height:218px;display:flex;align-items:center;background:#004859 url('sortiment-hero.png') center 48%/cover no-repeat;color:white;position:relative}.sortiment-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#004859 0%,#004859db 37%,transparent 70%)}.sortiment-hero .wrap{position:relative;width:100%}.sortiment-hero .eyebrow{margin:0 0 10px;color:#f9c351;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.sortiment-hero h1{font-size:clamp(46px,5vw,64px);line-height:1;margin:0 0 9px;letter-spacing:-2px}.sortiment-hero p:last-child{font-size:19px;margin:0}.sortiment-content{padding-top:23px;padding-bottom:32px}.sortiment-filters{display:flex;gap:13px;justify-content:space-between;overflow-x:auto;padding-bottom:4px}.sortiment-filters button{white-space:nowrap;background:transparent;border:1px solid #d8e5e9;border-radius:30px;color:#082e3d;padding:9px 15px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #1645560a}.sortiment-filters button span{font-size:21px;vertical-align:-2px;margin-right:10px}.sortiment-filters button.active,.sortiment-filters button:hover{background:#006477;color:white;border-color:#006477}.sortiment-heading{margin:31px 0 32px}.sortiment-heading h2{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:0 0 3px}.sortiment-heading p{font-size:16px;margin:0;color:#41535b}.sortiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sortiment-card{background:white;border-radius:17px;overflow:hidden;box-shadow:0 3px 12px #133b4a19}.sortiment-card[hidden]{display:none}.sortiment-photo{height:170px;background-image:url('categories.png');background-size:500% 100%;background-repeat:no-repeat}.sortiment-photo.frukt{background-position:0% center}.sortiment-photo.mejeri{background-position:25% center}.sortiment-photo.kott{background-position:50% center}.sortiment-photo.brod{background-position:75% center}.sortiment-photo.skafferi{background-position:100% center}.sortiment-photo.dryck{background-image:url('sortiment-drinks.png');background-size:cover;background-position:center}.sortiment-card-copy{padding:10px 22px 17px}.sortiment-card h3{font-size:23px;letter-spacing:-.6px;line-height:1.1;margin:0 0 3px}.sortiment-card p{font-size:14px;line-height:1.3;margin:0 0 12px;min-height:37px}.sortiment-card button{border:0;border-radius:20px;background:#e2f3ec;color:#00465a;font-weight:800;font-size:14px;padding:5px 15px;cursor:pointer}.sortiment-card button:hover{background:#c9e9dc}.sortiment-card button span{font-size:20px;vertical-align:-2px;margin-left:5px}.sortiment-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:32px 0 50px}.sortiment-benefits>div{display:flex;align-items:center;gap:15px;background:white;border-radius:19px;padding:16px;box-shadow:0 3px 12px #133b4a0e}.sortiment-benefits span{display:grid;place-items:center;flex:0 0 58px;height:58px;background:#e3f5e9;color:#006477;border-radius:50%;font-size:31px}.sortiment-benefits h3{font-size:15px;margin:0 0 4px}.sortiment-benefits p{font-size:13px;line-height:1.35;margin:0;color:#42525a}.sortiment-visit{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 50px;border-radius:20px;color:white;background:#005667 url('sortiment-hero.png') right 48%/cover no-repeat;position:relative;overflow:hidden}.sortiment-visit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#004859 0%,#004859ed 48%,#00485955 100%)}.sortiment-visit>*{position:relative}.sortiment-visit h2{font-size:35px;line-height:1;margin:0 0 5px}.sortiment-visit p{max-width:430px;font-size:15px;line-height:1.4;margin:0}.sortiment-visit a{white-space:nowrap;background:#e7f6ef;color:#093343;padding:11px 19px;border-radius:25px;font-weight:800}.sortiment-visit a span{font-size:21px;vertical-align:-2px;margin-left:8px}.sortiment-view .site-footer{background:#003d4c}.sortiment-view .footer-main{padding-top:28px;padding-bottom:24px}.sortiment-view .footer-brand,.sortiment-view .footer-column h2{color:#fff}.sortiment-view .footer-bottom{padding-top:10px;padding-bottom:12px}
@media(max-width:800px){.sortiment-grid{grid-template-columns:repeat(2,1fr)}.sortiment-benefits{grid-template-columns:1fr}.sortiment-visit{padding:25px}.sortiment-filters{justify-content:flex-start}.sortiment-hero{background-position:60% center}}
@media(max-width:560px){.sortiment-view .header-inner{height:70px;min-height:70px}.sortiment-view .nav{top:70px}.sortiment-hero{min-height:250px}.sortiment-hero:before{background:linear-gradient(90deg,#004859ed 0%,#004859aa 75%,#00485944)}.sortiment-hero p:last-child{font-size:17px;max-width:310px}.sortiment-heading h2{font-size:30px}.sortiment-grid{gap:12px}.sortiment-photo{height:120px}.sortiment-card-copy{padding:10px 12px 14px}.sortiment-card h3{font-size:18px}.sortiment-card p{font-size:12px;min-height:64px}.sortiment-card button{font-size:12px}.sortiment-visit{display:block}.sortiment-visit h2{font-size:29px}.sortiment-visit a{display:inline-block;margin-top:20px}}

/* Sortimentets eget uttryck behöver vinna över valbara globala paletter. */
html[data-palette] body.sortiment-view{background:#f2f9fb!important;color:#082e3d}
html[data-palette] .sortiment-view .site-header,html[data-palette] .sortiment-view .nav,html[data-palette] .sortiment-view .nav.open{background:#f5fbfc!important;border:0}
html[data-palette] .sortiment-view .header-inner{height:70px;min-height:70px}
html[data-palette] .sortiment-view .brand-icon{color:#063b4b;font-size:30px}
html[data-palette] .sortiment-view .brand strong,html[data-palette] .sortiment-view .brand strong span{color:#082e3d;font-size:27px;letter-spacing:-1px}
html[data-palette] .sortiment-view .brand small{color:#082e3d}
html[data-palette] .sortiment-view .nav a{font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;border-radius:13px}
html[data-palette] .sortiment-view .nav a.active,html[data-palette] .sortiment-view .nav a:hover,html[data-palette] .sortiment-view .nav a:focus-visible{background:#006477;color:#fff;box-shadow:none}
html[data-palette] .sortiment-view .site-footer{background:#003d4c}
html[data-palette] .sortiment-view .footer-brand,html[data-palette] .sortiment-view .footer-column h2{color:#fff}
.sortiment-page .sortiment-heading h2{font-weight:800;letter-spacing:-1.3px}
.sortiment-card{transition:transform .2s ease,box-shadow .2s ease}
.sortiment-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #133b4a21}
.sortiment-photo{background-size:cover;background-position:center}
.sortiment-photo.frukt{background-image:url('sortiment-frukt.png')}
.sortiment-photo.mejeri{background-image:url('sortiment-mejeri.png')}
.sortiment-photo.kott{background-image:url('sortiment-kott.png')}
.sortiment-photo.brod{background-image:url('sortiment-brod.png')}
.sortiment-photo.skafferi{background-image:url('sortiment-skafferi.png')}
.sortiment-card h3{font-weight:800}
.sortiment-card-copy{min-height:139px;display:flex;flex-direction:column;align-items:flex-start}
.sortiment-card-copy button{margin-top:auto}
@media(max-width:760px){html[data-palette] .sortiment-view .header-inner{height:70px;min-height:70px}html[data-palette] .sortiment-view .nav{top:70px}}
@media(max-width:560px){.sortiment-card-copy{min-height:170px}}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card .product-photo{display:block;width:100%;height:155px;object-fit:cover}.product-placeholder{display:grid!important;place-items:center;background:#e4f2ee;color:#006477;font-size:54px}.product-card .sortiment-card-copy{min-height:105px}.product-card .sortiment-card-copy p{min-height:0}.product-price{margin-top:auto;color:#006477}.product-card[hidden]{display:none}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.product-card{color:inherit}.product-card:focus-visible{outline:3px solid #006477;outline-offset:3px}.product-detail{padding-top:30px;padding-bottom:75px}.product-detail nav a{color:#006477;font-weight:800}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:center;margin-top:25px}.product-detail-image{background:#fff;border-radius:18px;overflow:hidden;min-height:330px;display:grid;place-items:center}.product-detail-image img{width:100%;height:390px;object-fit:cover}.product-detail-copy{background:#fff;border-radius:18px;padding:36px}.product-detail-category{color:#006477;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.product-detail-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:12px 0 18px}.product-detail-copy p{line-height:1.55;color:#41535b}.product-detail-price{font-size:25px;font-weight:800;color:#006477}.product-detail-visit{display:inline-block;margin-top:13px;padding:12px 20px;background:#006477;color:#fff;border-radius:24px;font-weight:800}.product-detail-visit:hover{background:#004b5a}.product-hero{min-height:170px}
@media(max-width:760px){.product-detail-grid{grid-template-columns:1fr;gap:18px}.product-detail-image{min-height:230px}.product-detail-image img{height:260px}.product-detail-copy{padding:24px}}
