/*
	Theme Name:    systemaudio
  Theme URI:     https://systemaudio.demo.supertusch.com/
	Description:   website for System Audio
	Author:        Supertusch
	Version:       1.0
  Author URI:    http://supertusch.dk
  Template:      basically-bootstrap-5
  Version:       1.0.0
  Domain Path:   /languages/
  Text Domain:    systemaudio
*/


/*global*/




@font-face {
  font-family: 'nudica-medium';
  src: url('/wp-content/themes/systemaudio/assets/fonts/nudica-medium-webfont.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'nudica-regular';
  src: url('/wp-content/themes/systemaudio/assets/fonts/nudica-regular-webfont.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'nudica-light';
  src: url('/wp-content/themes/systemaudio/assets/fonts/nudica-light-webfont.ttf');
  font-weight: normal;
}

:root {
  /*colors*/
  --dark-grey: #2E2932;
  --light-grey: #D9D9D9;
  --orange: #FF5300;
  --dark-blue: #000B53;
  --light-blue: #0059FC;
  --dark-green: #052615;
  --light-green: #AEFD71;
  --text-black: #232932;
  --text-grey: #797979;
  --border-grey: #DCDCDC;
  --image-grey: #F0F0F0;
  /*font*/
  --heading: 'nudica-medium';
  --body: 'nudica-regular';

  /* padding */
  --padding-sm-x: 24px;
  --padding-sm-y: 40px;

  --padding-md-x: 40px;
  --padding-md-y: 70px;

  --padding-lg-x: 40px;
  --padding-lg-y: 80px;

  --padding-xl-x: 80px;
  --padding-xl-y: 120px;
}

html {
  background: white;
}


body {
  border-radius: 30px;
  color: var(--text-black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  padding-top: 140px;
  opacity: 0;
  transition: opacity 0.9s;
}

main.appear {
  opacity: 1;
}

main.site-main {
  padding: 0;
}


h1 {
  font-style: var(--heading);
  font-size: clamp(0.875rem, 0.768rem + 0.286vw, 1.125rem);
  font-family: 'nudica-regular';
  text-transform: uppercase;
}

h2, h1.h2 {
  font-style: var(--heading);
  font-size: clamp(2rem, 0.607rem + 3.714vw, 5.25rem);
  font-family: 'nudica-medium';
  letter-spacing: -2px;
  text-transform: none;
}

h2.h1 {
  font-style: var(--heading) !important;
  font-size: clamp(0.875rem, 0.768rem + 0.286vw, 1.125rem)!important;
  font-family: 'nudica-regular' !important;
  text-transform: uppercase !important;
  letter-spacing: 0px !important;
}

h3 {
  font-size: clamp(1.12rem, 0.2rem + 2.556vw, 2.5rem);
  font-family: 'nudica-medium';
}

h4 {
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem);
  font-family: 'nudica-medium'
}

p {
  font-size: clamp(1rem, 0.946rem + 0.143vw, 1.125rem);
  font-family: 'nudica-regular';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cta-button {
  padding: 13px 32px !important;
  border-radius: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  display: block;
  width: fit-content;
}


a.cta-button {
  font-size: clamp(1rem, 1.2vw, 1.5rem);
}

.woocommerce div.product form.cart button.button.cta-button {
  width:100%!important;
}

.buttons {
  display: flex;
  gap: 20px;
}

.blue-button {
  background-color: var(--light-blue) !important;
  color: white !important;
  transition: box-shadow 0.3s ease-in-out;
}

.blue-button:hover {
  box-shadow: 0 0 15px rgba(0, 123, 255, 0.6);
}

.image-and-text-wrapper.wrapper-background-green .cta-button.blue-button:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
}


.trans-button {
  background-color: transparent !important;
  border: 1px solid var(--dark-grey) !important;
  color: var(--dark-grey) !important;
  transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.trans-button:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
}

.white .trans-button:hover,
.simple_image_and_text .trans-button:hover {
  box-shadow: 0 0 15px rgba(46, 41, 51, .2);
}


.black-button {
  background-color: var(--text-black) !important;
  border: none;
  color: white !important;
}

.content_block {
  padding: 5px 10px;
}

.green {
  background-color: var(--dark-green);
}

.grey {
  background-color: var(--light-grey);
}

.top-corner-curves {
  border-radius: 30px 30px 0 0 !important;
}

.bottom-corner-curves {
  border-radius: 0 0 30px 30px !important;
}

.all_corner_curves {
  border-radius: 30px;
}

@media screen and (max-width: 576px) {
    .buttons {
        flex-direction: column;
    }
    a.cta-button{
      width: 100%;
    }
}


/* HEADER */

.top-banner {
  background: var(--dark-grey);
  color: white;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.top-banner h6 {
  margin-bottom: 0;
}

.top-banner-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 26px;
  margin: 10px 0;
}

.top-banner-content p {
  margin-bottom: 0;
}

.top-banner-content i {
  font-size: 24px;
}

.top-banner-text {
  text-align: center;
  padding: 11px;
  margin-bottom: 0;
}

.navbar {
  padding: 30px 40px 25px 40px;
  border-radius: 30px 30px 0 0;
  background: white;
}

.shipping-country-banner {
  padding: 10px 40px;
  text-align: center;
}

.shipping-country-banner a {
  color: white;
}

.navbar-wrapper-for-max-width {
  display: flex;
  justify-content: space-between;
  max-width: 1920px;
  width: 100%;
  margin: auto;
}

#header-menu {
  flex-grow: 0;
}

.navbar-nav {
  gap: 60px;
}

.navbar-nav .nav-link {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.icons {
  display: flex;
  gap: 24px;
}

@media screen and (max-width:1800px) {
  .navbar {
    padding: 16px 0px 16px 40px;
  }

  .top-banner-text span {
    font-size: 14px;
  }
}


/* global breakpoints  */

@media (min-width: 1921px) {
  .content_block {
    max-width: 1920px;
    margin: auto;
  }
}


@media (max-width: 1800px) {

  h3 {
    font-size: clamp(1.125rem, 0.208rem + 2.546vw, 2.5rem);
  }

  main {
    padding-top: 120px;
  }

}

/* XXL breakpoint  */
@media (max-width: 1399px) {

  h4 {
    font-size: 1.3rem;
  }

  p {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  .navbar {
    padding: 20px 10px;
  }

  ul.icon-menu {
    padding-right: 16px;
  }

  .content_block {
    padding: 5px 5px;
  }
}

/* PRODUCT FEATURE CARDS */
.content_block.product_feature_cards:has(.product-feature-cards-wrapper.flat){
  padding:0px 10px 5px 10px;
}

.product_feature_cards.flat {
  padding: 0 10px 10px 10px;
}

.product-feature-cards-wrapper.flat {
  border-radius: 0 0 30px 30px;
}

.product-feature-cards-wrapper.round {
  border-radius: 30px;
}

.product-feature-cards-wrapper.dark_grey {
  background-color: var(--dark-grey);
}

.product-feature-cards-wrapper.light_grey {
  background-color: var(--light-grey);
}

.product-feature-cards-wrapper.white {
  background-color: white;
}

.product-feature-card {
  background-color: white;
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 10px;
}

.product-feature-card {
  border-radius: 30px;
  padding: 80px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.icon i {
  font-size: 80px;
}

.cards p {
  font-family: 'nudica-regular';
  font-size: clamp(1.125rem, 0.964rem + 0.429vw, 1.5rem);
  color: var(--text-grey);
}

.cards p strong {
  font-family: 'nudica-medium';
  color: var(--text-black);
}

@media (max-width: 1440px) {
  .product-feature-card {
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .cards {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 14px;
  }

  .icon i {
    font-size: 60px;
  }

  .product-feature-card {
    padding: 20px;
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .product-feature-card {
    padding: 12px;
  }
}



/*********** IMAGE AND TEXT BLOCK ***********/

.image_and_text {
  position: relative;
}

.image-and-text-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: stretch;
  min-height: calc(100vh - 180px);

}

.image-and-text-wrapper.video-and-text {

  min-height: 0;
}

.image-and-text-wrapper.video-and-text video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.image-wrapper {
  overflow: hidden;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.video-wrapper {
  display: flex;
  background-color: var(--border-grey);
  position:relative;
  overflow: hidden;
}

.loader-vid{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.loader-vid.loaded{
  display: none;
}


.image-wrapper img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}


.image-and-text-wrapper.wrapper-background-green {
  color: white;
}

.image-and-text-wrapper.wrapper-background-green h2 {
  color: var(--orange);
}

.image-and-text-wrapper.wrapper-background-green h2.h1 {
  color: white;
}

.image-and-text-wrapper.wrapper-background-green p {
  color: white;
  opacity: 70%;
}

.image-and-text-wrapper.wrapper-background-green .cta-button {
  background-color: transparent;
  border: 1px solid white !important;
  color: white !important;
}

.image-and-text-wrapper.wrapper-background-green .cta-button.blue-button {
  background-color: var(--light-grey) !important;
  border: none !important;
  color: var(--text-black) !important;
}

.image-and-text-wrapper.bottom {
  justify-content: flex-end;
}

.image-and-text-wrapper.centre {
  padding-bottom: 0;
  text-align: center;
}


.screw {
  position: absolute;
}

.screw.top-left {
  left: 30px;
  top: 30px;
}

.screw.top-right {
  top: 30px;
  right: 30px;
}

.screw.bottom-right {
  right: 30px;
  bottom: 30px;
}

.screw.bottom-left {
  left: 30px;
  bottom: 30px;
}


.image-and-text-wrapper.bottom .row {
  flex-grow: 1;
  align-items: flex-end;
}

.image-and-text-wrapper.centre .row {
  flex-grow: 1;
  align-items: center;
}



.image-and-text-wrapper h1,
.image-and-text-wrapper h2.h1 {
  max-width: 95%;
  margin-bottom: 20px;
}

.image-and-text-wrapper.centre h1,
.image-and-text-wrapper.centre h2.h1 {
  max-width: 100%;
  margin-bottom: 0;
}

.image-and-text-wrapper.centre h1,
.image-and-text-wrapper.centre h2,
.image-and-text-wrapper.centre p {
  max-width: 100%;
}

.image-and-text-wrapper h2 {
  margin-bottom: 20px;
}

.image-and-text-wrapper p {
  font-size: clamp(1rem, 0.786rem + 0.571vw, 1.5rem);
  color: var(--text-grey);
}


.image-and-text-wrapper.centre p {
  max-width: 75%;
  text-align: center;
  margin: auto;
}

.image-and-text-wrapper .text-box {
  display: flex;
  flex-direction: column;
  padding: 80px 120px;
  justify-content: flex-end;
  position: relative;
  border-radius: 30px;
}

.text-content-text {
  width: 75%;
}

.image-and-text-wrapper .text-box .buttons {
  margin-top: 40px;
}

.image-and-text-wrapper.centre .text-box {
  padding: 80px;
  justify-content: space-between;
}

.image-and-text-wrapper.centre .buttons {
  justify-content: center;
  margin: 0;
}

.image-and-text-wrapper .text-box.text_and_form {
  padding: 80px 80px;
  justify-content: center;
  gap: 20px;
}

.image-and-text-wrapper .text-box.text_and_form h1,
.image-and-text-wrapper .text-box.text_and_form h2.h1 {
  margin-bottom: 0;
}

.image-and-text-wrapper .text-box.text_and_form p {
  margin-bottom: 0;
}

.image-and-text-wrapper .text-box.text_and_form .buttons {
  display: none;
}

.image-and-text-wrapper .text-box.text_and_form .form-wrapper {
  /* margin-top:20px; */
  max-width: 700px;
}

.image-and-text-wrapper .text-box.text_and_form .form-wrapper label {
  width: 100%;
}


.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.ff-default .ff-el-form-control {
  padding: 10px 24px !important;
  width: 100% !important;
  background: white !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 10px !important;
  margin-bottom: 20px !important;
  border: 1px var(--border-grey) solid !important;
}

.fluentform .ff-el-group {
  margin-bottom: 0 !important;
}

.choices__input {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}

.frm-fluent-form .choices__inner {
  border-radius: 10px !important;
  border: none !important;
  margin-bottom: 20px !important;
}

.frm-fluent-form .choices[data-type*=select-multiple]:after {
  top: 40% !important;
}

.ff-default .ff-el-input--label label {
  font-family: 'nudica-regular' !important;
  color: var(--text-black) !important;
}

.image-and-text-wrapper .text-box.text_and_form .form-wrapper select {
  background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z" fill="%23797979"/></svg>') no-repeat right 24px center;
  color: var(--text-grey);
  background-size: 24px;
  appearance: none;
  /*Remove standard arrow*/
  -webkit-appearance: none;
  /*Remove standard arrow - Safari*/
  margin-bottom: 20px !important;
}



.wpcf7 input[type='submit'],
.ff-btn-submit,
.ff-default .ff_btn_style {
  background: var(--dark-grey) !important;
  color: white !important;
  padding: 10px 32px !important;
  max-width: 259px;
  font-family: Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 20px;
  width: fit-content;
}

.image-and-text-wrapper .text-box.text_and_form .form-wrapper textarea {
  max-height: 250px;
  width: 100%;
  border-radius: 10px;
  border-style: solid;
  border-color: #DCDCDC;
  padding: 16px;
  outline: none;
}

.wpcf7.js .wpcf7-form.invalid:first-of-type p {
  margin-bottom: 16px;
}


.wpcf7 form .wpcf7-response-output {
  border: none;
  margin: 24px 0 !important;
  padding: 0;
  color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}

@media (max-width: 1800px) {

  .image-and-text-wrapper {

    min-height: calc(100vh - 140px);
    /* max-height: 1100px!important; */
  }

  .image-and-text-wrapper .text-content-text {
    width: 100%;
  }

  .image-and-text-wrapper .text-box {
    padding: 80px 30px 80px 70px;
  }

  .image-and-text-wrapper .text-box.text_and_form {
    padding: 80px 60px;
    gap: 10px;
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper textarea {
    max-height: 200px;
  }

  .image-and-text-wrapper .country-product-selects p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .wpcf7-form-control-wrap {
    font-size: 1rem;
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper label {
    font-size: 1rem;
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper input,
  .image-and-text-wrapper .text-box.text_and_form .form-wrapper select {
    padding: 10px 16px;
    margin-bottom: 10px;
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper {
    margin-top: 10px;
  }

}


@media (max-width: 991px) {

  /* lg breakpoint*/
  .image-and-text-wrapper .text-box {
    padding: 60px;
  }

  .image-and-text-wrapper {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    max-height: none !important;
  }

  .image-wrapper {
    order: -1;
    height: 45vh;
  }

  .video-wrapper {
    order: -1;
    height: fit-content;
    width: 100%;
  }

  .image-and-text-wrapper .text-box.text_and_form {
    padding: var(--padding-lg-y) var(--padding-lg-x);
  }

  .image-and-text-wrapper.centre .text-box {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  /* md breakpoint change to mobile mode*/

  .image-and-text-wrapper h1,
  .image-and-text-wrapper h2.h1 {
    font-size: 0.875rem;
    max-width: 100%;
  }

  .image-and-text-wrapper p {
    max-width: 100%;
  }

  .image-and-text-wrapper.centre .text-box {
    padding: var(--padding-sm-y) var(--padding-sm-x);
  }

  .image-and-text-wrapper .text-box.text_and_form {
    padding: var(--padding-sm-y) var(--padding-sm-x);
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper {
    max-width: 100%;
  }

}

@media (max-width: 575px) {

  /* sm breakpoint */
  .screw {
    display: none;
  }

  .image-and-text-wrapper .text-box .buttons {
    flex-direction: column;
  }

  .image-and-text-wrapper .text-box {
    padding: 40px 16px;
  }

  /* .image_and_text .image-wrapper {
    min-height: 56vh;
  } */

  .image_and_text .video-wrapper {
    height: fit-content;
  }

  .image-and-text-wrapper.centre p {
    max-width: none;
  }

  .image-and-text-wrapper .text-box .buttons {
    margin-top: 20px;
  }

  .image-and-text-wrapper .country-product-selects p {
    display: block;
  }

  .image-and-text-wrapper .text-box.text_and_form .form-wrapper select {
    margin-bottom: 10px !important;
  }

}


/*********** FULL WIDTH IMAGE AND TEXT ***********/


.full_width_image_and_text{
  position: relative;
}

.full_width_image_and_text img{
  width:100%;
}

.full_width_image_and_text  video{
  width:100%;
}

.full_width_image_and_text .full-width-image-wrapper{
  position:relative;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
}



.full_width_image_and_text .text-content{
  width:50%;
  position: absolute;
  bottom:0;
  left:5px;
  padding:120px 80px;
}

.full_width_image_and_text .text-content h2{
  margin-bottom:20px;
}

.full_width_image_and_text .text-content a.cta-button{
  margin-bottom:20px;
  margin-top:40px;
}

.full_width_image_and_text .text-content.white h1,
.full_width_image_and_text .text-content.white h2,
.full_width_image_and_text .text-content.white h1,
.full_width_image_and_text .text-content.white p{
  color: white;
}

.full_width_image_and_text .text-content.white a.cta-button{
  color: white!important;
  border-color: white!important;
}

.full_width_image_and_text .text-content.black h1,
.full_width_image_and_text .text-content.black h2,
.full_width_image_and_text .text-content.black h1,
.full_width_image_and_text .text-content.black p{
  color: var(--text-black);
}

.full_width_image_and_text .text-content .text-content-text{
  width:100%;
}

@media screen and (max-width: 991px) {
.full_width_image_and_text .text-content{
  position: relative;
  background-color: var(--light-grey);
  width:100%;
  border-radius: 30px;
  padding:80px 40px;
  margin-top:5px;
}
.full_width_image_and_text .text-content p{
max-width: 70ch;
}
.full_width_image_and_text .text-content a.cta-button{
  margin-bottom:0;
}
}

@media screen and (max-width: 767px) {
.full_width_image_and_text .text-content{
  padding:40px;
}
}
@media screen and (max-width: 575px) {
.full_width_image_and_text .text-content{
  padding:40px 16px;
}
}



/*********** IMAGE MAP BLOCK ***********/

.image_map {
  position: relative;
}

.content_block.image_map:has(.text-block-centre-content.top-corner-curves) {
  padding: 5px 10px 0 10px;
}

.image_map .image-and-text-wrapper:has(.text-block-centre-content.top-corner-curves){
  border-radius: 0;
}

.image-map-wrapper {
  background-color: var(--dark-grey);
  border-radius: 30px;
  position: relative;
  padding-bottom: 5px;
}

.image-map-wrapper.with-bottom-block {
  border-radius: 30px 30px 0 0;
}

.logo-wrapper {
  z-index: 1;
  position: relative;
}

.system-audio-logo {
  width: 100%;
  height: auto;
  padding: 19px 24px;
}

.mapped-image {
  border-radius: 30px;
}

.images_wrap img {
  border-radius: 30px;
  padding: 0 10px;
}

.featured-product {
  background-color: rgb(255, 255, 255, 0.2);
  border: solid 1px rgb(255, 255, 255, 0.2);
  position: absolute;
  bottom: 20px;
  width: 20%;
  right: 17px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.featured-product-content.white {
  color: white;
}

.featured-product-content.black {
  color: #1F1F1F;
}

.featured-product p {
  margin-bottom: 0;
  opacity: 60%;
  font-family: 'nudica-regular';
}

.featured-product h4 {
  margin-bottom: 0;
}

.featured-product .featured-product-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.featured-product .blue-box {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 12px;
  background-color: var(--light-blue);
  border-radius: 5px;
  color: white;
}

.image_map .featured-product .blue-box p {
  margin-bottom: 0px;
  opacity: 100%;
  font-size: 1rem;
  font-family: Arial, sans-serif;
}

.image_map .featured-product .product-image {
  display: flex;
  justify-content: center;
}

.image_map .featured-product img {
  max-height: 180px;
  width: auto;
  border-radius: 10px;
}

#powerTip {
  background-color: transparent !important;
  transform: translateX(-50%);
  padding: 0;
  display: flex;
}

#powerTip::after {
  content: " ";
  height: 100;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  width: 1px;
  position: absolute;
  top: -20px;
  bottom: 0;
  right: 0;
}

#powerTip::before {
  display: none;
}

.box_view_html {
  max-width: 295px !important;
  text-align: right;
  /* padding-right:40px;
  padding-bottom: 20px; */
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 10px;
  padding-right: 32px;
}

.mobile-mapped-image {
  display: none;
}

.mobile-text.box_view_html {
  display: none;
}

.image_map .image-and-text-wrapper {
  padding: 10px;
  background: var(--dark-grey);
  min-height: 1000px;
  border-radius: 0 0 30px 30px;
}

/*force map image top 100%*/
.wrap_svl_center_box {
  width: 100%;
}

.wrap_svl {
  width: 100%;
}


@media (max-width: 1200px) {

  /* xl breakpoint*/
  .image_map .featured-product {
    width: 250px;
  }

  .image_map .featured-product img {
    max-height: 80px;
    width: auto;
  }

  .image_map .featured-product .blue-box p {
    font-size: 0.8rem;
  }
}

@media (max-width: 991px) {

  /* lg breakpoint*/
  .image_map .featured-product {
    width: 33%;
  }

  .image_map .featured-product .featured-product-content {
    gap: 10px;
  }

}

@media (max-width: 767px) {

  /* md breakpoint change to mobile mode*/
  .image_map .mapped-image {
    display: none;
  }

  .image_map .featured-product img {
    max-height: 200px;
    width: auto;
  }

  .image_map .mobile-mapped-image {
    display: block;
    overflow: hidden;
    min-height: 850px;
    height: 75vh;
    border-radius: 30px;
  }

  .mobile-text.box_view_html {
    display: block;
    position: fixed;
    text-align: left;
    width: 85%;
    top: 18%;
    right: 50%;
    transform: translateX(50%);
  }

  .image_map .mobile-mapped-image img {
    object-fit: cover;
    object-position: bottom;
    min-width: 100%;
    height: 100%;
  }

  .image_map .featured-product {
    right: 0;
    left: 23px;
    width: calc(100% - 46px);
  }
}

@media (max-width: 576px) {
  .system-audio-logo {
    padding: 19px 10px;
  }
}

/*********** SUBSCRIBE BLOCK ***********/
.subscribe-image-and-text-wrapper.full_height {
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 10px;
}

.subscribe-image-and-text-wrapper.full_height .text-box {
  padding: 120px 80px;
  border-radius: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 20px;
}

.subscribe-image-and-text-wrapper.full_height .text-box.light_grey {
  background-color: var(--light-grey);
  color: var(--text-black);
}

.subscribe-image-and-text-wrapper.full_height .text-box.dark_grey {
  background-color: var(--dark-grey);
  color: white;
}

.subscribe-image-and-text-wrapper.full_height .text-box.green {
  background-color: var(--dark-green);
  color: white;
}

.subscribe-image-and-text-wrapper.full_height .text-box.light_grey h3 span,
.subscribe-image-and-text-wrapper.full_height .text-box.dark_grey h3 span {
  color: var(--orange);
}

.subscribe-image-and-text-wrapper.full_height .text-box.green h3 span {
  color: var(--light-green);
}

.subscribe-image-and-text-wrapper.full_height .text-box.green label,
.subscribe-image-and-text-wrapper.full_height .text-box.dark_grey label {
  color: white;
}

.subscribe-image-and-text-wrapper.full_height .subscribe-form-wrapper {
  margin-top: 20px;
}

.subscribe-image-wrapper {
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
}

.subscribe-image-wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}


.subscribe-image-and-text-wrapper form {
  width: 600px;
}

#mc_embed_signup {
  background: transparent !important;
}

.subscribe-image-and-text-wrapper .email-and-submit-wrapper {
  display: flex;
  background-color: white;
  border: solid 1px var(--border-grey);
  border-radius: 11px;
  padding: 4px;
}


.subscribe-image-and-text-wrapper label {
  font-family: 'nudica-regular';
  color: var(--text-black);
}

.subscribe-image-and-text-wrapper #mc_embed_signup .mc-field-group {
  clear: unset !important;
  position: relative;
  width: 100% !important;
  padding: 0 0 20px 0 !important;
  min-height: unset !important;
  display: block !important;
  font-size: 1rem;
}

#mc_embed_signup form {
  margin: 0 !important;
  max-width: 100%;
}

.subscribe-image-and-text-wrapper.banner .text-box.dark_grey label {
  color: white !important;
}

.subscribe-image-and-text-wrapper.banner .text-box.green label {
  color: white !important;
}

.subscribe-image-and-text-wrapper.banner .text-box.dark_grey .mc_form_inside label {
  color: white !important;
}


.mc_list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  gap: 20px;
}

.subscribe-image-and-text-wrapper #mce-EMAIL::placeholder {
  font-size: clamp(0.875rem, 0.607rem + 0.744vh, 1.5rem);
  color: var(--text-grey);
  line-height: 1rem;
}


.subscribe-image-and-text-wrapper #mc_embed_signup .mc-field-group input {
  border: 0;
  text-indent: 0;
  padding: 0 0 0 16px;
  font-size: 1.5rem;
  color: var(--text-black);
}

.subscribe-image-and-text-wrapper #mc_embed_signup .mc-field-group.input-group ul {
  padding: 10px 0 0 0 !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background-color: transparent !important;
}

.subscribe-image-and-text-wrapper .mc-field-group .languages-choice {
  font-family: 'nudica-regular';
  font-size: 14px;
  color: var(--text-black);
}

.subscribe-image-and-text-wrapper .mc-field-group .language {
  margin-left: 8px;
}

.subscribe-image-and-text-wrapper .subscribe-form-wrapper input[type='submit'] {
  background: var(--light-blue) !important;
  color: white !important;
  padding: 15px 32px !important;
  border-radius: 10px !important;
  width: fit-content !important;
  margin: 0 !important;
  border: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 1.124rem !important;
  height: unset !important;
  line-height: unset !important;
}

/*newsletter banner*/
.subscribe-image-and-text-wrapper.banner .text-box {
  padding: 80px;
  background-color: var(--light-grey);
  border-radius: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.banner-heading-content-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.subscribe-image-and-text-wrapper.banner .subscribe-form-wrapper {
  align-self: flex-end;
}

.subscribe-image-and-text-wrapper.banner .text-box h3 span {
  color: var(--orange);
}

.subscribe-image-and-text-wrapper.banner .text-box.dark_grey {
  background-color: var(--dark-grey);
  color: white;
}

.subscribe-image-and-text-wrapper.banner .text-box.green {
  background-color: var(--dark-green);
  color: white;
}

.subscribe-image-and-text-wrapper.banner .text-box.green h3 span {
  color: var(--light-green);
}

@media (max-width: 1800px) {
  .subscribe-image-and-text-wrapper.banner .text-box {
    padding: 70px;
  }

  .subscribe-image-and-text-wrapper.full_height .text-box {
    padding: 120px 70px;
  }
}

@media (max-width: 1399px) {

  /* xxl breakpoint*/
  .subscribe-image-and-text-wrapper.banner .text-box {
    flex-wrap: wrap;
  }

  .subscribe-image-and-text-wrapper #mc_embed_signup {
    max-width: 490px;
    width: 100%;
  }
}


@media (max-width: 991px) {

  .subscribe-image-and-text-wrapper.full_height {
    grid-template-columns: 1fr
  }

  .subscribe-image-and-text-wrapper form,
  .subscribe-image-and-text-wrapper .subscribe-form-wrapper .mc-field-group,
  #mc_embed_signup_scroll,
  .subscribe-image-and-text-wrapper #mc_signup_form {
    width: 100%;
  }

  .subscribe-form-wrapper {
    width: 100%;
  }

  .subscribe-image-wrapper {
    order: -1;
    height: 35vh;
  }

}

@media (max-width:576px) {
  .subscribe-image-and-text-wrapper.banner .text-box {
    padding: 40px 16px;
  }

  .subscribe-image-and-text-wrapper.full_height .text-box {
    padding: 120px 16px;
  }
}


/*  PRODUCT PAGE*/
/* variable buttons*/
.cfvsw-swatches-option,
.cfvsw-swatches-container {
  width: 100%;
  height: fit-content;
}

/*********** SIMPLE IMAGE AND TEXT BLOCK ***********/
.simple-image-text-wrapper {
  width: 100%;
  margin: auto;
}

.simple-image-text-wrapper .content ul {
  padding-left: 1rem;
}

.simple-image-text-wrapper .content li {
  font-size: 1rem;
  color: var(--text-grey);
  font-family: 'nudica-regular', Arial, sans-serif;
  text-align: left;
}

.simple-image-text-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1740px;
  margin: auto;
  padding: 80px;
  align-items: center;
}

.simple-image-text-container .content {
  display: flex;
  flex-direction: column;
  max-width: 650px;
}

.simple-image-text-container .content h3,
.simple-image-text-container .content p {
  margin-bottom: 40px;
}

.simple-image-text-container .content p {
  color: var(--text-grey);
}

.simple-image-text-container .content a {
  
  font-size: 1.125rem !important;
}

.simple-image-text-container img {
  border-radius: 20px;
}

@media (max-width: 576px) {
  .simple-image-text-container{
    .right, .left{
      text-align: left;
    }
  }
}

/* Image on the right */
.simple-image-text-container.right .content {
  order: 0;
}

.simple-image-text-container.right img {
  order: 1;
}

@media (max-width: 991px) {

  /* xl breakpoint*/
  .simple-image-text-container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    padding: 20px 0;
  }

  @media (max-width: 767px) {

    .simple-image-text-container .content h3,
    .simple-image-text-container .content p {
      margin-bottom: 20px;
    }
  }

  .simple-image-text-container.right img {
    order: -1;
    max-height: 70vh;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

/* Image on the left */
.simple-image-text-container.left .content {
  order: 1;
}

.simple-image-text-container.left img {
  order: 0;
}

.simple-image-text-container .content {
  max-width: none;
  padding: 0 14px;
}

.simple-image-text-container .content h3,
.simple-image-text-container .content p {
  text-align: left;
}

@media (max-width: 991px) {
  /* xl breakpoint*/

  .simple-image-text-container.left img {
    order: -1;
    max-height: 70vh;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}


/******  Featured product categories  ******/

.featured-product-category-wrapper {
  padding: 120px 90px;
}

.featured-product-category-wrapper .products-wrapper {
  display: none;
}

.featured-product-category-wrapper .products-wrapper.category-active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 80px;
}

.category-heading {
  display: none;
}

.category-heading.category-active {
  display: block;
}

.featured-product-category-wrapper .products-wrapper .product {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.featured-product-category-wrapper .products-wrapper .product .on-sale {
  position: absolute;
  top: -12px;
  left: 0;
  aspect-ratio: 1 / 1;
  width: 67px;
  border-radius: 1000px;
  background-color: var(--light-blue);
  display: flex;
  justify-content: center;
  align-items: center;
}

.featured-product-category-wrapper .products-wrapper .product .on-sale.b-stock {
  background-color: var(--text-black);
}

.featured-product-category-wrapper .products-wrapper .product .on-sale p {
  color: white !important;
  padding: 0 8px;
  text-wrap: nowrap;
  margin-bottom: 0;
  font-size: 1rem;
}

.featured-product-category-wrapper .products-wrapper .product-image {
  border-style: solid;
  border-color: var(--border-grey);
  border-radius: 20px;
  border-width: 1px;
  overflow: hidden;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.featured-product-category-wrapper .products-wrapper a {
  text-decoration: none;
}

.featured-product-category-wrapper .products-wrapper p {
  font-size: clamp(1.125rem, 0.964rem + 0.429vw, 1.5rem);
  font-family: 'nudica-medium';
  margin-bottom: 4px;
  color: var(--text-black);
}

.featured-product-category-wrapper .products-wrapper h4 {
  color: var(--text-black);
}

h4.variable-price {
  font-size: clamp(1rem, 0.893rem + 0.286vw, 1.25rem);
  display: flex;
  flex-direction: column;
}

h4.price {
  display: flex;
  flex-direction: column;
}

.featured-product-category-wrapper .products-wrapper p.description {
  font-size: clamp(1rem, 0.893rem + 0.286vw, 1.25rem);
  font-family: 'nudica-regular';
  color: var(--text-grey);
  max-width: 360px;
  margin-bottom: 20px;
}

.featured-product-category-wrapper .end-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px 40px;
  gap: 60px;
  min-height: 670px;
}

/* .featured-product-category-wrapper .end-box h3{
  font-family: 'nudica-medium';
  font-size: 4.375rem;
} */

.featured-product-category-wrapper .end-box h3 span {
  color: var(--light-blue);
}

.category-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}

.category-filter ul {
  display: flex;
  background-color: var(--light-grey);
  padding-left: 0;
  padding: 4px;
  border-radius: 10px;
  height: fit-content;
  margin-bottom: 0;
}


.category-filter .category-button {
  font-family: Arial, sans-serif;
  font-size: clamp(1rem, 0.786rem + 0.595vi, 1.5rem);
  list-style: none;
  padding-left: 0;
  padding: 3px 24px;
  cursor: pointer;
}

.category-filter .category-button.button-active {
  background-color: white;
  padding: 3px 24px;
  border-radius: 6px;
}

.category-filter h3 {
  font-size: clamp(1.75rem, 1.429rem + 0.857vw, 2.5rem);
  margin-bottom: 0;
}

.product-info {
  padding: 0px 14px;
}

.name-and-dots {
  display: flex;
  justify-content: space-between;
}

.dots {
  display: flex;
  gap: 4px;
}

.black-dot {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-color: var(--text-black);
}

.brown-dot {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-color: brown;
}

.grey-dot {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-color: var(--border-grey);
}

.white-dot {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-color: white;
  border: var(--border-grey) solid 1px;
}

@media (max-width: 1800px) {
  .featured-product-category-wrapper {
    padding: 100px 60px;
  }

  .featured-product-category-wrapper .products-wrapper.category-active {
    row-gap: 60px;
  }
}

@media (max-width: 1399px) {
  .featured-product-category-wrapper .products-wrapper.category-active {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1199px) {

  /* xl breakpoint*/
  .featured-product-category-wrapper .end-box {
    padding: 0px 60px;
  }
}

@media (max-width: 991px) {

  /* lg breakpoint*/
  .featured-product-category-wrapper {
    padding: 40px 0px;
  }

  .featured-product-category-wrapper .end-box {
    padding: 0px 40px;
  }

  .featured-product-category-wrapper .end-box {
    min-height: fit-content;
    padding: 80px 16px;
    gap: 20px;
  }
}


@media (max-width: 750px) {

  .featured-product-category-wrapper .products-wrapper.category-active {
    /* grid-template-columns: 1fr; */
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  /* sm breakpoint*/
  .category-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .featured-product-category-wrapper .end-box {
    padding: 40px 16px;
  }



  .featured-product-category-wrapper {
    padding: 0px;
  }

  .category-filter {
    margin: 20px 0;
  }
}

@media (max-width: 576px) {
  .featured-product-category-wrapper .products-wrapper.category-active {
    row-gap: 10px;
  }

  .featured-product-category-wrapper .products-wrapper a {
    width: 100%;
  }

  .product-info {
    margin-bottom: 20px;
  }

  .featured-product-category-wrapper .products-wrapper .product-image {
    height: 450px;
  }

  h4.variable-price {
    font-size: 1.125rem;
  }

  .featured-product-category-wrapper .products-wrapper p.description {
    margin-bottom: 10px;
  }
}

/*********** Stories slider ************/
.content_block.featured_stories:has(.flat){
  padding-top:0;
}


.stories-slider-wrapper.rounded {
  border-radius: 30px !important;
}

.stories-slider-wrapper.flat {
  border-radius: 0px 0px 30px 30px;
}


.featured_stories .dark_grey {
  background-color: var(--dark-grey);
  color: white;
}

.featured_stories .light_grey {
  background-color: var(--light-grey);

}


.featured_stories h2 {
  font-size: clamp(1.5rem, 1.071rem + 1.143vw, 2.5rem);
  margin: 0;
}

.stories-slider-wrapper {
  padding: 120px 0 120px 90px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* .stories-slider-wrapper .slick-list {
  padding: 0 20% 0 0 !important;
} */

.stories-slider-wrapper .stories-slider .slick-slide {
  margin-right: 10px;
}

.stories-slider-wrapper .stories-slider .slick-slide img {
  height: 500px;
  width: 100%;
  border-radius: 20px;

  object-fit: cover;
}

.stories-slider-wrapper .stories-slider h3 {
  font-size: clamp(1rem, 0.679rem + 0.857vw, 1.75rem);
  max-width: 90%;
}

.stories-slider-wrapper .stories-slider h3 a {
  color: inherit;
  text-decoration: none;
}

.stories-slider-wrapper .story-cat {
  margin: 20px 0px 15px 0px;
}

.stories-slider-wrapper .slider-wrapper {
  position: relative;
}

.stories-slider-wrapper .slider-wrapper .slider-arrows {
  /* position: absolute; */
  position: relative;
  width: 100%;
  top: 210px;
  z-index: 10;
  /* display: flex;
  justify-content: space-between; */
}

.stories-slider-wrapper .slider-arrows .arrow {
  position: absolute;
}

.stories-slider-wrapper .slider-arrows .arrow.prev {
  left: 0;
}

.stories-slider-wrapper .slider-arrows .arrow.next {
  right: 0;
}

.stories-slider-wrapper .slider-arrows .arrow {
  border-radius: 1000px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(55, 55, 55, 0.20);
  backdrop-filter: blur(22px);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.stories-slider-wrapper .slider-arrows .arrow {
  transition: opacity .4s ease;
}

.stories-slider-wrapper .slider-arrows .arrow.slick-disabled {
  opacity: 0;
}

.stories-slider-wrapper .slider-arrows .arrow.prev {
  margin-left: 20px;
}

.stories-slider-wrapper .slider-arrows .arrow.next {
  margin-right: 20px;
}

.stories-slider-wrapper .slider-arrows .arrow i {
  font-size: 40px;
  color: white;
}

.sf-input-select {
  padding: 16px 0 16px 16px;
  border-radius: 10px !important;
  border: 1px solid var(--border-grey);
  font-size: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
  outline: none;
}

select[name='_sft_category[]'] {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z" fill="%231F1F1F"/></svg>') no-repeat right 16px center;
  background-size: 24px;
  appearance: none;
  /*Remove standard arrow*/
  -webkit-appearance: none;
  /*Remove standard arrow - Safari*/
  -moz-appearance: none;
  /*Remove standard arrow - Firefox*/
  min-width: 450px !important;
}

.stories-slider-wrapper.rounded.dark_grey .story-cat a {
  color: var(--orange);
}

@media (max-width: 576px) {
  .stories-slider-wrapper .slider-arrows .arrow.prev {
    margin-left: -20px;
  }

  .stories-slider-wrapper .slider-arrows .arrow.next {
    margin-right: 0px;
  }

  .stories-slider-wrapper .story-cat {
    margin: 10px 0;
  }

  .stories-slider-wrapper .stories-slider h3 {
    font-size: 1.5rem;
  }

  .featured_stories h2 {
    padding: 0 20px;
  }
}


@media (max-width: 1800px) {
  .stories-slider-wrapper {
    padding: 100px 10px 100px 60px;
  }
}


@media (max-width: 991px) {
  /* lg breakpoint*/

  .stories-slider-wrapper.rounded.dark_grey,
  .stories-slider-wrapper.rounded.light_grey {
    padding: 20px 0 20px 24px;
  }

  .stories-slider-wrapper {
    padding: 20px 0;
  }
}

@media (max-width: 576px) {
  .stories-slider-wrapper .stories-slider .slick-slide img {
    height: 400px;
  }

  select[name='_sft_category[]'] {
    min-width: 343px !important;
  }

  .stories-slider-wrapper .slider-arrows .arrow {
    width: 60px;
    height: 60px;
  }

  .stories-slider-wrapper {
    gap: 20px;
  }

  .stories-slider-wrapper.rounded.dark_grey,
  .stories-slider-wrapper.rounded.light_grey,
  .stories-slider-wrapper.flat.light_grey,
  .stories-slider-wrapper.flat.dark_grey {
    padding: 20px 0 20px 10px;
  }

}



/*********** IMAGE, TEXT AND CARDS BLOCK ***********/
/******  Image and text ******/
.image-text-cards-preheading-heading-container {
  padding: 40px 40px;
  display: grid;
  gap: 12px;
}

.image-text-cards-preheading {
  text-align: center;
  color: var(--orange);
  margin-bottom: 0px;
  font-family: 'nudica-medium';
}

.image-text-cards-page-heading {
  text-align: center;
  color: var(--text-black);
  margin-bottom: 0px;
}

.image-text-card-wrapper {
  position: relative;
  background-color: var(--light-grey);
  padding: 120px 0;
  border-radius: 30px;
}

.image-text-card-container {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  display: grid;
  gap: 60px;
}

.image-text-card-container .image-text-wrapper{
gap:20px;
}

.image-text-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.text-container {
  padding: 0 80px;
  display: grid;
  gap: 40px;
}

.text-container h3 {
  font-size: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  font-family: 'nudica-regular';
}

.text-container p {
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.25rem);
  color: var(--text-grey);
}


.image-text-container {
  display: grid;
  gap: 4px;
}

.image-text-container img {
  border-radius: 30px;
}

.image-text-container p {
  color: var(--text-grey);
  text-align: center;
}

@media (max-width: 767px) {
  .image-text-card-wrapper {
    padding: 24px 0;
  }
}

/***** IMAGE AND TEXT HEOR FOR CATEGORY PAGES *****/

.category-hero .image-and-text-wrapper {
  min-height: calc(100vh - 255px);
  margin-bottom: 60px;
  max-height: 800px;
}

/******  Cards ******/
.cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.card-container {
  background: white;
  border-radius: 30px;
  padding: 80px;
  display: grid;
  gap: 40px;
}

.card-container img {
  justify-self: center;
}

.card-container p {
  text-align: center;
  font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem);
  color: var(--text-grey);
}

@media (max-width: 1800px) {
  .image-text-wrapper {
    padding: 0 60px;
  }

  .cards-wrapper {
    padding: 0 16px;
  }
}

@media (max-width: 1199px) {

  /* xl breakpoint*/
  .image-text-wrapper,
  .text-container {
    padding: 0 40px;
  }

  .card-container {
    padding:40px;
  }
}

@media (max-width: 991px) {

  /* lg breakpoint*/
  .image-text-wrapper {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 24px;
    gap: 20px;
  }

  .image-text-container {
    order: -1;
    margin: auto;
  }

  .image-text-wrapper .text-container {
    padding: 0px;
  }

  .cards-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }

  .text-container {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .card-container img {
    height: 350px;
  }
}

@media (max-width: 576px) {

  /* sm breakpoint*/
  .image-text-card-wrapper .screw {
    display: none;
  }

  .card-container {
    padding: 16px;
  }

  .image-text-cards-preheading-heading-container {
    padding: 40px 16px;
  }

  .card-container img {
    height: 250px;
  }
}

/****** WYSIWYG BLOCK ******/
.wysiwyg-wrapper {
  padding: 120px 80px;
  border: solid 1px var(--border-grey);
  border-radius: 20px;
}

.wysiwyg-content-container {
  width: 100%;
  max-width: 778px;
  margin: auto;
}

.wysiwyg-content-container h1 {
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: 'nudica-medium';
}

.wysiwyg-content-container h2,
.accordion-content h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  font-family: 'nudica-medium';
}

.wysiwyg-content-container h3{
  font-size: 1.25rem;
  color: var(--text-black);
  font-family: 'nudica-regular';
  margin-bottom: 40px;
  line-height: 1.75rem;;
}

.wysiwyg-content-container h4,
.accordion-content h4 {
  margin-top: 40px;
  font-size: 1.25rem;
  font-family: 'nudica-medium';
}

.wysiwyg-content-container h5,
.accordion-content h5 {
  font-size: 0.875rem;
  font-family: 'nudica-regular';
}

.wysiwyg-content-container p {
  color: var(--text-grey);
}

.wysiwyg-content-container ul li {
  color: var(--text-grey);
  font-size: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
  font-family: 'nudica-regular' !important;
}

.wysiwyg-content-container a {
  color: var(--light-blue);
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .wysiwyg-wrapper {
    padding: 60px 40px;
  }

}

@media (max-width: 575px) {
  .wysiwyg-wrapper {
    padding: 40px 16px;
  }

  .wysiwyg-content-container h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: 'nudica-medium';
  }

  .wysiwyg-content-container h3 {
    font-size: 1.125rem;
    color: var(--text-black);
    font-family: 'nudica-regular';
    margin-bottom: 1.125rem;
  }

  .wysiwyg-content-container h4 {
    font-size: 1.125rem;
    font-family: 'nudica-medium';
    margin-top: 0;
    margin-bottom: 1.125rem;
  }
}

/********* Legacy items **********/
.wysiwyg-wrapper img {
  border-radius: 30px;
}

h3.legacy-heading {
  margin-bottom: 40px;
  font-size: clamp(1.75rem, 1.429rem + 0.893vw, 2.5rem);
}

.legacy-product-card {
  display: grid;
  grid-template-rows: 500px auto;
  gap: 20px;
  justify-content: flex-end;
}

.legacy-product-card .legacy-image-wrapper {
  border-width: 1px;
  border-color: var(--border-grey);
  border-style: solid;
  border-radius: 20px;
  overflow: hidden;
  height: 500px;
}

.legacy-product-card .legacy-image-wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.legacy-product-card .legacy-image-wrapper {
  transition: box-shadow 0.3s ease;
}

.legacy-product-card .legacy-image-wrapper:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.legacy-product-card h4 {
  color: var(--text-black);
  font-size: clamp(1.125rem, 0.75rem + 1.042vw, 2rem);
  text-align: center;
}

/*********** HERO BLOCK ***********/
.hero-block {
  background-color: var(--light-grey);
}


/*********** INFORMATION CARDS ***********/
.information-cards-wrapper {
  max-width: 1740px;
  margin: 120px auto;
}

.information-cards-heading {
  margin-bottom: 40px;
}

.information-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  height: 100%
}

.information-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 40px;
  padding: 80px;
  border: 1px solid var(--border-grey);
  border-radius: 20px;
  height: 100%;
}

.information-cards-button-some-icons-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ph-thin {
  font-size: 80px;
}

.information-text {
  margin-bottom: 0px;
  color: var(--text-grey);
  font-size: clamp(1rem, 0.773rem + 0.606vw, 1.5rem);
}

.information-cards-button {
  font-size: clamp(1.25rem, 1.163rem + 0.4348vw, 1.5rem);
}

.information-cards-some-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.information-some-icon {
  font-size: 48px;
  text-decoration: none;
  color: var(--text-black);
}

@media (max-width: 1440px) {
  .information-card {
    padding: 40px;
  }
}

@media (max-width: 991px) {
  .information-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .information-cards-some-icons {
    gap: 20px;
  }
}


@media (max-width: 767px) {
  .information-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .information-card {
    padding: 16px;
    gap: 20px;
  }

  .ph-thin {
    font-size: 60px;
  }

  .information-cards-wrapper {
    margin: 40px auto;
  }

  .information-cards-heading {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
      .information-cards-some-icons {
        gap: 8px;
    }
}

/*********** ACCORDION ***********/

.content_block.accordion {
  max-width: 1000px;
}

.accordion {
  padding-top: 120px;
  padding-bottom: 120px;
  max-width: 542px;
  margin: auto;
}

.accordion .specs-accordion>li {
  list-style: none;
}

.accordion-content {
  font-size: 1.125rem !important;
  color: var(--text-grey);
  margin-top:20px;
}

.accordion-content>*:last-child {
  margin-bottom: 0px !important;
}

.accordion-headline-and-svg h4 {
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  color: var(--dark-grey);
  margin-bottom: 0px !important;
}

.accordion-specs-container {
  justify-self: right;
}

.accordion-headline-and-svg {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.accordion-headline-and-svg h2,
.accordion-headline-and-svg p {
  margin-bottom: 0px;
  font-size: clamp(1.5rem, 1.3261rem + 0.8696vw, 2rem);
  color: var(--text-black);
  font-family: 'nudica-regular';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal;
}

.accordion-content h3{
  font-size: 1.25rem;
  color: var(--text-black);
  font-family: 'nudica-medium';
  margin-bottom: 20px;
}

/* Gør at de lukkede faner overlapper */
.accordion .specs-accordion>li {
  margin-top: -10px;
  position: relative;
  z-index: 0;
  width: 100%;
  /* max-width: 542px; */
  border: solid 1px var(--dark-grey);
  border-radius: 10px 10px 0px 0px;
  padding: 24px;
  background: white;
  cursor: pointer;
  position: relative;
  transition: margin 0.3s ease-in-out;
}

.accordion .specs-accordion>li:last-of-type {
  border-radius: 10px;
}

/* Når en fane åbnes, skubber den de andre ned */
.accordion li.active {
  margin-top: 0;
  z-index: 2;
}

.accordion-btn svg {
  transition: transform 0.3s ease-in-out;
}

.accordion-btn.active svg {
  transform: rotate(-45deg);
}

.specs-accordion {
  padding-left: 0px;
  margin-bottom: 0;
}

.accordion .accordion-content li {
  font-size: 1rem;
  font-family: 'nudica-regular';
}

.accordion .accordion-content ul {
  padding-left: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 1800px) {
  .accordion-headline-and-svg h2,
  .accordion-headline-and-svg p
  {
    font-size: clamp(1.125rem, 0.9946rem + 0.6522vw, 1.5rem);
  }

  .accordion {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1200px) {
  .accordion {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .accordion {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .accordion li {
    padding: 16px;
  }

}

/*********** FULL-WIDTH-TEXT ***********/

.full-width-background {
  border-radius: 30px;
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.full-width-background.image{
  gap: 32px;
} 

.full-width-background-wrapper {
  border-radius: 30px;
  position:relative;
  overflow: hidden;
}

.full-width-background-wrapper img{
  position:absolute;
  width:100%;
  top:0;
  left:0;
}

.full-width-background-wrapper.dark_grey {
  background-color: var(--dark-grey);
}

.full-width-background-wrapper.dark_green {
  background-color: var(--dark-green);
}

.full-width-background-wrapper.dark_green h3,
.full-width-background-wrapper.dark_green h1,
.full-width-background-wrapper.dark_green h2.h1,
.full-width-background-wrapper.dark_green p,
.full-width-background-wrapper.dark_grey h3,
.full-width-background-wrapper.dark_grey h1,
.full-width-background-wrapper.dark_grey h2.h1,
.full-width-background-wrapper.dark_grey p,
.full-width-background.white h3,
.full-width-background.white h1,
.full-width-background.white h2.h1,
.full-width-background.white h3,
.full-width-background.white h1,
.full-width-background.white h2.h1,
.full-width-background.white p {
  color: white;
}

.full-width-background.white .cta-button.trans-button,
.full-width-background-wrapper.dark_green .cta-button.trans-button,
.full-width-background-wrapper.dark_grey .cta-button.trans-button {
    color: white!important;
    border-color:white!important;
}

.full-width-background.black h3,
.full-width-background.black h1,
.full-width-background.black h2.h1,
.full-width-background.black h3,
.full-width-background.black h1,
.full-width-background.black h2.h1,
.full-width-background.black p {
  color: var(--text-black);
}

.full-width-background h3 {
  margin-bottom: 0;
  font-size: clamp(1.5rem, 0.273rem + 2.606vw, 3.4rem);
}

.full-width-background-wrapper.dark_grey h3 span,
.full-width-background-wrapper.light_grey h3 span,
.full-width-background-wrapper h3 span  {
  color: var(--orange)!important;
}

.full-width-background.dark_green h3 span {
  color: var(--light-green)!important;
}

.full-width-background h1,
.full-width-background h2.h1 {
  letter-spacing: 4px;
  margin-bottom: 0;
}

.full-width-background-wrapper.light_grey {
  background-color: var(--light-grey);
}

.full-width-background.light_grey svg.sa-logo path {
  fill: var(--dark-grey);
}

.full-width-background-wrapper:has(img){
  background-color: black;
}

@media (max-width: 767px) {
  .full-width-background {
    padding: 40px;
    gap: 40px;
  }
}


@media (max-width: 575px) {
  .full-width-background {
    padding: 40px 16px;
  }
}

/*********** CART-CROSS-SELLS***********/

.wp-block-woocommerce-cart-cross-sells-block h2 {
  color: var(--text-black) !important;
  /* font-family: 'nudica-regular' !important; */
  letter-spacing: 0 !important;
  font-size: 1.25rem !important;
}

.cross-sells-product {
  text-align: left !important;
}

.cross-sells-product h3 {
  color: var(--text-black) !important;
  font-size: 1.5rem !important;
  margin-bottom: 0px !important;

}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value.wp-block-cart-cross-sells-product__product-price__value {
  font-size: 1.25rem !important;
}

.wp-block-cart-cross-sells-product__product-image {
  max-width: 300px;
  border-radius: 10px !important;
}

.wp-block-button.wc-block-components-product-button {
  display: block !important;
}

.wp-block-button__link.wp-element-button.add_to_cart_button.wc-block-components-product-button__button {
  background-color: transparent !important;
  border: 1px solid var(--dark-grey) !important;
  color: var(--dark-grey) !important;
  padding: 13px 32px !important;
  border-radius: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
}




/** CART **/

.woocommerce-cart .wc-block-grid__products .wc-block-grid__product-image {
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  border-style: solid;
  border-color: var(--border-grey);
  border-radius: 20px;
  border-width: 1px;
  overflow: hidden;
}

.woocommerce-cart .wc-block-grid__products .wc-block-grid__product-add-to-cart {
  display: none;
}

/***** REVIEWS AND AWARDS SINGLE *****/

.story-card .story-cat a, .story-cat.review-or-award-product a{
    font-style: var(--heading);
    font-size: clamp(0.875rem, 0.768rem + 0.286vw, 1.125rem);
    font-family: 'nudica-regular';
    text-transform: uppercase;
    color: var(--text-black);
}