/* Bluepower centered mobile logo */
@media(max-width:768px){
  body.fabrikk .fabrikk--header-wrapper{position:relative!important;}
body.fabrikk .fabrikk--header-wrapper>.slot--logo{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;width:180px!important;max-width:calc(100% - 120px)!important;}
body.fabrikk .fabrikk--header-wrapper>.slot--logo .tws-logo--container,body.fabrikk .fabrikk--header-wrapper>.slot--logo .tws-logo{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:center!important;}
}

/* Bluepower: uppercase mobile menus */
@media(max-width:768px){
.tws-top-menu .navbar-collapse a,
.tws-top-menu .navbar-collapse button,
.tws-top-menu .tws-top-menu--xs-link,
.tws-top-menu .dropdown-menu a,
.tws-top-menu .tws-audience-selector--audience-button-text{ text-transform:uppercase!important; }
}

/* Bluepower mobile header and menu 20260930 */


@media(max-width:768px){
.bp-topbar,.bp-topbar__inner{height:auto!important;max-height:none!important;overflow:visible!important}
.bp-topbar__inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;padding:9px 12px!important;box-sizing:border-box;min-height:0!important}
.bp-topbar__inner span{display:block!important;white-space:normal!important;text-align:center;font-size:9px!important;line-height:1.5!important}
.tws-top-menu .navbar-collapse{padding:0 14px!important;background:#101e2b!important;max-height:65vh!important;overflow-y:auto!important;overflow-x:hidden!important;border:0!important;box-shadow:none!important}
.tws-top-menu .navbar-nav{margin:0!important}
.tws-top-menu .navbar-nav>li{border:0!important;border-bottom:1px solid #2a3b4d!important}
.tws-top-menu .tws-top-menu--xs-item{display:flex!important;align-items:center!important;min-height:54px!important;padding:4px 0!important;gap:8px!important}
.tws-top-menu .tws-top-menu--xs-link{display:block!important;flex:1!important;min-width:0!important;padding:12px 9px!important;color:#f2f6fc!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;white-space:normal!important;text-decoration:none!important}
.tws-top-menu .tws-top-menu--xs-toggle{flex:0 0 44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;border:1px solid #3a5067!important;border-radius:8px!important;background:#1b3045!important;color:#edf5ff!important}
.tws-top-menu .dropdown-menu{background:#0b1723!important;border:0!important;box-shadow:none!important;padding:0 0 0 12px!important}
.tws-top-menu .dropdown-menu a{color:#dfebf8!important;white-space:normal!important;line-height:1.5!important;font-size:13px!important;padding:12px 10px!important}
.tws-top-menu .tws-top-menu--controls{padding:12px 8px!important;color:#dce8f6!important}
.tws-top-menu .tws-top-menu--controls a,.tws-top-menu .tws-top-menu--controls .tws-audience-selector--audience-button{color:#dce8f6!important}
.tws-top-menu .tws-top-menu--controls .tws-login--login{display:inline-block!important;min-height:44px!important;padding:12px 0!important}
.tws-top-menu .tws-accept-cookies--open-btn a{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important}
.fabrikk--header-wrapper{height:auto!important;min-height:80px!important;overflow:visible!important}
.tws-mega-menu--search-bar{box-sizing:border-box!important;max-width:100%!important}
}
/* =========================================================
   BLUEPOWER DARK THEME v4
   CLEAN / PREMIUM / FABRIKK
   ========================================================= */

:root {
    --bp-bg: #0b0f14;
    --bp-header: #0d1218;
    --bp-surface: #111820;
    --bp-surface-hover: #151e28;

    --bp-border: #26313d;
    --bp-border-hover: #3a4858;

    --bp-text: #f5f7fa;
    --bp-muted: #a8b1bc;
    --bp-soft: #727d89;

    /* Dark blue action button */
    --bp-blue: #203b5c;
    --bp-blue-hover: #294b73;
    --bp-blue-active: #18304c;

    --bp-radius: 8px;
}

/* =========================================================
   PAGE
   ========================================================= */

html,
body {
    background: var(--bp-bg) !important;
    color: var(--bp-text) !important;
}

body {
    font-family:
        Inter,
        Lato,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    -webkit-font-smoothing: antialiased;
}


/* Abicart / Fabrikk main areas */

.fabrikk,
.page-canvas,
.fabrikk--body,
.fabrikk--content-container,
.fabrikk--content-wrapper,
.fabrikk--content,
.fabrikk--start-page,
.view {
    background: var(--bp-bg) !important;
}


/* =========================================================
   TEXT
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bp-text) !important;
    font-weight: 700 !important;
}

p,
li,
label {
    color: var(--bp-muted);
}

a {
    color: inherit;
}

a:hover {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.fabrikk--top-bar,
.fabrikk--top-bar-wrapper,
.slot--top-bar-over,
.slot--top-bar-under {
    background: #080b0f !important;
    color: #9ca6b2 !important;

    border-color: rgba(255,255,255,.07) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.fabrikk--header {
    background: var(--bp-header) !important;

    border-bottom:
        1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.28) !important;
}

.fabrikk--header-wrapper {
    background: transparent !important;
    min-height: 104px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    box-sizing: border-box !important;
}


/*
IMPORTANT:
Do NOT invert the Bluepower logo.
Keep original logo.
*/

.slot--logo img,
.tws-logo img,
.logo img {
    background: transparent !important;
}


/* Header links / cart */

.slot--cart,
.slot--header-favorites,
.slot--header-model-selector {
    color: #d5dae0 !important;
}

.slot--cart a,
.slot--header-favorites a,
.slot--header-model-selector a {
    color: #d5dae0 !important;
}

.slot--cart a:hover,
.slot--header-favorites a:hover,
.slot--header-model-selector a:hover {
    color: #fff !important;
}


/* =========================================================
   MENU
   ========================================================= */

.slot--mega-menu,
.slot--horizontal-menu {
    background: #0a0e13 !important;

    border-top:
        1px solid rgba(255,255,255,.04) !important;

    border-bottom:
        1px solid rgba(255,255,255,.08) !important;
}

.slot--mega-menu a,
.slot--horizontal-menu a {
    color: #c7ced6 !important;
}

.slot--mega-menu a:hover,
.slot--horizontal-menu a:hover {
    color: #fff !important;
    background: rgba(255,255,255,.045) !important;
}


/* =========================================================
   DROPDOWN MENUS
   ========================================================= */

.dropdown-menu {
    background: #111820 !important;

    border:
        1px solid var(--bp-border) !important;

    border-radius: 8px !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.45) !important;
}

.dropdown-menu li,
.dropdown-menu a {
    background: transparent !important;
}

.dropdown-menu a {
    color: #bec6d0 !important;
}

.dropdown-menu a:hover {
    background: #19232e !important;
    color: #fff !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

.slot--search input,
.slot--search .form-control {
    background: #111820 !important;

    color: #fff !important;

    border:
        1px solid var(--bp-border) !important;

    border-radius: 8px !important;

    box-shadow: none !important;
}

.slot--search input::placeholder {
    color: #737f8b !important;
}

.slot--search input:focus {
    background: #141d26 !important;

    border-color: #47617e !important;

    box-shadow:
        0 0 0 3px rgba(67,92,121,.18) !important;
}


/* =========================================================
   HOMEPAGE
   ========================================================= */

.fabrikk--start-page {
    background: var(--bp-bg) !important;
}

.fabrikk--start-page h1,
.fabrikk--start-page h2,
.fabrikk--start-page h3 {
    color: #f7f8fa !important;
}


/* Give sections breathing room */

.fabrikk--start-page h2 {
    margin-top: 34px !important;
    margin-bottom: 20px !important;

    letter-spacing: -.02em;
}


/* =========================================================
   PRODUCT CARDS
   ========================================================= */

.tws-article-list--article,
.tws-article-list-item {
    background: var(--bp-surface) !important;

    border:
        1px solid var(--bp-border) !important;

    border-radius: var(--bp-radius) !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}


.tws-article-list--article:hover,
.tws-article-list-item:hover {
    background: var(--bp-surface-hover) !important;

    border-color:
        var(--bp-border-hover) !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.22) !important;
}


/* Product headings */

.tws-article-list--article h1,
.tws-article-list--article h2,
.tws-article-list--article h3,
.tws-article-list--article h4,
.tws-article-list-item h1,
.tws-article-list-item h2,
.tws-article-list-item h3,
.tws-article-list-item h4 {
    color: #f3f5f7 !important;
}


/* Product text */

.tws-article-list--article p,
.tws-article-list-item p {
    color: #9da7b2 !important;
}


/* =========================================================
   PRICE

   WHITE – not blue.
   ========================================================= */

.price,
.product-price,
.tws-article-price,
.tws-article-list--price,
.tws-article-list-item--price {
    color: #ffffff !important;

    font-weight: 700 !important;
}


/* Old price */

del,
.old-price {
    color: #707b87 !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

/*
Main button:
dark navy like modern ChatGPT UI,
NOT bright blue.
*/

.btn-primary,
input[type="submit"],
.tws-article-buy-button button,
.tws-article-buy-button .btn,
.tws-article-buy-button-with-modal button,
.tws-article-buy-button-with-modal .btn {

    background: var(--bp-blue) !important;

    color: #ffffff !important;

    border:
        1px solid #385477 !important;

    border-radius: 7px !important;

    font-weight: 600 !important;

    text-shadow: none !important;

    box-shadow:
        0 1px 2px rgba(0,0,0,.28) !important;

    transition:
        background .17s ease,
        border-color .17s ease,
        transform .17s ease !important;
}


/* Hover */

.btn-primary:hover,
input[type="submit"]:hover,
.tws-article-buy-button button:hover,
.tws-article-buy-button .btn:hover,
.tws-article-buy-button-with-modal button:hover,
.tws-article-buy-button-with-modal .btn:hover {

    background: var(--bp-blue-hover) !important;

    color: #fff !important;

    border-color: #4a6689 !important;

    transform: translateY(-1px);
}


/* Active */

.btn-primary:active,
.tws-article-buy-button button:active {

    background:
        var(--bp-blue-active) !important;

    transform: none;
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.btn-default,
.btn-secondary {

    background: #151c24 !important;

    color: #e3e7eb !important;

    border:
        1px solid #303b47 !important;

    border-radius: 7px !important;

    box-shadow: none !important;
}

.btn-default:hover,
.btn-secondary:hover {

    background: #1b252f !important;

    color: #fff !important;

    border-color: #3d4a58 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

input,
select,
textarea,
.form-control {

    background: #111820 !important;

    color: #fff !important;

    border:
        1px solid var(--bp-border) !important;

    border-radius: 7px !important;

    box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #737e89 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {

    background: #141c25 !important;

    border-color: #4c6683 !important;

    box-shadow:
        0 0 0 3px rgba(76,102,131,.15) !important;

    outline: none !important;
}


/* =========================================================
   ARTICLE GROUPS
   ========================================================= */

.tws-articlegroup-list--item {

    background: var(--bp-surface) !important;

    border:
        1px solid var(--bp-border) !important;

    border-radius: var(--bp-radius) !important;
}

.tws-articlegroup-list--item:hover {

    background:
        var(--bp-surface-hover) !important;

    border-color:
        var(--bp-border-hover) !important;
}


/* =========================================================
   PRODUCT PAGE
   ========================================================= */

.tws-article-display {
    background: var(--bp-bg) !important;
}

.tws-article-display h1,
.tws-article-display h2,
.tws-article-display h3 {

    color: #fff !important;
}

.tws-article-display p,
.tws-article-display li {

    color: #abb4be !important;
}


/* =========================================================
   PANELS
   ========================================================= */

.panel,
.well {

    background:
        var(--bp-surface) !important;

    color:
        var(--bp-text) !important;

    border:
        1px solid var(--bp-border) !important;

    box-shadow: none !important;
}

.panel-heading {

    background:
        #151d26 !important;

    color: #fff !important;

    border-color:
        var(--bp-border) !important;
}


/* =========================================================
   CART / CHECKOUT
   ========================================================= */

.tws-cart-summary,
.tws-checkout,
.tws-customer-details {

    background:
        var(--bp-surface) !important;

    border:
        1px solid var(--bp-border) !important;

    color:
        var(--bp-text) !important;
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */

.slot--breadcrumbs,
.breadcrumb {

    background:
        transparent !important;

    color:
        var(--bp-soft) !important;

    border: 0 !important;
}

.breadcrumb a {
    color: #8e98a4 !important;
}

.breadcrumb a:hover {
    color: #fff !important;
}


/* =========================================================
   TABLE
   ========================================================= */

table,
.table {
    background: transparent !important;
}

.table > thead > tr > th {

    background:
        #141b23 !important;

    color:
        #fff !important;

    border-color:
        var(--bp-border) !important;
}

.table > tbody > tr > td {

    color:
        #aab3bd !important;

    border-color:
        var(--bp-border) !important;
}


/* =========================================================
   MODAL
   ========================================================= */

.modal-content {

    background:
        #111820 !important;

    color:
        #fff !important;

    border:
        1px solid #303a46 !important;

    border-radius:
        10px !important;

    box-shadow:
        0 30px 80px rgba(0,0,0,.6) !important;
}

.modal-header,
.modal-footer {

    border-color:
        var(--bp-border) !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.fabrikk--footer {

    background:
        #080b0f !important;

    color:
        #919ba7 !important;

    border-top:
        1px solid #222b34 !important;

    padding-top:
        40px !important;
}

.fabrikk--footer h1,
.fabrikk--footer h2,
.fabrikk--footer h3,
.fabrikk--footer h4 {

    color:
        #f5f7f9 !important;
}

.fabrikk--footer a {

    color:
        #a0a9b4 !important;
}

.fabrikk--footer a:hover {

    color:
        #fff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .fabrikk--content-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .tws-article-list--article:hover,
    .tws-article-list-item:hover {
        transform: none;
    }

    .btn-primary,
    .tws-article-buy-button button {
        min-height: 44px;
    }

}
/* =========================================================
   BLUEPOWER – HEADER OCH STARTSIDA v4
   Detta ersätter de äldre V7/V8/V9-blocken.
   ========================================================= */

.bp-topbar {
    min-height: 36px;
    color: #fff;
    background: #202b37;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.bp-topbar__inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    width: min(100%, 1300px);
    min-height: 36px;
    margin: auto;
    padding: 0 24px;
    box-sizing: border-box;
}

.bp-topbar__inner span {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
}

.bp-topbar__inner span:nth-child(2) { text-align: center; }
.bp-topbar__inner span:nth-child(3) { text-align: right; }

.fabrikk--header {
    position: relative !important;
    overflow: visible !important;
    background: var(--bp-header) !important;
}

.fabrikk--header-wrapper {
    position: relative !important;
    width: min(100%, 1300px) !important;
    margin: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

@media screen and (min-width: 901px) {
    .fabrikk--header-wrapper {
        height: 124px !important;
        min-height: 124px !important;
        padding: 0 24px !important;
    }

    /* Logotypens länk förblir den verkliga klickytan. */
    .fabrikk--header-wrapper > .slot--logo {
        position: absolute !important;
        top: 10px !important;
        left: 24px !important;
        width: 104px !important;
        height: 104px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 120 !important;
    }

    .fabrikk--header .slot--logo .tws-logo--container,
    .fabrikk--header .slot--logo .tws-logo,
    .fabrikk--header .slot--logo .tws-logo--image,
    .fabrikk--header .slot--logo .tws-img--wrapper,
    .fabrikk--header .slot--logo .tws-img--container,
    .fabrikk--header .slot--logo picture {
        position: relative !important;
        display: block !important;
        width: 104px !important;
        height: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        max-width: 104px !important;
        max-height: 104px !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    .fabrikk--header .slot--logo img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 104px !important;
        max-height: 104px !important;
        object-fit: contain !important;
        background: transparent !important;
    }

    /* Fabrikks reservrad tar annars 54 px under navigeringen. */
    .fabrikk--header .slot--mega-menu,
    .fabrikk--header .tws-mega-menu {
        position: static !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: visible !important;
    }

    .fabrikk--header .tws-mega-menu--buttons { display: none !important; }

    /* Sökfältet placeras i den 124 px höga headern, inte i menyraden. */
    .fabrikk--header .tws-mega-menu--search-bar,
    .fabrikk--header .tws-mega-menu--search-bar.open {
        position: absolute !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: 38px !important;
        left: 50% !important;
        right: auto !important;
        width: clamp(420px, 44vw, 600px) !important;
        max-width: calc(100% - 380px) !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(-50%) !important;
        overflow: visible !important;
        pointer-events: auto !important;
        z-index: 110 !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar > div,
    .fabrikk--header .tws-mega-menu--search-bar .tws-article-search {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar input.form-control {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 54px !important;
        color: #202732 !important;
        background: #fff !important;
        border: 1px solid #d7dce2 !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
        font-size: 15px !important;
        text-indent: 0 !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar input.form-control::placeholder {
        color: #697787 !important;
        opacity: 1 !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar input.form-control:focus {
        outline: none !important;
        border-color: #597ca7 !important;
        box-shadow: 0 0 0 3px rgba(89,124,167,.28) !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar .form-control-feedback {
        position: absolute !important;
        top: 12px !important;
        left: 18px !important;
        right: auto !important;
        width: 24px !important;
        height: 24px !important;
        color: #465564 !important;
        font-size: 20px !important;
        line-height: 24px !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    .fabrikk--header .fabrikk--header-right {
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        overflow: visible !important;
    }

    .fabrikk--header .fabrikk--header-right > .slot--cart {
        position: absolute !important;
        top: 24px !important;
        right: 24px !important;
        left: auto !important;
        width: 100px !important;
        height: 76px !important;
        margin: 0 !important;
        transform: none !important;
        pointer-events: auto !important;
        overflow: visible !important;
        z-index: 120 !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart,
    .fabrikk--header .slot--cart .tws-mini-cart--header-cart-button {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100px !important;
        height: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart--header-cart-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #f5f7fa !important;
        pointer-events: none !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart--header-cart-img,
    .fabrikk--header .slot--cart .tws-mini-cart--header-cart-img::before {
        color: #fff !important;
        font-size: 27px !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart--header-quantity {
        position: absolute !important;
        top: 8px !important;
        right: 22px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 4px !important;
        color: #fff !important;
        background: #315b8d !important;
        border-radius: 10px !important;
        font-size: 10px !important;
        line-height: 18px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart--header-cart-text {
        color: #f5f7fa !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    .fabrikk--header .slot--cart .tws-mini-cart--mini-cart-dropdown-container {
        position: absolute !important;
        top: 76px !important;
        right: 0 !important;
        left: auto !important;
        z-index: 200 !important;
    }

    .fabrikk--header .slot--horizontal-menu {
        position: relative !important;
        min-height: 60px !important;
        background: linear-gradient(180deg,#1b2734,#141e29) !important;
        border-top: 1px solid rgba(255,255,255,.06) !important;
        border-bottom: 1px solid rgba(255,255,255,.1) !important;
        overflow: visible !important;
        z-index: 100 !important;
    }

    .fabrikk--header .tws-top-menu {
        min-height: 60px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .fabrikk--header .tws-top-menu .navbar-nav > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 60px !important;
        padding: 0 22px !important;
        color: #f3f6f9 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .fabrikk--header .tws-top-menu .navbar-nav > li > a .caret {
        display: none !important;
    }

    .fabrikk--header .tws-top-menu .navbar-nav > li.dropdown > a::after {
        content: "" !important;
        position: static !important;
        display: inline-block !important;
        width: 7px !important;
        height: 7px !important;
        margin: -3px 0 0 10px !important;
        border: 0 !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(45deg) !important;
    }

    .fabrikk--header .tws-top-menu .navbar-nav > li:hover > a,
    .fabrikk--header .tws-top-menu .navbar-nav > li.open > a {
        color: #fff !important;
        background: #203b5c !important;
    }

    .fabrikk--header .tws-top-menu .dropdown-menu {
        background: #111820 !important;
        border: 1px solid #2b3947 !important;
        box-shadow: 0 18px 38px rgba(0,0,0,.42) !important;
        z-index: 200 !important;
    }
}

/* Konsekvent mörk yta bakom startsidans rubriker och kort. */
.fabrikk--start-page .fabrikk--component-container > [class*="tws-container--"] {
    background: var(--bp-surface) !important;
    color: var(--bp-text) !important;
    border: 1px solid var(--bp-border) !important;
    border-radius: 8px !important;
}

.fabrikk--start-page .tws-articlegroups .thumbnail,
.fabrikk--start-page .tws-articles-two .thumbnail {
    background: #17212c !important;
    color: var(--bp-text) !important;
    border: 1px solid #2b3947 !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

.fabrikk--start-page .tws-articlegroups .thumbnail .caption,
.fabrikk--start-page .tws-articles-two .thumbnail .caption,
.fabrikk--start-page .tws-articles-two .thumbnail h2 a {
    color: var(--bp-text) !important;
}

.fabrikk--start-page .tws-articlegroups .thumbnail:hover,
.fabrikk--start-page .tws-articles-two .thumbnail:hover {
    border-color: #597ca7 !important;
    box-shadow: 0 9px 24px rgba(0,0,0,.25) !important;
}

/* Abicart skalar själva sökkomponenten till noll när dess popup är stängd. */
@media screen and (min-width: 901px) {
    html body .page-canvas header.fabrikk--header .tws-mega-menu--search-bar > div {
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .fabrikk--header .tws-mega-menu--search-bar .tws-article-search {
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Länkarna i kategorikorten har en egen mörk färg i Fabrikk. */
.fabrikk--start-page .tws-articlegroups .thumbnail .caption a,
.fabrikk--start-page .tws-articles-two .thumbnail .caption a {
    color: #f5f7fa !important;
}

.fabrikk--start-page .tws-articles-two .thumbnail .twsPriceRegular {
    color: #a8b1bc !important;
}

/* Cookie-rutan är vit och behöver mörk rubrik. */
.tws-accept-cookies--wrapper .tws-accept-cookies--headline {
    color: #202732 !important;
}

@media screen and (max-width: 900px) {
    .bp-topbar__inner {
        display: flex;
        justify-content: center;
        min-height: 32px;
        padding: 0 12px;
    }
    .bp-topbar__inner span { display: none; font-size: 10px; }
    .bp-topbar__inner span:first-child { display: block; }

    .fabrikk--header-wrapper {
        min-height: 76px !important;
        padding: 6px 12px !important;
    }

    .fabrikk--header .slot--logo,
    .fabrikk--header .slot--logo .tws-logo--container,
    .fabrikk--header .slot--logo .tws-logo,
    .fabrikk--header .slot--logo .tws-logo--image,
    .fabrikk--header .slot--logo .tws-img--wrapper,
    .fabrikk--header .slot--logo .tws-img--container,
    .fabrikk--header .slot--logo picture {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        padding-bottom: 0 !important;
    }

    .fabrikk--header .slot--logo img {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        object-fit: contain !important;
    }

    /* Fabrikks vanliga meny och sökknapp fungerar på mobil. */
    .fabrikk--header .tws-mega-menu--search-button {
        display: inline-flex !important;
    }
}

/* =========================================================
   GEMENSAM FINPUTSNING – START, KATEGORI OCH PRODUKT
   ========================================================= */

/* En lugnare accent gör kampanjen tydlig utan neonkänsla. */
.slot--texbar .texbar {
    background: #b8322a !important;
}

@media screen and (min-width: 901px) {
    html body .page-canvas header.fabrikk--header
    .tws-mega-menu--search-bar input.form-control {
        padding-left: 72px !important;
    }
}

.slot--breadcrumbs,
.slot--breadcrumbs a,
.breadcrumb,
.breadcrumb a {
    color: #a8b1bc !important;
}

/* Vissa Abicart-kategorier ger H1 en ljus bakgrund. */
.tws-articlegroup-list--top-heading h1 {
    color: #f5f7fa !important;
    background: #17212c !important;
    border: 1px solid #2b3947 !important;
    border-radius: 8px !important;
}

/* Modellkort utan bild får samma uttryck som resten av butiken. */
.tws-articlegroup-list--tws-list .thumbnail.no-image {
    background: #17212c !important;
    border: 1px solid #2b3947 !important;
    border-radius: 8px !important;
    color: #f5f7fa !important;
}

.tws-articlegroup-list--tws-list .thumbnail.no-image .caption a {
    color: #f5f7fa !important;
}

.tws-articlegroup-list--tws-list .thumbnail.no-image:hover {
    border-color: #597ca7 !important;
    background: #203044 !important;
}

/* Ljusa produktbilder får en sammanhängande bildyta. */
.fabrikk--start-page .tws-articles-two .tws-article-list--grid-item-link {
    background: #f6f7f9 !important;
}

.fabrikk--article-right-col .twsPriceRegular {
    color: #a8b1bc !important;
    opacity: 1 !important;
}

.tws-article-introduction--read-more a,
.tws-article-introduction--read-more a:hover {
    color: #a9c9ef !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.tws-article-description--heading {
    color: #f5f7fa !important;
}

.tws-article-description--text {
    color: #c7d0da !important;
    line-height: 1.6 !important;
}

.tws-article-description--text p,
.tws-article-description--article-number {
    color: #b6c0cb !important;
}

.tws-article-social,
.tws-article-social .tws-article-social--share-button,
.tws-article-social .tws-article-social--share-button label {
    color: #a8b1bc !important;
}


/* Kontrast på kategorier, produktlistor och produktsidor */
.tws-articlegroup-list--article-name .tws-util-heading--heading,
.tws-articlegroup-list--article-name a {
  color: #17212c !important;
}

.tws-article-list--article-name .tws-util-heading--heading,
.tws-article-list--article-name a,
.tws-article-list .tws-api--price-current {
  color: #f5f7fa !important;
}

.tws-article-price--price .tws-api--price-current {
  color: #f5f7fa !important;
}

/* Kategorilänkar på vit bildtextyta */
body tws-util-heading.tws-articlegroup-list--article-name h2.tws-util-heading--heading a,
body tws-util-heading.tws-articlegroup-list--article-name h2.tws-util-heading--heading a:hover {
  color: #17212c !important;
}

.tws-list--type-grid .tws-list--grid-item .thumbnail .caption tws-util-heading.tws-articlegroup-list--article-name h2.tws-util-heading--heading a,
.tws-list--type-grid .tws-list--grid-item .thumbnail .caption tws-util-heading.tws-articlegroup-list--article-name h2.tws-util-heading--heading a:hover {
  color: #17212c !important;
}

.tws-list--grid-item:has(.tws-articlegroup-list--article-name) .caption {
    background: #ffffff !important;
}

.tws-list--grid-item:has(.tws-articlegroup-list--article-name) .caption {
  background: #ffffff !important;
}
/* Läsbart 30-dagarspris på rabatterade produktsidor */
.tws-article-price--compare-at-price,
.tws-article-price--compare-at-price-title,
.tws-article-price--compare-at-price .tws-api--price-current {
  color: #b9c2cc !important;
}
/* Minivarukorg över menyraden och med läsbar text */
.fabrikk--header-wrapper { z-index: 150 !important; }
.tws-mini-cart--mini-cart-dropdown-container { color: #17212c !important; }
.tws-mini-cart--mini-cart-dropdown-container a,
.tws-mini-cart--mini-cart-dropdown-container .tws-mini-cart--vat-info {
  color: #17212c !important;
}



/* Kassans knapp och hjälptext */
body.checkout .tws-checkout-back-button { margin-left: 125px; }
body.checkout .tws-unique-selling-points--text { color: #4d5661 !important; }
/* Läsbara kontroller på produktsidan och i köpdialogen */
.tws-article-description--show-more .btn-link { color: #c6d3e2 !important; }
.tws-article-buy-button-with-modal--dialog .tws-api--price-regular { color: #b9c2cc !important; opacity: 1 !important; }
.tws-article-buy-button-with-modal--dialog .modal-header .close { color: #e3e7eb !important; opacity: 1 !important; }
/* Ordinarie pris i produktlistor */
.tws-list--grid-item .tws-api--price-regular { color: #b9c2cc !important; opacity: 1 !important; }
/* Startsidans kategori- och produktkort */
.tws-articlegroup-list--article-name a { color: #17212c !important; }
.tws-article-list--price .tws-api--price-current:not(.tws-api--price-current-diff) { color: #f5f7fa !important; }
body.fabrikk .tws-list--grid-item:has(.tws-articlegroup-list--article-name) .thumbnail .caption .tws-articlegroup-list--article-name h3 a { color: #17212c !important; }
/* Begränsa den långa megamenyn så sidan inte får tomt utrymme */
@media (min-width: 992px) {
  .fabrikk .tws-top-menu--mega-menu {
    max-height: min(65vh, 620px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}
/* Nyhetsbrev och sidfot */
.tws-newsletter-subscribe--subscribe-button .ladda-label { color: #fff !important; }
.tws-newsletter-subscribe input.form-control::placeholder { color: #aeb8c4 !important; opacity: 1 !important; }
.fabrikk--footer-mid-right .tws-custom-html--content p span { font-size: 12px !important; letter-spacing: .2px !important; line-height: 1.55 !important; }
.tws-newsletter-subscribe input[type="email"]::placeholder, input[type="email"][placeholder="Din epostadress"]::placeholder { color: #aeb8c4 !important; opacity: 1 !important; }
body.fabrikk .tws-newsletter-subscribe--before-sending form.form-inline .input-group input.form-control[type="email"]::placeholder { color: #aeb8c4 !important; opacity: 1 !important; }
/* Artikelgrupper: rubrik och musfokus */
body.fabrikk .tws-articlegroup-list--top-heading h1 { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 0 16px !important; }
body.fabrikk .tws-articlegroup-list--article-name a:focus:not(:focus-visible), body.fabrikk .tws-articlegroup-list--grid-img-wrapper a:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }
body.fabrikk .tws-articlegroup-list--article-name a:focus-visible, body.fabrikk .tws-articlegroup-list--grid-img-wrapper a:focus-visible { outline: 2px solid #75a9dc !important; outline-offset: 3px !important; }
/* Röd extrapris och lugnare bildytor */
body.fabrikk .tws-article-price--price .tws-api--price-current-diff { color: #f35b65 !important; }
body.fabrikk .tws-article-images .tws-img--container, body.fabrikk .tws-article-images .tws-img--wrapper, body.fabrikk .tws-article-list--product-image { border: 0 !important; box-shadow: none !important; }
/* Komponenternas egna regler kräver mer specifika selektorer */
body.fabrikk.article .slot--article-price .tws-article-price .tws-article-price--price .tws-api--price-current.tws-api--price-current-diff { color: #f35b65 !important; }
body.fabrikk.article .slot--article-images .tws-article-images .tws-img .tws-img--container { border: 0 !important; box-shadow: none !important; }
body.fabrikk .visited-articles .tws-list--grid-item .thumbnail .tws-img.tws-article-list--product-image, body.fabrikk .tws-list--grid-item .thumbnail .tws-img.tws-article-list--product-image { border: 0 !important; box-shadow: none !important; }
body.fabrikk .tws-articlegroup-list--top-heading h1 { min-height: 64px !important; box-sizing: border-box !important; }
body.fabrikk.articlegroup .slot--article-groups .tws-articlegroup-list .tws-articlegroup-list--top-heading h1 { min-height: 64px !important; padding: 0 16px !important; box-sizing: border-box !important; }
/* Sökfältet måste ligga över den klickfångande headerpanelen */
body.fabrikk .fabrikk--header .tws-mega-menu { position: relative !important; z-index: 151 !important; }
/* Låt klick nå sökfältet utan att flytta menyn */
body.fabrikk .fabrikk--header .slot--mega-menu nav.tws-mega-menu.tws-mega-menu { position: static !important; z-index: 0 !important; }
body.fabrikk .fabrikk--header .fabrikk--header-wrapper { pointer-events: none !important; }
body.fabrikk .fabrikk--header .fabrikk--header-wrapper a, body.fabrikk .fabrikk--header .fabrikk--header-wrapper button { pointer-events: auto !important; }
/* Produktkort och fullständig beskrivning */
body.fabrikk .tws-list--grid-item .thumbnail:hover, body.fabrikk .tws-list--grid-item:hover .thumbnail { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
body.fabrikk .tws-list--grid-item .thumbnail:hover a:not(:focus-visible), body.fabrikk .tws-list--grid-item:hover .tws-article-list--article-name a:not(:focus-visible) { outline: 0 !important; box-shadow: none !important; }
body.fabrikk.article .slot--article-description .tws-article-description--text-container { max-height: none !important; height: auto !important; overflow: visible !important; }
body.fabrikk.article .fabrikk--article-bottom, body.fabrikk.article .slot--article-description, body.fabrikk.article .tws-article-description { border: 0 !important; box-shadow: none !important; }
body.fabrikk.article .fabrikk--article > .fabrikk--border { display: none !important; }
body.fabrikk.article .slot--article-description .tws-article-description--show-more { display: none !important; }
/* Kategorier och huvudmeny */
body.fabrikk .tws-top-menu--mega-menu { background: #111820 !important; box-shadow: 0 18px 32px rgba(0,0,0,.45) !important; }
body.fabrikk .tws-top-menu--mega-menu .tws-top-menu--sub-item-heading { color: #f5f7fa !important; font-weight: 700 !important; }
body.fabrikk .tws-top-menu--mega-menu .tws-top-menu--mega-sub-list-item a { color: #c9d2dc !important; }
body.fabrikk .tws-top-menu--mega-menu a:hover { color: #fff !important; background: #203b5c !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--grid-img-wrapper { display: none !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--tws-list .thumbnail { min-height: 120px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #151e28 !important; border: 1px solid #26313d !important; border-radius: 8px !important; box-shadow: none !important; transition: background .18s ease, border-color .18s ease !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--tws-list .thumbnail:hover { background: #203b5c !important; border-color: #3a5878 !important; box-shadow: none !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--tws-list .caption { width: 100% !important; padding: 20px !important; text-align: center !important; background: transparent !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--article-name h2 { margin: 0 !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--article-name a { color: #f5f7fa !important; font-size: 18px !important; font-weight: 600 !important; text-decoration: none !important; }
body.fabrikk.articlegroup-4773654 .tws-articlegroup-list--tws-list .tws-list--grid-item .thumbnail .caption .tws-articlegroup-list--article-name h2 a { color: #f5f7fa !important; }
body.fabrikk .tws-top-menu--mega-menu-li.open > .tws-top-menu--mega-menu { opacity: 1 !important; }

/* Bildlösa underkategorier */
body.fabrikk.articlegroup .tws-articlegroup-list--tws-list .thumbnail.no-image { background: #151e28 !important; border: 1px solid #26313d !important; border-radius: 8px !important; box-shadow: none !important; }
body.fabrikk.articlegroup .tws-articlegroup-list--tws-list .thumbnail.no-image:hover { background: #203b5c !important; border-color: #3a5878 !important; box-shadow: none !important; }
body.fabrikk.articlegroup .tws-articlegroup-list--tws-list .tws-list--grid-item .thumbnail.no-image .caption .tws-articlegroup-list--article-name h2 a { color: #f5f7fa !important; }



body.fabrikk.articlegroup .tws-articlegroup-list--tws-list .thumbnail.no-image .caption { background: transparent !important; box-shadow: none !important; border: 0 !important; text-align: center !important; }