@charset "UTF-8";
/*
Theme Name: Storefront Child
Version: 1.0.0
Author: Acrowd
Author URI: http://acrowd.se
Template: storefront

*/
@import url("./assets/fonts/circular-std/style.css");
@import url("./assets/fonts/hk-grotesk/style.css");
@import url("./assets/css/single-product.css");
@import url("./assets/css/single-post.css");
@import url("./assets/css/archive-post.css");
@import url("./assets/css/cart.css");
@import url("./assets/css/checkout.css");
@import url("./assets/css/shop.css");
@import url("./assets/css/support.css");
@import url("./assets/css/event.css");
:root {
  --color-black: #101820;
  --color-white: #FFFFFF;
  --color-border: #F1F1F1;
  --color-dark-blue: #102632;
  --color-blue: #4344F8;
  --color-light-blue: #D6D7FC;
  --color-light-gray: #F0F0F0;
  --color-light-green: #E1FBD4;
  --size-font-display: 85px;
  --size-font-h1: 72px;
  --size-font-h2: 60px;
  --size-font-h3: 48px;
  --size-font-h4: 34px;
  --size-font-h5: 24px;
  --size-font-h6: 20px;
  --size-font-body-1: 16px;
  --size-font-body-2: 14px;
  --size-font-overline: 14px;
  --size-font-subtitle: 12px;
  --size-font-mobile-display: 72px;
  --size-font-mobile-h1: 60px;
  --size-font-mobile-h2: 48px;
  --size-font-mobile-h3: 34px;
  --size-font-mobile-h4: 24px;
  --size-font-mobile-h5: 20px;
  --size-font-mobile-h6: 18px;
  --size-font-mobile-body-1: 16px;
  --size-font-mobile-body-2: 14px;
  --size-font-mobile-overline: 14px;
  --size-font-mobile-subtitle: 10px;
  --size-128: 128px;
  --size-96: 96px;
  --size-64: 64px;
  --size-40: 40px;
  --size-24: 24px;
  --size-16: 16px;
  --size-14: 14px;
  --size-13: 13px;
  --size-10: 10px;
  --size-8: 8px;
  --size-4: 4px;
  --size-header-height: 80px;
  --margin-xs: var(--size-4);
  --margin-s: var(--size-16);
  --margin-m: var(--size-40);
  --margin-l: var(--size-64);
  --margin-xl: var(--size-128);
}

body {
  margin-top: var(--size-header-height);
}

* {
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hk-grotesk, p, .p, *, p.small, .p2, .body2, #menubar .menu-row .items a, .detailed-product-card .description, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .button, .overline, .subtitle, .subtext {
  font-family: 'HK Grotesk', sans-serif;
}

.circular-std, .display, h1, .h1, h2, .h2, h3, .h3, .mobile .block-hero .contained .wrapper .content h1, h4, .h4, .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content h2, h5, .h5, .detailed-product-card .title, .detailed-product-card .bottom .price .price-container span .h4, .mobile .block-splitscreen .contained .grid .content .h4, .tablet .block-splitscreen .contained .grid .content .h4, h6, .h6, .h6-important, .mobile .block-cta_grid .cta-grid .cta .h5, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .title, .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .title {
  font-family: 'Circular Std Book', sans-serif;
}

.display {
  font-size: var(--size-font-display);
  font-weight: bold;
  color: var(--color-blue);
}

.mobile .display {
  font-size: var(--size-font-mobile-display);
}

h1, .h1 {
  font-size: var(--size-font-h1);
  font-weight: 700;
  color: var(--color-blue);
}

.mobile h1, .mobile .h1 {
  font-size: var(--size-font-mobile-h1);
}

h2, .h2 {
  font-size: var(--size-font-h2);
  font-weight: 700;
  color: var(--color-blue);
}

.mobile h2, .mobile .h2 {
  font-size: var(--size-font-mobile-h2);
}

h3, .h3, .mobile .block-hero .contained .wrapper .content h1 {
  font-size: var(--size-font-h3);
  font-weight: 700;
  color: var(--color-blue);
  line-height: 130%;
}

.mobile h3, .mobile .h3, .mobile .block-hero .contained .wrapper .content h1 {
  font-size: var(--size-font-mobile-h3);
}

h4, .h4, .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content h2 {
  font-size: var(--size-font-h4);
  font-weight: 700;
  color: var(--color-blue);
}

.mobile h4, .mobile .h4, .tablet .block-dual_cta .contained .cta-grid .cta .content .mobile h2, .mobile .block-dual_cta .contained .cta-grid .cta .content h2 {
  font-size: var(--size-font-mobile-h4);
}

h5, .h5, .detailed-product-card .title, .detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-splitscreen .contained .grid .content .h4, .mobile .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2 {
  font-size: var(--size-font-h5);
  font-weight: 700;
  color: var(--color-blue);
}

.mobile h5, .mobile .h5, .mobile .detailed-product-card .title, .detailed-product-card .mobile .title, .mobile .detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .mobile .h4, .mobile .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content .mobile h2, .tablet .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span .mobile h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-splitscreen .contained .grid .content .h4, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .mobile .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content .mobile h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content .mobile h2, .tablet .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content .mobile h2, .tablet .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content .mobile h2 {
  font-size: var(--size-font-mobile-h5);
}

h6, .h6, .h6-important, .mobile .block-cta_grid .cta-grid .cta .h5, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .title, .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .title, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .cta-grid .cta .h4, .mobile .block-cta_grid .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-cta_grid .cta-grid .cta .block-splitscreen .contained .grid .content .h4, .mobile .block-splitscreen .contained .grid .content .block-cta_grid .cta-grid .cta .h4, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .mobile .block-cta_grid .cta-grid .cta .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2 {
  font-size: var(--size-font-h6);
  font-weight: 700;
  color: var(--color-blue);
}

.mobile h6, .mobile .h6, .mobile .h6-important, .mobile .block-cta_grid .cta-grid .cta .h5, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .title, .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .title, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .cta-grid .cta .h4, .mobile .block-cta_grid .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-cta_grid .cta-grid .cta .block-splitscreen .contained .grid .content .h4, .mobile .block-splitscreen .contained .grid .content .block-cta_grid .cta-grid .cta .h4, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .mobile .block-cta_grid .cta-grid .cta .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2 {
  font-size: var(--size-font-mobile-h6);
}

.h6-important {
  font-size: var(--size-font-h6) !important;
  font-weight: 700 !important;
}

.mobile .h6-important {
  font-size: var(--size-font-mobile-h6) !important;
}

p, .p, *, p.small, .p2, .body2, #menubar .menu-row .items a, .detailed-product-card .description, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .button {
  font-size: var(--size-font-body-1);
  font-weight: 200;
}

.mobile p, .mobile .p, .mobile *, .mobile p.small, .mobile .p2, .mobile .body2, .mobile #menubar .menu-row .items a, #menubar .menu-row .items .mobile a, .mobile .detailed-product-card .description, .detailed-product-card .mobile .description, .mobile button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .mobile .button {
  font-size: var(--size-font-mobile-body-1);
}

p.small, .p2, .body2, #menubar .menu-row .items a, .detailed-product-card .description, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .button {
  font-size: var(--size-font-body-2);
}

.mobile p.small, .mobile .p2, .mobile .body2, .mobile #menubar .menu-row .items a, #menubar .menu-row .items .mobile a, .mobile .detailed-product-card .description, .detailed-product-card .mobile .description, .mobile button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .mobile .button {
  font-size: var(--size-font-mobile-body-2);
}

.overline {
  font-size: var(--size-font-overline);
  font-weight: normal;
}

.mobile .overline {
  font-size: var(--size-font-mobile-overline);
}

.subtitle, .subtext {
  font-size: var(--size-font-subtitle);
  font-weight: 200;
}

.mobile .subtitle, .mobile .subtext {
  font-size: var(--size-font-mobile-subtitle);
}

a {
  color: var(--color-blue);
  text-decoration: none;
  outline: none !important;
}

a:hover {
  text-decoration: underline;
}

.underline {
  text-decoration: underline;
}

/********** COLORS **********/
.black {
  color: var(--color-black);
}

.dark-blue {
  color: var(--color-dark-blue);
}

.blue {
  color: var(--color-blue);
}

.light-blue {
  color: var(--color-light-blue);
}

.light-green {
  color: var(--color-light-green);
}

.white {
  color: var(--color-white);
}

/********** OVERRIDES **********/
img {
  border-radius: 0px;
}

.storefront-sticky-add-to-cart {
  background-color: var(--color-white);
  z-index: 99;
  top: var(--size-header-height);
}

.site {
  overflow-x: unset;
}

#primary {
  float: unset !important;
  width: 100% !important;
}

.widget_nav_menu ul li {
  padding-left: 0;
}

.widget_nav_menu ul li a {
  color: white !important;
}

.widget_nav_menu ul li:before {
  content: unset;
}

h2 + h3, .beta + h3 {
  border-top: unset;
  padding-top: unset;
}

p + h3 {
  margin-top: 0.7em;
}

/********** LAYOUT **********/
.spacer.xl, .divider.xl {
  height: var(--margin-xl);
}

.spacer.l, .divider.l {
  height: var(--margin-l);
}

.spacer.m, .divider.m {
  height: var(--margin-m);
}

.spacer.s, .divider.s {
  height: var(--margin-s);
}

.spacer.xs, .divider.xs {
  height: var(--margin-xs);
}

.spacer.wxl, .divider.wxl {
  width: var(--margin-xl);
}

.spacer.wl, .divider.wl {
  width: var(--margin-l);
}

.spacer.wm, .divider.wm {
  width: var(--margin-m);
}

.spacer.ws, .divider.ws {
  width: var(--margin-s);
}

.spacer.wxs, .divider.wxs {
  width: var(--margin-xs);
}

.spacer.fill, .divider.fill {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.spacer.divider, .divider.divider {
  position: relative;
}

.spacer.divider:after, .divider.divider:after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  height: 1px;
  background: var(--color-black);
}

.spacer.divider.gray:after, .divider.divider.gray:after {
  background: #DFDFDF;
}

.mobile .spacer.mobile-xl, .mobile .divider.mobile-xl {
  height: var(--margin-xl);
}

.mobile .spacer.mobile-l, .mobile .divider.mobile-l {
  height: var(--margin-l);
}

.mobile .spacer.mobile-m, .mobile .divider.mobile-m {
  height: var(--margin-m);
}

.mobile .spacer.mobile-s, .mobile .divider.mobile-s {
  height: var(--margin-s);
}

.mobile .spacer.mobile-xs, .mobile .divider.mobile-xs {
  height: var(--margin-xs);
}

.mobile .spacer.mobile-hidden, .mobile .divider.mobile-hidden {
  height: 0;
}

.mobile .spacer.mobile-wxl, .mobile .divider.mobile-wxl {
  width: var(--margin-xl);
}

.mobile .spacer.mobile-wl, .mobile .divider.mobile-wl {
  width: var(--margin-l);
}

.mobile .spacer.mobile-wm, .mobile .divider.mobile-wm {
  width: var(--margin-m);
}

.mobile .spacer.mobile-ws, .mobile .divider.mobile-ws {
  width: var(--margin-s);
}

.mobile .spacer.mobile-wxs, .mobile .divider.mobile-wxs {
  width: var(--margin-xs);
}

.mobile .hide-mobile {
  display: none !important;
}

.tablet .hide-tablet {
  display: none !important;
}

.desktop .hide-desktop {
  display: none !important;
}

.contained {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.contained.medium {
  max-width: 1000px;
}

.contained.small {
  max-width: 800px;
}

.contained .contained {
  padding-left: 0;
  padding-right: 0;
}

.mobile .contained {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mobile .contained.full-mobile {
  padding-left: 0;
  padding-right: 0;
}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6, .text p {
  margin-bottom: 0.5em;
}

.text h1:last-child, .text h2:last-child, .text h3:last-child, .text h4:last-child, .text h5:last-child, .text h6:last-child, .text p:last-child {
  margin-bottom: 0;
}

footer {
  background: var(--color-dark-blue);
  padding-top: var(--margin-l);
}

footer, footer * {
  color: var(--color-white);
}

footer h1, footer h2, footer h3 {
  font-size: var(--size-font-h3);
}

footer .columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 1fr 1fr 1fr;
      grid-template-columns: 4fr 1fr 1fr 1fr;
  gap: 4rem;
}

footer .columns .column .widget-title {
  font-weight: bold;
  margin-bottom: 1rem;
}

footer .columns .column ul {
  padding: 0;
}

footer .columns .column ul li {
  list-style: none;
}

footer .columns .column ul li:not(:last-of-type) {
  margin-bottom: 1rem;
}

footer .columns .column ul li a {
  text-decoration: none;
  opacity: 0.75;
}

footer .columns .column ul li a:hover {
  text-decoration: underline;
}

footer .columns .footer-bottom {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .to-top {
  background-color: var(--color-light-blue);
  color: black;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
}

footer .copyright {
  background-color: var(--color-light-blue);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer .copyright p {
  color: black;
  margin: 0 !important;
}

.tablet footer .columns {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tablet footer .columns .footer-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
}

.mobile footer br {
  display: none;
}

.mobile footer .columns {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.mobile footer .columns .footer-bottom {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.mobile footer .copyright {
  background-color: white;
}

#menubar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: white;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

#menubar .menu-row {
  display: -ms-grid;
  display: grid;
  padding-top: 1rem;
  padding-bottom: 1rem;
  -ms-grid-columns: 1fr auto 1fr;
      grid-template-columns: 1fr auto 1fr;
  height: var(--size-header-height);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#menubar .menu-row .custom-logo-link {
  display: block;
  height: calc(var(--size-header-height) - 2rem);
  margin-bottom: 0 !important;
}

#menubar .menu-row .custom-logo-link img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#menubar .menu-row .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#menubar .menu-row .items a {
  color: var(--color-black);
  text-decoration: none;
}

#menubar .menu-row .items a:not(:last-child) {
  margin-right: 2rem;
}

#menubar .menu-row .items.right-items {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#menubar .menu-button {
  font-size: 2rem;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

#menubar .menu-button div {
  width: 100%;
  height: 2px;
  background-color: black;
}

#menubar .mobile-shopping-cart {
  margin-left: auto;
}

#menubar .mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: white;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#menubar .mobile-menu:not(.open) {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

#menubar .mobile-menu .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#menubar .mobile-menu .top .close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
}

#menubar .mobile-menu .top .close-button .icon {
  font-size: 1em;
  margin-right: 0.25em;
}

#menubar .mobile-menu .top .close-button span {
  font-size: 0.8em;
  font-weight: bold;
}

#menubar .mobile-menu .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 1rem;
  margin-top: var(--margin-m);
}

#menubar .mobile-menu .items a {
  color: var(--color-black);
  text-decoration: none;
}

#menubar .mobile-menu .items a:not(:last-child) {
  margin-bottom: 1rem;
}

#menubar .mobile-menu .map-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
  color: var(--color-blue);
}

#menubar .mobile-menu .map-pin .icon {
  font-size: 1.5em;
  margin-right: 0.25em;
}

#menubar .mobile-menu .map-pin span {
  font-size: 0.8em;
}

#menubar .mobile-menu .map-pin * {
  color: var(--color-blue);
  stroke: var(--color-blue);
}

.orbit-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

.orbit-modal-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.orbit-modal {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 1000px;
  height: 100%;
  background-color: white;
  padding: var(--margin-l);
  z-index: 1001;
  overflow: auto;
}

@-webkit-keyframes modal-enter {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes modal-enter {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes modal-exit {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes modal-exit {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.orbit-modal.open {
  -webkit-animation: modal-enter 0.5s ease-in-out;
          animation: modal-enter 0.5s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.orbit-modal.closed {
  -webkit-animation: modal-exit 0.5s ease-in-out;
          animation: modal-exit 0.5s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.orbit-modal .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: solid 1px black;
  padding-bottom: 2rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 100;
}

.orbit-modal .header h2 {
  margin-bottom: 0 !important;
}

.orbit-modal .header .close-button {
  cursor: pointer;
  margin-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.orbit-modal .header .close-button .icon {
  font-size: 2rem;
}

.orbit-modal .modal-content {
  margin-top: 2rem;
}

.tablet .orbit-modal {
  width: 90%;
  padding: var(--margin-m);
}

.mobile .orbit-modal {
  width: 100%;
  max-width: 100%;
  padding: var(--margin-s);
  padding-top: var(--margin-m);
  padding-bottom: var(--margin-m);
}

.orbit-modal.map-modal {
  padding: 0 !important;
}

.orbit-modal.map-modal .header {
  padding: 2rem;
  border-bottom: none;
}

.orbit-modal.map-modal .modal-content {
  margin-top: 0 !important;
}

.orbit-modal.map-modal .modal-content .columns {
  max-width: 80%;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

.mobile .orbit-modal.map-modal .modal-content .columns, .tablet .orbit-modal.map-modal .modal-content .columns {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  max-width: 90%;
}

.orbit-modal.compare-modal {
  padding: 0 !important;
}

.orbit-modal.compare-modal .header {
  position: absolute;
  width: 100%;
  padding: 2rem;
  border-bottom: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0);
          box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.orbit-modal.compare-modal .header .compare-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}

.orbit-modal.compare-modal .header .images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[var];
      grid-template-columns: repeat(var(--columns), 1fr);
  gap: 2rem;
  border-bottom: solid 1px black;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.orbit-modal.compare-modal .header .images .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.orbit-modal.compare-modal .header .images .image img {
  width: 12rem;
  height: 12rem;
  margin-right: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.orbit-modal.compare-modal .header .images .image .info .price {
  font-weight: lighter;
}

.orbit-modal.compare-modal .header .images .image .info .price .subtitle {
  all: unset;
  margin-right: 0.5rem;
}

.orbit-modal.compare-modal .header .images .image .info .price .h4, .orbit-modal.compare-modal .header .images .image .info .price .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .cta-grid .cta .content .orbit-modal.compare-modal .header .images .image .info .price h2, .orbit-modal.compare-modal .header .images .image .info .price .mobile .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content .orbit-modal.compare-modal .header .images .image .info .price h2 {
  all: unset;
  margin-right: 0.5rem;
}

.orbit-modal.compare-modal .header .images .image .info .price .original-price {
  text-decoration: line-through;
  opacity: 0.5;
}

.tablet .orbit-modal.compare-modal .header .images .image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mobile .orbit-modal.compare-modal .header .images .image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mobile .orbit-modal.compare-modal .header .images .image img {
  width: 8rem;
  height: 8rem;
}

.mobile .orbit-modal.compare-modal .header .images .image .info {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile .orbit-modal.compare-modal .header .images {
  gap: 1rem;
  border-color: transparent;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mobile .orbit-modal.compare-modal .header {
  padding-top: 2rem;
  padding: 1rem;
}

.orbit-modal.compare-modal.scrolled .header {
  -webkit-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
}

.orbit-modal.compare-modal.scrolled .header .images {
  border-color: transparent;
}

.orbit-modal.compare-modal.scrolled .header .images .image img {
  width: 8rem;
  height: 8rem;
}

.mobile .orbit-modal.compare-modal.scrolled .header .images .image img, .tablet .orbit-modal.compare-modal.scrolled .header .images .image img {
  height: 0rem;
}

.orbit-modal.compare-modal .content {
  padding: 2rem;
  padding-top: 22rem;
  height: 100%;
  overflow: auto;
}

.orbit-modal.compare-modal .content .h6, .orbit-modal.compare-modal .content .h6-important, .orbit-modal.compare-modal .content .mobile .block-cta_grid .cta-grid .cta .h5, .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content .h5, .orbit-modal.compare-modal .content .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .title, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .orbit-modal.compare-modal .content .title, .orbit-modal.compare-modal .content .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .title, .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content .title, .orbit-modal.compare-modal .content .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .bottom .price .price-container span .h4, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .bottom .price .price-container span .orbit-modal.compare-modal .content .h4, .orbit-modal.compare-modal .content .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .cta-grid .cta .h4, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content .h4, .orbit-modal.compare-modal .mobile .block-cta_grid .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-cta_grid .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content .detailed-product-card .bottom .price .price-container span h2, .orbit-modal.compare-modal .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .orbit-modal.compare-modal .content .detailed-product-card .bottom .price .price-container span h2, .orbit-modal.compare-modal .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content .detailed-product-card .bottom .price .price-container span h2, .orbit-modal.compare-modal .mobile .block-cta_grid .cta-grid .cta .block-splitscreen .contained .grid .content .h4, .mobile .block-cta_grid .cta-grid .cta .block-splitscreen .contained .grid .orbit-modal.compare-modal .content .h4, .orbit-modal.compare-modal .mobile .block-splitscreen .contained .grid .content .block-cta_grid .cta-grid .cta .h4, .mobile .block-splitscreen .contained .grid .orbit-modal.compare-modal .content .block-cta_grid .cta-grid .cta .h4, .orbit-modal.compare-modal .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .mobile .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-splitscreen .block-dual_cta .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-dual_cta .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-splitscreen .block-dual_cta .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .block-cta_grid .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .mobile .block-dual_cta .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-splitscreen .contained .grid .content .mobile .block-cta_grid .cta-grid .cta .h4, .tablet .block-splitscreen .contained .grid .orbit-modal.compare-modal .content .mobile .block-cta_grid .cta-grid .cta .h4, .orbit-modal.compare-modal .tablet .block-splitscreen .block-dual_cta .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .grid .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .block-splitscreen .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .mobile .block-cta_grid .cta-grid .cta .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-splitscreen .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .grid .orbit-modal.compare-modal .content h2, .orbit-modal.compare-modal .tablet .block-dual_cta .block-splitscreen .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .mobile .block-cta_grid .cta-grid .cta .grid .orbit-modal.compare-modal .content h2 {
  margin-bottom: 1.5rem;
}

.orbit-modal.compare-modal .content .columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[var];
      grid-template-columns: repeat(var(--columns), 1fr);
  gap: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: solid 1px black;
}

.orbit-modal.compare-modal .content .columns ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.orbit-modal.compare-modal .content .columns ul li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.orbit-modal.compare-modal .content .columns ul li:not(:last-of-type) {
  border-bottom: solid 1px #d3d3d39b;
}

.mobile .orbit-modal.compare-modal .content {
  padding: 1rem;
  padding-top: 18rem;
}

.mobile .orbit-modal.compare-modal .content .columns {
  gap: 1rem;
}

.mobile .orbit-modal.compare-modal .content .columns .column .text p, .mobile .orbit-modal.compare-modal .content .columns .column .text li, .mobile .orbit-modal.compare-modal .content .columns .column .text a {
  font-size: var(--size-font-mobile-body-2);
}

.detailed-product-card {
  background-color: #F0F0F0;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none !important;
}

.detailed-product-card .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
  min-height: 2rem;
}

.detailed-product-card .top .use-ar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.detailed-product-card .top .use-ar .icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.detailed-product-card .top .use-ar .icon *:not(svg)[fill] {
  fill: var(--color-blue);
}

.detailed-product-card .top .use-ar .icon *:not(svg)[stroke] {
  stroke: var(--color-blue);
}

.detailed-product-card .image {
  height: 0;
  padding-bottom: 80%;
  width: 100%;
  position: relative;
}

.detailed-product-card .image img {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.detailed-product-card .tags {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detailed-product-card .tags .tag {
  font-size: var(--size-font-subtitle);
  padding: 0.1rem 0.8rem;
  background-color: var(--color-light-blue);
  color: var(--color-black);
  border-radius: 10rem;
  margin-right: 0.5rem;
}

.detailed-product-card .title {
  color: var(--color-black);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.detailed-product-card .description {
  color: var(--color-black);
  margin-bottom: 0.5rem;
}

.detailed-product-card .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1rem;
}

.detailed-product-card .bottom .price .price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.detailed-product-card .bottom .price .price-container .subtitle {
  color: var(--color-black);
}

.detailed-product-card .bottom .price .price-container span {
  line-height: 120%;
}

.detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .cta-grid .cta .content h2, .mobile .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2 {
  color: var(--color-black);
}

.detailed-product-card .bottom .price .price-container .original-price {
  text-decoration: line-through;
  opacity: 0.5;
  margin-right: 0.5rem;
}

.detailed-product-card .bottom .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.detailed-product-card .bottom .stars .icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.posts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--margin-m);
}

.posts.col-4 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
}

.posts .post-card {
  text-decoration: none;
  min-width: 0;
  max-width: 100%;
}

.posts .post-card img {
  width: 100%;
  height: 15rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.posts .post-card h3 {
  max-width: 90%;
}

.tablet .posts {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.tablet .posts .post-card img {
  height: 20rem;
}

.mobile .posts {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-gap: var(--margin-m);
}

/********** ELEMENTS **********/
.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1em;
  height: 1em;
}

.icon svg {
  font-size: 1em;
  width: 1em;
  height: 1em;
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .button {
  padding: 0.75rem 1.5rem;
  display: inline-block;
  color: var(--color-white);
  border: none;
  text-decoration: none !important;
  outline: none !important;
  position: relative;
  background: linear-gradient(130deg, var(--color-dark-blue) 0%, var(--color-dark-blue) 10%, var(--color-blue) 10%, var(--color-blue) 100%) !important;
  background-color: var(--color-blue) !important;
  cursor: pointer;
  -webkit-transition: background-size 400ms, color 300ms;
  transition: background-size 400ms, color 300ms;
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).dark, .button.dark {
  background: linear-gradient(130deg, var(--color-blue) 0%, var(--color-blue) 10%, var(--color-dark-blue) 10%, var(--color-dark-blue) 100%) !important;
  background-color: var(--color-dark-blue) !important;
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).white, .button.white {
  background: linear-gradient(130deg, var(--color-blue) 0%, var(--color-blue) 10%, var(--color-white) 10%, var(--color-white) 100%) !important;
  background-color: var(--color-white) !important;
  color: var(--color-dark-blue);
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).dark, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).white, .button, .button.dark, .button.white {
  background-size: 0% !important;
  background-position: left 0 !important;
  background-repeat: no-repeat !important;
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]):not(:disabled):not(.disabled):hover, .button:not(:disabled):not(.disabled):hover {
  background-size: 1500% !important;
  color: var(--color-white);
}

button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]):disabled, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).disabled, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]):disabled:hover, button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]).disabled:hover, .button:disabled, .button.disabled, .button:disabled:hover, .button.disabled:hover {
  background-color: #DDDDDD !important;
  color: #9E9E9E !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

button[title="Stäng"] {
  outline: none !important;
}

.input {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
}

.input input, .input textarea {
  font-family: inherit;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
  outline: 0;
  font-size: 16px;
  color: #212121;
  padding: 7px;
  background: transparent !important;
  font-weight: 200 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.input input::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder {
  color: transparent;
}

.input input:-ms-input-placeholder, .input textarea:-ms-input-placeholder {
  color: transparent;
}

.input input::-ms-input-placeholder, .input textarea::-ms-input-placeholder {
  color: transparent;
}

.input input::placeholder, .input textarea::placeholder {
  color: transparent;
}

.input input:placeholder-shown ~ label, .input textarea:placeholder-shown ~ label {
  font-size: 16px;
  cursor: text;
  top: 24px;
  padding-left: 4px;
  padding-right: 4px;
}

.input input:focus, .input textarea:focus {
  padding-bottom: 7px;
  border: 1px solid var(--color-blue) !important;
}

.input textarea {
  resize: none;
}

.input label,
.input input:focus ~ label,
.input textarea:focus ~ label {
  position: absolute;
  font-weight: 200;
  top: 8px;
  left: 9px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 12px;
  color: #9b9b9b;
  background-color: white;
}

.input input:focus ~ label,
.input textarea:focus ~ label {
  color: var(--color-blue);
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, select {
  width: 100%;
  background: transparent !important;
  font-weight: 200 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #d2d2d2 !important;
  font-family: inherit !important;
  width: 100%;
  border-radius: 0px !important;
  outline: 0 !important;
  font-size: 16px;
  color: #212121;
  padding: 7px;
}

input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus {
  border: 1px solid var(--color-blue) !important;
}

select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background: url("assets/icons/dropdown.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center right 1rem !important;
  background-size: 2rem !important;
}

select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cart-icon {
  font-size: 1.5rem !important;
  width: 1em;
  height: 1em;
  position: relative;
}

.cart-icon .icon {
  font-size: 1em;
}

.cart-icon .item-count {
  font-size: 0.5em;
  background-color: var(--color-blue);
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -0.2em;
  right: -0.4em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 1em;
}

/********** COMPONENTS **********/
.accordion .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem;
  border-bottom: solid 1px var(--color-light-gray);
  -webkit-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
  cursor: pointer;
}

.accordion .header .title {
  color: var(--color-black);
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.accordion .header .icon-button {
  font-size: 2rem;
  width: 1em;
  height: 1em;
}

.accordion .header .icon-button .icon {
  font-size: 1em;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.accordion .header .icon-button .icon * {
  stroke: var(--color-black);
  -webkit-transition: stroke 0.2s ease-in-out, fill 0.5s ease-in-out;
  transition: stroke 0.2s ease-in-out, fill 0.5s ease-in-out;
}

.accordion .accordion-content {
  height: 0;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.accordion.open .header {
  border-color: transparent;
}

.accordion.open .header .title {
  color: var(--color-blue);
}

.accordion.open .header .icon-button .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion.open .header .icon-button .icon * {
  stroke: var(--color-blue);
  fill: var(--color-blue);
}

.accordion.open .accordion-content {
  height: var(--scroll-height, 100%);
}

/********** BLOCKS **********/
.block-hero .contained {
  height: 650px;
  position: relative;
}

.block-hero .contained .wrapper {
  position: relative;
  height: 100%;
}

.block-hero .contained .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-hero .contained .wrapper .content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--margin-l);
}

.block-hero .contained .wrapper .content h1 {
  color: white;
  margin-bottom: var(--margin-m);
}

.mobile .block-hero .contained .wrapper .content h1 {
  color: white;
}

.mobile .block-hero .contained {
  height: 500px;
}

.mobile .block-hero .contained .wrapper .content {
  padding: var(--margin-s);
  padding-bottom: var(--margin-l);
}

.block-text_carousel {
  --slide-width: 30rem;
}

.block-text_carousel .slides {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--slide-width);
  margin: auto;
  overflow: hidden;
  --current: 0;
}

.block-text_carousel .slides .slide {
  width: var(--slide-width);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transform: translateX(calc(-100% * var(--current)));
          transform: translateX(calc(-100% * var(--current)));
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.block-text_carousel .slides .slide h2 {
  color: black;
  margin-bottom: 1.5rem;
}

.block-text_carousel .bars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-text_carousel .bars .bar {
  width: 3rem;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-blue)), color-stop(var(--color-blue)), color-stop(#DADADA), to(#DADADA));
  background: linear-gradient(to right, var(--color-blue) 0%, var(--color-blue) calc(100% * var(--progress, 0)), #DADADA calc(100% * var(--progress, 0)), #DADADA 100%);
  background-color: #DADADA;
}

.block-text_carousel .bars .bar:not(:last-child) {
  margin-right: 0.3rem;
}

.mobile .block-text_carousel {
  --slide-width: 100%;
}

.block-icon_row {
  background-color: var(--color-light-blue);
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-icon_row .icons {
  padding: 3rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-icon_row .icons .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.block-icon_row .icons .icon-wrapper .icon {
  margin-right: 1rem;
  font-size: 2.5rem;
}

.block-icon_row .icons .icon-wrapper:not(:last-child) {
  margin-right: 5rem;
}

.block-icon_row .icons .icon-wrapper .p, .block-icon_row .icons .icon-wrapper *, .block-icon_row .icons .icon-wrapper p.small, .block-icon_row .icons .icon-wrapper .p2, .block-icon_row .icons .icon-wrapper .body2, .block-icon_row .icons .icon-wrapper #menubar .menu-row .items a, #menubar .menu-row .items .block-icon_row .icons .icon-wrapper a, .block-icon_row .icons .icon-wrapper .detailed-product-card .description, .detailed-product-card .block-icon_row .icons .icon-wrapper .description, .block-icon_row .icons .icon-wrapper button:not(.gm-control-active):not([title="Stäng"]):not([title="Kortkommandon"]):not([title="Visa gatukarta"]):not([title="Visa satellitbilder"]), .block-icon_row .icons .icon-wrapper .button {
  color: black;
}

.mobile .block-icon_row .icons {
  padding: 1.5rem;
}

.mobile .block-icon_row .icons .icon-wrapper:not(:last-child) {
  margin-right: 3rem;
}

.block-big_cta .contained {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.block-big_cta .contained > * {
  min-width: 0;
}

.block-big_cta .contained .image img {
  width: 100%;
  height: auto;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.tablet .block-big_cta .contained {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.tablet .block-big_cta .contained .image {
  display: none;
}

.mobile .block-big_cta .contained {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.mobile .block-big_cta .contained .content h2 {
  font-size: var(--size-font-mobile-h2);
}

.mobile .block-big_cta .contained .image {
  display: none;
}

.block-animated_text_highlight {
  background-color: var(--color-dark-blue);
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.block-animated_text_highlight h2 {
  margin: auto;
  max-width: 860px;
}

.block-animated_text_highlight h2 span {
  all: unset;
  color: white;
  opacity: 0.2;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.block-animated_text_highlight h2 span.current {
  opacity: 1;
}

.mobile .block-animated_text_highlight {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mobile .block-animated_text_highlight h2 {
  font-size: var(--size-font-mobile-h3);
}

.block-dual_cta .contained .cta-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.block-dual_cta .contained .cta-grid .cta {
  position: relative;
  min-width: 0;
  height: 25rem;
  text-decoration: none;
}

.block-dual_cta .contained .cta-grid .cta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-dual_cta .contained .cta-grid .cta .content {
  height: 100%;
  position: relative;
  z-index: 1;
  padding: var(--margin-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.block-dual_cta .contained .cta-grid .cta .content h2 {
  color: white;
}

.block-dual_cta .contained .cta-grid .cta:hover .button {
  background-size: 1500% !important;
  color: var(--color-white);
}

.tablet .block-dual_cta .contained .cta-grid {
  gap: var(--margin-s);
}

.tablet .block-dual_cta .contained .cta-grid .cta {
  height: unset;
  min-height: 17.5rem;
}

.tablet .block-dual_cta .contained .cta-grid .cta .content {
  padding: var(--margin-s);
}

.tablet .block-dual_cta .contained .cta-grid .cta .content h2 {
  color: white;
}

.mobile .block-dual_cta .contained .cta-grid {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: var(--margin-s);
}

.mobile .block-dual_cta .contained .cta-grid .cta {
  height: unset;
  min-height: 15rem;
}

.mobile .block-dual_cta .contained .cta-grid .cta .content {
  padding: var(--margin-s);
}

.mobile .block-dual_cta .contained .cta-grid .cta .content h2 {
  color: white;
}

.block-reviews .reviews {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--margin-m);
}

.block-reviews .reviews .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.block-reviews .reviews .review .stars {
  margin-bottom: 1.5rem;
}

.block-reviews .reviews .review .review-title {
  margin-bottom: 1.25rem;
  font-weight: bold;
}

.block-reviews .reviews .review .review-link {
  margin-top: 1.25rem;
}

.mobile .block-reviews .contained, .tablet .block-reviews .contained {
  padding: 0 !important;
}

.mobile .block-reviews .contained .reviews, .tablet .block-reviews .contained .reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: unset;
  overflow: auto;
  width: 100vw;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.mobile .block-reviews .contained .reviews::-webkit-scrollbar, .tablet .block-reviews .contained .reviews::-webkit-scrollbar {
  display: none;
}

.mobile .block-reviews .contained .reviews .review, .tablet .block-reviews .contained .reviews .review {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  scroll-snap-align: start;
}

.mobile .block-reviews .contained .bars, .tablet .block-reviews .contained .bars {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile .block-reviews .contained .bars .bar, .tablet .block-reviews .contained .bars .bar {
  width: 3rem;
  height: 3px;
  background-color: #DADADA;
  position: relative;
}

.mobile .block-reviews .contained .bars .bar:after, .tablet .block-reviews .contained .bars .bar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue);
  opacity: var(--opacity, 0);
}

.mobile .block-reviews .contained .bars .bar:not(:last-child), .tablet .block-reviews .contained .bars .bar:not(:last-child) {
  margin-right: 0.3rem;
}

.tablet .block-reviews .contained .reviews .review {
  padding-left: var(--margin-xl);
  padding-right: var(--margin-xl);
}

.block-cta_grid .cta-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--margin-m);
}

.block-cta_grid .cta-grid .cta {
  min-width: 0;
  text-decoration: none;
}

.block-cta_grid .cta-grid .cta img {
  width: 100%;
  height: auto;
}

.tablet .block-cta_grid .cta-grid {
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.mobile .block-cta_grid .cta-grid {
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: var(--margin-s);
}

.mobile .block-cta_grid .cta-grid .cta .h5, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .title, .detailed-product-card .mobile .block-cta_grid .cta-grid .cta .title, .mobile .block-cta_grid .cta-grid .cta .detailed-product-card .bottom .price .price-container span .h4, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .cta-grid .cta .h4, .mobile .block-cta_grid .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .detailed-product-card .bottom .price .price-container span .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content h2, .detailed-product-card .bottom .price .price-container span .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .contained .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-dual_cta .contained .block-cta_grid .cta-grid .cta .content .detailed-product-card .bottom .price .price-container span h2, .mobile .block-cta_grid .cta-grid .cta .block-splitscreen .contained .grid .content .h4, .mobile .block-splitscreen .contained .grid .content .block-cta_grid .cta-grid .cta .h4, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-cta_grid .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .block-cta_grid .cta-grid .cta .content h2, .mobile .block-cta_grid .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .block-cta_grid .cta-grid .cta .grid .content h2, .mobile .block-cta_grid .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .mobile .block-cta_grid .cta-grid .cta .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .mobile .block-cta_grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .mobile .block-cta_grid .cta-grid .cta .grid .content h2 {
  color: var(--color-black);
}

.block-numbers_highlight .numbers-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: var(--margin-m);
}

.block-numbers_highlight .numbers-wrapper > .number {
  border: #EBEBEB 1px solid;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-decoration: none;
  color: var(--color-black);
}

.mobile .block-numbers_highlight .numbers-wrapper, .tablet .block-numbers_highlight .numbers-wrapper {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.block-featured_products .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: var(--margin-s);
}

.block-featured_products .grid .cta-card {
  background-color: var(--color-dark-blue);
  padding: var(--margin-m);
}

.mobile .block-featured_products .grid, .tablet .block-featured_products .grid {
  width: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: unset;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.mobile .block-featured_products .grid::-webkit-scrollbar, .tablet .block-featured_products .grid::-webkit-scrollbar {
  display: none;
}

.mobile .block-featured_products .grid > *, .tablet .block-featured_products .grid > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  scroll-snap-align: start;
}

.mobile .block-featured_products .grid > *:not(:last-child), .tablet .block-featured_products .grid > *:not(:last-child) {
  margin-right: var(--margin-m);
}

.mobile .block-featured_products .bars, .tablet .block-featured_products .bars {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile .block-featured_products .bars .bar, .tablet .block-featured_products .bars .bar {
  width: 3rem;
  height: 1rem;
  position: relative;
  cursor: pointer;
}

.mobile .block-featured_products .bars .bar:before, .tablet .block-featured_products .bars .bar:before {
  content: '';
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #DADADA;
}

.mobile .block-featured_products .bars .bar:after, .tablet .block-featured_products .bars .bar:after {
  content: '';
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--color-blue);
  opacity: var(--opacity, 0);
}

.mobile .block-featured_products .bars .bar:not(:last-child), .tablet .block-featured_products .bars .bar:not(:last-child) {
  margin-right: 0.3rem;
}

.block-product_hero {
  background-color: #F0F0F0;
  padding-top: var(--margin-l);
  padding-bottom: var(--margin-l);
}

.block-product_hero .contained {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.block-product_hero .contained .content {
  padding-top: var(--margin-l);
  padding-bottom: var(--margin-l);
}

.block-product_hero .contained .content p {
  max-width: 23rem;
}

.block-product_hero .contained .model iframe {
  width: 100%;
  height: 100%;
}

.mobile .block-product_hero, .tablet .block-product_hero {
  background-color: white;
  padding-top: 0;
  padding-bottom: 0;
}

.mobile .block-product_hero .contained, .tablet .block-product_hero .contained {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding: 0 !important;
}

.mobile .block-product_hero .contained .content, .tablet .block-product_hero .contained .content {
  padding-top: var(--margin-m);
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.mobile .block-product_hero .contained .model, .tablet .block-product_hero .contained .model {
  background-color: #F0F0F0;
}

.mobile .block-product_hero .contained .model iframe, .tablet .block-product_hero .contained .model iframe {
  height: 20rem;
}

.mobile .block-product_hero .contained .model img, .tablet .block-product_hero .contained .model img {
  height: 20rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.block-expandable_wysiwyg .wrapper {
  background: var(--color-light-gray);
  padding: calc(var(--margin-l) * 2);
  padding-top: var(--margin-l);
  padding-bottom: var(--margin-l);
}

.block-expandable_wysiwyg .wrapper .bottom {
  -webkit-transition: max-height 0.75s ease-in-out;
  transition: max-height 0.75s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.block-expandable_wysiwyg .wrapper .show-more {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-expandable_wysiwyg .wrapper .show-more span {
  margin-right: 0.5rem;
  margin-top: 0.2rem;
}

.block-expandable_wysiwyg .wrapper .show-more span:after {
  content: 'mer';
}

.block-expandable_wysiwyg .wrapper .show-more .icon {
  font-size: 1.5rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.mobile .block-expandable_wysiwyg .wrapper {
  background: var(--color-white);
  padding: 0 !important;
}

.block-expandable_wysiwyg.open .wrapper .bottom {
  max-height: var(--height);
}

.block-expandable_wysiwyg.open .wrapper .show-more span:after {
  content: 'mindre';
}

.block-expandable_wysiwyg.open .wrapper .show-more .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.block-grid .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[var];
      grid-template-columns: repeat(var(--columns, 2), 1fr);
  gap: var(--margin-m);
}

.mobile .block-grid .grid, .tablet .block-grid .grid {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.block-subhero {
  background-color: var(--color-dark-blue);
  min-height: 22.5rem;
  padding-top: var(--margin-m);
  padding-bottom: var(--margin-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.block-subhero .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-subhero .back .icon {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

.block-subhero .back .icon *[fill] {
  fill: var(--color-white);
}

.block-subhero .back .icon *[stroke] {
  stroke: var(--color-white);
}

.block-subhero .contained {
  width: 100%;
}

.block-subhero * {
  color: var(--color-white);
}

.mobile .block-subhero br {
  display: none;
}

.block-splitscreen .contained .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  background-color: #EDEDED;
}

.block-splitscreen .contained .grid .image-container img {
  height: 100%;
}

.block-splitscreen .contained .grid .content {
  padding: var(--margin-l) var(--margin-m);
}

.block-splitscreen .contained .grid .content .cta-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-splitscreen .contained .grid .content .cta-link .icon {
  margin-left: var(--margin-xs);
  font-size: 1.25rem;
}

.block-splitscreen .contained .grid .content .cta-link .icon *[fill] {
  fill: var(--color-blue);
}

.block-splitscreen .contained .grid .content .cta-link .icon *[stroke] {
  stroke: var(--color-blue);
}

.block-splitscreen.align-right .contained .grid .image-container {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.mobile .block-splitscreen.hide-image-mobile .image-container, .tablet .block-splitscreen.hide-image-mobile .image-container {
  display: none;
}

.mobile .block-splitscreen .contained .grid, .tablet .block-splitscreen .contained .grid {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.mobile .block-splitscreen .contained .grid .image-container, .tablet .block-splitscreen .contained .grid .image-container {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.mobile .block-splitscreen .contained .grid .content, .tablet .block-splitscreen .contained .grid .content {
  padding: var(--margin-s);
}

.mobile .block-splitscreen .contained .grid .content .h4, .tablet .block-dual_cta .mobile .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .mobile .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .tablet .block-splitscreen .contained .grid .content .h4, .tablet .block-splitscreen .block-dual_cta .contained .grid .cta-grid .cta .content h2, .tablet .block-dual_cta .block-splitscreen .contained .grid .cta-grid .cta .content h2, .tablet .block-splitscreen .block-dual_cta .contained .cta-grid .cta .grid .content h2, .tablet .block-dual_cta .block-splitscreen .contained .cta-grid .cta .grid .content h2, .mobile .block-dual_cta .tablet .block-splitscreen .contained .grid .cta-grid .cta .content h2, .mobile .block-dual_cta .tablet .block-splitscreen .contained .cta-grid .cta .grid .content h2 {
  color: black;
}

.mobile .block-splitscreen .contained .grid .content br, .tablet .block-splitscreen .contained .grid .content br {
  display: none;
}

.block-documents .contained {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.block-documents .contained .document {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}

.block-documents .contained .document:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}

.block-documents .contained .document .icon {
  font-size: 1.5rem;
}

.block-documents .contained .document .title {
  margin-left: var(--margin-s);
  color: var(--color-black);
}

.block-video .iframe-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}

.block-video .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/********* SUPPORT *******/
.orbit-support-shortcuts .shortcuts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(10rem, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  grid-gap: 1rem;
}

.orbit-support-shortcuts .shortcuts .shortcut {
  background-color: var(--color-dark-blue);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  min-width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content .icon {
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 4rem;
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content .icon * {
  fill: transparent;
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content .icon *[fill] {
  fill: var(--color-white);
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content .icon *[stroke] {
  stroke: var(--color-white);
}

.orbit-support-shortcuts .shortcuts .shortcut .shortcut-content h3 {
  margin-top: 1rem;
  text-align: center;
  width: 80%;
  color: white;
}

.orbit-support-shortcuts .shortcuts .shortcut:hover, .orbit-support-shortcuts .shortcuts .shortcut.active {
  background-color: var(--color-blue);
}

html body div#orbit-search div.contained.small form {
  position: relative;
  margin-bottom: 0;
}

html body div#orbit-search div.contained.small form input {
  background-color: #EDEDED !important;
  border: none !important;
  padding-right: 4rem;
  padding-left: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

html body div#orbit-search div.contained.small form input:focus {
  border: none !important;
}

html body div#orbit-search div.contained.small form button[type="submit"] {
  position: absolute !important;
  top: 0;
  right: 0;
  height: 100%;
  background: none !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
}

html body div#orbit-search div.contained.small form button[type="submit"] .icon {
  font-size: 1.5rem;
}
/*# sourceMappingURL=style.css.map */