/* Swedish Supplements gymaktivering: icons and hover */
@media (hover: hover) and (pointer: fine) {
  .ss-gym .trust > div, .ss-gym .card { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
  .ss-gym .trust > div:hover, .ss-gym .card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(17,38,65,.12) !important; border-color: #9ab5d2 !important; }
  .ss-gym .btn { transition: background-color .2s ease, transform .2s ease; }
  .ss-gym .btn:hover { background: #e7eff8 !important; color: #152a44 !important; transform: translateY(-2px); }
}
.ss-gym .btn:focus-visible { outline: 3px solid #a9c8ed; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .ss-gym .trust > div, .ss-gym .card, .ss-gym .btn { transition: none !important; transform: none !important; }
}
/* End Swedish Supplements gymaktivering */
/* 1313 MEGA MENU TRANSPARENT HIT BRIDGE */
@media(min-width:1024px){
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega.ss-ref-mega.ss-ref-mega.ss-ref-mega{top:calc(100% - 16px)!important;margin-top:0!important;border-top:8px solid transparent!important;background-clip:padding-box!important;box-sizing:border-box!important}
}
/* END 1313 MEGA MENU TRANSPARENT HIT BRIDGE */

/* 1313 MEGA MENU BELOW CATEGORY ROW */
@media(min-width:1024px){
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega.ss-ref-mega.ss-ref-mega{top:calc(100% - 8px)!important;margin-top:0!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li,
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a{position:relative!important;z-index:100001!important}
}
/* END 1313 MEGA MENU BELOW CATEGORY ROW */

/* 1313 MOBILE FOOTER VISIBILITY */
@media (max-width:1023px){
html body.emporium footer.emporium--footer{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;clear:both!important;width:100%!important;height:auto!important;min-height:1px!important;overflow:visible!important;z-index:1!important}
html body.emporium footer.emporium--footer>.container{display:block!important;width:100%!important;height:auto!important;overflow:visible!important}
html body.emporium footer.emporium--footer .row{display:flex!important;flex-wrap:wrap!important;height:auto!important;overflow:visible!important}
html body.emporium footer.emporium--footer .emporium--footer-left,html body.emporium footer.emporium--footer .emporium--footer-mid-left,html body.emporium footer.emporium--footer .emporium--footer-mid-right,html body.emporium footer.emporium--footer .emporium--footer-right{display:block!important;visibility:visible!important;opacity:1!important;width:50%!important;height:auto!important}
}
@media (max-width:767px){html body.emporium footer.emporium--footer .emporium--footer-left,html body.emporium footer.emporium--footer .emporium--footer-mid-left,html body.emporium footer.emporium--footer .emporium--footer-mid-right,html body.emporium footer.emporium--footer .emporium--footer-right{width:100%!important}}
/* END 1313 MOBILE FOOTER VISIBILITY */

/* 1313 MEGA MENU ONE PIXEL HOVER EDGE */
@media(min-width:1024px){
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega.ss-ref-mega{top:calc(100% - 17px)!important;margin-top:0!important;box-shadow:0 18px 30px -16px rgba(16,24,40,.22)!important}
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega.ss-ref-mega::before{display:none!important}
}
/* END 1313 MEGA MENU ONE PIXEL HOVER EDGE */

/* 1313 MEGA MENU CLEARANCE + CTA CLEANUP */
@media(min-width:1024px){
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega{top:calc(100% - 12px)!important;margin-top:0!important}
html body.emporium.startpage .emporium--header .slot--header-horizontal-menu .ss-ref-mega.ss-ref-mega::before{top:-14px!important;height:14px!important}
html body.emporium .emporium--header .ss-ref-mega .ss-ref-brand>a,
html body.emporium .emporium--header .ss-ref-mega .ss-ref-footer{display:none!important}
}
/* END 1313 MEGA MENU CLEARANCE + CTA CLEANUP */

/* 1313 CONTEXTUAL DESKTOP MEGA MENU */
@media(min-width:1024px){
html body.emporium .emporium--header .ss-ref-mega .ss-ref-columns{grid-template-columns:minmax(0,3fr) minmax(220px,1fr)!important}
html body.emporium .emporium--header .ss-ref-mega .ss-ref-group{display:none!important;grid-column:1!important}
html body.emporium .emporium--header .ss-ref-mega[data-ss-section="cost"] .ss-ref-group:nth-child(1),
html body.emporium .emporium--header .ss-ref-mega[data-ss-section="health"] .ss-ref-group:nth-child(2),
html body.emporium .emporium--header .ss-ref-mega[data-ss-section="accessories"] .ss-ref-group:nth-child(3){display:block!important}
html body.emporium .emporium--header .ss-ref-mega .ss-ref-brand{grid-column:2!important}
html body.emporium .emporium--header .ss-ref-mega .ss-ref-group .ss-ref-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:24px!important;row-gap:8px!important}
html body.emporium .emporium--header .ss-ref-mega[data-ss-section="none"]{display:none!important}
}
/* END 1313 CONTEXTUAL DESKTOP MEGA MENU */

/* 1313 DESKTOP DIRECTIONAL STICKY HEADER */
@media(min-width:1024px){
html body.emporium .emporium--header{position:sticky!important;top:0!important;z-index:10020!important;transform:translateY(0)!important;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease!important;will-change:transform!important}
html body.emporium.ss-desktop-header-hidden .emporium--header{transform:translateY(calc(-100% - 2px))!important;pointer-events:none!important}
html body.emporium:not(.ss-desktop-header-hidden) .emporium--header{transform:translateY(0)!important;pointer-events:auto!important}
}
/* END 1313 DESKTOP DIRECTIONAL STICKY HEADER */

/* 1313 DESKTOP MEGA MENU HOVER BRIDGE */
@media(min-width:1024px){
html body.emporium .emporium--header .slot--header-horizontal-menu .ss-ref-mega{top:calc(100% - 20px)!important;margin-top:0!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .ss-ref-mega::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-18px!important;height:18px!important;background:transparent!important;pointer-events:auto!important}
}
/* END 1313 DESKTOP MEGA MENU HOVER BRIDGE */

/* 1313 HIDE NATIVE DESKTOP DROPDOWN DUPLICATE */
@media(min-width:1024px){
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>.dropdown-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
/* END 1313 HIDE NATIVE DESKTOP DROPDOWN DUPLICATE */

/* 1313 DESKTOP MEGA MENU DEDUPLICATION */
@media(min-width:1024px){
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>.dropdown-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
/* END 1313 DESKTOP MEGA MENU DEDUPLICATION */

/* 1313 DESKTOP HEADER POLISH */
@media(min-width:1024px){
html body.emporium .emporium--header .emporium--header-search{top:32px!important;left:210px!important;width:clamp(360px,38vw,520px)!important;height:46px!important}
html body.emporium .emporium--header .slot--header-search,
html body.emporium .emporium--header .tws-article-search{width:100%!important;height:46px!important;margin:0!important;padding:0!important}
html body.emporium .emporium--header .tws-article-search .form-control{width:100%!important;height:46px!important;padding:0 52px 0 18px!important;border:1px solid #d8dfeb!important;border-radius:999px!important;background:#f7f9fc!important;color:#172033!important;box-shadow:0 2px 8px rgba(23,32,51,.05)!important;font-size:14px!important;line-height:46px!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
html body.emporium .emporium--header .tws-article-search .form-control:focus{border-color:#3267b7!important;background:#fff!important;box-shadow:0 0 0 3px rgba(50,103,183,.13)!important}
html body.emporium .emporium--header .tws-article-search .form-control-feedback{right:7px!important;width:40px!important;height:46px!important;line-height:46px!important;color:#172033!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .container-fluid,
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-collapse{padding-right:0!important;padding-left:0!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav{display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li{float:none!important;flex:0 0 auto!important;margin:0!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a{display:flex!important;align-items:center!important;min-height:36px!important;padding:9px 10px!important;border-radius:10px!important;background:transparent!important;color:#172033!important;font-size:14px!important;font-weight:700!important;line-height:18px!important;letter-spacing:-.01em!important;white-space:nowrap!important;transition:color .18s ease,background .18s ease!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a:hover,
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a:focus{background:#eef3fb!important;color:#285da8!important;text-decoration:none!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a .caret{display:none!important}
html body.emporium .emporium--header .slot--top-bar-login .reseller,
html body.emporium .emporium--header .slot--top-bar-login .tws-login--login{display:flex!important;align-items:center!important;justify-content:center!important;height:46px!important;min-height:46px!important;padding:0 20px!important;border-radius:999px!important;font-size:14px!important;line-height:1!important}
}
/* END 1313 DESKTOP HEADER POLISH */

/* 1313 DESKTOP LOGO + MENU VISIBILITY */
@media(min-width:1024px){
html body.emporium .emporium--header .slot--header-logo{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 132px!important;width:132px!important;min-width:132px!important;height:120px!important;overflow:visible!important}
html body.emporium .emporium--header .slot--header-logo .tws-logo--container,
html body.emporium .emporium--header .slot--header-logo .tws-logo,
html body.emporium .emporium--header .slot--header-logo .tws-logo--image,
html body.emporium .emporium--header .slot--header-logo .tws-img--wrapper,
html body.emporium .emporium--header .slot--header-logo .tws-img--container,
html body.emporium .emporium--header .slot--header-logo picture,
html body.emporium .emporium--header .slot--header-logo img{display:block!important;visibility:visible!important;opacity:1!important}
html body.emporium .emporium--header .slot--header-horizontal-menu{display:block!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;height:auto!important;overflow:visible!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar,
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-collapse{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;flex-wrap:nowrap!important;height:auto!important;overflow:visible!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li,
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a{display:block!important;visibility:visible!important;opacity:1!important}
html body.emporium .emporium--header .slot--header-horizontal-menu .navbar-nav>li>a{color:#172033!important}
}
/* END 1313 DESKTOP LOGO + MENU VISIBILITY */

/* 1313 MOBILE HIGHLIGHTS AFTER ACTIONS */
@media(max-width:767px){
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin:14px 0 0!important;align-self:auto!important}
}
/* END 1313 MOBILE HIGHLIGHTS AFTER ACTIONS */

/* 1313 MOBILE HERO REFERENCE SIZE */
@media(max-width:767px){
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo{height:600px!important;min-height:600px!important;box-sizing:border-box!important}
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner{height:600px!important;min-height:600px!important;box-sizing:border-box!important}
}
/* END 1313 MOBILE HERO REFERENCE SIZE */

/* 1313 MOBILE COPY FLOW FIX */
@media(max-width:767px){
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-hero__inner{display:block!important;position:relative!important;min-height:720px!important;padding:32px 18px 14px!important}
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-hero__copy{display:block!important;position:relative!important;width:100%!important;min-height:0!important;margin:0!important;padding:34px 0 0!important}
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-hero__copy h1{display:block!important;position:static!important;margin:0 0 12px!important}
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-lead{display:block!important;position:static!important;margin:0 0 22px!important}
html body.emporium.startpage .headern section.ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-actions{position:static!important;margin:0!important}
}
/* END 1313 MOBILE COPY FLOW FIX */

/* 1313 HIGHLIGHTS BOTTOM OVERRIDE */
.ssb2b-hero--proof-bottom .ssb2b-hero__inner{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;align-items:center!important;min-height:clamp(620px,56vw,750px)!important;padding:58px 0 26px!important;box-sizing:border-box!important}
.ssb2b-hero--proof-bottom .ssb2b-hero__copy{align-self:center!important;padding-bottom:16px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof{align-self:end!important;width:min(100%,980px)!important;margin:0 auto!important;padding:14px 18px!important;border-radius:16px!important;background:rgba(20,31,58,.34)!important}
.ssb2b-hero--proof-bottom .ssb2b-proof__item{align-items:center!important;padding:1px 18px!important;text-align:center!important}
/* 1313 MOBILE COPY SPACING */
@media(max-width:767px){
html body.startpage section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__copy{align-self:start!important;padding:34px 0 0!important}
html body.startpage section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__copy h1{margin-top:0!important;margin-bottom:12px!important}
html body.startpage section.ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-lead{margin-top:0!important}
}
/* END 1313 MOBILE COPY SPACING */

/* 1313 MOBILE HIGHLIGHTS ABSOLUTE BOTTOM */
@media(max-width:767px){
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner{position:relative!important;min-height:720px!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof{position:absolute!important;z-index:4!important;left:18px!important;right:18px!important;bottom:14px!important;width:auto!important;max-width:none!important;margin:0!important;padding:5px 2px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:11px!important;border-width:1px!important;background:rgba(20,31,58,.32)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof__item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0 3px!important;text-align:center!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof__item+.ssb2b-proof__item{border-top:0!important;border-left:1px solid rgba(255,255,255,.14)!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof__item strong{display:block!important;margin:0 0 1px!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-proof__item span{display:block!important;margin:0!important;font-size:8.5px!important;line-height:1.1!important;white-space:nowrap!important}
}
/* END 1313 MOBILE HIGHLIGHTS ABSOLUTE BOTTOM */

/* 1313 GRID LOCK */
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;align-items:center!important}
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo .ssb2b-proof{justify-self:center!important;width:980px!important;max-width:100%!important}
/* END 1313 GRID LOCK */
/* 1313 HIGHLIGHTS CENTER FIX */
.ssb2b-hero--proof-bottom .ssb2b-proof{justify-self:center!important;width:980px!important;max-width:100%!important}
@media(min-width:768px) and (max-width:1023px){.ssb2b-hero--proof-bottom .ssb2b-proof{width:760px!important}}
@media(max-width:767px){html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof{justify-self:center!important;width:100%!important;max-width:100%!important}}
/* END 1313 HIGHLIGHTS CENTER FIX */

.ssb2b-hero--proof-bottom .ssb2b-proof__item strong{font-size:15px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof__item span{font-size:12px!important}
@media(min-width:768px) and (max-width:1023px){
.ssb2b-hero--proof-bottom .ssb2b-hero__inner{min-height:660px!important;padding:48px 26px 22px!important}
.ssb2b-hero--proof-bottom .ssb2b-hero__copy{padding-bottom:12px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof{width:min(100%,760px)!important;padding:12px 10px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof__item{padding:1px 10px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof__item strong{font-size:14px!important}
.ssb2b-hero--proof-bottom .ssb2b-proof__item span{font-size:11px!important}
}
@media(max-width:767px){
html body.startpage .ssb2b-hero--proof-bottom.ssb2b-hero--photo{min-height:720px!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-hero__inner{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;min-height:720px!important;padding:32px 18px 14px!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-hero__copy{align-self:center!important;padding-bottom:10px!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:0!important;padding:7px 3px!important;border-radius:13px!important;background:rgba(20,31,58,.38)!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof__item{display:flex!important;align-items:center!important;padding:0 4px!important;text-align:center!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof__item+.ssb2b-proof__item{border-top:0!important;border-left:1px solid rgba(255,255,255,.16)!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof__item strong{display:block!important;margin:0 0 2px!important;font-size:11px!important;line-height:1.15!important}
html body.startpage .ssb2b-hero--proof-bottom .ssb2b-proof__item span{display:block!important;margin:0!important;font-size:9.5px!important;line-height:1.15!important}
}
/* END 1313 HIGHLIGHTS BOTTOM OVERRIDE */

/* 1313 TRUST PANEL + ACCOUNT LABEL */
.ssb2b-proof{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:26px 0 0!important;padding:16px 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:18px!important;background:rgba(20,31,58,.38)!important;box-shadow:0 14px 34px rgba(8,15,34,.14)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;box-sizing:border-box!important}
.ssb2b-proof__item{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:2px 16px!important;color:rgba(255,255,255,.88)!important;line-height:1.3!important}
.ssb2b-proof__item+.ssb2b-proof__item{border-left:1px solid rgba(255,255,255,.18)!important}
.ssb2b-proof__item strong{display:block!important;margin-bottom:3px!important;color:#fff!important;font-size:16px!important;font-weight:750!important;line-height:1.2!important}
.ssb2b-proof__item span{display:block!important;font-size:12.5px!important;line-height:1.25!important}
@media(min-width:1024px){
body.emporium.user-logged-in .emporium--header-right .tws-login--login{font-size:0!important}
body.emporium.user-logged-in .emporium--header-right .tws-login--login-text{display:none!important}
body.emporium.user-logged-in .emporium--header-right .tws-login--login:before{content:"Mitt konto"!important;position:static!important;display:inline!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;color:inherit!important;background:transparent!important;font:700 13px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:.1px!important}
}
@media(max-width:1023px){
body.emporium.user-logged-in .ss-mobile-nav__actions .ss-mobile-nav__action:not(.ss-mobile-nav__action--primary){font-size:0!important}
body.emporium.user-logged-in .ss-mobile-nav__actions .ss-mobile-nav__action:not(.ss-mobile-nav__action--primary):before{content:"Mitt konto"!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important}
}
@media(max-width:767px){
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo{min-height:720px!important}
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner{padding:40px 22px 32px!important}
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo h1{margin-bottom:18px!important}
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-lead{margin-bottom:22px!important}
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-actions{margin-bottom:0!important}
.ssb2b-proof{grid-template-columns:1fr!important;margin-top:18px!important;padding:7px 16px!important;border-radius:16px!important;background:rgba(20,31,58,.43)!important}
.ssb2b-proof__item{display:block!important;padding:8px 0!important;text-align:left!important}
.ssb2b-proof__item+.ssb2b-proof__item{border-top:1px solid rgba(255,255,255,.16)!important;border-left:0!important}
.ssb2b-proof__item strong,.ssb2b-proof__item span{display:inline!important;margin:0!important;font-size:14px!important;line-height:1.25!important}
.ssb2b-proof__item span{margin-left:5px!important}
}
/* END 1313 TRUST PANEL + ACCOUNT LABEL */

/* ===== 1313 DESKTOP ACCOUNT BUTTONS ===== */
@media (min-width: 1024px) {
  html body.emporium .emporium--header-right .slot--top-bar-login {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
  }

  html body.emporium .emporium--header-right .tws-login {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html body.emporium .emporium--header-right .tws-login > div {
    display: contents !important;
  }

  html body.emporium .emporium--header-right .reseller,
  html body.emporium .emporium--header-right .tws-login--login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 2px solid #315fae !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .1px !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
  }

  html body.emporium .emporium--header-right .reseller {
    background: #315fae !important;
    color: #fff !important;
  }

  html body.emporium .emporium--header-right .tws-login--login {
    background: #fff !important;
    color: #315fae !important;
  }

  html body.emporium .emporium--header-right .tws-login--login-text {
    display: inline !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
  }

  html body.emporium .emporium--header-right .reseller:hover {
    background: #274f95 !important;
    border-color: #274f95 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
  }

  html body.emporium .emporium--header-right .tws-login--login:hover {
    background: #eef3fb !important;
    border-color: #274f95 !important;
    color: #274f95 !important;
    transform: translateY(-1px) !important;
  }
}
/* ===== END 1313 DESKTOP ACCOUNT BUTTONS ===== */


/* ===== 1313 BLUE FADED PHOTO HERO — FINAL OVERRIDE ===== */
html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo {
  min-height: clamp(620px, 56vw, 750px) !important;
  background: #465270 !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__background {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 68% !important;
  height: 100% !important;
  opacity: .96 !important;
  background-color: transparent !important;
  background-image: url("https://www.nutrado.se/shop/ws60/48360/files/banners/sportswear_45.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center 38% !important;
  background-size: cover !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, #000 38%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, #000 38%, #000 100%) !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__shade {
  background: linear-gradient(90deg, rgba(55,67,99,.98) 0%, rgba(55,67,99,.91) 43%, rgba(55,67,99,.72) 72%, rgba(55,67,99,.66) 100%) !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner {
  width: min(100% - 72px, 1300px) !important;
  padding: 78px 0 !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__copy {
  max-width: 650px !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo h1 {
  margin-bottom: 26px !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-lead {
  margin-bottom: 32px !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-actions {
  margin-bottom: 22px !important;
}

html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-micro {
  margin: 0 !important;
  line-height: 1.5 !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo {
    min-height: 660px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__background {
    width: 78% !important;
    background-position: 58% center !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 18%, #000 48%, #000 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 18%, #000 48%, #000 100%) !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__shade {
    background: linear-gradient(90deg, rgba(55,67,99,.98) 0%, rgba(55,67,99,.90) 56%, rgba(55,67,99,.70) 100%) !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner {
    width: calc(100% - 52px) !important;
    padding: 66px 0 !important;
  }
}

@media (max-width: 767px) {
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo {
    min-height: 720px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__background {
    left: 0 !important;
    width: 100% !important;
    background-position: 54% center !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__shade {
    background: linear-gradient(180deg, rgba(55,67,99,.56) 0%, rgba(55,67,99,.66) 35%, rgba(47,58,88,.93) 70%, rgba(42,52,80,.98) 100%) !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-hero__inner {
    width: 100% !important;
    padding: 54px 22px 44px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo h1 {
    margin-bottom: 24px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-lead {
    margin-bottom: 30px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-actions {
    gap: 14px !important;
    margin-bottom: 24px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-btn {
    min-height: 54px !important;
  }
  html body.startpage .ssb2b-hero--photo.ssb2b-hero--photo .ssb2b-micro {
    margin-top: 0 !important;
    padding-top: 2px !important;
  }
}
/* ===== END 1313 BLUE FADED PHOTO HERO ===== */



/* ===== PHOTO HERO — THEME 1313 ===== */
html body.startpage .ssb2b-hero--photo {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  min-height: clamp(600px, 58vw, 760px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #0b0e12 !important;
  color: #fff !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-hero__background,
html body.startpage .ssb2b-hero--photo .ssb2b-hero__shade {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-hero__background {
  z-index: -2 !important;
  background-color: #0b0e12 !important;
  background-image: url("/shop/ws60/48360/files/banners/sportswear_45.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 120% !important;
  background-position: right 36% center !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-hero__shade {
  z-index: -1 !important;
  background: linear-gradient(90deg, rgba(6,9,13,.96) 0%, rgba(6,9,13,.88) 38%, rgba(6,9,13,.55) 65%, rgba(6,9,13,.28) 100%) !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-hero__inner {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  width: min(100% - 64px, 1300px) !important;
  min-height: inherit !important;
  margin: 0 auto !important;
  padding: 72px 0 !important;
  box-sizing: border-box !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-hero__copy {
  width: min(100%, 670px) !important;
  max-width: 670px !important;
}

html body.startpage .ssb2b-hero--photo h1 {
  max-width: 650px !important;
  margin: 0 0 24px !important;
  color: #fff !important;
  font-size: clamp(44px, 5vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.28) !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-lead {
  max-width: 590px !important;
  margin: 0 0 30px !important;
  color: rgba(255,255,255,.90) !important;
  font-size: clamp(17px, 1.45vw, 21px) !important;
  line-height: 1.55 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.38) !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-micro {
  color: rgba(255,255,255,.76) !important;
}

html body.startpage .ssb2b-hero--photo .ssb2b-btn--secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,.52) !important;
  background: rgba(10,14,19,.28) !important;
  backdrop-filter: blur(5px) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body.startpage .ssb2b-hero--photo {
    min-height: 640px !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__background {
    background-size: auto 112% !important;
    background-position: right 30% center !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__shade {
    background: linear-gradient(90deg, rgba(6,9,13,.96) 0%, rgba(6,9,13,.84) 52%, rgba(6,9,13,.40) 100%) !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__inner {
    width: calc(100% - 48px) !important;
    padding: 56px 0 !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__copy {
    max-width: 560px !important;
  }
}

@media (max-width: 767px) {
  html body.startpage .ssb2b-hero--photo {
    min-height: 690px !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__background {
    background-size: cover !important;
    background-position: 54% center !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__shade {
    background: linear-gradient(180deg, rgba(5,8,12,.24) 0%, rgba(5,8,12,.52) 38%, rgba(5,8,12,.95) 76%, rgba(5,8,12,.98) 100%) !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__inner {
    align-items: flex-end !important;
    width: 100% !important;
    padding: 48px 22px 38px !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-hero__copy {
    width: 100% !important;
    max-width: none !important;
  }
  html body.startpage .ssb2b-hero--photo h1 {
    margin-bottom: 18px !important;
    font-size: clamp(38px, 12vw, 54px) !important;
    line-height: 1.01 !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-lead {
    margin-bottom: 24px !important;
    font-size: 16px !important;
    line-height: 1.48 !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  html body.startpage .ssb2b-hero--photo .ssb2b-btn {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}
/* ===== END PHOTO HERO ===== */

@media (min-width:1024px){html body.emporium .ss-ref-mega{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}}


/* SLUTLIG REFERENSMENY 2026-09-10 */
@media (min-width:1024px){
html body.emporium .tws-top-menu{position:relative!important;overflow:visible!important}
html body.emporium .tws-top-menu--dropdown-menu-li>.tws-top-menu--mega-menu{display:none!important}
html body.emporium .ss-ref-mega{display:none!important;position:absolute!important;top:100%!important;left:50%!important;right:auto!important;width:90vw!important;max-width:1400px!important;min-width:900px!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;overflow:hidden!important;color:#111827!important;background:#fff!important;border:1px solid rgba(17,24,39,.10)!important;border-radius:12px!important;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03)!important;z-index:99999!important;text-align:left!important;box-sizing:border-box!important}
html body.emporium .tws-top-menu.ss-ref-open>.ss-ref-mega{display:block!important}
html body.emporium .ss-ref-columns{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:455px!important;padding:28px 20px!important;box-sizing:border-box!important}
html body.emporium .ss-ref-group,html body.emporium .ss-ref-brand{min-width:0!important;margin:0!important;padding:8px 24px!important;border-right:1px solid rgba(17,24,39,.10)!important;box-sizing:border-box!important}
html body.emporium .ss-ref-brand{border-right:0!important}
html body.emporium .ss-ref-group h2,html body.emporium .ss-ref-brand h2{margin:0 0 58px!important;padding:0!important;color:#101828!important;font-size:28px!important;font-weight:700!important;line-height:1.15!important}
html body.emporium .ss-ref-brand h2{margin-bottom:38px!important;font-size:20px!important}
html body.emporium .ss-ref-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important;row-gap:10px!important}
html body.emporium .ss-ref-links a{display:block!important;min-width:0!important;margin:0!important;padding:0!important;color:#667085!important;background:none!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important;text-decoration:none!important}
html body.emporium .ss-ref-links a:hover,html body.emporium .ss-ref-brand>a:hover,html body.emporium .ss-ref-footer a:hover{text-decoration:underline!important}
html body.emporium .ss-ref-brand p{margin:0 0 20px!important;color:#475467!important;font-size:15px!important;font-weight:400!important;line-height:1.45!important}
html body.emporium .ss-ref-brand ul{margin:0 0 26px!important;padding:0!important;list-style:none!important}
html body.emporium .ss-ref-brand li{position:relative!important;margin:0 0 10px!important;padding:0 0 0 22px!important;color:#344054!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important}
html body.emporium .ss-ref-brand li:before{content:"✓"!important;position:absolute!important;left:0!important;color:#98a2b3!important}
html body.emporium .ss-ref-brand>a{color:#101828!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important}
html body.emporium .ss-ref-footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:66px!important;padding:12px 24px!important;color:#475467!important;background:#f8fafc!important;border-top:1px solid rgba(17,24,39,.08)!important;box-sizing:border-box!important;font-size:15px!important;font-weight:400!important}
html body.emporium .ss-ref-footer strong{padding:5px 12px!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;font-weight:600!important}
html body.emporium .ss-ref-footer a{color:#101828!important;font-weight:700!important;text-decoration:none!important}
}
@media (max-width:1023px){html body.emporium .ss-ref-mega{d

@media (min-width:1024px){
html body.emporium .tws-top-menu:has(.tws-top-menu--dropdown-menu-li:nth-child(1):hover)>.ss-ref-mega,
html body.emporium .tws-top-menu:has(.tws-top-menu--dropdown-menu-li:nth-child(2):hover)>.ss-ref-mega,
html body.emporium .tws-top-menu:has(.tws-top-menu--dropdown-menu-li:nth-child(4):hover)>.ss-ref-mega,
html body.emporium .tws-top-menu:has(>.ss-ref-mega:hover)>.ss-ref-mega{display:block!important}
}
isplay:none!important}}


/* SWEDISH SUPPLEMENTS MEGAMENY - struktur enligt referensbild */
@media (min-width: 1024px) {
  html body.emporium .tws-top-menu {
    position: relative !important;
    overflow: visible !important;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li {
    position: static !important;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li > .tws-top-menu--mega-menu {
    display: none !important;
  }
  html body.emporium .ss-abicart-mega {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 90vw;
    max-width: 1400px;
    min-width: 900px;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
    overflow: hidden;
    color: #111827;
    background: #fff;
    border: 1px solid rgba(17,24,39,.10);
    border-radius: 12px;
    box-shadow: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);
    z-index: 9999;
    text-align: left;
    box-sizing: border-box;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li:hover > .ss-abicart-mega,
  html body.emporium .tws-top-menu--dropdown-menu-li.open > .ss-abicart-mega {
    display: block;
  }
  html body.emporium .ss-mega-main {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    min-height: 455px;
    padding: 28px 20px;
    box-sizing: border-box;
  }
  html body.emporium .ss-mega-group,
  html body.emporium .ss-mega-brand {
    min-width: 0;
    margin: 0;
    padding: 8px 24px;
    border-right: 1px solid rgba(17,24,39,.10);
    box-sizing: border-box;
  }
  html body.emporium .ss-mega-brand {
    border-right: 0;
  }
  html body.emporium .ss-mega-group h3,
  html body.emporium .ss-mega-brand h3 {
    margin: 0 0 58px;
    padding: 0;
    color: inherit;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
  }
  html body.emporium .ss-mega-brand h3 {
    margin-bottom: 38px;
    font-size: 20px;
  }
  html body.emporium .ss-mega-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 20px;
    row-gap: 10px;
  }
  html body.emporium .ss-mega-links a {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
  }
  html body.emporium .ss-mega-links a:hover,
  html body.emporium .ss-mega-brand > a:hover,
  html body.emporium .ss-mega-footer a:hover {
    text-decoration: underline;
  }
  html body.emporium .ss-mega-brand p {
    margin: 0 0 20px;
    color: #475467;
    font-size: 15px;
    line-height: 1.45;
  }
  html body.emporium .ss-mega-brand ul {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
  }
  html body.emporium .ss-mega-brand li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 22px;
    color: #344054;
    font-size: 15px;
    font-weight: 400;
  }
  html body.emporium .ss-mega-brand li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #98a2b3;
  }
  html body.emporium .ss-mega-brand > a {
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
  }
  html body.emporium .ss-mega-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 66px;
    padding: 12px 24px;
    color: #475467;
    background: #f8fafc;
    border-top: 1px solid rgba(17,24,39,.08);
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
  }
  html body.emporium .ss-mega-footer span:first-child {
    padding: 5px 12px;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-weight:Eval;
  }
  html body.emporium .ss-mega-footer a {
    color: inherit;
    font-weight: 700;
    text-decoration: none;
  }
ogue}

@media (min-width: 1024px) {
  html body.emporium .ss-mega-footer span:first-child {
    font-weight: 600 !important;
  }
}



/* STABIL LAYOUT 2026-09-10: blocknamnet headern styr fullbredd */
html body.emporium.startpage .emporium--body-wrapper,
html body.emporium.startpage .emporium--main,
html body.emporium.startpage .emporium--main-wrapper,
html body.emporium.startpage .emporium--content-wrapper,
html body.emporium.startpage .emporium--content,
html body.emporium.startpage .emporium--start-page,
html body.emporium.startpage .slot--component-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body.emporium.startpage .tws-container--tws-custom-html.headern,
html body.emporium.startpage .tws-container--tws-custom-html.headern .tws-custom-html--content,
html body.emporium.startpage .tws-container--tws-custom-html.headern .ssb2b-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  html body.emporium.startpage .desktop-only,
  html body.emporium.startpage .tws-container--tws-articles-two,
  html body.emporium.startpage .tws-container--tws-custom-html:not(.headern) {
    width: calc(100% - 60px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
html body.emporium .tws-top-menu {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  max-width: 1300px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
html body.emporium .tws-top-menu--mega-menu {
  position: absolute !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 15px !important;
  margin: 1px 0 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
  column-count: 1 !important;
  transform: none !important;
}
html body.emporium .tws-top-menu--sub-item {
  display: block !important;
  width: 25% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.emporium .tws-top-menu--sub-item-heading {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 5px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--dropdown-menu-li.open > .tws-top-menu--mega-menu,
html body.emporium .tws-top-menu--dropdown-menu-li:hover > .tws-top-menu--mega-menu {
  display: block !important;
  top: 100% !important;
}

/* ABICART ORIGINAL MEGAMENY - exakt geometri, butikens färger behålls */
html body.emporium .tws-top-menu {
  display: block !important;
  position: relative !important;
  width: auto !important;
  max-width: 1300px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--dropdown-menu-li {
  display: inline-block !important;
  position: static !important;
  width: auto !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--dropdown-menu-li > a {
  display: inline-block !important;
  width: auto !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--mega-menu {
  display: none !important;
  position: absolute !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: none !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  top: 0;
  margin: 1px 0 0 !important;
  padding: 20px 15px !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
  column-count: 1 !important;
  transform: none !important;
  font-size: 14px !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--sub-item {
  display: block !important;
  position: static !important;
  width: 25% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--sub-item-heading {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 5px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
html body.emporium .tws-top-menu--dropdown-menu-li.open > .tws-top-menu--mega-menu,
html body.emporium .tws-top-menu--dropdown-menu-li:hover > .tws-top-menu--mega-menu {
  display: block !important;
  top: 100% !important;
}

/* MEGAMENY SOM ABICART.COM - desktop, butikens färger behålls */
@media (min-width: 1024px) {
  html body.emporium .tws-top-menu {
    position: relative !important;
    overflow: visible !important;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li {
    position: static !important;
  }
  html body.emporium .tws-top-menu--mega-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    width: 90vw !important;
    max-width: 1400px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    column-count: 1 !important;
    border: 1px solid rgba(17,24,39,.10) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03) !important;
    z-index: 9999 !important;
    gap: 8px !important;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li.open > .tws-top-menu--mega-menu,
  html body.emporium .tws-top-menu--dropdown-menu-li:hover > .tws-top-menu--mega-menu {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: stretch !important;
  }
  html body.emporium .tws-top-menu--sub-item {
    display: flex !important;
    flex-direction: column !important;
    width: calc(25% - 6px) !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }
  html body.emporium .tws-top-menu--sub-item-heading {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
  html body.emporium .tws-top-menu--sub-item a:not(.tws-top-menu--sub-item-heading) {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* ABICART.COM REFERENSBILD - balanserade kolumner och avdelare */
@media (min-width: 1024px) {
  html body.emporium .tws-top-menu--mega-menu {
    box-sizing: border-box !important;
    min-height: 360px !important;
    padding: 30px 28px !important;
    column-count: 4 !important;
    column-gap: 0 !important;
    column-rule: 1px solid rgba(17,24,39,.10) !important;
  }
  html body.emporium .tws-top-menu--dropdown-menu-li.open > .tws-top-menu--mega-menu,
  html body.emporium .tws-top-menu--dropdown-menu-li:hover > .tws-top-menu--mega-menu {
    display: block !important;
  }
  html body.emporium .tws-top-menu--sub-item {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 24px 18px !important;
    border-radius: 0 !important;
    break-inside: avoid !important;
    vertical-align: top !important;
  }
  html body.emporium .tws-top-menu--sub-item-heading {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
}





/* Direct targeting of the hero HTML module */
.tws-container--tws-custom-html:has(.ssb2b-hero) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* ===== EDGE-TO-EDGE HERO + MODERN MEGA MENU ===== */

/* ===== FINAL FULL-WIDTH HEADER + HERO FIX ===== */
body.startpage .emporium--body-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.emporium--header-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.startpage .emporium--component-container:has(.ssb2b-hero),
.startpage .tws-container--tws-custom-html:has(.ssb2b-hero),
.startpage .tws-container--tws-custom-html:has(.ssb2b-hero) .tws-custom-html--content,
.startpage .ssb2b-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
  width: calc(100% - 32px) !important;
  max-width: 1316px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  .emporium--header-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.startpage .emporium--body,
  body.startpage .emporium--body-wrapper,
  body.startpage .emporium--main,
  body.startpage .emporium--main-wrapper,
  body.startpage .emporium--content-wrapper,
  body.startpage .emporium--content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
    width: calc(100% - 24px) !important;
  }
}

/* ===== RESTORE ORIGINAL CONTENT WIDTH + ABICART MENU SIZE ===== */
body.startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
  width: calc(100% - 60px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.emporium .tws-top-menu--mega-menu {
  width: auto !important;
  min-width: 160px !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 15px !important;
  margin: 1px 0 0 !important;
}

@media (max-width: 767px) {
  body.startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }
}

body.startpage .tws-container--tws-custom-html:not(:has(.ssb2b-hero)) {
  width: calc(100% - 60px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  body.startpage .tws-container--tws-custom-html:not(:has(.ssb2b-hero)) {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }
}

/* ===== EXACT ABICART HEADER AND MENU GEOMETRY ===== */
body.emporium .emporium--header-wrapper {
  width: 100% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

body.emporium .emporium--header-wrapper-inner {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.emporium .tws-top-menu--mega-menu {
  width: auto !important;
  min-width: 160px !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 15px !important;
  margin: 1px 0 0 !important;
  transform: none !important;
}

/* Keep all non-hero storefronts at Abicart's original centered position */
body.startpage .tws-container--tws-custom-html:not(:has(.ssb2b-hero)),
body.startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
  width: calc(100% - 60px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  body.emporium .emporium--header-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.startpage .tws-container--tws-custom-html:not(:has(.ssb2b-hero)),
  body.startpage .emporium--component-container:not(:has(.ssb2b-hero)) {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }
}

/* ===== ONLY HEADER FULL WIDTH; ALL PAGE CONTENT CENTERED ===== */
body.emporium .emporium--header-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

body.emporium .emporium--header-wrapper-inner {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.startpage .emporium--body-wrapper {
  width: 100% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

body.startpage .emporium--main,
body.startpage .emporium--main-wrapper,
body.startpage .emporium--content-wrapper,
body.startpage .emporium--content,
body.startpage .emporium--component-container,
body.startpage .tws-container--tws-custom-html,
body.startpage .tws-container--tws-custom-html .tws-custom-html--content,
body.startpage .ssb2b-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  body.emporium .emporium--header-wrapper,
  body.startpage .emporium--body-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

body.startpage .emporium--body-wrapper .tws-container--tws-custom-html:not(:has(.ssb2b-hero)),
body.startpage .emporium--body-wrapper .emporium--component-container:not(:has(.ssb2b-hero)) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}






.startpage .emporium--body,
.startpage .emporium--body-wrapper,
.startpage .emporium--main,
.startpage .emporium--main-wrapper,
.startpage .emporium--content-wrapper,
.startpage .emporium--content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.startpage .emporium--body-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tws-container--tws-custom-html:has(.ssb2b-hero) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tws-container--tws-custom-html:has(.ssb2b-hero) .tws-custom-html--content,
.ssb2b-hero.ssb2b-hero--abicart {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 992px) {
  .slot--header-horizontal-menu .navbar,
  .slot--header-horizontal-menu .container-fluid,
  .slot--header-horizontal-menu .navbar-collapse,
  .slot--header-horizontal-menu .navbar-nav {
    position: static !important;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    padding: 28px 32px !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 24px 55px rgba(15,23,42,.14) !important;
    backdrop-filter: blur(16px);
  }

  .slot--header-horizontal-menu .open > .tws-top-menu--mega-menu {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 8px 18px;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu > .tws-top-menu--sub-item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu .tws-top-menu--sub-item-heading {
    display: block;
    min-height: 44px;
    padding: 12px 14px !important;
    border-radius: 10px;
    color: #0f172a !important;
    font-size: 14px;
    font-weight: 650 !important;
    line-height: 20px;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu .tws-top-menu--sub-item-heading:hover {
    background: #f1f5f9 !important;
    color: #2859b3 !important;
    transform: translateX(2px);
  }

  .slot--header-horizontal-menu .dropdown-toggle .caret {
    margin-left: 7px;
    border-top-width: 4px;
    opacity: .55;
  }
}

@media (max-width: 991px) {
  .startpage .emporium--body {
    padding-top: 0 !important;
  }

  .ssb2b-hero.ssb2b-hero--abicart {
    margin-top: 0 !important;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu {
    border: 0 !important;
    box-shadow: none !important;
  }

  .slot--header-horizontal-menu .tws-top-menu--mega-menu .tws-top-menu--sub-item-heading {
    padding: 12px 18px !important;
    font-weight: 600 !important;
  }
}
/* ===== END EDGE-TO-EDGE + MEGA MENU ===== */



/* ===== TRUE FULL-WIDTH STARTPAGE HERO ===== */
.startpage .emporium--body-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px 16px 40px !important;
}

.emporium--start-page > .emporium--component-container:first-child .tws-container--tws-custom-html {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.emporium--start-page > .emporium--component-container:first-child .tws-custom-html--content,
.emporium--start-page > .emporium--component-container:first-child .ssb2b-hero {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 991px) {
  .startpage .emporium--body-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ===== END TRUE FULL-WIDTH HERO ===== */


/* ===== ABICART-LIKE REFINEMENT ===== */
.emporium--start-page .emporium--body-wrapper {
  max-width: none !important;
  padding: 0 16px !important;
}

.emporium--start-page .emporium--body {
  padding-top: 0 !important;
}

.ssb2b-hero.ssb2b-hero--abicart {
  min-height: 600px;
  margin: 0 0 26px;
  border-radius: 0;
  background: #586176 !important;
  box-shadow: none;
}

.ssb2b-hero--abicart .ssb2b-hero__inner {
  min-height: 600px;
  max-width: 1220px;
  padding: 64px 48px;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: 30px;
}

.ssb2b-hero--abicart .ssb2b-hero__copy {
  position: relative;
  z-index: 3;
}

.ssb2b-hero--abicart .ssb2b-eyebrow {
  margin-bottom: 24px;
  padding: 8px 14px;
  border-color: rgba(255,255,255,.32);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.ssb2b-hero--abicart h1 {
  max-width: 650px;
  margin-bottom: 24px;
  font-size: clamp(46px, 4.6vw, 64px);
  line-height: 1.08;
  font-weight: 750;
  letter-spacing: -.045em;
}

.ssb2b-hero--abicart .ssb2b-lead {
  max-width: 660px;
  margin-bottom: 34px;
  color: rgba(255,255,255,.9);
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.45;
}

.ssb2b-hero--abicart .ssb2b-btn {
  min-height: 48px;
  padding: 12px 24px;
  font-size: 16px;
}

.ssb2b-hero--abicart .ssb2b-btn--primary {
  background: #3569c8;
  color: #fff !important;
  box-shadow: none;
}

.ssb2b-hero--abicart .ssb2b-btn--primary:hover {
  background: #2859b3;
  box-shadow: 0 10px 24px rgba(31,72,150,.25);
}

.ssb2b-hero--abicart .ssb2b-btn--secondary {
  border-color: rgba(255,255,255,.68);
  background: transparent;
}

.ssb2b-hero--abicart .ssb2b-micro {
  margin-top: 18px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
}

.ssb2b-hero__visual {
  position: relative;
  align-self: stretch;
  min-height: 470px;
}

.ssb2b-visual-glow {
  position: absolute;
  left: 50%;
  bottom: 7%;
  width: 82%;
  height: 72%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 42%, transparent 72%);
  filter: blur(12px);
}

.ssb2b-product {
  position: absolute;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 28px 28px rgba(15,23,42,.28));
}

.ssb2b-product--main {
  z-index: 3;
  left: 50%;
  bottom: -2%;
  width: 63%;
  max-height: 470px;
  transform: translateX(-50%);
}

.ssb2b-product--left {
  z-index: 2;
  left: 0;
  bottom: 4%;
  width: 43%;
  max-height: 340px;
  transform: rotate(-6deg);
}

.ssb2b-product--right {
  z-index: 2;
  right: 0;
  bottom: 3%;
  width: 42%;
  max-height: 350px;
  transform: rotate(6deg);
}

@media (min-width: 992px) {
  .emporium--header {
    box-shadow: none;
  }

  .emporium--header .emporium--header-wrapper {
    padding-top: 8px;
  }

  .emporium--start-page .tws-container--tws-custom-html:first-child,
  .emporium--start-page .tws-container--tws-custom-html:first-of-type {
    margin-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .emporium--start-page .emporium--body-wrapper {
    padding: 0 !important;
  }

  .ssb2b-hero.ssb2b-hero--abicart {
    min-height: auto;
    margin-bottom: 18px;
    border-radius: 0;
  }

  .ssb2b-hero--abicart .ssb2b-hero__inner {
    min-height: auto;
    padding: 46px 24px 24px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ssb2b-hero--abicart h1 {
    font-size: clamp(40px, 11vw, 54px);
    line-height: 1.04;
  }

  .ssb2b-hero--abicart .ssb2b-lead {
    font-size: 18px;
  }

  .ssb2b-hero__visual {
    min-height: 340px;
  }

  .ssb2b-product--main {
    max-height: 330px;
  }

  .ssb2b-product--left,
  .ssb2b-product--right {
    max-height: 235px;
  }
}

@media (max-width: 560px) {
  .ssb2b-hero--abicart .ssb2b-hero__inner {
    padding-top: 36px;
  }

  .ssb2b-hero__visual {
    min-height: 280px;
  }

  .ssb2b-product--main {
    width: 62%;
    max-height: 275px;
  }

  .ssb2b-product--left,
  .ssb2b-product--right {
    width: 39%;
    max-height: 195px;
  }
}
/* ===== END ABICART-LIKE REFINEMENT ===== */


/* ===== SWEDISH SUPPLEMENTS B2B – MODERN 2026 ===== */
:root {
  --ss-ink: #0f172a;
  --ss-muted: #64748b;
  --ss-line: #e2e8f0;
  --ss-soft: #f7f8fa;
  --ss-accent: #79b9b8;
  --ss-radius: 18px;
}

body {
  color: var(--ss-ink);
  -webkit-font-smoothing: antialiased;
}

.emporium--body .emporium--body-wrapper {
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.emporium--start-page .tws-util-heading--heading {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  letter-spacing: -.035em;
  color: var(--ss-ink);
  margin-bottom: 28px;
}

.emporium--header {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(226,232,240,.9);
  box-shadow: 0 8px 30px rgba(15,23,42,.045);
  backdrop-filter: blur(14px);
}

.slot--header-horizontal-menu .navbar-nav > li > a {
  font-weight: 700;
  letter-spacing: -.01em;
}

a.tws-login--login,
a.reseller {
  border-radius: 999px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

a.tws-login--login:hover,
a.reseller:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(15,23,42,.12);
}

.tws-container--tws-articles-two-type-carousel .thumbnail,
.tws-article-list--list .tws-list--type-grid .thumbnail,
.tws-articlegroups .thumbnail,
.tws-articlegroup-list .thumbnail {
  overflow: hidden;
  border: 1px solid var(--ss-line) !important;
  border-radius: var(--ss-radius) !important;
  background: #fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.tws-container--tws-articles-two-type-carousel .thumbnail:hover,
.tws-article-list--list .tws-list--type-grid .thumbnail:hover,
.tws-articlegroups .thumbnail:hover,
.tws-articlegroup-list .thumbnail:hover {
  transform: translateY(-4px);
  border-color: #cbd5e1 !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.09) !important;
}

.tws-article-list--buy-button .btn,
.tws-articles-two--buy-button .btn {
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: none;
}

/* Modern B2B hero */
.ssb2b-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 520px;
  margin: 8px 0 56px;
  border-radius: 30px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(7,11,18,.96) 0%, rgba(7,11,18,.84) 46%, rgba(7,11,18,.38) 100%),
    url("https://cdn.abicart.com/shop/ws60/48360/files/banner%20huvudsida%20kopiera4444444444%20kopieraeeee.jpg") center/cover no-repeat;
  box-shadow: 0 24px 65px rgba(15,23,42,.16);
}

.ssb2b-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.22));
}

.ssb2b-hero__inner {
  min-height: 520px;
  max-width: 1220px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 78px);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  align-items: center;
  gap: clamp(30px, 5vw, 70px);
}

.ssb2b-eyebrow,
.ssb2b-panel-label {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ssb2b-eyebrow {
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}

.ssb2b-hero h1 {
  max-width: 720px;
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(42px, 5.6vw, 72px);
  line-height: .98;
  font-weight: 850;
  letter-spacing: -.055em;
}

.ssb2b-lead {
  max-width: 650px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.82);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.55;
}

.ssb2b-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ssb2b-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.ssb2b-btn:hover {
  transform: translateY(-2px);
}

.ssb2b-btn--primary {
  background: #fff;
  color: var(--ss-ink) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.ssb2b-btn--secondary {
  border-color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.08);
  color: #fff !important;
  backdrop-filter: blur(8px);
}

.ssb2b-micro {
  margin: 16px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 12px;
}

.ssb2b-hero__panel {
  padding: 28px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 24px;
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(16px);
}

.ssb2b-panel-label {
  color: rgba(255,255,255,.72);
}

.ssb2b-benefits {
  display: grid;
  gap: 0;
}

.ssb2b-benefits > div {
  display: grid;
  grid-template-columns: 108px 1fr;
  align-items: center;
  gap: 12px;
  padding: 15px 0;
  border-top: 1px solid rgba(255,255,255,.16);
}

.ssb2b-benefits strong {
  color: #fff;
  font-size: 20px;
}

.ssb2b-benefits span {
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.4;
}

.ssb2b-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 18px;
}

.ssb2b-categories a {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
}

.emporium--start-page details {
  transition: border-color .2s ease, box-shadow .2s ease;
}

.emporium--start-page details[open] {
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
}

@media (max-width: 991px) {
  .emporium--body .emporium--body-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ssb2b-hero {
    min-height: auto;
    margin: 4px 0 34px;
    border-radius: 22px;
    background-position: 60% center;
  }

  .ssb2b-hero__inner {
    min-height: auto;
    padding: 42px 24px 28px;
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .ssb2b-hero h1 {
    font-size: clamp(36px, 11vw, 52px);
  }

  .ssb2b-hero__panel {
    padding: 20px;
  }
}

@media (max-width: 560px) {
  .ssb2b-actions {
    display: grid;
  }

  .ssb2b-btn {
    width: 100%;
  }

  .ssb2b-benefits > div {
    grid-template-columns: 95px 1fr;
  }

  .ssb2b-micro {
    line-height: 1.6;
  }
}
/* ===== END MODERN B2B ===== */
.tws-article-price--compare-at-price {
  display: none !important;
}

@media (max-width: 767px) {
  .emporium--footer-left,
  .emporium--footer-mid-left,
  .emporium--footer-mid-right,
  .emporium--footer-right .kontaktaoss {
    display: none;
  }
  .emporium--footer {
    padding: 50px 0 40px 0;
  }
  .emporium--footer .emporium--footer-right {
    max-width: 767px;
  }
  .emporium--footer .social img {
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 3px;
    margin: 0px 2px 8px 2px;
  }
}
@media (min-width: 768px) {
  .emporium--footer-right .accordion {
    display: none;
  }
}

/* --- FOOTER ACCORDION --- */

.emporium--footer input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.emporium--footer .accordion {
  overflow: hidden;
  border-bottom: 1px solid #1a1a1a;
  margin-bottom: 3px;
  border-radius: 3px;
}
.emporium--footer .accordion-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  background: #000000;
  color: #fff;
  font-size: 16px;
}
.emporium--footer .accordion-content {
  max-height: 0;
  padding: 0 1em;
  background: #000000;
  transition: all 0.35s;
  text-align: left;
  font-size: 15px;
}
.emporium--footer input:checked ~ .accordion-content {
  max-height: 100vh;
  padding: 1em;
  background: #000000;
  text-align: left;
}

.emporium--footer .accordion label {
  margin-bottom: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.emporium--footer .accordion label::after {
  font-family: fontawesome;
  content: "\f067";
  font-size: 18px;
  font-weight: 400;
  -webkit-text-stroke: 2px #000;
  text-stroke: 2px #000000;
}

.emporium--footer input:checked + label::after {
  font-family: fontawesome;
  content: "\f068" !important;
  font-size: 18px;
  font-weight: 400;
  -webkit-text-stroke: 2px #000;
  text-stroke: 2px #000000;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.5s ease;
}

/* --- END FOOTER ACCORDION --- */

.slot--header-horizontal-menu
  .navbar-nav
  .tws-top-menu--mega-menu
  > .tws-top-menu--sub-item
  > .tws-top-menu--sub-item-heading {
  font-weight: normal;
}

/* --- NY SKYLTFÖNSTER GRID --- */

@media (min-width: 992px) {
  .desktop-only .tws-content-box-3x.row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 10px;
  }
  .desktop-only .tws-content-box-3x.row::before {
    display: none;
  }
  .desktop-only .tws-content-box-3x--box.tws-content-box-3x--box-1,
  .desktop-only .tws-content-box-3x--box.tws-content-box-3x--box-2 {
    width: 100%;
  }
  .desktop-only .tws-content-box-3x--box.tws-content-box-3x--box-3 {
    grid-column: 2;
    grid-row: 3;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
  }
  .mobile-only {
    display: none;
  }
}

@media (max-width: 991px) {
  .tws-theme-foundation-content--done .emporium--main-wrapper {
    overflow: hidden !important;
  }
  .desktop-only {
    display: none;
  }
  .hero {
    margin-bottom: 3px !important;
  }
  .mobile-only {
    margin-top: 4px !important;
  }
  .mobile-only .tws-content-box-2x--box {
    padding: 0 2px;
    margin: 0 0 0px 0 !important;
  }

  .mobile-only .tws-content-box-2x--box .tws-content-box--first-line {
    background: rgba(0, 0, 0, 0);
    padding: 6px 20px 4px 20px;
    font-size: 18px;
    border-radius: 6px;
    margin-bottom: 4px;
  }

  .startpage .emporium--body-wrapper {
    padding: 0;
  }

  /*
  .mobile-only .tws-content-box--cell,
  .mobile-only .tws-content-box--cell .wrappContent  {
    width: 100%;
}
*/
}

/* NEW HEADER */
@media (min-width: 992px) {
  .emporium--header-search {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 500px;
    z-index: 2;
    background: transparent;
    box-shadow: none;
    -webkit-transform: translateY(10px);
    transition: none;
    opacity: 1;
    pointer-events: auto;
    z-index: 0;
    max-width: 780px;
    margin: 0 auto;
    height: 50px;
  }

  .emporium--header-search .slot--header-search {
    max-width: 500px;
  }

  .emporium--header .emporium--header-wrapper {
    padding: 10px 30px 20px 30px;
  }

  .emporium--search-button {
    display: none;
  }

  .slot--header-cart {
    bottom: 14px;
  }

  .slot--header-shipping-notice {
    bottom: 34px;
  }

  .slot--header-horizontal-menu {
    padding-top: 80px;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .emporium--body {
    padding-top: 30px;
  }
  .emporium--header-search {
    bottom: -25px;
    opacity: 1;
    pointer-events: all;
  }
  .emporium--search-button {
    display: none;
  }
  .slot--header-shipping-notice {
    bottom: 20px;
    z-index: 9;
  }
  .emporium--header-menu-button {
    width: 50px;
  }

  .slot--header-logo {
    margin-left: 0;
  }

  .slot--header-horizontal-menu .tws-login {
    display: none;
  }
}

/* LOGIN */

@media (min-width: 992px) {
  .slot--top-bar-login {
    position: relative;
    bottom: 16px;
    right: 30px;
  }
}

@media (max-width: 991px) {
  .slot--top-bar-login {
    position: relative;
    right: 24px;
    bottom: 6px;
  }
  .slot--top-bar-login a {
    min-width: 100px;
  }
}

.slot--top-bar-login a {
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 12px;
}
.user-logged-in .slot--top-bar-login a {
  font-size: 0px;
}
.user-logged-in .slot--top-bar-login a::before {
  content: "Min profil";
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: 600;
}
.user-logged-in .reseller::before{
  visibility:hidden;
}

.user-logged-in.mypages .slot--top-bar-login a {
  font-size: 12px;
}
.user-logged-in.mypages .slot--top-bar-login a::before {
  font-size: 0px;
}

/* END NEW HEADER  */

/*--make the menu item bold--*/
ul.nav.navbar-nav {
  font-weight: 900 !important;
}
/*--x--*/

@media (min-width: 992px) {
  .tws-container--tws-content-box-2x .tws-content-box--first-line,
  .tws-container--tws-content-box-3x .tws-content-box--first-line {
    font-size: 40px;
    text-shadow: none;
  }
  .tws-container--tws-content-box-2x .tws-content-box--second-line,
  .tws-container--tws-content-box-2x .tws-content-box--third-line,
  .tws-container--tws-content-box-3x .tws-content-box--second-line,
  .tws-container--tws-content-box-3x .tws-content-box--third-line {
    font-size: 28px;
    text-shadow: none;
  }
  .tws-container--tws-content-box-2x.desktop-only {
    margin-top: 0px;
  }
}

.emporium--header {
  /* background: black; */
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
}

@media (max-width: 767px) {
  .tws-container--tws-content-box-2x .col-sm-6 {
    width: 50%;
    float: left;
  }
}
/*
  @media only screen and (max-width: 767px){
.tws-container--tws-content-box-2x .tws-content-box-2x.row .tws-content-box-2x--box {
    margin: 0 0 0px 0;
    }
    .emporium--start-page .tws-articles-two--heading .tws-util-heading--heading, .emporium--start-page .tws-articlegroups--title .tws-util-heading--heading {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    }
}
  .tws-container--tws-content-box-2x .tws-util-heading {
    display: inline-block;
    padding: 0px 6px;
    vertical-align: middle;
}
  .tws-container--tws-content-box-2x .tws-content-box--second-line {
  font-size: 14px;
}
  .tws-container--tws-content-box-2x .tws-content-box--first-line {
    font-size: 14px;
}
  .tws-container--tws-content-box-2x .tws-content-box--cell {
  background: rgba(0,0,0, 0.4);
}
  .skyltfonster-ovan .tws-react-img--cover img {
   object-position: right;
}
}*/

/* Kontaktformuläret - Dölja rubrik */
.emporium--contact-heading {
  display: none;
}

/* Dölja lägsta pris senaste 30 dagarna - Säljer endast till B2B */
.tws-article-price--compare-at-price {
  display: none !important;
}

.tws-content-box--left {
  justify-content: flex-start;
  text-align: Left;
}

/*
@media only screen and (max-width: 992px){
.tws-content-box--table {
    padding: 0px;
    display: block !important;
    flex-direction: inherit;
    padding-top: 172px !important;
  background: #1916161c;
}
}*/

/*---- Abicart custom contact form -----*/
.hide {
  display: none;
}
.custompage-8897815 section {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.custompage-8897815 label {
  font-weight: bold;
  font-size: 16px;
}
.custompage-8897815 #abicart-dv-form {
  margin-top: 50px;
}
.custompage-8897815 #abicart-dv-form input,
.custompage-8897815 #abicart-dv-form select {
  min-height: 40px;
  min-width: 250px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.custompage-8897815 #abicart-dv-form input#address,
.custompage-8897815 #abicart-dv-form input#city,
.custompage-8897815 #abicart-dv-form input#zipcode {
  width: 100%;
}
.custompage-8897815 #abicart-dv-form textarea {
  width: 100%;
  min-height: 120px;
}
.custompage-8897815 #abicart-dv-form span {
  color: red;
}
@media (max-width: 767px) {
  .tws-container--tws-content-box-2x .tws-content-box--second-line,
  .tws-content-box--table .tws-content-box--second-line {
    display: none;
  }
}
/* 2024-11-04 ANDREAS START */
/* CHANGE DEFAULT COLORS */
body:not(.user-logged-in) .tws-article-list--list .tws-article-list--buy-button .btn {
  background: #333333;
  border-bottom: 0;
}
/* NEW TEXT */
body:not(.user-logged-in) .tws-article-list--list .tws-article-list--buy-button .btn::after {
	font-family: Roboto;
  content: 'Logga in för pris';
  font-weight: 600;
  font-size: 11px;
}
/* EJ I LAGER */
body:not(.user-logged-in) .tws-article-list--show-more-button-text {
  font-size: 0;
}
/* "BEVAKA" */
body:not(-user-logged-in) .tws-article-buy-button-with-modal--out-of-stock-message {
	display: none;
}
.reseller {
  color: #72aeae !important;
  transition: 250ms;
  text-decoration: none;
  margin: 0 0 10px;
  text-transform: none !important;
}
.reseller:hover {
  color: #e3e3e3 !important;
}
@media only screen and (max-width: 1000px) {
  .reseller {
    margin: 0;
  }
}
/* 2024-11-04 ANDREAS END */

.tws-container--tws-articles-two-type-carousel .thumbnail, 
.tws-article-list--list .tws-list--type-grid .thumbnail,
.tws-container--tws-articles-two-type-carousel .thumbnail .caption,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption,
.emporium--article-images .slot--article-images .tws-article-images--current-image,
.emporium--article-images .tws-article-images--slick-nav,
.emporium--article-top .emporium--article-right-col .emporium--article-right-col-wrapper,
.emporium--article-bottom,
.slot--article-page-footer .tws-container--tws-articles-two .tws-articles-two,
.customPageItem.customPageHtml,
.tws-articlegroups .thumbnail, .tws-articlegroup-list .thumbnail,
.tws-articlegroups .thumbnail .tws-articlegroup-list--grid-img-wrapper .tws-img--wrapper, 
.tws-articlegroup-list .thumbnail .tws-articlegroup-list--grid-img-wrapper .tws-img--wrapper
{ box-shadow: none !important;
border-bottom:0px !important;
}

.tws-article-attributes ul {
    border: none;
}

.mobile-only .tws-content-box-2x--box .tws-content-box--first-line {
/*background-color: ;*/
padding: 1px 5px;
border: none;
border-radius: 10px; /* Justera värdet för mer eller mindre rundning */
cursor: pointer;
transition: background-color 0.3s ease;
}

@media (min-width: 992px) {
	#search-input::placeholder {
		color: #000;
	}
  .emporium--header-search .slot--header-search input {
  	background: #ffffff !important;
  }
}

.emporium--body .emporium--body-wrapper {
  max-width: 1300px;
   padding-top: 10px !important;
}

.tws-container--tws-content-box-4x.desktop-only .tws-content-box--first-line,
.tws-container--tws-content-box-2x.mobile-only .tws-content-box--first-line{
    background: #333333;
    padding: 10px;
    border-radius: 10px;
      margin: -6px;
}
a.reseller{
    color: #81c5c5 !important;
}
a.tws-login--login{
  	color: black !important;
  	display: inline-block;
    padding: 8px 16px;
    border: 2px solid #000;
    border-radius: 19px;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1300px) {
    .emporium--header-search .slot--header-search {
        max-width: 500px;
        margin-left: 151px;
        margin-right: 0px;
    }
}
@media only (max-width:991px){
.tws-login--login {
    margin-top: 15px;
}
}

.tws-article-introduction--read-more {
    text-align: left !important;
}
.tws-content-box-4x h3.tws-content-box--first-line {     font-size: 20px; }


 .slot--top-bar-login .tws-login {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: stretch !important;
    justify-content: space-evenly !important;
    align-items: anchor-center !important;
    gap: 10px !important;
}
a.reseller {
    color: #ffffff !important;
    border: 3px black solid;
    padding: 8px 16px;
    border-radius: 19px;
    background: black;
      margin-bottom: 0px;
  
    width: 140px;
}

@media (max-width: 662px) {
    .emporium--header-menu-button {
        width: 25px;
    }
  a.reseller {
    color: #ffffff !important;
    font-size: 8px;
    padding: 5px 10px;
    width: 95px !important;
}
  a.tws-login--login {
    font-size: 8px;
    padding: 5px 10px;
    width: 65px !important;
}
}
/*
@media (max-width: 661px) {
  .reseller {
    display: inline-block;
    width: 30px; 
    height: 30px;
    font-size: 0 !important;
    vertical-align: middle;
    
    background-image: url('https://cdn.abicart.com/shop/ws60/48360/files/profile.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
   margin: 0px -28px;
  }

 .slot--top-bar-login .tws-login {
    gap: 1px !important;
}
  .slot--header-logo .tws-logo {
    max-width: 85% !important;
}
    /*.slot--top-bar-login a {
        min-width: 75px;
    }
      .slot--top-bar-login {
        right: 12px !important;
    }
}*/

/*@media (max-width: 661px) {

  .tws-login--login {
    display: inline-block !important;
    width: 35px;             
    height: 35px;      
    vertical-align: middle;
    cursor: pointer;
    
    background-image: url('https://cdn.abicart.com/shop/ws60/48360/files/profile.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
   .slot--top-bar-login .tws-login{
     gap:0px !important;
  }


  .tws-login--login .tws-login--login-text {
    display: none !important;
    border:none !important;
  }
  a.tws-login--login {
    border:none !important;
  }
}*/

@media (max-width: 661px) {
    .slot--top-bar-login {
        position: relative;
              right: 10px;
        bottom: 5px;
    }
      .slot--top-bar-login a {
        min-width: 65px !important;
    }
}

.emporium--start-page .tws-container--tws-custom-html, .emporium--start-page .tws-container--abi-parts-finder {
    box-shadow: none!important;
}
@media (max-width: 768px) {
  .guidehub-item {
    width: 100% !important;
  }

  .guidehub-title {
    font-size: 28px !important;
  }

  .guidehub-intro {
    font-size: 16px !important;
  }

  .guidehub-card h2 {
    font-size: 24px !important;
  }
}
/* Global breadcrumb visibility */
.emporium--breadcrumbs,.slot--breadcrumbs,.tws-breadcrumbs,.tws-breadcrumbs *{display:none!important;visibility:hidden!important}
.emporium--breadcrumbs,.slot--breadcrumbs,.tws-breadcrumbs{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}

/* Match landing content to assortment width */
html body.emporium .customPageHtml .ss-premium-landing{width:100%!important;max-width:none!important;box-sizing:border-box!important}