/*------------ HYDROGARDEN -----------*/
/*-------- DESIGNPAKET: GULD----------*/
/*------------- Jan 2024 -------------*/
:root {
    --dark-green: #42944a ; /*#8ca788*/
    --cta-green: #969e51 ; /*#c6d1c0*/
    --background-sand:  #f3f1eb;
}

/*-------------------------
ANIMATIONS
---------------------------*/
@keyframes FadeInText {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/*-------------------------
GENERAL
--------------------------*/
body:not(.startpage) {
    background: #f3f3f4;
}
.customPageHtml h1, 
.customPageHtml h2, 
.customPageHtml h3,
.tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, 
.tws-custom-page--articlegroups-heading .tws-util-heading--heading, 
.tws-custom-page--article-heading .tws-util-heading--heading,
.tws-custom-page--articles-heading .tws-util-heading--heading {
    letter-spacing: .5px;
}
p {
    font-size: 15px;
}
a {
    color: var(--dark-green);
    text-decoration: none;
  }
.bountiful--body .bountiful--body-wrapper .bountiful--main .bountiful--main-wrapper {
    padding: 15px;
}
body:not(.checkoutreturnpage).bountiful--body .bountiful--body-wrapper,
.bountiful--header .bountiful--header-wrapper,
.bountiful--top-bar .bountiful--top-bar-wrapper {
    max-width: 1700px;
}
@media(max-width: 767px) {
    .desktop-only {
        display: none;
    }
}
@media(min-width: 768px) {
    .mobile-only {
        display: none;
    }
}
.bountiful--start-page .tws-container--tws-content-box.desktop-only + .tws-container--tws-content-box.mobile-only {
    margin-top: 0;
}
.bountiful--back-to-top {
    bottom: 10px;
    right: 15px;
}
.bountiful--back-to-top a {
    background: none;
    color: rgba(112,112,112,0.8);
    border: none;
}
.bountiful--back-to-top a:before {
    font-size: 35px;
    content: '\f0aa';
    font-family: FontAwesome;
  }
/*---- Breadcrumbs ----*/
.tws-breadcrumbs {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 5px;
    margin: 0 auto;
    width: 100%;
  }
  .tws-breadcrumbs a {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
  }
/*--- Cookies ---*/
.slot--cookies {
    max-width: none;
}
.slot--cookies .tws-accept-cookies {
    padding: 0;
}

.slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper .tws-accept-cookies--accept {
    flex-shrink: 2;
}
.slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper {
    background: #304d32;
    color: #fff;
    font-size: 14px;
}
.btn-default {
    border-bottom: 1px solid #000;
}
.tws-accept-cookies--accept .btn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 12px;
}
.tws-accept-cookies.tws-accept-cookies--advanced.tws-accept-cookies .tws-accept-cookies--accept-cookie-settings-btn {
    font-weight: normal;
    font-size: 12px;
}


@media (min-width: 768px) {
    .slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper {
        padding: 0 15px;
    }
    .slot--cookies .tws-accept-cookies.tws-accept-cookies--advanced .tws-accept-cookies--wrapper .tws-accept-cookies--wrapper-inner {
        display: flex;
        align-items: center;
    } 

    .slot--cookies .tws-accept-cookies.tws-accept-cookies--advanced .tws-accept-cookies--wrapper .tws-accept-cookies--wrapper-inner-opened {
        display: block;
    }
    .slot--cookies .tws-accept-cookies.tws-accept-cookies--advanced .tws-accept-cookies--wrapper .tws-accept-cookies--wrapper-inner-opened .tws-accept-cookies--accept-btn-wrapper > div{
        display: inline-block;
        width: 25%;
        padding: 0 15px;
    }
    .tws-accept-cookies--advanced .tws-accept-cookies--type-necessary, .tws-accept-cookies--advanced .tws-accept-cookies--type-functionality, 
    .tws-accept-cookies--advanced .tws-accept-cookies--type-analytics, .tws-accept-cookies--advanced .tws-accept-cookies--type-marketing,
    .tws-accept-cookies--advanced .tws-accept-cookies--type-necessary-always,
    .tws-accept-cookies--advanced .tws-accept-cookies--type-necessary-text, .tws-accept-cookies--advanced .tws-accept-cookies--type-functionality-text, 
    .tws-accept-cookies--advanced .tws-accept-cookies--type-analytics-text, .tws-accept-cookies--advanced .tws-accept-cookies--type-marketing-text {
        font-size: 13px;
    }
    .tws-accept-cookies--advanced .tws-accept-cookies--type-necessary-text, .tws-accept-cookies--advanced .tws-accept-cookies--type-functionality-text, 
    .tws-accept-cookies--advanced .tws-accept-cookies--type-analytics-text, .tws-accept-cookies--advanced .tws-accept-cookies--type-marketing-text {
        padding-bottom: 5px;
    }
    .tws-accept-cookie--introduction-text-first {
        width: 75%;
    }
    .tws-accept-cookies--accept {
        width: 25%;
    }
    button#consentAllButton {
        display: inline-block;
        width: auto;
    }
    button#consentNecessaryButton {
        display: inline-block;
        width: auto;
    }
    button#consentAdvancedButton {
        display: inline-block;
        width: auto;
    }
    .tws-accept-cookies.tws-accept-cookies--advanced.tws-accept-cookies .tws-accept-cookies--accept-cookie-settings-btn {
        width: auto;
    }
    .slot--cookies .tws-accept-cookies.tws-accept-cookies--advanced .tws-accept-cookies--wrapper .tws-accept-cookies--wrapper-inner-opened button#consentAllButton {
        display: block;
    }
}
/*-------------------------
TOP BAR
--------------------------*/
.bountiful--top-bar-left p {
    margin: 0;
}
.bountiful--top-bar .bountiful--top-bar-wrapper .bountiful--top-bar-right .slot--top-bar-login,
.bountiful--top-bar-right .slot--open-cookie-settings {
    display: none;
}
.bountiful--top-bar .bountiful--top-bar-wrapper .bountiful--top-bar-left .slot--top-bar-selling-points p {
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: .75px;
}
.slot--top-bar-selling-points .tws-unique-selling-points--wrapper ul i {
    display: none;
}
.slot--top-bar-selling-points .tws-unique-selling-points--wrapper img {
    display: inline-block;
    vertical-align: middle;
    max-width: 20px;
    margin-right: 5px;
}

/*-------------------------
HEADER
--------------------------*/
body:not(.checkout) .bountiful--header {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
}
body.bountiful--sidebar-open .bountiful--header,
body.tws-article-filter--sidemenu-open .bountiful--header {
    z-index: 1;
}
.bountiful--header .bountiful--header-wrapper {
    padding: 15px 30px 10px;
}
@media only screen and (min-width: 1100px){
	.bountiful--header .bountiful--header-wrapper .bountiful--header-middle {
		order: 1;
        width: 400px;
        flex: none;
	}
	.bountiful--header .bountiful--header-wrapper .bountiful--header-left {
		order: 2;
		flex: 1;
		text-align: center;
	}
	.bountiful--header .bountiful--header-wrapper .bountiful--header-right {
		order: 3;
	}
	.slot--header-logo,
	.slot--header-logo .tws-logo {
		margin: 0;
	}
	.bountiful--header .bountiful--header-wrapper .bountiful--header-right {
		width: 400px;
	}
	.slot--header-search input.form-control {
		border-radius: 0;
		width: 450px;
		padding-top: 8px;
		font-size: 16px;
	}
    .slot--header-search input.form-control {
        border-color: #f4f4f4;
        background: #f4f4f4;
    }
    .slot--header-search .tws-article-search--no-label,
    .slot--header-search input.form-control::placeholder {
        color: #aaa;
    }
    .slot--header-favorites .tws-favorite-list--header-favorite-button {
        margin-right: 20px;
        font-size: 22px;
    }
}
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img:before {
    content: "";
    background: url('https://cdn.abicart.com/shop/ws89/43089/files/icons/Varukorg.png');
    background-repeat: no-repeat;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
}
.slot--top-bar-login .tws-login--login-text {
    color: #000;
    text-transform: none;
    font-size: 14px;
    margin-right: 20px;
}
.fa-search:before {
    content: "";
    background: url("https://cdn.abicart.com/shop/ws89/43089/files/icons/search.webp");
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .2;
}
.bountiful--search-button:before {
    content: "";
    background: url("https://cdn.abicart.com/shop/ws89/43089/files/icons/search.webp");
    display: block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
.bountiful--header-left .bountiful--mobile-menu-button:before {
    content: "";
    background: url("https://cdn.abicart.com/shop/ws89/43089/files/icons/Meny.webp");
    display: block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-in-list--head-title {
    font-size: 1em;
}
/*-------------------------
MENU
--------------------------*/
/*--------- HORISONTAL MENU ---------*/
.slot--header-horizontal-menu .navbar {
    max-width: none;
}
.slot--header-horizontal-menu {
    border-top: 0;
}
.slot--header-horizontal-menu .navbar {
    padding: 0 10px;
}
.slot--header-horizontal-menu .navbar-nav .tws-top-menu--mega-menu {
    max-width: 1700px;
    margin: 0 auto;
}
body.using-mouse .slot--header-horizontal-menu .navbar-nav>li:after{
    display:block;
    content: '';
    border-bottom: solid 2px var(--dark-green);  
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
    transform-origin:  0% 50%;
}
body.using-mouse .slot--header-horizontal-menu .navbar-nav>li:hover:after { 
    transform: scaleX(1); 
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,
.nav>li>a:hover, .nav>li>a:focus {
	background: none;
}
.tws-top-menu--mega-sub-list a::before {
    content: '\f0da';
    font-family: fontawesome;
    display: inline;
    margin-right: 5px;
    color: #A1BAAd;
  }
.slot--header-horizontal-menu .navbar-nav li.open .tws-top-menu--mega-menu {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0;
}
.slot--header-horizontal-menu .navbar-nav>li a {
    font-weight: normal;
    padding: 12px;
}

.slot--header-horizontal-menu .navbar-nav .tws-top-menu--mega-menu .tws-top-menu--sub-item {
    width: 20%;
    margin-bottom: 20px;
}
.slot--header-horizontal-menu .navbar-nav .tws-top-menu--mega-menu .tws-top-menu--sub-item .tws-top-menu--sub-item-heading {
    text-transform: uppercase;
    color: var(--dark-green);
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #dbdbdb;
}
@media(min-width: 1100px){
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(2),
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(3),
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(4) {
        position: relative;
    }
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(2).open .tws-top-menu--mega-menu,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(3).open .tws-top-menu--mega-menu,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(4).open .tws-top-menu--mega-menu {
        width: 250px;
    }
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(2) .tws-top-menu--sub-item,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(3) .tws-top-menu--sub-item,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(4) .tws-top-menu--sub-item {
        width: 100%;
        margin-bottom: 0;
    }
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(2) .tws-top-menu--sub-item .tws-top-menu--sub-item-heading,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(3) .tws-top-menu--sub-item .tws-top-menu--sub-item-heading,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(4) .tws-top-menu--sub-item .tws-top-menu--sub-item-heading {
        font-weight: normal;
        color: #000 ;
        text-transform: none;
        border-bottom: none;
    }
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(2) .tws-top-menu--sub-item a::before,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(3) .tws-top-menu--sub-item a::before,
    .slot--header-horizontal-menu .navbar-nav>li:nth-last-child(4) .tws-top-menu--sub-item a::before {
        content: '\f0da';
        font-family: fontawesome;
        display: inline;
        margin-right: 5px;
        color: #A1BAAd;
    }
}
/*-------- SIDEBAR MENU ----------*/
.bountiful--sidebar {
    width: 300px;
}
@media (min-width: 1100px) {
    .bountiful--body .bountiful--body-wrapper .bountiful--main {
        width: calc(100% - 320px);
    }
    .startpage .bountiful--sidebar {
        display: none;
    }
    .startpage .bountiful--body .bountiful--body-wrapper .bountiful--main,
    .checkoutreturnpage .bountiful--body-wrapper .bountiful--main {
        float: none;
        width: 100% !important;
        margin: 0 auto;
        max-width: none;
    }
    .startpage .bountiful--sidebar,
    .article .bountiful--sidebar,
    .custompage .bountiful--sidebar,
    .contactform .bountiful--sidebar{
        display: none;
    }

    .startpage .bountiful--body .bountiful--body-wrapper .bountiful--main,
    .article .bountiful--body .bountiful--body-wrapper .bountiful--main,
    .contactform .bountiful--body .bountiful--body-wrapper .bountiful--main,
    .custompage .bountiful--body .bountiful--body-wrapper .bountiful--main,
    .checkout .bountiful--body .bountiful--body-wrapper .bountiful--main {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
}
.slot--sidebar .tws-container--tws-custom-html a {
    color: #000 !important;
}
.bountiful--sidebar .tws-container--tws-custom-html.mobile-only img {
    max-width: 20px;
    margin-right: 10px;
}
/*-------------------------
FRONT PAGE
--------------------------*/
.bountiful--start-page .tws-container--tws-image-carousel,
.bountiful--start-page .tws-container--tws-content-box-2x .row, 
.bountiful--start-page .tws-container--tws-content-box-3x .row, 
.bountiful--start-page .tws-container--tws-content-box-4x .row,
.bountiful--start-page .tws-container--tws-articlegroups,
.bountiful--start-page .tws-container--tws-articles-two .tws-article-list--list,
.bountiful--start-page .tws-container--tws-newsletter-subscribe .tws-newsletter-subscribe--form-wrapper,
.bountiful--start-page .tws-container--tws-custom-html .tws-custom-html--content,
.bountiful--start-page .tws-container--tws-instagram,
.bountiful--start-page .tws-container--tws-trustpilot {
    max-width: 1700px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
}

.startpage .bountiful--body .bountiful--body-wrapper .bountiful--main .bountiful--main-wrapper {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.startpage .bountiful--body .bountiful--body-wrapper {
    max-width: none;
    padding: 0;
}
/*------ SHOP WINDOWS ------*/
.bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--first-line,
.bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--second-line,
.bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--third-line {
    text-shadow: none;
    color: #fff;
}
.bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--third-line {
    display: inline-block;
    background: var(--cta-green);
    color: #f3f3f4;
    border-radius: 25px;
    padding: 10px 18px;
    font-size: 13px;
    letter-spacing: .5px;
    transition: ease .3s all;
}
.using-mouse .bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--third-line:hover {
    transition: ease .3s all;
}
.bountiful--start-page .tws-container--tws-content-box-2x .tws-content-box--table,
.bountiful--start-page .tws-container--tws-content-box-3x:not(.blogg) .tws-content-box--table,
.bountiful--start-page .tws-container--tws-content-box-4x .tws-content-box--table {
    background: rgba(0, 0, 0, 0.3);
}
.bountiful--start-page .tws-container--tws-content-box-4x .tws-content-box--first-line {
    font-size: calc(20px + .5vw);
    letter-spacing: .5px;
}
/* .bountiful--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box .tws-react-img--wrapper {
    overflow: hidden;
}
.bountiful--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box .tws-react-img--wrapper img {
    transition: ease 2s all;
}
.bountiful--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box:hover .tws-react-img--wrapper img {
    transform: scale(1.2);
    transition: ease 5s all;
} */
/*------------ HERO ------------*/

.desktop-only h3.tws-util-heading--heading,
.mobile-only h3.tws-util-heading--heading{
    transform: translateY(100%);
    opacity: 0;
}

.desktop-only .tws-content-box--first-line,
.mobile-only .tws-content-box--first-line {
        animation: FadeInText 1s ease-in-out forwards .5s;
}
.desktop-only .tws-content-box--second-line,
.mobile-only .tws-content-box--second-line {
        animation: FadeInText 1s ease-in-out forwards 1s;
}
.desktop-only .tws-content-box--third-line,
.mobile-only .tws-content-box--third-line {
        animation: FadeInText 1s ease-in-out forwards 1.5s;
}

/*---- DESKTOP ONLY -----*/
.desktop-only .wrappContent{
    display: inline-block;
    max-width: 900px;
}
.desktop-only .tws-content-box--table,
.mobile-only .tws-content-box--table {
    background: rgba(0, 0, 0, 0.3);
}
/*----- PRODUCTS ----*/
.bountiful--start-page .tws-articles-two--heading .tws-util-heading--heading, 
.bountiful--start-page .tws-articlegroups--title .tws-util-heading--heading {
    font-size: 30px !important;
    border: 0;
    padding: 0;
}
.tws-container--tws-articles-two-type-carousel .slick-prev, .tws-container--tws-articles-two-type-carousel .slick-next {
    background: transparent;
}
.tws-container--tws-articles-two-type-carousel .slick-prev:before,
.tws-container--tws-articles-two-type-carousel .slick-next:before {
    color: #333;
    font-size: 40px;
}

/*------ POPULÄRA KATEGORIER -------*/
.rubrik-kategorier {
    background: var(--background-sand);
    padding: 30px 0;
}
.rubrik-kategorier h2 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 1px;
}
.bountiful--start-page .tws-container--tws-content-box-4x.populara-kategorier {
    background: var(--background-sand);
    padding: 0 0 60px;
}
.bountiful--start-page .tws-container--tws-custom-html.rubrik-kategorier + .tws-container--tws-content-box-4x.populara-kategorier {
    margin-top: 0;
}
/*----- BLOG -----*/
.rubrik-blogg {
    background: var(--background-sand);
    padding: 30px 0;
}
.rubrik-blogg h2 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.rubrik-blogg p {
    text-align: center;
}
.bountiful--start-page .tws-container--tws-content-box-3x.blogg {
    background: var(--background-sand);
    padding: 0 0 60px;
}
.bountiful--start-page .tws-container--tws-content-box-3x.blogg .tws-content-box-3x--box {
    padding: 0 35px;
}
.bountiful--start-page .tws-container--tws-content-box-3x.blogg .tws-content-box--inner-wrapper {
    position: relative;
    padding-bottom: 0 !important; 
}  
.bountiful--start-page .tws-container--tws-content-box-3x.blogg .tws-content-box--table {
     position: static;
     padding: 15px 0;
}
.bountiful--start-page .bountiful--component-container .blogg .tws-content-box--table .tws-content-box--first-line {
    font-size: 18px;
    letter-spacing: .5px;
}
.bountiful--start-page .bountiful--component-container .blogg .tws-content-box--table .tws-content-box--second-line {
    font-size: 14px;
}
.bountiful--start-page .bountiful--component-container .blogg .tws-content-box--table .tws-content-box--third-line {
    color: #fff;
}
.bountiful--start-page .tws-container--tws-custom-html.rubrik-blogg + .tws-container--tws-content-box-3x.blogg {
    margin-top: 0;
}

/*------- BUTIKEN -------*/
.butiken {
    margin-top: 0 !important;
    background: rgba(47, 101, 96, 0.2);
    padding: 30px 0;
}

.butiken .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.butiken p {
    font-size: 15px;
}
.butiken h2 {
    font-weight: 500;
    font-size: calc(24px + .5vw);
}
.butiken .custom-button {
    display: inline-block;
    background: #74a793;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 18px;
    border-radius: 25px;
}
.butiken img {
    padding: 50px;
}
/*----- NEWSLETTER ------*/
.bountiful--start-page .tws-container--tws-newsletter-subscribe {
    background: url("https://cdn.abicart.com/shop/ws89/43089/files/designfiler/unsplash-HtCgLIDy-2U.webp");
    background-size: cover;
    background-position: center center;
    color: #f3f3f4;
    font-size: 16px;
    letter-spacing: .5px;
}
.bountiful--start-page .tws-container--tws-newsletter-subscribe .tws-newsletter-subscribe--form-wrapper {
    background: radial-gradient(circle, rgba(0,0,0,0.4) 25%, rgba(255,255,255,0) 100%);
    padding: 100px 0 130px;
}
.bountiful--start-page .tws-container--tws-newsletter-subscribe h2 {
    font-size: 30px;
    letter-spacing: 1px;
}
.bountiful--start-page .tws-container--tws-newsletter-subscribe h2::after {
    content: "";
    display: block;
    background: #f3f3f4;
    width: 150px;
    height: 2px;
    margin: 10px auto 0;
}
.tws-newsletter-subscribe--subscribe-button {
    background: var(--cta-green);
    border-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 25px;
}
/*-------------------------
PRODUCT GRID
--------------------------*/
@media(min-width: 1100px) {

    .tws-article-list--list .tws-list--type-grid .tws-list--grid-item,
    .tws-container--tws-articles-two-type-carousel .tws-list--grid-item {
        margin: 10px 12.5px;
    }

    .tws-container--tws-articles-two-type-grid .tws-article-list--col-lg-3 .tws-list--grid-item,
    .articlegroup .tws-article-list--col-lg-3 .tws-list--grid-item,
    .slot--articles .tws-article-list--col-lg-3 .tws-list--grid-item,
    .slot--custom-page .tws-article-list--col-lg-3 .tws-list--grid-item,
    .slot--article-search-results .tws-article-list--col-lg-3 .tws-list--grid-item {
        max-width: calc(33.3% - 25px);
        -ms-flex-preferred-size: calc(33.3% - 25px);
        flex-basis: calc(33.3% - 25px);
        width: calc(33.3% - 25px);
    }

    .tws-container--tws-articles-two-type-grid .tws-article-list--col-lg-4 .tws-list--grid-item,
    .articlegroup .tws-article-list--col-lg-4 .tws-list--grid-item,
    .slot--articles .tws-article-list--col-lg-4 .tws-list--grid-item,
    .slot--custom-page .tws-article-list--col-lg-4 .tws-list--grid-item,
    .slot--article-search-results .tws-article-list--col-lg-4 .tws-list--grid-item {
        max-width: calc(25% - 25px);
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        width: calc(25% - 25px);
    }

    .tws-container--tws-articles-two-type-grid .tws-article-list--col-lg-5 .tws-list--grid-item,
    .articlegroup .tws-article-list--col-lg-5 .tws-list--grid-item,
    .slot--articles .tws-article-list--col-lg-5 .tws-list--grid-item,
    .slot--custom-page .tws-article-list--col-lg-5 .tws-list--grid-item,
    .slot--article-search-results .tws-article-list--col-lg-5 .tws-list--grid-item {
        max-width: calc(20% - 25px);
        -ms-flex-preferred-size: calc(20% - 25px);
        flex-basis: calc(20% - 25px);
        width: calc(20% - 25px);
    }
    .tws-container--tws-articles-two-type-grid .tws-article-list--col-lg-6 .tws-list--grid-item,
    .articlegroup .tws-article-list--col-lg-6 .tws-list--grid-item,
    .slot--articles .tws-article-list--col-lg-6 .tws-list--grid-item,
    .slot--custom-page .tws-article-list--col-lg-6 .tws-list--grid-item,
    .slot--article-search-results .tws-article-list--col-lg-6 .tws-list--grid-item {
        max-width: calc(16.6% - 25px);
        -ms-flex-preferred-size: calc(16.6% - 25px);
        flex-basis: calc(16.6% - 25px);
        width: calc(16.6% - 25px);
    }

    .tws-list--type-carousel .tws-list--grid-item {
        width: calc(100% - 25px) !important;
    }
}

.tws-article-labels .tws-article-labels--label.tws-article-labels--new .tws-article-labels--label-text {
    background: var(--cta-green);
    color: #fff;
    padding: 5px 8px !important;
    border-radius: 0;
  }
  .tws-article-labels .tws-article-labels--label.tws-article-labels--special-offer .tws-article-labels--label-text {
    background: #de9537;
    color: #fff;
    padding: 5px 8px !important;
    border-radius: 0;
  }
/*------- FILTER -------*/
.tws-article-filter--filter-control-container.above-list .filter-select-name {
    background: rgba(47, 101, 96, 0.2);
}
/*----- FAVORITE BUTTON -----*/
.tws-article-favoritebutton--icon-container svg {
    width: 20px;
    height: 20px;
}
.tws-article-favoritebutton:hover+.article-favoritebutton-desc {
    display: none;
}
/*------ CAPTION -------*/
.tws-articlegroups .thumbnail .caption, .tws-articlegroup-list .thumbnail .caption {
    background: #d8d2c6;  /*#f3f1eb*/
}

.tws-article-list--list .tws-list--type-grid .thumbnail,
.tws-container--tws-articles-two-type-carousel .thumbnail {
    border: 2px solid #F3F3F4;
    border-radius: 0;
    box-shadow: none;
}
.using-mouse .tws-article-list--list .tws-list--type-grid .thumbnail:hover,
.using-mouse .tws-container--tws-articles-two-type-carousel .thumbnail:hover {
    box-shadow: none;
}

.tws-article-list--list .tws-list--type-grid .thumbnail .caption,
.tws-articles-two .slick-slider .thumbnail .caption {
    box-shadow: none;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}
.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading {
    font-size: 14px;
    letter-spacing: .5px;
  }
.tws-article-list--list .tws-article-list--article-name {
    margin: 0 auto;
    margin-bottom: auto;
}
.tws-articles-two .slick-slider .tws-article-list--buy-button, 
.tws-article-list--list .tws-article-list--buy-button{
    margin-top: 10px;
}
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-buy-button-with-modal--buy-button .ladda-label {
    font-weight: 500;
}
.tws-article-list--list .tws-article-list--buy-button .btn,
.btn-primary, .btn-primary:hover,
.tws-article-list--list .tws-article-list--buy-button .btn:hover, .tws-article-list--list .tws-article-list--buy-button .btn:focus {
    border-bottom: 0px;
}
.tws-article-list--list .tws-article-list--item-stock:empty {
    display: none;
}

  .tws-article-list--list .tws-article-list--price .tws-api--price-current {
    letter-spacing: .2px;
  }
  .tws-article-list--list .tws-article-list--price .tws-api--price-regular {
    font-size: 12px;
  }
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-list--choices-button:after,
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-buy-button-with-modal--buy-button:after,
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-list--show-more-button:after,
.bountiful--buy-button-group .slot--article-buy-button .btn:after {
    display: none;
}

/*---- STOCK STATUS -----*/
.tws-article-list--list .tws-article-list--item-stock-wrap-indicator .tws-article-list--item-stock,
.tws-article-stock-shipping--stock-message{
    font-size: 0;
}
.tws-article-list--item-stock-status {
    margin: 0;
}
.article .bountiful--article-right-col .tws-article-list--item-stock-status--green {
    margin-bottom: 20px;
}
.tws-article-list--item-stock-status--green::before {
    width: 10px;
    height: 10px;
    background: #00963e;
}
.tws-article-list--item-stock-status--green::after {
    content: "Finns i lager";
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.tws-article-list--item-stock-status--red::after {
    content: "Slut i lager";
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
/* .tws-article-stock-shipping--delivery-message {
    display: none;
} */
/*-------------------------
PRODUCT PAGE
--------------------------*/
.bountiful--article-top .bountiful--article-left-col {
    position: relative;
}
@media(min-width: 768px) {
    .bountiful--article-top .bountiful--article-left-col {
        width: 35%;
    }

    .bountiful--article-top .bountiful--article-right-col {
        width: calc(65% - 5%);
        padding: 30px;
        border: 1px solid #dbdbdb;
        border-radius: 15px;
    }
}
/*------ ARTICLE IMAGES ------*/
.slot--article-favoritebutton {
    position: absolute;
    z-index: 100;
    right: 0;
}
.bountiful--article-images .slot--article-images .tws-article-images--current-image {
    border: none;
}
.bountiful--article-images .tws-article-images--slick-nav .tws-img {
    border-radius: 15px;
}
.bountiful--article-images .tws-article-images--slick-nav .slick-slide {
    max-width: 100px;
}
.bountiful--article-images .tws-article-images--slick-nav .slick-track {
    max-height: 100px;
}
/*------- ARTICLE TOP RIGHT --------*/
.tws-article-introduction--text .tws-article-introduction--read-more {
    display: none;
}
.tws-article-price--compare-at-price {
    display: none;
}
.tws-article-stock-shipping--wrapper p {
    font-size: 0;
}
.tws-article-stock-shipping--wrapper span {
    font-size: 14px;
}
.slot--article-quantity .tws-article-quantity--input-wrapper .btn {
    border: none;
    border-radius: 0;
}
.bountiful--buy-button-group {
    margin-top: 0px;
}
.slot--article-quantity .tws-article-quantity--input-wrapper input.form-control {
    border: none;
    border-radius: 0;
    background: #f3f3f4;
}
.slot--article-quantity .tws-article-quantity--input-wrapper .input-group-btn:first-child .btn,
.slot--article-quantity .tws-article-quantity--input-wrapper .input-group-btn:last-child .btn {
    display: none;
}
.slot--article-attachments {
    margin-top: 30px;
}
.tws-article-attachments .tws-article-attachments--title {
    display: block;
}
.tws-article-attachments table {
    text-align: left;
}
/*------ CUSTOMERS CHOICE ------*/
.tws-react-common--form-item .tws-react-common--options-group-buttons-content > button:first-child {
    display: none;
} 
.slot--article-share {
    display: none;
}
.tws-article-attributes ul:empty {
    display: none;
}
/*------ BUY BUTTON GROUP ------*/

.bountiful--buy-button-group {
    display: flex;
}
.bountiful--buy-button-group .slot--article-buy-button .btn {
    width: auto;
    padding: 0 35px;
    min-width: 200px;
}
.bountiful--buy-button-group .slot--article-buy-button {
    margin: 0;
}
.bountiful--buy-button-group .buy-button-wrapper {
    width: auto;
}
.slot--unique-selling-points .tws-unique-selling-points--wrapper ul i {
    display: none;
}
.slot--unique-selling-points .tws-unique-selling-points--wrapper img {
    display: inline-block;
    vertical-align: middle;
    max-width: 20px;
    margin-right: 5px;
}
.bountiful--buy-button-group .slot--article-buy-button .tws-article-buy-button-with-modal--form .tws-article-buy-button-with-modal--email-field {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px; 
    min-width: 200px;
}
/*------- ARTICLE BOTTOM GRID -----------*/
@media (min-width: 992px){
    .bountiful--article-bottom,
    .bountiful--article-footer {
        display: inline-block;
        width: calc(50% - 10px);
        vertical-align: top;
    }

}
/*------- RELATED PRODUCTS ------*/
.slot--article-page-footer .tws-articles-two--heading .tws-util-heading--heading {
    background: #ddddc5;
    color: #333;
    padding: 10px 0;
    border-radius: 15px 15px 0 0 ;
}
.slot--article-page-footer .tws-list--list {
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    padding-bottom: 20px;
}
.slot--article-page-footer .tws-article-list--list .tws-list--type-grid .thumbnail, 
.slot--article-page-footer .tws-container--tws-articles-two-type-carousel .thumbnail {
    border-width: 1px;
}
.slot--article-page-footer .tws-container--tws-articles-two-type-carousel .slick-prev {
    left: 12px;
}
.slot--article-page-footer .tws-container--tws-articles-two-type-carousel .slick-next {
    right: 12px;
}
.slot--article-page-footer .tws-article-favoritebutton--icon-container svg {
    width: 21px;
    height: 27px;
}
.slot--article-page-footer .tws-article-favoritebutton {
    width: 30px;
    height: 30px;
}
/*------ DESCRIPTION ------*/
.slot--article-description {
    border: none;
    padding: 0;
}
.slot--article-description .tws-article-description .tws-article-description--heading {
    margin-bottom: 15px;
    background: #ddddc5;
    color: #333;
    padding: 10px 0;
    border-radius: 15px 15px 0 0;
}
.slot--article-description .tws-article-description {
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    max-width: 733px;
}
.tws-article-description--text-container {
    max-height: none;
    overflow: visible;
    padding: 10px 25px 25px;
}
.slot--article-description .tws-article-description .tws-article-description--show-more {
    display: none;
}
/*-------------------------
FOOTER
--------------------------*/
.startpage .bountiful--footer {
    margin-top: 0;
}
.bountiful--footer p {
    font-size: 14px;
}
.bountiful--footer .container {
    max-width: 1700px;
}
.bountiful--footer .fa {
    font-size: 25px;
}
@media (min-width: 1100px) {
.bountiful--footer-left,
.bountiful--footer-mid-left,
.bountiful--footer-right {
    width: 20%;
}
.bountiful--footer-mid-right {
    width: 40%;
}
.bountiful--footer-right {
    text-align: center;
}
}

.bountiful--footer .slot--brand-logos {
    margin: 0 auto;
    border-top: 0;
}
.bountiful--footer ul {
    list-style: none;
    padding: 0;
}
.bountiful--footer .bountiful--footer-mid-left ul li {
    display: inline-block;
    font-weight: bold;
}
.bountiful--footer .bountiful--footer-mid-left ul li:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #333;
}
.bountiful--footer .slot--open-cookie-settings .tws-accept-cookies--icon {
    display: none;
    vertical-align: middle;
    margin-right: 7px;
    width: 18px;
    height: 18px;
    color: inherit;
}
.bountiful--footer .tws-audience-selector--inline-fixer {
    display: none;
}
.bountiful--footer .tws-audience-selector {
    margin-left: 0;
}
.bountiful--footer .tws-audience-selector--audience-button-text {
    text-transform: none;
}
/*-------------------------
CHECKOUT
--------------------------*/
.slot--checkout-cart-usps .tws-unique-selling-points--wrapper ul i {
    display: none;
}
.slot--checkout-cart-usps .tws-unique-selling-points--wrapper img {
    display: inline-block;
    vertical-align: middle;
    max-width: 15px;
    margin-right: 5px;
}
.tws-opc-cart--item-info-deliveryInfo-label {
    display: none;
}
/*-------------------------
CUSTOM PAGES
--------------------------*/
.custompage:not(.custompage-8849489) .bountiful--body .bountiful--body-wrapper {
    max-width: 1200px;
}
/*----- BLOGG -----*/
.custompage-8849489 .container .row {
    display: flex;
    flex-wrap: wrap;
}
.custompage-8849489 .col-sm-4 {
    margin-bottom: 30px;
}

/*------- FAQ --------*/
.collapsible-option {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}
.collapsible-option label {
	font-size: 16px;
	display: block;
	cursor: pointer;
	margin-bottom: 0px;
	font-weight: normal;
	padding: 0px 0px 0px 15px;
	display: inline-block;
}
.collapsible-option label::before {
	font-family: fontawesome;
	content: "\f067";
	margin-right: 15px;
}
input:checked +label::before{
	font-family: fontawesome;
	content: "\f068";
}
.collapsible-option input {
  display: none;
}
.collapsible-content {
  max-height: 0;
  overflow: hidden;
}
.collapsible-content p {
    font-size: 14px;
}
input:checked ~ .collapsible-content {
  max-height: 100%;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}


/*--------------------------------------------
-------------- MEDIA QUERIES -----------------
---------------------------------------------*/
@media(max-width: 1099px) {
    .bountiful--header-left .bountiful--mobile-menu-button {
        margin-right: 10px;
    }
   .slot--top-bar-login {
        display: none;
    }
    .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light--title {
        display: none;
    }
    .bountiful--sidebar .slot--sidebar-login .tws-login a, .bountiful--sidebar .slot--open-cookie-settings .tws-accept-cookies--open-btn a {
        color: #333 !important;
    }
    .bountiful--sidebar-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .bountiful--sidebar .bountiful--sidebar-controls {
        order: 2;
        width: 100%;
    }
    .slot--sidebar {
        order: 1;
        width: 100%;
    }
    .bountiful--sidebar-mobile-menu {
        display: none;
    } 
    .bountiful--sidebar .tws-container--tws-custom-html {
        border-top: 0;
        margin-bottom: 0;
    }
    .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level {
        padding-bottom: 0;
    }
}
@media (max-width: 991px) {
    .bountiful--sidebar .bountiful--sidebar-wrapper {
        height: calc(100vh - 80px);
        padding-top: 0;
        border-top: 0;
    }
    .bountiful--start-page .bountiful--component-container .tws-content-box--table {
        padding: 25px;
    }
    .butiken .row {
        flex-direction: column;
    }
    .butiken img {
        padding: 0;
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width:900px){
    .bountiful--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box {
        width: 100%;
        margin-bottom: 5px;
    }
    .bountiful--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row .tws-content-box-4x--box {
        width: 50%;
        padding: 5px;
      }
}

@media (max-width: 767px) {
/*----- MENU -----*/
.slot--sidebar-audience-selector,
.slot--sidebar-login {
    display: inline-block;
    vertical-align: top;
}
    /*-- HEADER ---*/
    .slot--header-logo {
        max-width: 100px;
    }
    .slot--top-bar-selling-points .tws-unique-selling-points ul li .tws-unique-selling-points--text {
        font-size: 12px;
    }
    .slot--top-bar-selling-points .tws-unique-selling-points ul li {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .slot--top-bar-selling-points .tws-unique-selling-points--wrapper img {
        max-width: 17px;
    }
    .slot--top-bar-selling-points .tws-unique-selling-points ul li:last-child {
        margin: 0;
    }
    /*------- START PAGE ------*/
    .bountiful--start-page .bountiful--component-container .tws-content-box--table {
        padding: 10px;
    }
    .bountiful--start-page .bountiful--component-container .tws-container--tws-content-box-4x .tws-content-box--table .tws-content-box--first-line {
        word-break: break-word;
    }
    .bountiful--start-page .tws-container--tws-newsletter-subscribe .tws-newsletter-subscribe--form-wrapper {
        padding: 50px 10px 80px
    }
    .bountiful--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row .tws-content-box-4x--box {
        width: 50%;
    }
    
    .bountiful--start-page .tws-container--tws-content-box-4x .tws-content-box--first-line {
        font-size: 16px;
    }
    /*-------- ARTICLE GRID --------*/
    .tws-articlegroups .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, 
    .tws-articlegroup-list .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a {
        font-size: 13px;
        font-weight: 500;
    }
    .tws-article-favoritebutton {
        width: 30px;
        height: 30px;
    }
    .tws-article-favoritebutton--icon-container {
        position: relative;
        bottom: 9px;
        right: 2px;
    }
    /*-------- ARTICLE --------*/
    /* .tws-article-name h1 {
        margin-bottom: 0;
    } */
    .tws-article-stock-shipping--wrapper {
        margin-top: 0;
    }
    .bountiful--buy-button-group {
        margin-top: 10px;
    }
    .slot--article-page-footer .slick-slider {
        padding: 0 15px;
    }
    /*---- CUSTOM PAGES -----*/
    /*--- BLOG ---*/
    .custompage-8849489 .col-sm-4 {
        border-bottom: 1px solid #dbdbdb;
    }
    /*----- FOOTER ------*/
    .bountiful--footer .tws-audience-selector {
        justify-content: center;
    }
    .bountiful--footer .bountiful--footer-left, 
    .bountiful--footer .bountiful--footer-mid-left, 
    .bountiful--footer .bountiful--footer-mid-right,
    .bountiful--footer .bountiful--footer-right {
        text-align: left;
    }
    .bountiful--footer h3 {
        margin-bottom: 5px;
    }
    .bountiful--footer .bountiful--footer-left, 
    .bountiful--footer .bountiful--footer-mid-left, 
    .bountiful--footer .bountiful--footer-mid-right,
    .bountiful--footer .bountiful--footer-right {
        margin: 0;
    }
}/* --- FIX FOR PRODUCT DESCRIPTION SPACING --- */
.tws-article-description--text-container {
    line-height: 1.6; /* Adds comfortable spacing between lines of text */
}

/* Reduce the massive gaps around headings */
.tws-article-description--text-container h1,
.tws-article-description--text-container h2,
.tws-article-description--text-container h3,
.tws-article-description--text-container h4 {
    margin-top: 1.5em;    /* Space above the heading */
    margin-bottom: 0.5em; /* Space below the heading */
}

/* Reduce the gaps around paragraphs */
.tws-article-description--text-container p {
    margin-top: 0;
    margin-bottom: 1em; /* Standardizes space below paragraphs */
}

/* Tighten up the bullet lists */
.tws-article-description--text-container ul,
.tws-article-description--text-container ol {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    padding-left: 20px;
}

/* Add slight spacing between bullet points */
.tws-article-description--text-container li {
    margin-bottom: 0.5em;
}

/* Remove top margin from the very first element (like "Art.nr: GTKCI300") 
   to prevent double spacing at the top of the box */
.tws-article-description--text-container > *:first-child {
    margin-top: 0;
}
/* Fix for rendered newlines causing massive gaps */
.tws-article-description--text,
.tws-article-description--text-container {
    white-space: normal !important;
}