/*-------------------------------*/

/*.slot--breadcrumbs {
display: none;
}*/
.fabrikk--header{
  background: white; 
  position: -webkit-sticky; 
  position: -moz-sticky; 
  position: -o-sticky; 
  position: -ms-sticky; 
  position: sticky; 
  top: 0; 
  z-index: 1000; 
}

* {
	box-sizing: border-box;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125rem;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
section {
	width: 100%;
	max-width: 752px;
	padding: 20px;
	margin: 0 auto;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: .5rem .75rem;
  text-align: left;
}

/* Details Styling
---------------------------- */
details, summary {
	margin-bottom: 0 !important; /* for WordPress theme Blocksy */
}
details summary::-webkit-details-marker {
	display: none;
}
details summary {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 1.5rem;
	outline: none;
	cursor: pointer;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1.2;
	border-bottom: 1px solid #646463;
}
details[open] summary {
	background: #1d1d1b;
	color: #fff;
}
details summary:before,
details summary:after {
	font-family: "FontAwesome";
}
details summary:before {
  content:"\f107"; 
	padding-right: 1.5rem;
}
details[open] summary:before {
	content:"\f106";
}
details[open] {
	border-bottom: 1px solid #646463;
}
details > div {
	padding: 1.5rem 1.5rem .5rem;
	background: #1d1d1b;
}
details > div > * {
	margin-top: 0;
	margin-bottom: 1rem;
}


/* Accordion Details Img + Text elements
------------------------------*/

/* Reset previous styles */
details.accordion-details-img summary:before,
details.accordion-details-img[open] summary:before {
	display: none;
}

details.accordion-details-img summary {
	justify-content: space-between;
}
details.accordion-details-img summary:after {
	content:"\f107";
}
details.accordion-details-img[open] summary:after {
	content:"\f106";
}

details.accordion-details-img > div {
	display: flex;
	flex-wrap: wrap;
	overflow: auto;
}
details.accordion-details-img > div > a {
	width: 25%;
}
details.accordion-details-img > div > a > img {
	width: 100%;
}
details.accordion-details-img > div > div {
	flex: 1;
	margin: 0;
	padding-left: 1.5rem;
}
details.accordion-details-img > div > div p {
	margin: 0 0 1rem 0;
}

@media (max-width:600px) {
	details summary {
		font-size: 1.5rem;
	}
	details.accordion-details-img > div > a {
		width: 100%;
	}
	details.accordion-details-img > div > div {
		padding: 0;
		padding-top: .5rem;
	}
}

/* **EE** Remove borders around products **EE** */
.tws-article-list--list .tws-list--type-grid .tws-article-list--product-image,
.tws-article-search-page--list .tws-list--type-grid .tws-article-list--product-image,
.tws-article-list--list .tws-list--type-carousel .tws-article-list--product-image,
.tws-article-search-page--list .tws-list--type-carousel .tws-article-list--product-image,
.tws-articlegroups img,
.tws-articlegroups .thumbnail {
	border: none;
}
.tws-audience-selector {
    display: none;
}
/*---mobile version content box---*/
@media (max-width: 991px){
.slot--component-container .tws-content-box-4x--box:nth-child(-n+2) {
    margin-bottom: 4px;
}
  .tws-accept-cookies--open-btn {
    display: none;
}

  
.tws-container--tws-content-box-4x .tws-content-box-4x--box {
	padding-right: 2.5px;
  padding-left: 2.5px;
}
  
  .slot--component-container .tws-container--tws-content-box, 
  .slot--component-container .tws-container--tws-content-box-2x, 
  .slot--component-container .tws-container--tws-content-box-3x, 
  .slot--component-container .tws-container--tws-content-box-4x {
   padding: 0px 0px;
    margin-bottom: 4px !important;
    margin-top: 5px;
}
}

/* FOOTER  */


.fabrikk--footer .container {
  width: 100%;
}

.fabrikk--footer-left,
.fabrikk--footer-mid-right, 
.fabrikk--footer-right {
		display: none !important;
	}

.fabrikk--footer-mid-left {
  width: 100%;
}


.fabrikk--footer-mid-left .fa {
  font-size: 40px;
  padding-top: 30px;
  padding-right: 10px;
}

@media(max-width:767px) {
.fabrikk--footer-mid-left .row {
  text-align: center;
}
 }

.tws-instagram.grid .tws-instagram--insta-post {
  width: calc(50% - 8px);
}
.tws-instagram--insta-post {
  padding-bottom: calc(50% - 8px);
}

  @media only screen and (max-width: 490px){
.tws-instagram.grid .tws-instagram--insta-post {
  width: calc(50% - 8px);
  padding-bottom: calc(50% - 8px);
}
 }

.fabrikk--header {
  box-shadow: 0 3px 2px -2px #dcdcdc;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}
.fabrikk--header-wrapper {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
.fabrikk--header {
  box-shadow: none;
  max-width: 956px;
}
 } 
@media (max-width: 991px){
.slot--component-container .tws-container--tws-content-box, .slot--component-container .tws-container--tws-content-box-2x, .slot--component-container .tws-container--tws-content-box-3x, .slot--component-container .tws-container--tws-content-box-4x {
    padding: 0px 0px;
    margin-bottom: 4px !important;
    margin-top: 5px;
    overflow: auto;
}
}

@media (min-width: 768px){
.slot--shipping-notice {
  bottom: 68px;
  z-index: 99;
}
 }
@media (min-width: 773px){
.unique-selling-points{
  display:none;
  }
}
@media (max-width: 772px){
.tws-container--tws-usps-big{
  display:none;
  }
}
@media (min-width: 992px){
  .fabrikk--top-bar-wrapper {
    display: flex;
    justify-content: center;
}
  .slot--breadcrumbs {
  max-width: 1140px;
  margin: 0 auto;
}
}
.tws-container--tws-image-carousel { margin-bottom: -6px !important; }
/* Hide the discount code button */
.tws-discount-field--enter-discount-btn {
    display: none; /* Hide the button completely */
}

/* Make the discount code input form always visible */
.tws-discount-field--form {
    display: block !important; /* Override Angular's ng-show */
    margin-top: 8px; /* Space above input */
}

/* Add 'Rabattkod / Presentkort' label above the input field */
.tws-discount-field--form::before {
    content: "Rabattkod / Presentkort"; /* Updated label text */
    display: block; /* Make it a block element */
    font-family: 'Roboto', sans-serif; /* Match theme font */
    font-size: 1.2rem; /* Slightly larger font size */
    font-weight: 700; /* Bold text */
    color: #000; /* Black text */
    margin-bottom: 6px; /* Space between label and input */
}

/* Style the discount code input field */
.tws-discount-field--input {
    -webkit-appearance: none; /* Remove browser-specific styling */
    -moz-appearance: none; /* Remove browser-specific styling */
    appearance: none; /* Remove browser-specific styling */
    border: 1px solid #646463; /* Match theme border */
    padding: 10px; /* Consistent padding */
    font-family: 'Roboto', sans-serif; /* Match theme font */
    font-size: 1rem; /* Consistent font size */
    line-height: 1.6; /* Match theme line height */
    background: #fff; /* White background */
    width: 100%; /* Full width */
    border-radius: 4px; /* Slight rounding */
    cursor: text; /* Indicate text input */
}

/* Style the 'Lägg till' button */
.tws-discount-field--add {
    font-family: 'Roboto', sans-serif; /* Match theme font */
    font-size: 1rem; /* Consistent font size */
    padding: 8px 12px; /* Consistent padding */
    border: 1px solid #646463; /* Match theme border */
    border-radius: 4px; /* Slight rounding */
    background: #1d1d1b; /* Dark background to match theme */
    color: #fff; /* White text */
    cursor: pointer; /* Indicate clickable button */
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .tws-discount-field--form::before {
        font-size: 1.1rem; /* Slightly smaller for mobile */
    }
    .tws-discount-field--input {
        font-size: 0.9rem; /* Smaller font for mobile */
        padding: 8px; /* Adjust padding */
    }
    .tws-discount-field--add {
        font-size: 0.9rem; /* Smaller font for mobile */
        padding: 6px 10px; /* Adjust padding */
    }
}