/** Shopify CDN: Minification failed

Line 310:0 Unexpected "}"

**/
html {
  scroll-behavior: smooth;
}

/* Respekterar användarens inställningar för reducerad rörelse */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* === Raum: @font-face === */
@font-face {
  font-family: "Raum";
  src: url('/cdn/shop/files/Raum-Regular-v3.woff2?v=1758013160') format("woff2"),
      url('/cdn/shop/files/Raum-Regular-v-2.woff?v=1758004755') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading-family: "Raum", ui-sans-serif, system-ui, -apple-system,
                        "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji",
                        "Segoe UI Emoji";
}

@font-face {
  font-family: "Raum";
  src: url('/cdn/shop/files/Raum-Regular-v3.woff2?v=1758013160') format("woff2"),
      url('/cdn/shop/files/Raum-Regular-v-2.woff?v=1758004755') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6,
.heading, .section-title, .rich-text__heading, .card__heading {
  font-family: var(--font-heading-family) !important;
}

@font-face {
  font-family: "Hauss";
  src: url('/cdn/shop/files/hauss-regular-v2.woff?v=1756902925') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hauss medium";
  src: url('/cdn/shop/files/hauss-medium-v2.woff?v=1756902925') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body, p, div, span, li, td, th, input, textarea, select, button,
.rte, .typeset, .body-text, .card__content, .product__text {
  font-family: "Hauss medium", var(--font-body-family) !important;
  letter-spacing: 0;
}

.header-wrapper--uppercase .header__menu-item{
  text-transform: none !important;
}

search-modal{
  display:none !important;
}


/*******FONT SIZES*********/

/* h0 - Mobil */
.h0 {
  font-size: calc(var(--font-heading-scale) * 3rem) !important;
}

/* h0 - iPad */
@media only screen and (min-width: 750px) and (max-width: 1024px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5rem) !important;
  }
}

/* h0 - Desktop */
@media only screen and (min-width: 1025px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 7rem) !important;
  }
}

/* h1 - Mobil */
h1, .h1 {
  font-size: calc(var(--font-heading-scale) * 2.4rem) !important;
}

/* h1 - iPad */
@media only screen and (min-width: 750px) and (max-width: 1024px) {
  h1, .h1 {
    font-size: calc(var(--font-heading-scale) * 3rem) !important;
  }
}

/* h1 - Desktop */
@media only screen and (min-width: 1025px) {
  h1, .h1 {
    font-size: calc(var(--font-heading-scale) * 3.5rem) !important;
  }
}

/* h2 - Mobil */
h2, .h2 {
  font-size: calc(var(--font-heading-scale) * 1.8rem) !important;
}

/* h2 - iPad */
@media only screen and (min-width: 750px) and (max-width: 1024px) {
  h2, .h2 {
    font-size: calc(var(--font-heading-scale) * 2.2rem) !important;
  }
}

/* h2 - Desktop */
@media only screen and (min-width: 1025px) {
  h2, .h2 {
    font-size: calc(var(--font-heading-scale) * 2.8rem) !important;
  }
}
/*
.h0 {
  font-size: calc(var(--font-heading-scale) * 2.8rem) !important;
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 8rem) !important;
  }
}

h1, .h1 {
  font-size: calc(var(--font-heading-scale) * 2.4rem) !important;
}

@media only screen and (min-width: 750px) {
  h1, .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem) !important;
  }
}

h2, .h2 {
  font-size: calc(var(--font-heading-scale) * 1.8rem) !important;
}

@media only screen and (min-width: 750px) {
  h2, .h2 {
    font-size: calc(var(--font-heading-scale) * 2.8rem) !important;
  }
}
*/
h3, .h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem) !important;
}

@media only screen and (min-width: 750px) {
  h3, .h3 {
    font-size: calc(var(--font-heading-scale) * 2rem) !important;
  }
}

h4, .h4 {
  font-size: calc(var(--font-heading-scale) * 1.5rem) !important;
}

@media only screen and (min-width: 750px) {
  h4, .h4 {
    font-size: calc(var(--font-heading-scale) * 1.6rem) !important;
  }
}

h5, .h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem) !important;
}

@media only screen and (min-width: 750px) {
  h5, .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem) !important;
  }
}

h6, .h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

[data-heading-capitalize] h1,
[data-heading-capitalize] h2,
[data-heading-capitalize] h3,
[data-heading-capitalize] .h0,
[data-heading-capitalize] .h1,
[data-heading-capitalize] .h2,
[data-heading-capitalize] .h3,
[data-heading-capitalize] .card-information__text,
[data-heading-capitalize] .bundle-products .product-title {
  text-transform: uppercase;
}

.typeset0 {
  font-size: 1.3rem;
}

@media screen and (min-width: 750px) {
  .typeset0 {
    font-size: 1.4rem;
  }
}

.typeset {
  font-size: 1.5rem;
}

@media screen and (min-width: 750px) {
  .typeset {
    font-size: 1.6rem;
  }
}

.typeset2 {
  font-size: 1.6rem;
}

@media screen and (min-width: 750px) {
  .typeset2 {
    font-size: 2rem;
  }
}

.typeset3 {
  font-size: 2rem;
}

@media screen and (min-width: 750px) {
  .typeset3 {
    font-size: 2.4rem;
  }
}

.typeset .link,
.typeset2 .link,
.typeset3 .link {
  font-size: inherit;
}

.product__info-container .price-item--regular bdi{
  font-size: 1.8rem !important;
}

@media only screen and (min-width: 750px) {
  .product__info-container .price-item--regular bdi {
    font-size: 2.4rem !important;
  }
}

.product__info-container .price-item--sale bdi{
  font-size: 2.2rem !important;
}

@media only screen and (min-width: 750px) {
  .product__info-container .price-item--sale bdi {
    font-size: 2.8rem !important;
  }
}

/*******FONT SIZES END*********/

/*******NAVIGATION*********/

.header__active-menu-item .label, .list-menu__item--active .label{
    border-bottom:2px solid #e51147;
}

.header__menu-item .label{
    font-weight:400;
}

/*******NAVIGATION END*********/

/*******KNAPPAR*********/

.button {
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding-left: 1.2rem !important;
    /* padding-right: 1.2rem !important; */
    font-family: "Hauss", var(--font-body-family) !important;
    font-size: 14px;
    font-weight:600;
    padding: 10px 45px !important;
    min-height: auto !important;
    min-width: auto !important;
}
}

/*******KNAPPAR END*********/

/*******HERO*********/


.banner__heading {
  margin-top: 2rem !important;
}

.banner__subheading{
  font-family: "Hauss", var(--font-body-family) !important;
  font-weight:400;
}

.banner__content .button {
  text-transform: none;
  font-family: "Hauss medium", var(--font-body-family) !important;
}


@media screen and (min-width: 750px) {
  body .banner .banner__content {
    padding: 5rem;
  }
}
/* Mobil (upp till 749px) */
@media screen and (max-width: 749px) {
  body .banner__box {
    width: 100% !important;
  }
}

/* iPad (750px till 1024px) */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  body .banner__box {
    width: 100% !important;
  }
}

/* Desktop (över 1024px) */
@media screen and (min-width: 1025px) {
  body .banner__box {
    width: 50% !important;
  }
}

@media (max-width: 750px) {
  .banner__subheading{
    margin-bottom:0 !important;
  }

  .banner .banner__content--middle-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .banner .banner__box,
  .banner .banner__box.left,
  .banner .banner__box.mobile-center {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
  }
  /*
  .banner .button-group {
    display: flex !important;
    justify-content: center !important;
  }
  */
  }


/*******HERO END*********/

/*******BILD MED TEXT*********/

.section .image-with-text__grid,
.image-with-text__grid {
  align-items: center !important;
  padding: 5rem !important;
  border-radius: 10px !important;
}

.image-with-text .image-with-text__content {
  padding: 0 !important;
  margin-top: 2rem !important;
}

@media screen and (min-width: 750px) {
  .image-with-text .image-with-text__content {
  max-width: 100% !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  padding: 0 5rem 0 0 !important;
  }
}

@media screen and (max-width: 480px) {
  .section .image-with-text__grid,
  .image-with-text__grid {
    padding: 2.5rem !important;
  }
  .image-with-text__content{
    margin-top: 2rem !important;
  }
}

/*TEXT BOX*/
.image-with-text__content {
  position: relative;
}
.image-with-text__subheading {
  position: absolute;
  top: -100px;
  width: 94%;
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .image-with-text__subheading {
    top: -45px;
  }
}
@media (max-width: 1024px) {
  .image-with-text__subheading {
    position: static;
    top: auto;
    width: 94%;
    margin-bottom: 0.5rem;
  }
}
/*TEXT BOX END*/

.image-with-text__content>*+:is(.image-with-text__heading) {
    margin-top: 2rem !important;
    line-height: 0.9;
}

.image-with-text__subheading {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  /*width: 100%;*/
  margin-top: 0rem !important;
  font-family: "Hauss", var(--font-body-family) !important;
  font-weight: 400;
  font-size: 17px !important;
  text-transform: none !important
}

.image-with-text__subheading::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: #ccc;
  border-radius: 2px;
}

.image-with-text__text h3{
  margin-top:0 ;
}

/* SVG-ikoner för listor i accordion */
.mt-acc-panel ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.accordion-text-wrapper{
  width:100%;
}

.mt-acc-panel ul li {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
}

.mt-acc-panel ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url('/cdn/shop/files/pil.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.accordion-text-content ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.accordion-text-content ol li {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
}

.accordion-text-content ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url('/cdn/shop/files/pil.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Responsiv storlek på mobil */
@media (max-width: 749px) {
  .accordion-text-content ul li,
  .accordion-text-content ol li {
    padding-left: 28px;
  }
  
  .accordion-text-content ul li::before,
  .accordion-text-content ol li::before {
    width: 16px;
    height: 16px;
  }
}

.image-with-text__subheading {
    margin-bottom: 0 !important;
}

/* iPad (mellan 751px och 1024px) */
@media screen and (min-width: 751px) and (max-width: 1024px) {

    .image-with-text__grid .grid__item {
        width: calc(100% - var(--grid-horizontal-spacing) / 1) !important;
    }

    .image-with-text__grid .media--650px {
        height: 400px;
    }

    .image-with-text__grid .media--500px {
        height: 400px;
    }

    .image-with-text__subheading {
        margin-bottom: 0 !important;
    }
}

/* Desktop (över 1024px) 
@media (min-width: 1025px) {
    .image-with-text__subheading {
        margin-bottom: 12.5rem !important;
    }
}
*/
/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .section .image-with-text__grid,
  .image-with-text__grid {
    padding: 2rem 1.5rem !important;
  }
}

/* Flytta till vänster på mobila enheter */
@media (max-width: 767px) {
  .accordion-toggle-btn {
    float: left !important;
  }
}

/*******BIL MED TEXT END *********/



/*******FORMULÄR *********/

.contact-form .rte{
    font-size: 14px;
}

.field .field__input{
  background: #ffffff;
  border-radius: 10px;
}

/*******FORMULÄR END*********/


/*******SUPPORT PAGE *********/
.faq details summary>span {
    font-size: 18px !important;
    text-transform: none !important;
}

.faq details summary .icon {
  background: #372a40 !important;
  color: #ffffff !important;
}

.faq details summary~* {
    padding: 3rem 5rem !important;
}

/*******SUPPORT PAGE *********/

/*******DISPLAY NONE *********/

#cart-icon-bubble{
  display:none !important;
}

/*******DISPLAY NONE *********/
