/* DiscAtOnce Fabrikk v83 compact - funktionellt identisk med v82 */
.tws-checkout .tws-checkout--delivery-description {
display: block !important;
}
.tws-checkout .tws-checkout--show-delivery-description {
display: none;
}
.tws-checkout--v2 .tws-checkout--payment-active span.fa {
display: none !important;
}
.tws-checkout--v2 .tws-checkout--payments-expand.tws-checkout--visibility-hidden {
visibility: visible !important;
height: auto !important;
}
.tws-checkout--payment-description.list-group-item-text.ng-binding.ng-scope.ng-hide {
display: block !important;
}
.tws-checkout a.list-group-item p.tws-checkout--show-payment-description > span {
display: none;
}
.tws-article-description {
text-align: left;
}
.menuPrisjakt iframe {
height: 80px;
border: 2px solid #5c6177;
border-radius: 8px;
max-width: 100%;
background: #fff;
}
.tws-checkout-shortcuts--ship-to {
font-size: 6px;
display: none;
}
.tws-checkout-shortcuts--purchase-as {
display: none;
}
.fabrikk--vertical-menu .fabrikk--content {
padding: 0px 0px 0px;
}
body:not(.using-touch) .tws-vertical-menu--controls,
body:not(.using-touch) .tws-vertical-menu--custom-link a,
body:not(.using-touch) .tws-vertical-menu--articlegroup {
padding-top: 2px;
padding-bottom: 2px;
}
body:not(.using-touch) .tws-vertical-menu--expand-children {
min-height: 26px;
}
.tws-cart--payment-name:before,
.tws-checkout--payment-methods-list span.fa-chevron-down,
.tws-checkout--payment-methods-list span.fa-chevron-up {
display: none;
}
.tws-checkout .tws-checkout--payments-expand {
visibility: visible !important;
height: auto !important;
}
h4.tws-checkout--checkout-heading {
font-size: 0px;
background-color: transparent;
}
h4.tws-checkout--checkout-heading:before {
content: " ";
font-size: 18px;
margin: 0 !important;
background-color: transparent;
padding: 0 !important;
}
.slot--article-stock-shipping .col-md-12 > p {
display: none;
}
.schema-form-fieldset label[for="name"] {
font-size: 0;
}
.schema-form-fieldset label[for="name"]:before {
font-size: 14px;
content: "Företagsnamn";
}
.slot--article-description .tws-article-description--text-container {
max-height: initial;
}
.tws-article-description--show-more > button {
display: none;
}
.checkout .tws-checkout--box.tws-checkout--delivery-address
.tws-checkout--field-type-text.tws-checkout--field-id-name span {
font-size: 0px;
}
.checkout .tws-checkout--box.tws-checkout--delivery-address
.tws-checkout--field-type-text.tws-checkout--field-id-name span::before {
content: "Företagsnamn";
font-size: 14px;
}
.tws-article-pricetable--table-item--interval-head {
text-align: left;
}
.tws-vertical-menu .tws-vertical-menu--menu {
overflow: hidden;
}
body.article .fabrikk--article-right-col {
position: relative;
display: flex;
flex-direction: column;
}
body.article .fabrikk--article-right-col > * {
order: 100;
}
body.article .fabrikk--article-right-col > .slot--article-name {
order: 10;
}
body.article .fabrikk--article-right-col > .slot--article-rating {
order: 12;
}
body.article .fabrikk--article-right-col > .slot--article-price {
order: 20;
}
body.article .fabrikk--article-right-col > .slot--wasa-kredit-widget {
order: 22;
}
body.article .fabrikk--article-right-col > .slot--article-favoritebutton {
order: 24;
}
body.article .fabrikk--article-right-col > .slot--prisjakt-cheapest {
order: 45;
box-sizing: border-box;
width: 100%;
max-width: 360px;
margin: 7px 0 8px;
padding: 0;
background: transparent;
border: 0;
}
body.article
.fabrikk--article-right-col
> .slot--prisjakt-cheapest > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.article
.fabrikk--article-right-col
> .slot--prisjakt-cheapest:empty {
display: none;
}
body.article .fabrikk--article-right-col > .slot--article-package {
order: 28;
}
body.article .fabrikk--article-right-col > .fabrikk--article-choices-wrapper {
order: 30;
}
body.article .fabrikk--article-right-col > .fabrikk--buy-button-group {
order: 40;
}
body.article .fabrikk--article-right-col > .slot--article-pricetable {
order: 25;
}
body.article .fabrikk--article-right-col > .slot--unique-selling-points {
order: 55;
}
body.article .fabrikk--article-right-col > .slot--article-introduction {
order: 60;
display: none !important;
}
body.article .fabrikk--article-right-col > .slot--article-klarna-osm {
order: 70;
}
body.article .fabrikk--article-right-col > .slot--article-mylists {
order: 72;
}
body.article .fabrikk--article-right-col > .slot--payment-widget {
order: 74;
}
body.article .fabrikk--article-right-col > .fabrikk--article-links {
order: 90;
}
body.article
.fabrikk--article-right-col
.slot--article-name h1 {
margin-top: 0;
margin-bottom: 7px;
padding-right: 46px;
font-size: 26px;
line-height: 1.3;
font-weight: 500;
}
body.article
.fabrikk--article-right-col
> .slot--article-price {
box-sizing: border-box;
width: 100%;
max-width: 360px;
margin: 4px 0 0;
padding: 12px 12px 8px;
background: #fafafa;
border: 1px solid #dddddd;
border-bottom: 0;
border-radius: 6px 6px 0 0;
}
body.article
.fabrikk--article-right-col
.tws-article-price--price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 9px;
margin: 0;
}
body.article
.fabrikk--article-right-col
.tws-article-price--price .twsPriceCurrent {
order: 1;
font-size: 28px !important;
line-height: 1.08 !important;
font-weight: 700 !important;
}
body.article
.fabrikk--article-right-col
.tws-article-price--price .tws-api--price-current-diff {
color: #d25353;
}
body.article
.fabrikk--article-right-col
.tws-article-price--price .twsPriceRegular {
order: 2;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #888;
text-decoration: line-through;
}
body.article
.fabrikk--article-right-col
> .fabrikk--article-choices-wrapper {
box-sizing: border-box;
width: 100%;
max-width: 360px;
margin: 0;
padding: 4px 12px 3px;
background: #fafafa;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 0;
border-bottom: 0;
border-radius: 0;
}
body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--wrapper .row {
margin: 0;
}
body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--wrapper .col-md-12 {
padding: 0;
}
body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--stock-message {
margin: 0;
font-size: 13px;
line-height: 1.4;
font-weight: 600;
}
body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--stock-message::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 7px;
background: #53a34f;
border-radius: 50%;
vertical-align: 1px;
}
body.article
.fabrikk--article-choices-wrapper
.slot--article-choices:empty {
display: none;
}
body.article
.fabrikk--article-right-col
> .fabrikk--buy-button-group {
box-sizing: border-box;
display: flex !important;
align-items: flex-end !important;
justify-content: flex-start !important;
gap: 10px !important;
width: 100%;
max-width: 360px;
margin: 0 0 12px !important;
padding: 3px 12px 10px !important;
background: #fafafa;
border: 1px solid #dddddd;
border-top: 0;
border-radius: 0 0 6px 6px;
}
body.article
.fabrikk--buy-button-group
.slot--article-quantity {
flex: 0 0 142px !important;
width: 142px !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-row {
margin: 0 !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-wrapper {
float: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-wrapper label {
display: block !important;
margin: 0 0 4px !important;
font-size: 12px;
line-height: 1.3;
font-weight: 600;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group {
display: flex !important;
align-items: stretch !important;
width: 142px !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group-btn {
display: block !important;
float: none !important;
width: 38px !important;
min-width: 38px !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group-btn .btn {
display: block !important;
width: 38px !important;
min-width: 38px !important;
height: 44px !important;
padding: 0 !important;
font-size: 18px !important;
line-height: 42px !important;
border-color: #cccccc !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-quantity input.form-control {
position: relative !important;
display: block !important;
flex: 0 0 66px !important;
width: 66px !important;
min-width: 66px !important;
height: 44px !important;
padding: 5px 3px !important;
text-align: center !important;
font-size: 15px !important;
border-color: #cccccc !important;
}
body.article
.fabrikk--buy-button-group
.buy-button-wrapper {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
transform: translateY(-9px);
}
body.article
.fabrikk--buy-button-group
.slot--article-buy-button,
body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal,
body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--button {
display: block !important;
width: 100% !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--buy-button {
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 8px 18px !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
border-radius: 4px !important;
}
body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--buy-button .fa-shopping-cart {
margin-right: 6px;
}
body.article
.fabrikk--article-right-col
> .slot--article-pricetable {
box-sizing: border-box !important;
display: block !important;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
float: none !important;
width: 100% !important;
max-width: 360px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 1px 12px 7px !important;
background: #fafafa !important;
border-left: 1px solid #dddddd !important;
border-right: 1px solid #dddddd !important;
border-top: 0 !important;
border-bottom: 0 !important;
overflow: visible !important;
}
body.article
.fabrikk--article-right-col
> .slot--article-pricetable:empty {
display: none !important;
}
body.article
.fabrikk--article-right-col
> .slot--article-pricetable:not(:empty)::before {
content: "Mängdpris";
display: block;
margin: 0 0 3px;
font-size: 11px;
line-height: 1.25;
font-weight: 700;
color: #555;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable,
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table,
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table > tbody,
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item,
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--section {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
float: none !important;
clear: none !important;
min-width: 0 !important;
max-width: none !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table {
display: table !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
table-layout: fixed !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table > tbody {
display: table-row-group !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item {
display: table-row !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--section {
display: table-cell !important;
box-sizing: border-box !important;
margin: 0 !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
border: 0 !important;
font-size: 11px !important;
line-height: 1.3 !important;
vertical-align: middle !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--interval-head {
width: 27px !important;
padding-left: 0 !important;
padding-right: 2px !important;
text-align: left !important;
white-space: nowrap !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--interval-tail {
width: auto !important;
padding-left: 0 !important;
padding-right: 4px !important;
text-align: left !important;
white-space: nowrap !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--price {
width: 74px !important;
padding-left: 6px !important;
padding-right: 0 !important;
text-align: right !important;
white-space: nowrap !important;
}
body.article
.fabrikk--article-right-col
.slot--article-pricetable .twsPriceCurrent {
display: inline !important;
position: static !important;
transform: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
color: inherit !important;
}
body.article
.fabrikk--article-right-col
> .slot--unique-selling-points {
width: 100%;
max-width: 440px;
margin: 2px 0 13px;
}
body.article
.fabrikk--article-right-col
.slot--unique-selling-points
.tws-unique-selling-points--wrapper {
padding: 9px 11px;
background: #fafafa;
border-left: 3px solid #53a34f;
}
body.article
.fabrikk--article-right-col
.slot--unique-selling-points ul {
margin: 0;
}
body.article
.fabrikk--article-right-col
.slot--unique-selling-points li {
margin: 0;
}
body.article
.fabrikk--article-right-col
.slot--unique-selling-points
.tws-unique-selling-points--text {
font-size: 12px;
line-height: 1.4;
}
body.article
.fabrikk--article-right-col
.slot--article-share {
position: absolute !important;
top: 1px;
right: 0;
z-index: 12;
width: 36px;
height: 36px;
margin: 0 !important;
padding: 0 !important;
}
body.article
.fabrikk--article-right-col
.fabrikk--article-links {
position: static !important;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button {
width: 36px !important;
height: 36px !important;
overflow: visible !important;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export {
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
background: #f7f7f7 !important;
color: #5c6177 !important;
border: 1px solid #cfd1d8 !important;
border-radius: 50% !important;
cursor: pointer;
opacity: 1 !important;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export > span {
display: none !important;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export::before {
content: "\f1e0" !important;
font-family: FontAwesome !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 15px !important;
line-height: 1 !important;
color: #5c6177 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export:hover {
background: #eeeeef !important;
border-color: #bfc2cb !important;
opacity: 1 !important;
}
body.article
.fabrikk--article-right-col
.tws-article-social--share-button .social {
z-index: 20;
}
body.article
.fabrikk--article-left-col
.slot--article-images {
position: relative;
}
@media (min-width: 992px) {
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big
.tws-img--container.tws-react-img--aspect-ratio-box {
padding-bottom: 58% !important;
}
}
body.article
.fabrikk--article-left-col
.tws-article-images--current-image {
border-radius: 4px;
}
body.article
.fabrikk--article-left-col
.tws-article-images--image-zoom span {
box-sizing: border-box;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 34px !important;
height: 34px !important;
padding: 0 !important;
background: rgba(255, 255, 255, 0.94) !important;
color: #5c6177 !important;
border: 1px solid #d4d6dc !important;
border-radius: 50% !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
body.article
.fabrikk--article-left-col
.tws-article-images--image-zoom:hover span {
background: #ffffff !important;
border-color: #bfc2cb !important;
transform: scale(1.04);
}
body.article
.fabrikk--article-left-col
.tws-article-images--image-zoom .fa {
font-size: 16px !important;
color: #5c6177 !important;
}
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-prev,
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-next {
z-index: 5 !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
background: rgba(255, 255, 255, 0.90) !important;
border: 1px solid #d8d9de !important;
border-radius: 50% !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
opacity: 0.90;
transition:
background 0.15s ease,
opacity 0.15s ease;
}
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-prev:hover,
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-next:hover {
background: #ffffff !important;
opacity: 1;
}
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-prev::before,
body.article
.fabrikk--article-left-col
.tws-article-images--slick-big .slick-next::before {
color: #5c6177 !important;
opacity: 1 !important;
}
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big) {
width: 82% !important;
max-width: 430px;
margin-top: 7px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big)
.slick-slide {
box-sizing: border-box;
padding: 2px !important;
border: 1px solid transparent;
opacity: 0.76;
transition:
opacity 0.15s ease,
border-color 0.15s ease,
background 0.15s ease;
}
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big)
.slick-slide:hover {
opacity: 0.92;
}
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big)
.slick-slide.slick-current {
background: #fafafa;
border-color: #8a8e9e;
opacity: 1;
}
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big)
.tws-img--wrapper {
margin: 0 !important;
}
@media (max-width: 767px) {
body.article
.fabrikk--article-left-col
.tws-article-images
.slick-slider:not(.tws-article-images--slick-big) {
width: 100% !important;
max-width: none;
}
body.article
.fabrikk--article-right-col
.slot--article-name h1 {
padding-right: 42px;
}
}
body.article
.fabrikk--article-bottom
.slot--article-description {
max-width: 880px;
margin-left: auto;
margin-right: auto;
}
body.article
.fabrikk--article-bottom
.tws-article-description {
text-align: left;
padding-top: 4px;
padding-bottom: 6px;
}
body.article
.fabrikk--article-bottom
.tws-article-description--heading {
margin-top: 0;
margin-bottom: 3px;
font-size: 22px;
line-height: 1.3;
font-weight: 500;
}
body.article
.fabrikk--article-bottom
.tws-article-description--article-number {
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
line-height: 1.4;
color: #777;
}
body.article
.fabrikk--article-bottom
.tws-article-description--text {
max-width: 820px;
font-size: 14px;
line-height: 1.65;
}
body.article
.slot--article-page-footer
.related-articles,
body.article
.slot--article-page-footer
.visited-articles {
margin-top: 26px;
margin-bottom: 20px;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--heading,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--heading {
margin-bottom: 11px;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--heading
.tws-util-heading--heading,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--heading
.tws-util-heading--heading {
margin: 0;
text-align: left;
font-size: 17px;
line-height: 1.3;
font-weight: 500;
color: #333;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-track,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-track {
display: flex !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-slide,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-slide {
height: auto !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-slide > div,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-slide > div,
body.article
.slot--article-page-footer
.related-articles
.slider-wrapper,
body.article
.slot--article-page-footer
.visited-articles
.slider-wrapper,
body.article
.slot--article-page-footer
.related-articles
.tws-list--grid-item,
body.article
.slot--article-page-footer
.visited-articles
.tws-list--grid-item {
height: 100%;
}
body.article
.slot--article-page-footer
.related-articles
.thumbnail,
body.article
.slot--article-page-footer
.visited-articles
.thumbnail {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
margin: 0 5px 4px !important;
padding: 8px !important;
background: #fff;
border: 1px solid #e2e3e7 !important;
border-radius: 6px !important;
box-shadow: none !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
body.article
.slot--article-page-footer
.related-articles
.thumbnail:hover,
body.article
.slot--article-page-footer
.visited-articles
.thumbnail:hover {
border-color: #c7cad2 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--product-image
.tws-img--container,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 56% !important;
background: #fff;
}
body.article
.slot--article-page-footer
.related-articles
.thumbnail > .caption,
body.article
.slot--article-page-footer
.visited-articles
.thumbnail > .caption {
position: static !important;
display: flex !important;
flex: 1 1 auto;
flex-direction: column;
min-height: 128px;
padding: 8px 3px 4px !important;
overflow: visible !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--article-name,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--article-name {
margin: 0 0 7px !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--article-name
.tws-util-heading--heading,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 34px;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--article-name a,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--article-name a {
color: #333 !important;
text-decoration: none !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--article-name a:hover,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--article-name a:hover {
text-decoration: underline !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--price,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--price {
margin-top: auto;
margin-bottom: 4px;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--price
.twsPriceCurrent,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--price
.twsPriceCurrent {
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--price
.tws-api--price-current-diff,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--price
.tws-api--price-current-diff {
color: #d25353 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--price
.twsPriceRegular,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--price
.twsPriceRegular {
margin-left: 5px;
font-size: 11px !important;
font-weight: 400 !important;
color: #888 !important;
text-decoration: line-through;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--item-stock-wrap,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--item-stock-wrap {
position: static !important;
float: none !important;
clear: both !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 16px !important;
margin: 2px 0 6px !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #666 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--item-stock,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--item-stock {
position: static !important;
float: none !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--item-stock::before,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--item-stock::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 5px;
background: #53a34f;
border-radius: 50%;
vertical-align: 1px;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--buy-button,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--buy-button {
position: static !important;
float: none !important;
clear: both !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
height: auto !important;
min-height: 36px !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--quantity,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--quantity {
box-sizing: border-box;
position: static !important;
float: none !important;
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
height: 34px !important;
margin: 0 !important;
padding: 4px !important;
text-align: center !important;
font-size: 12px !important;
border-color: #d1d3d8 !important;
border-radius: 4px !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
position: static !important;
float: none !important;
flex: 0 1 92px !important;
width: 92px !important;
min-width: 78px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 5px 12px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
border-radius: 4px !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-labels--label,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-labels--label {
border-radius: 4px !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-labels--label-text,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-labels--label-text {
font-size: 11px !important;
font-weight: 700 !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-prev,
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-next,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-prev,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-next {
z-index: 6 !important;
width: 30px !important;
height: 30px !important;
background: rgba(255, 255, 255, 0.94) !important;
border: 1px solid #d8d9de !important;
border-radius: 50% !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
opacity: 0.92;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-prev::before,
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--list
.slick-next::before,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-prev::before,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--list
.slick-next::before {
color: #5c6177 !important;
opacity: 1 !important;
}
body.article
.slot--article-page-footer
.related-articles
.slick-dots,
body.article
.slot--article-page-footer
.visited-articles
.slick-dots {
margin-top: 6px !important;
}
body.article
.slot--article-page-footer
.related-articles
.slick-dots li,
body.article
.slot--article-page-footer
.visited-articles
.slick-dots li {
width: 14px !important;
height: 14px !important;
margin: 0 1px !important;
}
body.article
.slot--article-page-footer
.related-articles
.slick-dots li button::before,
body.article
.slot--article-page-footer
.visited-articles
.slick-dots li button::before {
font-size: 6px !important;
}
@media (max-width: 767px) {
body.article
.slot--article-page-footer
.related-articles
.thumbnail,
body.article
.slot--article-page-footer
.visited-articles
.thumbnail {
margin-left: 3px !important;
margin-right: 3px !important;
padding: 7px !important;
}
body.article
.slot--article-page-footer
.related-articles
.tws-articles-two--heading
.tws-util-heading--heading,
body.article
.slot--article-page-footer
.visited-articles
.tws-articles-two--heading
.tws-util-heading--heading {
font-size: 16px;
}
body.article
.slot--article-page-footer
.related-articles
.tws-article-list--product-image
.tws-img--container,
body.article
.slot--article-page-footer
.visited-articles
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 60% !important;
}
}
body.article
.fabrikk--back-to-top {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 24px 0 18px !important;
padding: 0 !important;
text-align: center !important;
}
body.article
.fabrikk--back-to-top-link {
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px;
min-height: 38px;
margin: 0 !important;
padding: 8px 15px !important;
background: #f7f7f8 !important;
color: #5c6177 !important;
border: 1px solid #d6d8de !important;
border-radius: 999px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
text-decoration: none !important;
cursor: pointer !important;
transition:
background 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
body.article
.fabrikk--back-to-top-link::before {
content: "\f062";
font-family: FontAwesome !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 13px;
line-height: 1;
color: #5c6177;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.article
.fabrikk--back-to-top-link-text {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #5c6177 !important;
}
body.article
.fabrikk--back-to-top-link:hover {
background: #ffffff !important;
border-color: #bfc2cb !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transform: translateY(-1px);
text-decoration: none !important;
}
body.article
.fabrikk--back-to-top-link:focus {
outline: 2px solid rgba(92, 97, 119, 0.25);
outline-offset: 2px;
}
@media (max-width: 767px) {
body.article
.fabrikk--back-to-top {
margin-top: 20px !important;
margin-bottom: 16px !important;
}
body.article
.fabrikk--back-to-top-link {
min-height: 42px;
padding: 9px 16px !important;
}
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item {
box-sizing: border-box;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
> .thumbnail {
box-sizing: border-box;
display: flex;
flex-direction: column;
min-height: 100%;
margin: 0 4px 12px !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #e1e2e6 !important;
border-radius: 6px !important;
box-shadow: none !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
> .thumbnail:hover {
border-color: #c7cad2 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
transform: translateY(-1px);
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 61% !important;
background: #fff !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--grid-item-link {
display: block;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
> .thumbnail
> .caption {
position: static !important;
display: flex !important;
flex: 1 1 auto;
flex-direction: column;
min-height: 145px;
padding: 8px 2px 3px !important;
overflow: visible !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--article-name {
margin: 0 0 7px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 50px;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.28 !important;
font-weight: 500 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--article-name a {
color: #333 !important;
text-decoration: none !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--article-name a:hover {
text-decoration: underline !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--price {
min-height: 31px;
margin-top: auto !important;
margin-bottom: 3px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--price
.twsPriceCurrent {
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--price
.tws-api--price-current-diff {
color: #d25353 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--price
.twsPriceRegular {
margin-left: 5px;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #888 !important;
text-decoration: line-through !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--item-stock-wrap {
position: static !important;
float: none !important;
display: block !important;
min-height: 16px;
margin: 1px 0 6px !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #666 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--item-stock {
position: static !important;
white-space: nowrap;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--item-stock::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 5px;
background: #53a34f;
border-radius: 50%;
vertical-align: 1px;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--buy-button {
position: static !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 34px !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--quantity {
box-sizing: border-box;
position: static !important;
float: none !important;
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
height: 34px !important;
margin: 0 !important;
padding: 4px !important;
text-align: center !important;
font-size: 12px !important;
border-color: #d1d3d8 !important;
border-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
position: static !important;
float: none !important;
flex: 0 0 82px !important;
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 5px 10px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
border-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-labels--label {
border-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-labels--label-text {
font-size: 11px !important;
font-weight: 700 !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item {
margin-bottom: 5px;
}
@media (max-width: 767px) {
body:not(.article)
.tws-article-list--list
> .tws-list--list
> .tws-list--grid-item
> .thumbnail {
margin-left: 3px !important;
margin-right: 3px !important;
padding: 6px !important;
}
body:not(.article)
.tws-article-list--list
> .tws-list--list
> .tws-list--grid-item
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 0;
font-size: 12px !important;
}
body:not(.article)
.tws-article-list--list
> .tws-list--list
> .tws-list--grid-item
> .thumbnail
> .caption {
min-height: 0;
}
body:not(.article)
.tws-article-list--list
> .tws-list--list
> .tws-list--grid-item
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 64% !important;
}
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.thumbnail {
box-sizing: border-box;
display: flex !important;
flex-direction: column !important;
min-height: 100%;
margin: 0 4px 12px !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #e1e2e6 !important;
border-radius: 6px !important;
box-shadow: none !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.thumbnail:hover {
border-color: #c7cad2 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
transform: translateY(-1px);
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 61% !important;
background: #fff !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.thumbnail
.caption {
position: static !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 145px;
padding: 8px 2px 3px !important;
overflow: visible !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--article-name {
margin: 0 0 7px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 50px;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.28 !important;
font-weight: 500 !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--article-name a {
color: #333 !important;
text-decoration: none !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--article-name a:hover {
text-decoration: underline !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--price {
min-height: 31px;
margin-top: auto !important;
margin-bottom: 3px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--price
.twsPriceCurrent {
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--price
.tws-api--price-current-diff {
color: #d25353 !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--price
.twsPriceRegular {
margin-left: 5px;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #888 !important;
text-decoration: line-through !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--item-stock-wrap {
position: static !important;
float: none !important;
clear: both !important;
display: block !important;
width: 100% !important;
min-height: 16px;
margin: 1px 0 6px !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #666 !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--item-stock {
position: static !important;
float: none !important;
white-space: nowrap;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--item-stock::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 5px;
background: #53a34f;
border-radius: 50%;
vertical-align: 1px;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--buy-button {
position: static !important;
float: none !important;
clear: both !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 34px !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--quantity {
box-sizing: border-box;
position: static !important;
float: none !important;
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
height: 34px !important;
margin: 0 !important;
padding: 4px !important;
text-align: center !important;
font-size: 12px !important;
border-color: #d1d3d8 !important;
border-radius: 4px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
position: static !important;
float: none !important;
flex: 0 0 82px !important;
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 5px 10px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
border-radius: 4px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-labels--label {
border-radius: 4px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-labels--label-text {
font-size: 11px !important;
font-weight: 700 !important;
}
@media (max-width: 767px) {
body:not(.article)
tws-article-list
.tws-list--grid-item
.thumbnail {
margin-left: 3px !important;
margin-right: 3px !important;
padding: 6px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 0;
font-size: 12px !important;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.thumbnail
.caption {
min-height: 0;
}
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 64% !important;
}
}
@media (max-width: 767px) {
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button,
body:not(.article)
tws-article-list
.tws-list--grid-item
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
flex-basis: 72px !important;
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
}
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs {
padding-bottom: 5px;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--crumb:not(.tws-breadcrumbs--current) {
font-size: 11px;
opacity: 0.78;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current {
display: block !important;
margin-top: 8px;
font-size: 23px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
opacity: 1 !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current
.tws-breadcrumbs--spacer {
display: none !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current
.tws-breadcrumbs--text {
color: #333 !important;
text-decoration: none !important;
pointer-events: none;
}
body:not(.article):has(.tws-article-list--list)
.fabrikk--content-wrapper {
padding-top: 3px;
}
body:not(.article)
.tws-article-list--list
.btn-default {
box-sizing: border-box;
min-height: 32px;
margin: 0 !important;
padding: 6px 10px !important;
background: #fff !important;
color: #5c6177 !important;
border: 1px solid #d6d8de !important;
border-radius: 4px !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
transition:
background 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
body:not(.article)
.tws-article-list--list
.btn-default:hover {
background: #f6f6f7 !important;
border-color: #bfc2cb !important;
color: #454a5e !important;
}
body:not(.article)
.tws-article-list--list
.btn-default.active,
body:not(.article)
.tws-article-list--list
.btn-default:active {
background: #5c6177 !important;
color: #fff !important;
border-color: #5c6177 !important;
box-shadow: none !important;
}
body:not(.article)
.tws-article-list--list
.btn-default .fa {
color: inherit !important;
font-size: 12px !important;
}
body:not(.article)
.tws-article-list--list
.btn-group
.btn-default {
border-radius: 0 !important;
}
body:not(.article)
.tws-article-list--list
.btn-group
.btn-default:first-child {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list
.btn-group
.btn-default:last-child {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list
.dropdown-toggle.btn-default {
min-width: 92px;
text-align: left;
}
body:not(.article)
.tws-article-list--list
.dropdown-toggle.btn-default
.caret {
float: right;
margin-top: 5px;
margin-left: 8px;
}
body:not(.article)
.tws-article-list--list
.dropdown-menu {
margin-top: 4px !important;
padding: 5px 0 !important;
border: 1px solid #d6d8de !important;
border-radius: 5px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.09) !important;
}
body:not(.article)
.tws-article-list--list
.dropdown-menu > li > a {
padding: 7px 12px !important;
font-size: 12px !important;
color: #444 !important;
}
body:not(.article)
.tws-article-list--list
.dropdown-menu > li > a:hover {
background: #f5f5f6 !important;
}
body:not(.article)
.tws-article-list--list
select.form-control {
height: 32px !important;
min-height: 32px !important;
padding: 5px 28px 5px 9px !important;
border-color: #d6d8de !important;
border-radius: 4px !important;
box-shadow: none !important;
font-size: 12px !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--grid-item
.tws-article-list--price
.twsPriceRegular {
display: block !important;
margin-top: 2px !important;
margin-left: 0 !important;
font-size: 10px !important;
line-height: 1.15 !important;
color: #999 !important;
opacity: 0.9;
}
@media (max-width: 767px) {
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current {
margin-top: 6px;
font-size: 19px !important;
}
body:not(.article)
.tws-article-list--list
.btn-default {
min-height: 34px;
padding-left: 9px !important;
padding-right: 9px !important;
}
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs--home-icon {
display: none !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs {
padding-left: 0 !important;
}
@media (min-width: 768px) {
body:not(.article)
.tws-article-list--list
.btn-group,
body:not(.article)
.tws-article-list--list
.dropdown {
transform: translateY(-12px);
}
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail {
box-sizing: border-box;
position: relative;
display: flex !important;
align-items: center !important;
width: calc(100% - 8px) !important;
max-width: 1080px !important;
min-height: 92px !important;
margin: 0 0 8px 4px !important;
padding: 7px 10px !important;
background: #fff !important;
border: 1px solid #e2e3e7 !important;
border-radius: 6px !important;
box-shadow: none !important;
overflow: visible !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail:hover {
border-color: #c7cad2 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.055) !important;
transform: translateY(-1px);
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail
a:has(.tws-article-list--product-image) {
box-sizing: border-box;
flex: 0 0 82px !important;
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
margin: 0 14px 0 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--product-image {
width: 82px !important;
max-width: 82px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--product-image
.tws-img--container {
padding-bottom: 100% !important;
background: #fff !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail
.caption {
box-sizing: border-box;
position: static !important;
float: none !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 84px;
grid-template-rows: auto auto;
align-items: center;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
min-height: 72px !important;
column-gap: 18px;
row-gap: 5px;
margin: 0 !important;
padding: 3px 2px 3px 0 !important;
overflow: visible !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--article-name {
grid-column: 1;
grid-row: 1;
align-self: end;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 0 !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--price {
grid-column: 1;
grid-row: 2;
align-self: start;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--price
.twsPriceCurrent {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--price
.tws-api--price-current-diff {
color: #d25353 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--price
.twsPriceRegular {
display: inline !important;
margin: 0 0 0 7px !important;
font-size: 10px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #999 !important;
text-decoration: line-through !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--buy-button {
position: static !important;
float: none !important;
grid-column: 2;
grid-row: 1 / span 2;
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 84px !important;
min-width: 84px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
box-sizing: border-box;
position: static !important;
float: none !important;
width: 80px !important;
min-width: 80px !important;
max-width: 80px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 5px 10px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
border-radius: 4px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--quantity {
position: static !important;
float: none !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail
.tws-article-list--labels {
position: absolute !important;
top: 5px !important;
left: 5px !important;
z-index: 5;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-labels--label {
border-radius: 4px !important;
}
@media (max-width: 767px) {
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail {
width: 100% !important;
max-width: none !important;
min-height: 82px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 6px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail
a:has(.tws-article-list--product-image) {
flex-basis: 68px !important;
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
margin-right: 9px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--product-image {
width: 68px !important;
max-width: 68px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.thumbnail
.caption {
grid-template-columns: minmax(0, 1fr) 70px;
min-height: 66px;
column-gap: 8px;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--article-name
.tws-util-heading--heading {
font-size: 12px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--buy-button {
width: 70px !important;
min-width: 70px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-article-list--buy-button
.tws-article-buy-button-with-modal--buy-button {
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
}
}
@media (max-width: 767px) {
body.article
.fabrikk--article-right-col
.slot--article-name h1 {
font-size: 23px;
}
body.article
.fabrikk--article-right-col
.tws-article-price--price .twsPriceCurrent {
font-size: 27px !important;
}
body.article
.fabrikk--article-right-col
> .slot--article-price,
body.article
.fabrikk--article-right-col
> .slot--prisjakt-cheapest,
body.article
.fabrikk--article-right-col
> .fabrikk--article-choices-wrapper,
body.article
.fabrikk--article-right-col
> .fabrikk--buy-button-group,
body.article
.fabrikk--article-right-col
> .slot--article-pricetable {
max-width: none;
}
}
@media (max-width: 420px) {
body.article
.fabrikk--article-right-col
> .fabrikk--buy-button-group {
flex-direction: column !important;
align-items: stretch !important;
}
body.article
.fabrikk--buy-button-group
.slot--article-quantity {
flex: none !important;
width: 142px !important;
}
body.article
.fabrikk--buy-button-group
.buy-button-wrapper {
width: 100% !important;
transform: none;
}
body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--buy-button {
width: 100% !important;
}
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.row:has(> .tws-list--list-item) {
margin-left: 0 !important;
margin-right: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item {
box-sizing: border-box;
position: relative !important;
float: none !important;
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr) !important;
align-items: center !important;
column-gap: 15px !important;
width: calc(100% - 8px) !important;
max-width: 1080px !important;
min-height: 104px !important;
margin: 0 0 9px 4px !important;
padding: 8px 10px !important;
background: #fff !important;
border: 1px solid #e1e2e6 !important;
border-radius: 6px !important;
box-shadow: none !important;
overflow: visible !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item:hover {
border-color: #c7cad2 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.055) !important;
transform: translateY(-1px);
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"] {
grid-column: 1 !important;
grid-row: 1 !important;
display: block !important;
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img {
width: 96px !important;
max-width: 96px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img--wrapper {
width: 96px !important;
max-width: 96px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img--container {
width: 96px !important;
max-width: 96px !important;
padding-bottom: 66.6667% !important;
background: #fff !important;
border-radius: 3px;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body {
box-sizing: border-box;
grid-column: 2 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 86px !important;
grid-template-rows: auto auto !important;
align-items: center !important;
column-gap: 20px !important;
row-gap: 5px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 2px 2px 2px 0 !important;
overflow: visible !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--article-name {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: end !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--article-name
.tws-util-heading--heading {
min-height: 0 !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--article-name a {
color: #333 !important;
text-decoration: none !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--article-name a:hover {
text-decoration: underline !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--price {
grid-column: 1 !important;
grid-row: 2 !important;
align-self: start !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.twsPriceCurrent {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-api--price-current-diff {
color: #d25353 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.twsPriceRegular {
display: inline !important;
margin: 0 0 0 7px !important;
font-size: 10px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #999 !important;
text-decoration: line-through !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--buy-button {
position: static !important;
float: none !important;
grid-column: 2 !important;
grid-row: 1 / span 2 !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 86px !important;
min-width: 86px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-buy-button-with-modal--buy-button {
box-sizing: border-box;
position: static !important;
float: none !important;
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 5px 10px !important;
border-radius: 4px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .tws-article-list--labels {
position: absolute !important;
top: 6px !important;
left: 6px !important;
z-index: 5 !important;
margin: 0 !important;
}
@media (max-width: 767px) {
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item {
grid-template-columns: 72px minmax(0, 1fr) !important;
column-gap: 10px !important;
width: 100% !important;
max-width: none !important;
min-height: 86px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 6px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"],
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img,
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img--wrapper,
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> a[class*="tws-article-list--article-"]
.tws-img--container {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body {
grid-template-columns: minmax(0, 1fr) 70px !important;
column-gap: 8px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--article-name
.tws-util-heading--heading {
font-size: 12px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-list--buy-button {
width: 70px !important;
min-width: 70px !important;
}
body:not(.article)
.tws-article-list--list:has(.btn-group .btn-default:first-child.active)
.tws-list--list
.tws-list--list-item
> .media-body
.tws-article-buy-button-with-modal--buy-button {
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
}
}
body:not(.article)
.fabrikk--article-search-results
.tws-article-search-page {
position: relative !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-article-search-page--heading {
display: block !important;
margin: 0 0 10px 4px !important;
padding: 0 !important;
text-align: left !important;
font-size: 23px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
color: #333 !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-article-list--tws-list {
margin-top: 0 !important;
padding-top: 0 !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-list--list {
position: relative !important;
padding-top: 4px !important;
}
@media (min-width: 768px) {
body:not(.article)
.fabrikk--article-search-results
.tws-list-controls {
position: absolute !important;
top: -42px !important;
right: 0 !important;
z-index: 5;
margin: 0 !important;
float: none !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-list-controls + .clearfix {
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-list--type-grid {
margin-top: 2px !important;
}
}
@media (max-width: 767px) {
body:not(.article)
.fabrikk--article-search-results
.tws-article-search-page--heading {
margin-left: 0 !important;
margin-bottom: 10px !important;
font-size: 20px !important;
}
body:not(.article)
.fabrikk--article-search-results
.tws-list-controls {
position: static !important;
float: none !important;
display: flex !important;
justify-content: flex-end !important;
margin: 0 0 10px !important;
}
}
ul.dropdown-menu:has(> .tws-article-search--list-item) {
box-sizing: border-box;
width: min(640px, calc(100vw - 28px)) !important;
max-width: 640px !important;
max-height: 500px !important;
left: 14px !important;
right: auto !important;
margin: 6px 0 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background: #fff !important;
border: 1px solid #d7d9de !important;
border-radius: 7px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
z-index: 10050 !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item {
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid #ececef !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a {
box-sizing: border-box;
display: flex !important;
align-items: center !important;
gap: 11px !important;
min-height: 56px !important;
padding: 7px 12px !important;
color: #333 !important;
text-decoration: none !important;
background: transparent !important;
transition:
background 0.12s ease,
color 0.12s ease;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a:hover,
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a:focus {
background: #f5f6f8 !important;
color: #222 !important;
outline: none !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a
> img {
box-sizing: border-box;
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 2px !important;
object-fit: contain !important;
background: #fff !important;
border: 1px solid #ececef !important;
border-radius: 4px !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a
> span {
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
color: inherit !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
strong {
font-weight: 700 !important;
color: #50566f !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--show-all {
position: sticky !important;
bottom: 0 !important;
z-index: 3;
margin: 0 !important;
padding: 0 !important;
background: #fafafb !important;
border-top: 1px solid #dfe1e6 !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--show-all
> a {
display: block !important;
padding: 11px 14px !important;
background: #fafafb !important;
color: #50566f !important;
text-decoration: none !important;
cursor: pointer !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
transition:
background 0.12s ease,
color 0.12s ease;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--show-all
> a:hover,
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--show-all
> a:focus {
background: #f0f1f4 !important;
color: #363b51 !important;
outline: none !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--show-all
.text-center {
text-align: center !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item) {
scrollbar-width: thin;
scrollbar-color: #c7cad2 transparent;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)::-webkit-scrollbar {
width: 8px;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)::-webkit-scrollbar-track {
background: transparent;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)::-webkit-scrollbar-thumb {
background: #c7cad2;
border-radius: 8px;
border: 2px solid #fff;
}
@media (max-width: 767px) {
ul.dropdown-menu:has(> .tws-article-search--list-item) {
width: calc(100vw - 16px) !important;
max-width: none !important;
max-height: min(68vh, 520px) !important;
left: 8px !important;
right: 8px !important;
margin-top: 4px !important;
border-radius: 6px !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a {
min-height: 54px !important;
gap: 9px !important;
padding: 6px 9px !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a
> img {
flex-basis: 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a
> span {
font-size: 12px !important;
}
}
.tws-mega-menu--search-bar {
box-sizing: border-box !important;
padding: 8px 14px 7px !important;
background: #fff !important;
border-top: 1px solid #ececef !important;
border-bottom: 1px solid #ececef !important;
}
.tws-mega-menu--search-bar > div {
box-sizing: border-box !important;
width: min(640px, calc(100vw - 28px)) !important;
max-width: 640px !important;
margin: 0 !important;
padding: 0 !important;
}
.tws-mega-menu--search-bar
.tws-article-search {
position: relative !important;
width: 100% !important;
margin: 0 !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control {
box-sizing: border-box !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 9px 13px 9px 40px !important;
background: #fff !important;
color: #333 !important;
border: 1px solid #cfd2d8 !important;
border-radius: 7px !important;
box-shadow: none !important;
font-size: 14px !important;
line-height: 1.3 !important;
text-align: left !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control:focus {
border-color: #8e93a3 !important;
box-shadow: 0 0 0 2px rgba(92, 97, 119, 0.10) !important;
outline: none !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> .tws-article-search--no-label.form-control-feedback {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
width: 40px !important;
height: 44px !important;
line-height: 44px !important;
color: #5c6177 !important;
text-align: center !important;
pointer-events: none !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> ul.dropdown-menu:has(> .tws-article-search--list-item) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: auto !important;
margin-top: 5px !important;
}
.tws-mega-menu--search-bar
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a {
justify-content: flex-start !important;
text-align: left !important;
}
.tws-mega-menu--search-bar
ul.dropdown-menu:has(> .tws-article-search--list-item)
> .tws-article-search--list-item
> a
> span {
margin: 0 !important;
text-align: left !important;
}
.tws-article-search--list-item,
.tws-article-search--list-item a,
.tws-article-search--list-item span {
text-align: left !important;
}
@media (max-width: 767px) {
.tws-mega-menu--search-bar {
padding: 7px 8px !important;
}
.tws-mega-menu--search-bar > div {
width: 100% !important;
max-width: none !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control {
height: 42px !important;
min-height: 42px !important;
padding-left: 38px !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> .tws-article-search--no-label.form-control-feedback {
width: 38px !important;
height: 42px !important;
line-height: 42px !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> ul.dropdown-menu:has(> .tws-article-search--list-item) {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: auto !important;
}
}
.slot--mega-menu,
.tws-mega-menu {
position: relative !important;
}
.tws-mega-menu--search-bar {
box-sizing: border-box !important;
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: auto !important;
z-index: 10040 !important;
width: min(640px, calc(100vw - 16px)) !important;
max-width: 640px !important;
margin: 0 !important;
padding: 8px 8px 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.tws-mega-menu--search-bar > div {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control {
height: 44px !important;
min-height: 44px !important;
padding-left: 40px !important;
background: #fff !important;
border: 1px solid #cfd2d8 !important;
border-radius: 7px !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10) !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control:focus {
border-color: #8e93a3 !important;
box-shadow:
0 4px 14px rgba(0, 0, 0, 0.10),
0 0 0 2px rgba(92, 97, 119, 0.10) !important;
outline: none !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> ul.dropdown-menu:has(> .tws-article-search--list-item) {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: auto !important;
margin-top: 5px !important;
border-radius: 7px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
}
.tws-mega-menu--search-bar
.tws-article-search--list-item
> a {
justify-content: flex-start !important;
text-align: left !important;
}
.tws-mega-menu--search-bar
.tws-article-search--list-item
> a
> span {
text-align: left !important;
}
@media (max-width: 767px) {
.tws-mega-menu--search-bar {
top: 100% !important;
left: 0 !important;
right: auto !important;
width: 100vw !important;
max-width: 100vw !important;
padding: 6px 8px 0 !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> ul.dropdown-menu:has(> .tws-article-search--list-item) {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: auto !important;
}
}
@media (min-width: 768px) {
.tws-mega-menu--search-bar {
left: 276px !important;
right: auto !important;
}
}
.tws-mega-menu--search-bar
.tws-article-search
> .tws-article-search--no-label.form-control-feedback {
top: 50% !important;
left: 13px !important;
right: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
line-height: 1 !important;
transform: translateY(-50%) !important;
text-align: center !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control {
padding-left: 42px !important;
}
@media (max-width: 767px) {
.tws-mega-menu--search-bar {
left: 0 !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> .tws-article-search--no-label.form-control-feedback {
left: 12px !important;
}
.tws-mega-menu--search-bar
.tws-article-search
> input.form-control {
padding-left: 40px !important;
}
}
@media (min-width: 768px) {
.fabrikk--header-wrapper {
box-sizing: border-box !important;
min-height: 92px !important;
padding-top: 11px !important;
padding-bottom: 11px !important;
border-bottom: 1px solid #ececef !important;
}
.slot--logo {
box-sizing: border-box !important;
width: min(470px, 42vw) !important;
max-width: 470px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
display: block !important;
width: 100% !important;
max-width: 470px !important;
margin: 0 auto !important;
}
.tws-mega-menu--search-button.btn {
box-sizing: border-box !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 18px !important;
background: #fff !important;
color: #4f556d !important;
border: 1px solid transparent !important;
border-radius: 0 6px 6px 0 !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 44px !important;
font-weight: 600 !important;
letter-spacing: 0.02em;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease;
}
.tws-mega-menu--search-button.btn:hover,
.tws-mega-menu--search-button.btn:focus,
.tws-mega-menu--search-button.btn:active {
background: #f5f6f8 !important;
color: #363b51 !important;
border-color: #e3e4e8 !important;
outline: none !important;
box-shadow: none !important;
}
.tws-mega-menu--search-button
.fa-search {
margin-right: 7px !important;
font-size: 14px !important;
line-height: inherit !important;
color: inherit !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
box-sizing: border-box !important;
min-height: 46px !important;
padding: 0 14px !important;
display: flex !important;
align-items: center !important;
background: #fff !important;
border: 1px solid transparent !important;
border-radius: 6px !important;
cursor: pointer !important;
transition:
background 0.15s ease,
border-color 0.15s ease;
}
.slot--cart
.tws-mini-cart--header-cart-button:hover,
.slot--cart
.tws-mini-cart--header-cart-button:focus {
background: #f5f6f8 !important;
border-color: #e3e4e8 !important;
outline: none !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
display: flex !important;
align-items: center !important;
gap: 5px !important;
min-height: 44px !important;
}
.slot--cart
.tws-mini-cart--header-cart-img {
margin: 0 3px 0 0 !important;
}
.slot--cart
.tws-mini-cart--header-quantity {
margin: 0 !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #4f556d !important;
}
.slot--cart
.tws-mini-cart--header-cart-text {
margin: 0 !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #44495b !important;
text-transform: none !important;
letter-spacing: 0.01em;
}
.fabrikk--header-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
}
@media (max-width: 767px) {
.tws-mega-menu--search-button
.fa-search {
vertical-align: middle !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
align-items: center !important;
}
}
@media (min-width: 768px) {
.fabrikk--header-wrapper {
min-height: 106px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.slot--logo {
width: min(560px, 48vw) !important;
max-width: 560px !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
width: 100% !important;
max-width: 560px !important;
}
.tws-mega-menu--search-button.btn {
height: 50px !important;
min-height: 50px !important;
padding: 0 20px !important;
font-size: 13px !important;
line-height: 48px !important;
font-weight: 600 !important;
}
.tws-mega-menu--search-button
.fa-search {
margin-right: 8px !important;
font-size: 16px !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
min-height: 50px !important;
padding: 0 16px !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
min-height: 48px !important;
gap: 6px !important;
}
.slot--cart
.tws-mini-cart--header-cart-img {
transform: scale(1.08);
transform-origin: center;
}
.slot--cart
.tws-mini-cart--header-quantity {
font-size: 12px !important;
font-weight: 700 !important;
}
.slot--cart
.tws-mini-cart--header-cart-text {
font-size: 12px !important;
font-weight: 500 !important;
}
}
@media (min-width: 768px) {
.fabrikk--header-wrapper {
min-height: 106px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.slot--logo {
width: min(660px, 55vw) !important;
max-width: 660px !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
width: 100% !important;
max-width: 660px !important;
}
.tws-mega-menu--search-button.btn {
height: 50px !important;
min-height: 50px !important;
padding: 0 20px !important;
font-size: 15px !important;
line-height: 48px !important;
font-weight: 600 !important;
color: #444a61 !important;
border-radius: 0 7px 7px 0 !important;
}
.tws-mega-menu--search-button
.fa-search {
margin-right: 9px !important;
font-size: 17px !important;
}
.tws-mega-menu--search-button.btn:hover,
.tws-mega-menu--search-button.btn:focus {
background: #f3f4f6 !important;
border-color: #dfe1e6 !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
min-height: 50px !important;
padding: 0 17px !important;
border-radius: 7px !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
min-height: 48px !important;
gap: 7px !important;
}
.slot--cart
.tws-mini-cart--header-cart-img {
transform: scale(1.18) !important;
transform-origin: center !important;
margin-right: 5px !important;
}
.slot--cart
.tws-mini-cart--header-quantity {
font-size: 13px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #444a61 !important;
}
.slot--cart
.tws-mini-cart--header-cart-text {
font-size: 13px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #444a61 !important;
}
.slot--cart
.tws-mini-cart--header-cart-button:hover,
.slot--cart
.tws-mini-cart--header-cart-button:focus {
background: #f3f4f6 !important;
border-color: #dfe1e6 !important;
}
}
@media (min-width: 768px) {
.tws-mega-menu--search-button.btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 94px !important;
height: 50px !important;
padding: 0 18px !important;
line-height: normal !important;
}
.tws-mega-menu--search-button.btn > span {
display: inline-block !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
color: #444a61 !important;
}
.tws-mega-menu--search-button.btn > i.fa-search,
.tws-mega-menu--search-button.btn > .fa-search {
display: inline-block !important;
margin: 0 9px 0 0 !important;
font-size: 17px !important;
line-height: 1 !important;
color: #444a61 !important;
vertical-align: middle !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 50px !important;
gap: 7px !important;
}
.slot--cart
.tws-mini-cart--header-cart-img {
display: block !important;
width: 26px !important;
min-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
margin: 0 4px 0 0 !important;
transform: none !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.slot--cart
.tws-mini-cart--header-quantity {
display: inline-block !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #444a61 !important;
vertical-align: middle !important;
}
.slot--cart
.tws-mini-cart--header-cart-text {
display: inline-block !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #444a61 !important;
text-transform: none !important;
vertical-align: middle !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 124px !important;
min-height: 50px !important;
padding: 0 15px !important;
}
}
.tws-article-labels,
.tws-article-list--labels {
z-index: 6 !important;
}
.tws-article-labels > *,
.tws-article-list--labels > * {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
padding: 4px 8px !important;
border: 0 !important;
border-radius: 12px !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
color: #fff !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
}
.tws-list--type-grid
.tws-article-list--labels,
.tws-article-list--list
.tws-article-list--labels {
top: 8px !important;
left: 8px !important;
}
body.article
.tws-article-labels,
body.article
.tws-article-list--labels {
top: 10px !important;
left: 10px !important;
}
body.article
.tws-article-labels > *,
body.article
.tws-article-list--labels > * {
min-height: 26px !important;
padding: 5px 9px !important;
border-radius: 13px !important;
font-size: 13px !important;
}
@media (max-width: 767px) {
.tws-article-labels > *,
.tws-article-list--labels > * {
min-height: 22px !important;
padding: 4px 7px !important;
border-radius: 11px !important;
font-size: 11px !important;
}
}
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 52px !important;
min-height: 28px !important;
padding: 5px 10px !important;
background: #d93f50 !important;
color: #fff !important;
border: 1px solid #c63445 !important;
border-radius: 999px !important;
box-shadow: 0 2px 3px rgba(95, 18, 28, 0.20) !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.015em !important;
color: #fff !important;
text-shadow: 0 1px 0 rgba(90, 10, 20, 0.20) !important;
}
.tws-list--type-grid
.tws-article-list--labels,
.tws-article-list--list
.tws-article-list--labels {
top: 9px !important;
left: 9px !important;
}
body.article
.tws-article-labels--label,
body.article
.tws-article-list--labels
.tws-article-labels--label {
min-width: 58px !important;
min-height: 31px !important;
padding: 6px 11px !important;
border-radius: 999px !important;
}
body.article
.tws-article-labels--label-text,
body.article
.tws-article-list--labels
.tws-article-labels--label-text {
font-size: 14px !important;
font-weight: 800 !important;
}
@media (max-width: 767px) {
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
min-width: 48px !important;
min-height: 25px !important;
padding: 4px 8px !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
font-size: 12px !important;
}
}
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 48px !important;
min-height: 25px !important;
padding: 4px 8px !important;
background: #e34455 !important;
color: #fff !important;
border: 0 !important;
border-radius: 4px !important;
box-shadow: none !important;
text-shadow: none !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
color: #fff !important;
text-shadow: none !important;
}
.tws-list--type-grid
.tws-article-list--labels,
.tws-article-list--list
.tws-article-list--labels {
top: 8px !important;
left: 8px !important;
}
body.article
.tws-article-labels--label,
body.article
.tws-article-list--labels
.tws-article-labels--label {
min-width: 54px !important;
min-height: 28px !important;
padding: 5px 9px !important;
border-radius: 4px !important;
box-shadow: none !important;
}
body.article
.tws-article-labels--label-text,
body.article
.tws-article-list--labels
.tws-article-labels--label-text {
font-size: 14px !important;
font-weight: 800 !important;
text-shadow: none !important;
}
@media (max-width: 767px) {
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
min-width: 44px !important;
min-height: 23px !important;
padding: 4px 7px !important;
border-radius: 3px !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
font-size: 12px !important;
}
}
body:has(.tws-vertical-menu--articlegroup-6220745.active)
.tws-articlegroup-list--top-heading {
display: none !important;
}
body:has(
.tws-vertical-menu--articlegroup-wrapper.tws-vertical-menu--articlegroup-is-open
> .tws-vertical-menu--articlegroup-6220745
)
.tws-articlegroup-list--top-heading {
display: none !important;
}
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 54px !important;
min-height: 27px !important;
padding: 5px 13px 5px 9px !important;
background: #c93649 !important;
color: #fff !important;
border: 0 !important;
border-radius: 3px 0 0 3px !important;
box-shadow: none !important;
text-shadow: none !important;
clip-path: polygon(
0 0,
86% 0,
100% 50%,
86% 100%,
0 100%
) !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.01em !important;
color: #fff !important;
text-shadow: none !important;
}
.tws-list--type-grid
.tws-article-list--labels,
.tws-article-list--list
.tws-article-list--labels {
top: 9px !important;
left: 9px !important;
}
body.article
.tws-article-labels--label,
body.article
.tws-article-list--labels
.tws-article-labels--label {
min-width: 62px !important;
min-height: 31px !important;
padding: 6px 15px 6px 10px !important;
border-radius: 4px 0 0 4px !important;
}
body.article
.tws-article-labels--label-text,
body.article
.tws-article-list--labels
.tws-article-labels--label-text {
font-size: 14px !important;
font-weight: 800 !important;
}
@media (max-width: 767px) {
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
min-width: 49px !important;
min-height: 24px !important;
padding: 4px 11px 4px 8px !important;
border-radius: 3px 0 0 3px !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
font-size: 12px !important;
}
}
.tws-article-labels--label,
.tws-article-list--labels .tws-article-labels--label {
background: #c93649 !important;
border: 0 !important;
box-shadow: none !important;
}
.tws-article-labels--label > *,
.tws-article-list--labels .tws-article-labels--label > * {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
.tws-article-labels--label::before,
.tws-article-labels--label::after,
.tws-article-labels--label > *::before,
.tws-article-labels--label > *::after,
.tws-article-list--labels .tws-article-labels--label::before,
.tws-article-list--labels .tws-article-labels--label::after,
.tws-article-list--labels .tws-article-labels--label > *::before,
.tws-article-list--labels .tws-article-labels--label > *::after {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
.tws-article-labels--label *,
.tws-article-list--labels .tws-article-labels--label * {
color: #fff !important;
text-shadow: none !important;
}
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
font-size: 14px !important;
}
body.article .tws-article-labels--label-text,
body.article .tws-article-list--labels .tws-article-labels--label-text {
font-size: 15px !important;
}
@media (max-width: 767px) {
.tws-article-labels--label-text,
.tws-article-list--labels .tws-article-labels--label-text {
font-size: 13px !important;
}
}
.tws-vertical-menu .tws-vertical-menu--menu {
background:
linear-gradient(
180deg,
#565b70 0%,
#5c6177 46%,
#60657a 100%
) !important;
color: #f4f5f8 !important;
}
.tws-vertical-menu--articlegroup,
.tws-vertical-menu--custom-link > a {
box-sizing: border-box !important;
color: #f5f6f9 !important;
text-decoration: none !important;
border-radius: 3px !important;
transition:
background-color .14s ease,
color .14s ease,
box-shadow .14s ease !important;
}
.tws-vertical-menu--root-level
> .tws-vertical-menu--level
> .tws-vertical-menu--articlegroup-wrapper
> .tws-vertical-menu--articlegroup {
padding: 4px 12px 4px 14px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
.tws-vertical-menu--inner-ul
.tws-vertical-menu--articlegroup {
padding: 3px 12px 3px 29px !important;
color: rgba(245, 246, 249, .82) !important;
font-size: 0.94em !important;
font-weight: 400 !important;
line-height: 1.35 !important;
}
body:not(.using-touch)
.tws-vertical-menu--articlegroup:hover,
body:not(.using-touch)
.tws-vertical-menu--custom-link > a:hover {
background: rgba(255, 255, 255, .075) !important;
color: #ffffff !important;
}
.tws-vertical-menu--articlegroup.active,
.tws-vertical-menu--articlegroup.open.active {
background: rgba(255, 255, 255, .12) !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: inset 3px 0 0 rgba(255, 255, 255, .92) !important;
}
.tws-vertical-menu--articlegroup.open:not(.active) {
background: rgba(255, 255, 255, .045) !important;
color: #ffffff !important;
}
.tws-vertical-menu--expand-children {
color: rgba(255, 255, 255, .68) !important;
}
.tws-vertical-menu--articlegroup-is-open
> .tws-vertical-menu--expand-children {
color: #ffffff !important;
}
.tws-vertical-menu--articlegroup-6220745,
.tws-vertical-menu--articlegroup-5313687 {
position: relative !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: inset 3px 0 0 #c93649 !important;
}
.tws-vertical-menu--level-1 {
margin-bottom: 7px !important;
padding-bottom: 7px !important;
border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}
body:not(.using-touch)
.tws-vertical-menu--articlegroup-6220745:hover,
body:not(.using-touch)
.tws-vertical-menu--articlegroup-5313687:hover {
background: rgba(201, 54, 73, .18) !important;
}
.tws-vertical-menu--articlegroup-6220745.active,
.tws-vertical-menu--articlegroup-5313687.active {
background: rgba(201, 54, 73, .22) !important;
box-shadow: inset 3px 0 0 #e45a6c !important;
}
.tws-vertical-menu--custom-link-0 {
margin-top: 8px !important;
padding-top: 8px !important;
border-top: 1px solid rgba(255, 255, 255, .14) !important;
}
.tws-vertical-menu--custom-link > a {
padding: 3px 12px 3px 14px !important;
color: rgba(245, 246, 249, .80) !important;
font-size: .95em !important;
font-weight: 400 !important;
}
.tws-vertical-menu--controls,
.tws-vertical-menu--custom-html {
border-top-color: rgba(255, 255, 255, .12) !important;
}
.tws-vertical-menu--articlegroup.open:not(.active) {
background: rgba(255, 255, 255, .018) !important;
color: #ffffff !important;
font-weight: 600 !important;
box-shadow: none !important;
}
.tws-vertical-menu--articlegroup-wrapper.tws-vertical-menu--articlegroup-is-open
> .tws-vertical-menu--articlegroup:not(.active) {
background: rgba(255, 255, 255, .018) !important;
box-shadow: none !important;
}
.tws-vertical-menu--articlegroup.active,
.tws-vertical-menu--articlegroup.open.active {
background: rgba(255, 255, 255, .12) !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: inset 3px 0 0 rgba(255, 255, 255, .92) !important;
}
body.articlegroup-6220745
.tws-articlegroup-list--top-heading {
display: none !important;
}
@media (max-width: 991px) {
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs {
box-sizing: border-box !important;
position: relative !important;
left: 0 !important;
right: auto !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 9px 10px 3px !important;
transform: none !important;
overflow: visible !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
overflow: visible !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current {
position: static !important;
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 4px 0 0 !important;
padding: 0 !important;
float: none !important;
font-size: 20px !important;
line-height: 1.25 !important;
white-space: normal !important;
overflow: visible !important;
transform: none !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current
.tws-breadcrumbs--text {
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
white-space: normal !important;
}
body:not(.article):has(.tws-article-list--list)
.fabrikk--content-wrapper {
padding-top: 0 !important;
}
body:not(.article)
.tws-article-list--list {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
@media (max-width: 767px) {
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs {
padding: 7px 8px 2px !important;
}
body:not(.article):has(.tws-article-list--list)
.slot--breadcrumbs
.tws-breadcrumbs
.tws-breadcrumbs--current {
margin-top: 2px !important;
font-size: 18px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body:not(.article)
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item {
box-sizing: border-box !important;
float: left !important;
width: 33.333333% !important;
max-width: 33.333333% !important;
flex: 0 0 33.333333% !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--type-grid
> [class*="col-sm-"] {
width: 33.333333% !important;
max-width: 33.333333% !important;
}
body:not(.article)
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail {
margin-left: 4px !important;
margin-right: 4px !important;
}
.tws-mega-menu--search-bar {
left: 0 !important;
right: auto !important;
width: min(640px, calc(100vw - 16px)) !important;
max-width: 640px !important;
}
.fabrikk--header-wrapper {
min-height: 82px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.slot--logo {
width: min(360px, 43vw) !important;
max-width: 360px !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
width: 100% !important;
max-width: 360px !important;
}
.tws-mega-menu--search-button.btn {
min-width: 76px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 12px !important;
font-size: 12px !important;
}
.tws-mega-menu--search-button.btn > span {
font-size: 12px !important;
}
.tws-mega-menu--search-button.btn > i.fa-search,
.tws-mega-menu--search-button.btn > .fa-search {
margin-right: 6px !important;
font-size: 14px !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
min-width: 92px !important;
min-height: 42px !important;
padding: 0 10px !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
min-height: 42px !important;
gap: 5px !important;
}
.slot--cart
.tws-mini-cart--header-cart-img {
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
min-height: 22px !important;
margin-right: 3px !important;
}
.slot--cart
.tws-mini-cart--header-quantity,
.slot--cart
.tws-mini-cart--header-cart-text {
font-size: 12px !important;
}
}
@media (min-width: 992px) {
body {
--discatonce-responsive-mode: desktop;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.articlegroup
.tws-article-list--list
> .tws-list--list,
body.articlegroup
tws-article-list
> .tws-list--list,
body.startpage
.tws-article-list--list
> .tws-list--list,
body.startpage
tws-article-list
> .tws-list--list {
box-sizing: border-box !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
align-content: flex-start !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.articlegroup
.tws-list--list
> .tws-list--grid-item,
body.startpage
.tws-list--list
> .tws-list--grid-item {
box-sizing: border-box !important;
float: none !important;
clear: none !important;
display: block !important;
width: 33.333333% !important;
min-width: 0 !important;
max-width: 33.333333% !important;
flex: 0 0 33.333333% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.articlegroup
.tws-list--list
> .tws-list--grid-item[class*="col-sm-"],
body.startpage
.tws-list--list
> .tws-list--grid-item[class*="col-sm-"] {
width: 33.333333% !important;
min-width: 0 !important;
max-width: 33.333333% !important;
flex-basis: 33.333333% !important;
}
body.articlegroup
.tws-list--list
> .tws-list--grid-item
> .thumbnail,
body.startpage
.tws-list--list
> .tws-list--grid-item
> .thumbnail {
width: auto !important;
max-width: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
margin-bottom: 10px !important;
}
body.articlegroup
.tws-article-list--list
.tws-list-controls {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
text-align: right !important;
}
.slot--logo {
width: min(420px, 50vw) !important;
max-width: 420px !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
width: 100% !important;
max-width: 420px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.articlegroup
.tws-list--type-grid,
body.startpage
.tws-list--type-grid,
body.fabrikk
.tws-article-search-page
.tws-list--type-grid {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-gap: 10px !important;
row-gap: 10px !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
clear: both !important;
}
body.articlegroup
.tws-list--type-grid
> .tws-list--grid-item,
body.startpage
.tws-list--type-grid
> .tws-list--grid-item,
body.fabrikk
.tws-article-search-page
.tws-list--type-grid
> .tws-list--grid-item {
box-sizing: border-box !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
}
body.articlegroup
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail,
body.startpage
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail,
body.fabrikk
.tws-article-search-page
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.articlegroup
.tws-list-controls,
body.startpage
.tws-list-controls {
box-sizing: border-box !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-align: right !important;
}
body.articlegroup
.tws-list-controls
> *:first-child,
body.startpage
.tws-list-controls
> *:first-child {
margin-left: auto !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body:not(.article).articlegroup
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item,
body:not(.article).startpage
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item {
box-sizing: border-box !important;
display: block !important;
float: none !important;
clear: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
justify-self: stretch !important;
align-self: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.article).articlegroup
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail,
body:not(.article).startpage
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item
> .thumbnail {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}
body:not(.article).articlegroup
.tws-list--type-grid
> .tws-list--grid-item
.tws-article-list--grid-item-link,
body:not(.article).startpage
.tws-list--type-grid
> .tws-list--grid-item
.tws-article-list--grid-item-link {
width: 100% !important;
max-width: none !important;
}
}
@media (max-width: 767px) {
body.article
.slot--breadcrumbs {
display: none !important;
}
body.article
.fabrikk--content-wrapper {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tws-mega-menu--search-button.btn {
position: relative !important;
top: 3px !important;
}
body.article
.fabrikk--article-top {
display: flow-root !important;
min-height: 0 !important;
height: auto !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.article
.fabrikk--article-top
+ .fabrikk--border {
margin-top: 14px !important;
margin-bottom: 12px !important;
}
body.article
.fabrikk--article-bottom {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.article
.fabrikk--article-bottom
.slot--article-description {
margin-top: 0 !important;
}
}
body.article
.fabrikk--article-right-col
> [class^="slot--"]:empty,
body.article
.fabrikk--article-right-col
> [class*=" slot--"]:empty {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.article
.slot--payment-widget:has(.klarna-widget:empty) {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
body.article
.slot--payment-widget:has(.klarna-widget:empty)
.tws-klarna-payment-method-widget,
body.article
.slot--payment-widget:has(.klarna-widget:empty)
.klarna-widget {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.article
.fabrikk--article-right-col {
height: auto !important;
min-height: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.tws-mega-menu--search-button.btn {
top: 5px !important;
}
body.article
.fabrikk--article-right-col {
align-self: flex-start !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fabrikk--header-wrapper {
box-sizing: border-box !important;
min-height: 68px !important;
height: auto !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
border-bottom: 1px solid #ececef !important;
}
.slot--logo {
width: min(360px, 47vw) !important;
max-width: 360px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
transform: translateY(3px) !important;
}
.slot--logo
.tws-logo--container,
.slot--logo
.tws-logo {
width: 100% !important;
max-width: 360px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tws-mega-menu--buttons {
display: flex !important;
align-items: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tws-mega-menu--open-button.btn,
.tws-mega-menu--search-button.btn {
box-sizing: border-box !important;
position: relative !important;
top: 0 !important;
bottom: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 40px !important;
min-height: 40px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
vertical-align: middle !important;
transform: none !important;
}
.tws-mega-menu--open-button.btn > i,
.tws-mega-menu--open-button.btn > span,
.tws-mega-menu--search-button.btn > i,
.tws-mega-menu--search-button.btn > span {
display: inline-flex !important;
align-items: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.tws-mega-menu--delimiter {
align-self: center !important;
height: 20px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tws-mega-menu--search-button.btn {
min-width: 72px !important;
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 12px !important;
}
.tws-mega-menu--search-button.btn > span {
font-size: 12px !important;
}
.tws-mega-menu--search-button.btn > i.fa-search,
.tws-mega-menu--search-button.btn > .fa-search {
margin: 0 6px 0 0 !important;
font-size: 14px !important;
line-height: 1 !important;
}
.slot--cart
.tws-mini-cart--header-cart-button {
min-height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.slot--cart
.tws-mini-cart--header-cart-info {
min-height: 40px !important;
align-items: center !important;
}
}
@media (max-width: 767px) {
.tws-vertical-menu .tws-vertical-menu--menu {
overflow-x: hidden !important;
overflow-y: auto !important;
max-height: 100vh !important;
max-height: 100dvh !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
touch-action: pan-y !important;
}
.tws-vertical-menu--root-level {
overflow: visible !important;
max-height: none !important;
}
.tws-vertical-menu--custom-html {
padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slot--logo {
transform: translateY(8px) !important;
}
.tws-mega-menu--search-bar {
top: calc(100% - 5px) !important;
}
}
@media (max-width: 991px) {
.tws-vertical-menu .tws-vertical-menu--menu.open {
box-sizing: border-box !important;
height: 100vh !important;
height: 100dvh !important;
max-height: 100vh !important;
max-height: 100dvh !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
overscroll-behavior-y: contain !important;
touch-action: pan-y !important;
pointer-events: auto !important;
}
.tws-vertical-menu .tws-vertical-menu--menu.open
.tws-vertical-menu--root-level,
.tws-vertical-menu .tws-vertical-menu--menu.open
.tws-vertical-menu--controls,
.tws-vertical-menu .tws-vertical-menu--menu.open
.tws-vertical-menu--custom-html {
overflow: visible !important;
max-height: none !important;
touch-action: pan-y !important;
}
.tws-vertical-menu .tws-vertical-menu--menu.open
.tws-vertical-menu--custom-html {
padding-bottom: max(30px, env(safe-area-inset-bottom)) !important;
}
html:has(.tws-vertical-menu--menu.open),
body:has(.tws-vertical-menu--menu.open) {
overflow: hidden !important;
overscroll-behavior: none !important;
}
}
body.checkout .tws-opc-cart,
body.checkout .tws-cart-summary,
body.checkout .tws-checkout-shortcuts,
body.checkout .tws-checkout--box {
box-sizing: border-box !important;
background: #fff !important;
border: 1px solid #e3e6ea !important;
border-radius: 6px !important;
box-shadow: 0 1px 3px rgba(20, 28, 40, 0.05) !important;
}
body.checkout .tws-opc-cart {
padding: 14px 16px !important;
}
body.checkout .tws-opc-cart img {
box-sizing: border-box !important;
border: 1px solid #e6e8eb !important;
border-radius: 4px !important;
background: #fff !important;
}
body.checkout .tws-opc-cart [class*="tws-opc-cart--item"],
body.checkout .tws-opc-cart [class*="tws-opc-cart--article"] {
border-bottom-color: #e8eaed !important;
}
body.checkout .tws-opc-cart button:not(.btn-primary),
body.checkout .tws-opc-cart .btn-default {
border-color: #d9dde2 !important;
background: #fff !important;
box-shadow: none !important;
}
body.checkout .tws-cart-summary {
padding: 16px !important;
}
body.checkout .tws-cart-summary [class*="summary"] {
line-height: 1.45 !important;
}
body.checkout .tws-cart-summary strong,
body.checkout .tws-cart-summary b {
font-weight: 700 !important;
}
body.checkout .tws-checkout-shortcuts {
padding: 14px 16px !important;
}
body.checkout .tws-checkout-shortcuts .form-control,
body.checkout .tws-checkout .form-control,
body.checkout .tws-checkout select {
min-height: 40px !important;
border-color: #dfe2e6 !important;
border-radius: 4px !important;
background-color: #fff !important;
box-shadow: none !important;
}
body.checkout .tws-checkout a.list-group-item {
box-sizing: border-box !important;
margin-bottom: 8px !important;
padding: 14px 16px !important;
border: 1px solid #e1e4e8 !important;
border-radius: 5px !important;
background: #fff !important;
box-shadow: none !important;
transition:
border-color 120ms ease,
box-shadow 120ms ease,
background-color 120ms ease !important;
}
body.checkout .tws-checkout a.list-group-item.tws-checkout--payment-active,
body.checkout .tws-checkout a.list-group-item.tws-checkout--delivery-active,
body.checkout .tws-checkout .tws-checkout--payment-active > a.list-group-item,
body.checkout .tws-checkout .tws-checkout--delivery-active > a.list-group-item {
border-color: #53a34f !important;
background: #fbfefb !important;
box-shadow: inset 4px 0 0 #53a34f !important;
}
body.checkout .tws-checkout--delivery-description,
body.checkout .tws-checkout--payment-description {
margin-top: 5px !important;
color: #6c737d !important;
line-height: 1.4 !important;
}
body.checkout .tws-checkout h2,
body.checkout .tws-checkout h3,
body.checkout .tws-checkout h4 {
margin-top: 0 !important;
}
@media (min-width: 992px) {
body.checkout .tws-opc-cart {
padding: 16px 18px !important;
}
body.checkout .tws-cart-summary {
padding: 18px !important;
}
body.checkout .tws-checkout-shortcuts {
padding: 16px 18px !important;
}
body.checkout .tws-checkout a.list-group-item {
min-height: 60px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.checkout .tws-opc-cart,
body.checkout .tws-cart-summary,
body.checkout .tws-checkout-shortcuts,
body.checkout .tws-checkout--box {
border-radius: 5px !important;
}
body.checkout .tws-opc-cart,
body.checkout .tws-cart-summary,
body.checkout .tws-checkout-shortcuts {
padding: 12px 14px !important;
}
body.checkout .tws-checkout a.list-group-item {
margin-bottom: 7px !important;
padding: 12px 13px !important;
}
body.modal_active .modal-dialog,
body.modal_active .modal-content,
body.modal_active .modal-body {
min-height: 0 !important;
height: auto !important;
}
body.modal_active .modal-dialog {
max-height: calc(100vh - 32px) !important;
max-height: calc(100dvh - 32px) !important;
}
body.modal_active .modal-content {
max-height: calc(100vh - 32px) !important;
max-height: calc(100dvh - 32px) !important;
overflow-y: auto !important;
}
body.modal_active .tws-container--tws-articles-two:empty,
body.modal_active .tws-articles-two:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
}
body.checkout .tws-checkout textarea.form-control,
body.checkout .tws-checkout textarea {
box-sizing: border-box !important;
min-height: 88px !important;
height: 88px !important;
max-height: 140px !important;
padding: 10px 12px !important;
border-color: #dfe2e6 !important;
border-radius: 4px !important;
resize: vertical !important;
box-shadow: none !important;
}
body.checkout .tws-checkout .form-group {
margin-bottom: 12px !important;
}
body.checkout .tws-checkout h2,
body.checkout .tws-checkout h3 {
margin-bottom: 12px !important;
}
body.checkout .tws-checkout--box {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
body.checkout .tws-checkout textarea.form-control:last-child,
body.checkout .tws-checkout textarea:last-child {
margin-bottom: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
body.checkout .tws-checkout textarea.form-control,
body.checkout .tws-checkout textarea {
min-height: 78px !important;
height: 78px !important;
}
body.checkout .tws-checkout--box {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
body.checkout .tws-checkout .form-group {
margin-bottom: 10px !important;
}
}
@media (max-width: 767px) {
body.checkout
.tws-articles-two--list {
position: relative !important;
}
body.checkout
.tws-articles-two--list
.slick-dots {
display: block !important;
position: absolute !important;
top: 50% !important;
left: 0 !important;
right: 0 !important;
bottom: auto !important;
z-index: 25 !important;
width: 100% !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li {
display: none !important;
position: absolute !important;
top: 0 !important;
width: 38px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li:has(+ li.slick-active) {
display: block !important;
left: 5px !important;
right: auto !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li.slick-active + li {
display: block !important;
left: auto !important;
right: 5px !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li.slick-active {
display: none !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li > button {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(92, 97, 119, 0.28) !important;
border-radius: 7px !important;
background: rgba(255, 255, 255, 0.97) !important;
box-shadow: 0 2px 8px rgba(20, 28, 40, 0.16) !important;
color: transparent !important;
font-size: 0 !important;
line-height: 1 !important;
opacity: 1 !important;
cursor: pointer !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li > button::before {
display: none !important;
content: none !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li:has(+ li.slick-active) > button::after {
content: "‹" !important;
display: block !important;
color: #5c6177 !important;
font-family: Arial, sans-serif !important;
font-size: 32px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: translateY(-1px) !important;
}
body.checkout
.tws-articles-two--list
.slick-dots > li.slick-active + li > button::after {
content: "›" !important;
display: block !important;
color: #5c6177 !important;
font-family: Arial, sans-serif !important;
font-size: 32px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: translateY(-1px) !important;
}
}
@media (max-width: 991px) {
.tws-vertical-menu--controls {
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
padding: 11px 14px 10px !important;
border-top: 1px solid rgba(255, 255, 255, .12) !important;
}
.tws-vertical-menu--controls > div:empty {
display: none !important;
}
.tws-vertical-menu--controls > div,
.tws-vertical-menu--controls .tws-login,
.tws-vertical-menu--controls .tws-audience-selector,
.tws-vertical-menu--controls .tws-audience-selector-inner,
.tws-vertical-menu--controls .slot--open-cookie-settings,
.tws-vertical-menu--controls .tws-accept-cookies--open-btn {
margin: 0 !important;
}
.tws-vertical-menu--controls
.tws-login--login {
display: flex !important;
align-items: center !important;
min-height: 20px !important;
margin: 0 !important;
padding: 1px 0 4px !important;
color: #f5f6f9 !important;
text-decoration: none !important;
line-height: 1.35 !important;
}
.tws-vertical-menu--controls
.tws-login--login-text {
color: #f5f6f9 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
}
.tws-vertical-menu--controls
.tws-audience-selector--audience-button {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 20px !important;
margin: 0 !important;
padding: 1px 0 !important;
color: rgba(245, 246, 249, .92) !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
.tws-vertical-menu--controls
.tws-audience-selector--audience-button-icon-container {
box-sizing: border-box !important;
display: flex !important;
flex: 0 0 14px !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
min-width: 14px !important;
margin: 0 !important;
padding: 0 !important;
}
.tws-vertical-menu--controls
.tws-audience-selector--audience-item-icon {
margin: 0 !important;
color: rgba(245, 246, 249, .92) !important;
font-size: 11px !important;
line-height: 1 !important;
}
.tws-vertical-menu--controls
.tws-audience-selector--audience-button-text {
margin: 0 0 0 5px !important;
padding: 0 !important;
color: rgba(245, 246, 249, .92) !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
.tws-vertical-menu--controls
.tws-audience-selector--stateview-wrapper {
display: flex !important;
align-items: center !important;
margin-left: 5px !important;
}
.tws-vertical-menu--controls
.tws-accept-cookies--open-btn > a {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
min-height: 20px !important;
margin: 0 !important;
padding: 1px 0 !important;
color: rgba(245, 246, 249, .92) !important;
text-decoration: none !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
.tws-vertical-menu--controls
.tws-accept-cookies--icon {
box-sizing: border-box !important;
display: flex !important;
flex: 0 0 14px !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
min-width: 14px !important;
height: 14px !important;
margin: 0 5px 0 0 !important;
padding: 0 !important;
color: rgba(245, 246, 249, .92) !important;
}
.tws-vertical-menu--controls
.tws-accept-cookies--icon svg {
display: block !important;
width: 11px !important;
height: 11px !important;
}
body:not(.using-touch)
.tws-vertical-menu--controls
.tws-login--login:hover,
body:not(.using-touch)
.tws-vertical-menu--controls
.tws-audience-selector--audience-button:hover,
body:not(.using-touch)
.tws-vertical-menu--controls
.tws-accept-cookies--open-btn > a:hover {
color: #ffffff !important;
}
}
.tws-vertical-menu--custom-html {
box-sizing: border-box !important;
margin: 0 !important;
padding: 12px 14px 13px !important;
border-top: 1px solid rgba(255, 255, 255, .12) !important;
}
.tws-vertical-menu--custom-html
.tws-custom-html--content {
margin: 0 !important;
padding: 0 !important;
}
.tws-vertical-menu--custom-html
.menuPrisjakt {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.tws-vertical-menu--custom-html
.tws-custom-html--content > p {
margin: 0 !important;
padding: 0 !important;
}
.tws-vertical-menu--custom-html
.tws-custom-html--content > p > iframe {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: 218px !important;
height: 64px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
filter: invert(1) hue-rotate(180deg) saturate(.90) brightness(1.10) !important;
opacity: .92 !important;
}
@media (max-width: 991px) {
.tws-vertical-menu--custom-html {
padding-top: 11px !important;
padding-bottom: 12px !important;
}
.tws-vertical-menu--custom-html
.tws-custom-html--content > p > iframe {
max-width: 205px !important;
height: 62px !important;
}
}
.tws-vertical-menu--custom-html
.tws-custom-html--content > p > iframe {
filter: none !important;
opacity: 1 !important;
height: 68px !important;
}
@media (max-width: 991px) {
.tws-vertical-menu--custom-html
.tws-custom-html--content > p > iframe {
height: 66px !important;
}
}
.tws-article-labels--label:not(.tws-article-labels--special-offer),
.tws-article-list--labels
.tws-article-labels--label:not(.tws-article-labels--special-offer) {
background: #4f719d !important;
background-color: #4f719d !important;
}
.tws-article-labels--label.tws-article-labels--special-offer,
.tws-article-list--labels
.tws-article-labels--label.tws-article-labels--special-offer {
background: #c93649 !important;
background-color: #c93649 !important;
}
.discatonce-home-intro {
box-sizing: border-box;
width: calc(100% - 30px);
max-width: 920px;
margin: 14px auto 20px;
padding: 12px 18px 11px;
background: #ffffff;
border: 1px solid #e3e6ea;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(20, 28, 40, .04);
text-align: center;
}
.discatonce-home-intro__main {
margin: 0;
color: #343842;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
}
.discatonce-home-intro__sub {
margin: 3px 0 0;
color: #6f7480;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
@media (max-width: 767px) {
.discatonce-home-intro {
width: calc(100% - 20px);
margin-top: 10px;
margin-bottom: 15px;
padding: 10px 12px;
text-align: left;
}
.discatonce-home-intro__main {
font-size: 13px;
line-height: 1.35;
}
.discatonce-home-intro__sub {
margin-top: 2px;
font-size: 11px;
line-height: 1.4;
}
}
.discatonce-home-intro__sub {
color: #5f6570 !important;
}
@media (min-width: 992px) {
body.startpage .discatonce-home-intro {
margin-bottom: -60px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage .discatonce-home-intro {
margin-bottom: -30px !important;
}
}
@media (min-width: 992px) {
body.startpage
.fabrikk--component-container
> .tws-container--tws-articles-two
+ .tws-container--tws-articles-two {
margin-top: -58px !important;
}
body.startpage
.fabrikk--component-container
> tws-articles-two
+ tws-articles-two {
margin-top: -58px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage
.fabrikk--component-container
> .tws-container--tws-articles-two
+ .tws-container--tws-articles-two {
margin-top: -36px !important;
}
body.startpage
.fabrikk--component-container
> tws-articles-two
+ tws-articles-two {
margin-top: -36px !important;
}
}
@media (min-width: 992px) {
body.startpage
.fabrikk--component-container
> .tws-container--tws-articles-two
+ .tws-container--tws-articles-two {
margin-top: -86px !important;
}
body.startpage
.fabrikk--component-container
> tws-articles-two
+ tws-articles-two {
margin-top: -86px !important;
}
}
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
box-sizing: border-box !important;
padding: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
overflow: visible !important;
}
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav)
.tws-custom-html--content {
margin: 0 !important;
padding: 0 !important;
}
body.startpage .discatonce-section-nav {
box-sizing: border-box;
position: relative;
width: 100%;
min-height: 38px;
margin: 0 auto 18px;
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
color: #242832;
font-family: "Droid Sans", Arial, sans-serif;
}
body.startpage .discatonce-section-nav__title {
display: block;
margin: 0;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 400;
letter-spacing: 0;
text-align: center;
}
body.startpage .discatonce-section-nav__link {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 0;
color: #5c6177 !important;
font-size: 11px;
line-height: 1.25;
font-weight: 600;
letter-spacing: .01em;
text-decoration: none !important;
white-space: nowrap;
transition: color .14s ease;
}
body:not(.using-touch).startpage
.discatonce-section-nav__link:hover {
color: #343946 !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav)
+ .tws-container--tws-articles-two,
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav)
+ tws-articles-two {
margin-top: 0 !important;
}
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav)
+ .tws-container--tws-articles-two
.tws-articles-two--heading,
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav)
+ tws-articles-two
.tws-articles-two--heading {
display: none !important;
}
@media (min-width: 992px) {
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
margin-top: -86px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
margin-top: -36px !important;
}
body.startpage .discatonce-section-nav {
min-height: 36px;
margin-bottom: 16px;
padding-left: 8px;
padding-right: 8px;
}
body.startpage .discatonce-section-nav__title {
font-size: 18px;
}
body.startpage .discatonce-section-nav__link {
right: 8px;
font-size: 10.5px;
}
}
@media (max-width: 767px) {
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
margin-top: 22px !important;
}
body.startpage .discatonce-section-nav {
min-height: 0;
margin-bottom: 12px;
padding: 0 8px;
display: block;
text-align: center;
}
body.startpage .discatonce-section-nav__title {
font-size: 17px;
line-height: 1.3;
}
body.startpage .discatonce-section-nav__link {
position: static;
transform: none;
display: inline-block;
margin-top: 4px;
padding: 2px 0;
font-size: 10.5px;
}
}
@media (min-width: 992px) {
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
margin-top: -45px !important;
}
body.startpage .discatonce-section-nav {
margin-bottom: -14px !important;
}
body.startpage .discatonce-section-nav__link {
font-size: 12px !important;
font-weight: 600 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage
.fabrikk--component-container
> *:has(.discatonce-section-nav) {
margin-top: -15px !important;
}
body.startpage .discatonce-section-nav {
margin-bottom: -8px !important;
}
body.startpage .discatonce-section-nav__link {
font-size: 11px !important;
}
}
body.startpage
.fabrikk--component-container
.tws-articles-two--heading
.tws-util-heading--heading,
body.startpage
.discatonce-section-nav__title {
font-family: "Droid Sans", Arial, sans-serif !important;
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
color: #242832 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage
.fabrikk--component-container
.tws-articles-two--heading
.tws-util-heading--heading,
body.startpage
.discatonce-section-nav__title {
font-size: 18px !important;
}
}
@media (max-width: 767px) {
body.startpage
.fabrikk--component-container
.tws-articles-two--heading
.tws-util-heading--heading,
body.startpage
.discatonce-section-nav__title {
font-size: 17px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage
.tws-article-list--list
.tws-list--type-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 10px !important;
row-gap: 10px !important;
width: 100% !important;
max-width: none !important;
}
body.startpage
.tws-article-list--list
.tws-list--type-grid
> .tws-list--grid-item {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
clear: none !important;
justify-self: stretch !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.startpage .discatonce-section-nav {
display: block !important;
min-height: 0 !important;
text-align: center !important;
}
body.startpage .discatonce-section-nav__link {
position: static !important;
transform: none !important;
display: inline-block !important;
margin-top: 4px !important;
padding: 2px 0 !important;
font-size: 11px !important;
text-align: center !important;
}
}
.fabrikk--footer {
box-sizing: border-box !important;
padding-top: 30px !important;
padding-bottom: 28px !important;
border-top: 1px solid rgba(255, 255, 255, .10) !important;
}
.fabrikk--footer > .container > .row {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
}
.fabrikk--footer .fabrikk--footer-mid-left {
display: none !important;
}
.fabrikk--footer .fabrikk--footer-left {
float: none !important;
width: 50% !important;
padding-left: 15px !important;
padding-right: 28px !important;
}
.fabrikk--footer .fabrikk--footer-mid-right {
float: none !important;
width: 25% !important;
padding-left: 18px !important;
padding-right: 18px !important;
text-align: center !important;
}
.fabrikk--footer .fabrikk--footer-right {
float: none !important;
width: 25% !important;
min-height: 88px !important;
padding-left: 18px !important;
padding-right: 15px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.fabrikk--footer .tws-contact-info,
.fabrikk--footer .tws-contact-info > address,
.fabrikk--footer .tws-contact-info > address > .row {
width: 100% !important;
margin: 0 !important;
}
.fabrikk--footer .tws-contact-info > address {
padding: 0 !important;
font-style: normal !important;
}
.fabrikk--footer .tws-contact-info > address > .row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 26px !important;
}
.fabrikk--footer .tws-contact-info--address,
.fabrikk--footer .tws-contact-info--contact,
.fabrikk--footer .tws-contact-info--info {
float: none !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
}
.fabrikk--footer .tws-contact-info .tws-util-heading {
margin: 0 0 7px !important;
}
.fabrikk--footer
.tws-contact-info
.tws-util-heading--heading {
margin: 0 !important;
color: #ffffff !important;
font-family: "Droid Sans", Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
}
.fabrikk--footer .tws-contact-info {
color: rgba(255, 255, 255, .86) !important;
font-family: "Droid Sans", Arial, sans-serif !important;
font-size: 12px !important;
line-height: 1.65 !important;
}
.fabrikk--footer .tws-contact-info a {
color: rgba(255, 255, 255, .94) !important;
text-decoration: none !important;
}
body:not(.using-touch)
.fabrikk--footer
.tws-contact-info a:hover {
color: #ffffff !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.tws-custom-html--content {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets {
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets img {
display: block !important;
width: auto !important;
max-width: 170px !important;
max-height: 92px !important;
margin: 0 auto !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.fabrikk--footer {
padding-top: 26px !important;
padding-bottom: 24px !important;
}
.fabrikk--footer .fabrikk--footer-left {
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.fabrikk--footer .fabrikk--footer-mid-right,
.fabrikk--footer .fabrikk--footer-right {
width: 50% !important;
margin-top: 24px !important;
}
.fabrikk--footer .fabrikk--footer-mid-right {
padding-left: 15px !important;
padding-right: 24px !important;
}
.fabrikk--footer .fabrikk--footer-right {
min-height: 84px !important;
padding-left: 24px !important;
padding-right: 15px !important;
}
.fabrikk--footer .tws-contact-info > address > .row {
gap: 22px !important;
}
}
@media (max-width: 767px) {
.fabrikk--footer {
padding-top: 22px !important;
padding-bottom: 20px !important;
}
.fabrikk--footer .fabrikk--footer-left {
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.fabrikk--footer .tws-contact-info > address > .row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 22px !important;
}
.fabrikk--footer .tws-contact-info--address {
grid-column: 1 / -1 !important;
}
.fabrikk--footer
.tws-contact-info
.tws-util-heading--heading {
font-size: 12px !important;
}
.fabrikk--footer .tws-contact-info {
font-size: 11px !important;
line-height: 1.6 !important;
}
.fabrikk--footer .fabrikk--footer-mid-right,
.fabrikk--footer .fabrikk--footer-right {
width: 50% !important;
margin-top: 22px !important;
}
.fabrikk--footer .fabrikk--footer-mid-right {
padding-left: 15px !important;
padding-right: 10px !important;
}
.fabrikk--footer .fabrikk--footer-right {
min-height: 76px !important;
padding-left: 10px !important;
padding-right: 15px !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets img {
max-width: 145px !important;
max-height: 80px !important;
}
}
@media (min-width: 992px) {
.fabrikk--footer
.tws-contact-info > address > .row {
display: grid !important;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
grid-template-areas:
"address contact"
"address info" !important;
column-gap: 42px !important;
row-gap: 9px !important;
align-items: start !important;
}
.fabrikk--footer .tws-contact-info--address {
grid-area: address !important;
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
order: 1 !important;
}
.fabrikk--footer .tws-contact-info--contact {
grid-area: contact !important;
grid-column: 2 !important;
grid-row: 1 !important;
order: 2 !important;
}
.fabrikk--footer .tws-contact-info--info {
grid-area: info !important;
grid-column: 2 !important;
grid-row: 2 !important;
order: 3 !important;
}
.fabrikk--footer .tws-contact-info .tws-util-heading {
display: none !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets img {
width: 170px !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fabrikk--footer
.tws-contact-info > address > .row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
grid-template-areas:
"address contact"
"address info" !important;
column-gap: 34px !important;
row-gap: 8px !important;
align-items: start !important;
}
.fabrikk--footer .tws-contact-info--address {
grid-area: address !important;
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
order: 1 !important;
}
.fabrikk--footer .tws-contact-info--contact {
grid-area: contact !important;
grid-column: 2 !important;
grid-row: 1 !important;
order: 2 !important;
}
.fabrikk--footer .tws-contact-info--info {
grid-area: info !important;
grid-column: 2 !important;
grid-row: 2 !important;
order: 3 !important;
}
.fabrikk--footer .tws-contact-info .tws-util-heading {
display: none !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets img {
width: 165px !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
}
}
@media (max-width: 767px) {
.fabrikk--footer
.tws-contact-info > address > .row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"address"
"contact"
"info" !important;
gap: 9px !important;
align-items: start !important;
}
.fabrikk--footer .tws-contact-info--address {
grid-area: address !important;
grid-column: 1 !important;
grid-row: 1 !important;
order: 1 !important;
}
.fabrikk--footer .tws-contact-info--contact {
grid-area: contact !important;
grid-column: 1 !important;
grid-row: 2 !important;
order: 2 !important;
}
.fabrikk--footer .tws-contact-info--info {
grid-area: info !important;
grid-column: 1 !important;
grid-row: 3 !important;
order: 3 !important;
}
.fabrikk--footer .tws-contact-info .tws-util-heading {
display: none !important;
}
.fabrikk--footer
.fabrikk--footer-mid-right
.dibs_brand_assets img {
width: 145px !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
}
}
.slot--logo
.tws-logo--image
.tws-img--container.tws-react-img--aspect-ratio-box {
box-sizing: border-box !important;
padding-bottom: 0 !important;
}
@media (min-width: 992px) {
.slot--logo
.tws-logo--image
.tws-img--container.tws-react-img--aspect-ratio-box {
height: 88px !important;
min-height: 88px !important;
}
.slot--logo
.tws-logo--image,
.slot--logo
.tws-logo--image
.tws-img--wrapper {
height: 88px !important;
min-height: 88px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slot--logo
.tws-logo--image
.tws-img--container.tws-react-img--aspect-ratio-box {
height: 56px !important;
min-height: 56px !important;
}
.slot--logo
.tws-logo--image,
.slot--logo
.tws-logo--image
.tws-img--wrapper {
height: 56px !important;
min-height: 56px !important;
}
}
@media (max-width: 767px) {
.slot--logo
.tws-logo--image
.tws-img--container.tws-react-img--aspect-ratio-box {
height: 48px !important;
min-height: 48px !important;
}
.slot--logo
.tws-logo--image,
.slot--logo
.tws-logo--image
.tws-img--wrapper {
height: 48px !important;
min-height: 48px !important;
}
}
@media (max-width: 767px) {
.slot--logo
.tws-logo--image
.tws-img--container.tws-react-img--aspect-ratio-box {
height: 52px !important;
min-height: 52px !important;
}
.slot--logo
.tws-logo--image,
.slot--logo
.tws-logo--image
.tws-img--wrapper {
height: 52px !important;
min-height: 52px !important;
}
}
@media (max-width: 767px) {
.tws-mega-menu--search-bar {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 6px 8px 7px !important;
z-index: auto !important;
}
}

/* V84 - DA1-farger i sidomenyn */
.tws-vertical-menu .tws-vertical-menu--menu {
background:linear-gradient(180deg,#08182b 0%,#0b1d35 48%,#0d2948 100%) !important;
color:#f4f8fc !important;
}
.tws-vertical-menu--articlegroup,
.tws-vertical-menu--custom-link>a {
color:#f4f8fc !important;
}
.tws-vertical-menu--inner-ul .tws-vertical-menu--articlegroup {
color:rgba(232,240,249,.84) !important;
}
body:not(.using-touch) .tws-vertical-menu--articlegroup:hover,
body:not(.using-touch) .tws-vertical-menu--custom-link>a:hover {
background:rgba(1,96,240,.13) !important;
color:#fff !important;
}
.tws-vertical-menu--articlegroup.open:not(.active),
.tws-vertical-menu--articlegroup-wrapper.tws-vertical-menu--articlegroup-is-open>.tws-vertical-menu--articlegroup:not(.active) {
background:rgba(43,119,198,.08) !important;
color:#fff !important;
box-shadow:none !important;
}
.tws-vertical-menu--articlegroup.active,
.tws-vertical-menu--articlegroup.open.active {
background:rgba(1,96,240,.18) !important;
color:#fff !important;
font-weight:700 !important;
box-shadow:inset 3px 0 0 #2f8cff !important;
}
.tws-vertical-menu--expand-children {
color:rgba(196,218,241,.72) !important;
}
.tws-vertical-menu--articlegroup-is-open>.tws-vertical-menu--expand-children {
color:#75b7ff !important;
}
.tws-vertical-menu--level-1,
.tws-vertical-menu--custom-link-0,
.tws-vertical-menu--controls,
.tws-vertical-menu--custom-html {
border-color:rgba(107,157,209,.20) !important;
}
.tws-vertical-menu--articlegroup-6220745,
.tws-vertical-menu--articlegroup-5313687 {
color:#fff !important;
box-shadow:inset 3px 0 0 #c93649 !important;
}
body:not(.using-touch) .tws-vertical-menu--articlegroup-6220745:hover,
body:not(.using-touch) .tws-vertical-menu--articlegroup-5313687:hover {
background:rgba(201,54,73,.18) !important;
}
.tws-vertical-menu--articlegroup-6220745.active,
.tws-vertical-menu--articlegroup-5313687.active {
background:rgba(201,54,73,.22) !important;
box-shadow:inset 3px 0 0 #e45a6c !important;
}

/* V85 - lite större Prisjakt-omdöme */
.tws-vertical-menu--custom-html .tws-custom-html--content > p > iframe {
max-width:230px !important;
height:76px !important;
}
@media (max-width:991px) {
.tws-vertical-menu--custom-html .tws-custom-html--content > p > iframe {
max-width:220px !important;
height:74px !important;
}
}


/* V86 - tydligare storre Prisjakt-omdome */
.tws-vertical-menu--custom-html .tws-custom-html--content > p > iframe {
max-width:230px !important;
height:86px !important;
}
@media (max-width:991px) {
.tws-vertical-menu--custom-html .tws-custom-html--content > p > iframe {
max-width:220px !important;
height:84px !important;
}
}

/* V87 - DA1-blatt for NYHET-etiketter */
.tws-article-labels--label:not(.tws-article-labels--special-offer),.tws-article-list--labels .tws-article-labels--label:not(.tws-article-labels--special-offer){background:#0f4588!important;background-color:#0f4588!important}

/* V88 - DA1-farger for list-/sorteringskontroller */
body:not(.article) .tws-article-list--list .btn-default {
background:#fff !important;
color:#0a3261 !important;
border-color:#cbd7e3 !important;
}
body:not(.article) .tws-article-list--list .btn-default:hover {
background:#f2f6fb !important;
color:#0f4588 !important;
border-color:#9fb7cf !important;
}
body:not(.article) .tws-article-list--list .btn-default.active,
body:not(.article) .tws-article-list--list .btn-default:active {
background:#0f4588 !important;
color:#fff !important;
border-color:#0f4588 !important;
box-shadow:none !important;
}
body:not(.article) .tws-article-list--list .dropdown-menu {
border-color:#cbd7e3 !important;
}
body:not(.article) .tws-article-list--list .dropdown-menu>li>a {
color:#0a3261 !important;
}
body:not(.article) .tws-article-list--list .dropdown-menu>li>a:hover,
body:not(.article) .tws-article-list--list .dropdown-menu>li>a:focus {
background:#f2f6fb !important;
color:#0f4588 !important;
}
body:not(.article) .tws-article-list--list select.form-control {
color:#0a3261 !important;
border-color:#cbd7e3 !important;
}

/* V89 - subtil DA1-hover for produktkort pa desktop */
@media (min-width:992px) {
body:not(.using-touch):not(.article) tws-article-list .tws-list--grid-item .thumbnail {
transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
body:not(.using-touch):not(.article) tws-article-list .tws-list--grid-item .thumbnail:hover {
border-color:#9fb7cf !important;
box-shadow:0 5px 14px rgba(10,50,97,.12) !important;
transform:translateY(-2px) !important;
}
body:not(.using-touch):not(.article) tws-article-list .tws-list--grid-item .tws-article-list--product-image .tws-img--container img {
transition:transform .16s ease !important;
}
body:not(.using-touch):not(.article) tws-article-list .tws-list--grid-item .thumbnail:hover .tws-article-list--product-image .tws-img--container img {
transform:scale(1.012) !important;
}
}