/** Shopify CDN: Minification failed

Line 693:47 Expected identifier but found "*"
Line 779:55 Unexpected "{"
Line 1398:0 Unexpected "{"

**/
/*
  │  Designed & programmiert von Robert Fritze │
  │  Kreativfritze – Desain for humans         │
  │  Rights: Noah*s Ocean                      │
  │  https://kreativfritze.ch                  │
*/

/* -----------------------------------------------------------------------------
   DESIGN TOKENS / ROOT VARIABLES
----------------------------------------------------------------------------- */
:root {
  --DeepOcean01: rgba(255, 122, 0, 1);
  --DeepOcean02: rgba(0, 51, 102, 1);
  --DeepOcean03: rgba(0, 26, 102, 1);
  --DeepOcean04: rgba(0, 32, 128, 1);
  --DeepOcean05: #002699;
  --DeepOceanTrans: rgba(0, 32, 128, 0.15);
  --DeepOcean06: rgba(0, 45, 178, 1);
  --DeepOcean07: rgba(0, 57, 229, 1);
  --formi-mint-01: rgba(181, 242, 242, 1);
  --formi-mint-02: rgba(194, 242, 242, 1);
  --formi-mint-03: rgba(206, 242, 242, 1);
  --formi-mint-04: rgba(218, 242, 242, 1);
  --formi-mint-04-Trans: rgba(218, 242, 242, 0.1);
  --formi-mint-05: rgba(230, 242, 242, 1);
  --formi-mint-06: rgba(240, 247, 247, 1);
  --formi-mint-07: rgba(245, 250, 250, 1);
  --powderblue: #E6EBF2;
  --AmazingAquamarine-04: #B2FFFF;
  --AmazingAquamarine-06: rgba(229, 255, 255, 1);
  --AmazingAquamarine-07: rgba(242, 255, 255, 1);
  --Salmon01: rgba(242, 61, 90, 1);
  --Salmon02: rgba(255, 102, 126, 1);
  --SandPageBG: #fff;
  --SandConture: #f5f4f0;
  --SandFill: #f5f4f0;
  --SandMatte-09-Bright: #FAF9F7;
  --SandMatte-10-Default: #f5f4f0;
  --WhiteClouds: #fff;
  --ColorPrimaryDefault: var(--DeepOcean05);
  --ColorPrimaryHover: var(--DeepOcean07);
  --ColorPrimaryHoverText: var(--AmazingAquamarine-04);
  --ColorSecondaryDefault: var(--formi-mint-04);
  --ColorSecondaryHover: var(--formi-mint-02);
  --BiggestRadius-XL: 24px;
  --BigRadius-L: 16px;
  --MediumRadius: 12px;
  --SmallRadius: 8px;
  --ExtraSmallRadius: 4px;
}

/* -----------------------------------------------------------------------------
   FONTS
----------------------------------------------------------------------------- */
@font-face {
  font-family: "PangeaVAR_2.003";
  src: url("/cdn/shop/files/PangeaVAR_2.003.woff2?v=1704839479") format("woff2"),
       url("/cdn/shop/files/PangeaVAR_2.003.ttf?v=1704839488") format("truetype");
  font-display: swap;
  line-height: 110%;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1;
  font-feature-settings: "dlig", "liga", "calt";
}

@font-face {
  font-family: "NiceVAR";
  src: url("/cdn/shop/files/NiceVAR.woff2?v=1704804653") format("woff2"),
       url("/cdn/shop/files/NiceVAR.ttf?v=1704809064") format("truetype");
  font-display: swap;
  line-height: 110%;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}

/* -----------------------------------------------------------------------------
   TYPOGRAPHY
----------------------------------------------------------------------------- */
a,
p,
p.a,
li,
sr-only {
  font-family: "NiceVAR", serif !important;
  font-variation-settings: "wght" 300, "opsz" 6;
}

h0, .h0, p.h0,
h1, .h1, p.h1,
h2, .h2, p.h2,
h3, .h3, p.h3, 
h4, .h4, p.h4,
h5, .h5, p.h5,
h6, .h6, p.h6, 
.scrolling-text__text,
.blockquote, 
.order-summary__header {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "dlig", "liga", "calt";
}

/*Blog Beiträge Headline*/
.h3 > a {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "dlig", "liga", "calt";
  /*font-size: 0.75em!important;
  line-height: 0.25em!important;*/
}

/* ===== Überschriften-Bold-Ausnahmen: <b> und <strong> in allen Headlines normal halten ===== */
h0 b,  h0 strong,
.h0 b, .h0 strong, p.h0 b, p.h0 strong,

h1 b,  h1 strong,
.h1 b, .h1 strong, p.h1 b, p.h1 strong,

h2 b,  h2 strong,
.h2 b, .h2 strong, p.h2 b, p.h2 strong,

h3 b,  h3 strong,
.h3 b, .h3 strong, p.h3 b, p.h3 strong,

h4 b,  h4 strong,
.h4 b, .h4 strong, p.h4 b, p.h4 strong,

h5 b,  h5 strong,
.h5 b, .h5 strong, p.h5 b, p.h5 strong,

h6 b,  h6 strong,
.h6 b, .h6 strong, p.h6 b, p.h6 strong,

.scrolling-text__text b,  .scrolling-text__text strong,
.blockquote b,           .blockquote strong,
.order-summary__header b, .order-summary__header strong
{
  font-weight: normal !important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 !important;
}

.subheading {
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}

/*media grid text and header text*/
.content-over-media.rounded.bg-custom.text-custom, .h0 {
  color: var(--WhiteClouds);
  text-shadow: 1.5px 1.5px 0px var(--DeepOcean05), 0px 0px 8px var(--DeepOceanTrans);
  /*text-align: left!important;*/
}


.h2hd,
.h2hdarkmint {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-size: 3rem;
  line-height: 1.15em;
  color: var(--DeepOcean05);
}

.text-subdued {
  font-variant-numeric: tabular-nums;
}

.bold,
a.bold,
p.bold {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt";
}

/* Product Detail Info Text & Bullets */ 
/* ========== 1) H6-Abstände zwischen Headline und Fliesstext ========== */
.product-info__description .prose h6 {
  margin-bottom: 0;           /* kein Abstand nach unten */
}
.product-info__description .prose h6 + p {
  margin-top: 0;              /* kein Abstand zwischen H6 und Absatz */
}


/* Text with icons */ 
/*.prose h4 + p  {
  font-size: 5em !important;
  margin-top: 0em !important;
  padding-top: 0em !important;
}*/



/* -----------------------------------------------------------------------------
   Header
----------------------------------------------------------------------------- */

/*.header {
  background-color: rgba(218, 242, 242, 0.1)!important;
  -webkit-backdrop-filter: saturate(180%) blur(13px)!important;
  backdrop-filter: saturate(180%) blur(13px)!important;
}*/


.iceep-top-strip {
    font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
  background-color: var(--formi-mint-04)!important;
  -webkit-backdrop-filter: saturate(180%) blur(13px)!important;
  backdrop-filter: saturate(180%) blur(13px)!important;
}

.trade-in-more-info-link {
  font-family: "NiceVAR", serif !important;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}

/*Custom CSS für Header Menu Active*/

.header__link-list li a[aria-current="page"]{
  color: var(--ColorPrimaryDefault);; 
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 34px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 6px;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;
}

.header__link-list li a {
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;
  font-size: 18px !important;
  color: var(--ColorPrimaryDefault); 
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 0px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 6px;
  }

/*Header Menu Language country Dropdowns*/
.bold.text-sm {
  font-family: "NiceVAR", serif !important;
  font-variation-settings: "wght" 300, "opsz" 6!important;
  font-size: var(--text-base)!important;
  color: var(--ColorPrimaryDefault)!important;
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 0px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 4px;
}

/* Dropdowns Language & currency hover */ 
.bold.text-sm:hover {
  font-family: "NiceVAR", serif !important;
  color: var(--ColorPrimaryHover)!important;
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 48px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 4px;
}

/* Dropdown List detail */ 
.popover-listbox__option {
  font-family: "NiceVAR", serif !important;
  font-variation-settings: "wght" 300, "opsz" 6!important;
  font-size: var(--text-base)!important;
  color: var(--ColorPrimaryDefault)!important;
}

/* Dropdown List detail hover */ 
.popover-listbox__option:hover {
  font-family: "NiceVAR", serif !important;
  color: var(--ColorPrimaryHover)!important;
  background-color: var(--formi-mint-06)!important;
}

/* Dropdown List details selected state */ 
.popover-listbox__option[aria-selected=true] {
  font-family: "NiceVAR", serif !important;
  font-variation-settings: "wght" 500, "opsz" 6!important;
  color: var(--ColorPrimaryDefault);
  background-color: var(--formi-mint-04)!important;
  box-sizing: none!important;
  border-style: none!important;
  border-width: 0!important;
}

.country-flags {
  /*width: 13px !important;
  height: 13px !important;
  background-size: fill !important;*/
}

.count-bubble {
  background: var(--Salmon01);
  color: var(--WhiteClouds);
  /*border-color: var(--formi-mint-04);
  border-width: 1px;*/
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt", "tnum";
}

.popover-listbox__option {
  justify-content: start!important;
  margin-left: 0px; 
}

.hidden tap-area:hover {
  background-color: var(--Salmon01);
}

/* -----------------------------------------------------------------------------
   COMPONENTS & UTILITIES (alphabetical)
----------------------------------------------------------------------------- */
.badge {
  background-color: var(--WhiteClouds);
  border: 1px solid var(--SandMatte-09-Bright);
  color: var(--DeepOcean06);
  align-items: center;
  gap: var(--spacing-1-5);
  padding: 2px var(--spacing-2);
  border-radius: 16px;
  width: max-content;
  font-size: 10px;
  display: flex;
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  margin: 4px 0px 0px 4px;
}

.badge--on-sale {
  background-color: var(--formi-mint-04);
  border: 1px solid var(--SandMatte-09-Bright);
  color: var(--DeepOcean06);
  margin: 0px 0px 0px 4px;
}

/* 1) Korrekte Klasse ansprechen */
.product-info__badge-list > .badge.badge--primary {
  background-color: var(--SandMatte-10-Default) !important;
}

.block-swatch:hover,
.quantity-selector__button:hover {
  background: var(--ColorSecondaryDefault);
  color: var(--ColorPrimaryDefault);
  border-radius: var(--rounded-button);
}

.button,
.button.button--xl {
  background: var(--ColorPrimaryDefault);
  border: 2px solid var(--ColorPrimaryDefault);
  color: var(--WhiteClouds);
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  line-height: 1.15em;
}

.button:hover,
.button.button--xl:hover {
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt", "tnum";
  background: var(--ColorPrimaryHover);
  border: 2px solid var(--ColorPrimaryHover);
  box-shadow: 1px 1px 0px var(--ColorPrimaryDefault);
  color: var(--ColorPrimaryHoverText);
}

.button.button--secondary {
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt", "tnum";
  background: var(--ColorSecondaryDefault);
  color: var(--ColorPrimaryDefault);
  border: 2px solid var(--ColorSecondaryDefault);
}

.button.button--secondary:hover {
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt", "tnum";
  font-weight: normal!important;
  background: var(--ColorSecondaryHover);
  box-shadow: 1px 1px 0px var(--ColorPrimaryHover);
  color: var(--ColorPrimaryHover);
  border: 2px solid var(--ColorPrimaryHover);
  animation: border-angle-rotate 2s infinite linear;
}

.price-list .text-on-sale {
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
  color: var(--Salmon02) !important;
  font-size: var(--text-m);
}

.price-list .line-through {
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
  color: var(--ColorPrimaryDefault) !important;
  font-size: var(--text-m);
}

.price-list {
  color: var(--ColorPrimaryDefault) !important;
  font-size: var(--text-m);
}

.product-card.bg-custom {
  background-color: var(--SandMatte-09-Bright);
  border: 1px solid var(--SandMatte-09-Bright);
  border-radius: var(--BigRadius-L)!important;
}

.product-card__image {
  border: var(--ExtraSmallRadius) solid var(--SandMatte-09-Bright)!important;
  border-radius: var(--MediumRadius) var(--MediumRadius) 0 0 !important;
  /*border-radius: var(--MediumRadius) var(--MediumRadius) var(--MediumRadius) var(--MediumRadius);*/ /* top-left | top-right | bottom-right | bottom-left */
  /*border-radius: var(--BigRadius-L); *//* one value */
}

.media-grid__item {
  background-color: var(--SandMatte-09-Bright);
  border: 0;
  border-radius: var(--BigRadius-L) var(--BigRadius-L) var(--BigRadius-L) var(--BigRadius-L); /* top-left | top-right | bottom-right | bottom-left */
}

.content-over-media__media.zoom-image {
  background-color: var(--SandMatte-09-Bright);
  border: 0;
  border-radius: 0 !important;
}

@media screen and (pointer: fine) {
  .zoom-image--enabled .zoom-image {
    transform-origin: center;
    transition: transform 1.5s cubic-bezier(.22, 1, .36, 1);
  }
  .zoom-image--enabled .group:hover .zoom-image {
    transform: scale(1.06);
  }
}

.section.section-boxed.bg-custom {
  background-color: var(--powderblue);
  border-radius: var(--BigRadius-L) !important;
}

.price-banner {
  font-weight: 700;
}

/*Waves*/
.wave-mask {
  display: block;
  width: 100%;
  height: 9px;
  /* Farbe über CSS-Variable – Standard weiß */
  background-color: var(--wave-mask-color, --WhiteClouds) !important;

  /* SVG-Maske */
  -webkit-mask-image: url('/cdn/shop/files/wave.svg?v=1752482989');
  -webkit-mask-repeat: round;
  -webkit-mask-size: auto 9px;

  mask-image: url('/cdn/shop/files/wave.svg?v=1752482989');
  mask-repeat: round;
  mask-size: auto 9px;
}

.accordion__toggle.bold, .feature-chart__heading.bold {
  font-family: "NiceVAR", serif;
  font-variation-settings: "wght" 550, "opsz" 12;
}

.textarea {
  background-color: var(--WhiteClouds) !important;
}

.product-card__title {
  color: var(--ColorPrimaryDefault);
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-size: var(--text-lg);
}

/*product card */
.product-card {
  background-color: var(--SandMatte-09-Bright);
  border-color: var(--SandMatte-09-Bright);
  border-width: 2px;
  border-radius: var(--BigRadius-L) !important;
}

/*product card  on hover*/ /*product card image*/
.product-card.product-card--show-secondary-media, .product-card__image {
  border-radius: 8,8,0,0 !important;
  border-color: var(--SandMatte-09-Bright);
  border-width: 4px;
}

/*media grid & media grid image*/
.media-grid__item {
  background-color: var(--SandMatte-09-Bright);
  border-color: var(--SandMatte-09-Bright);
  border-width: 0px;
  border-radius: var(--BigRadius-L) !important;
}

.content-over-media__media.zoom-image {
  background-color: var(--SandMatte-09-Bright);
  border-color: var(--SandMatte-09-Bright);
  border-width: 0px;
  border-radius: 0px!important;
}

/*media grid image on hover*/
@media screen and (pointer: fine) {
  .zoom-image--enabled .zoom-image {
    transform-origin: center;
    transition: transform 1.5s cubic-bezier(.22, 1, .36, 1);
  }
  .zoom-image--enabled .group:hover .zoom-image {
    transform: scale(1.06);
    background-color: var(--SandMatte-09-Bright);
    border-color: var(--SandMatte-09-Bright);
    border-width: 0px;
    border-radius: 0px !important;
  }
}

/*faq*/
.section.section-boxed.bg-custom {
  background-color: var(--powderblue);
  border-color: var(--powderblue);
  border-width: 0px;
  border-radius: var(--BigRadius-L) !important;
}

.product-card__image {
  border-color: var(--SandMatte-09-Bright);
  border-top: 8px solid;
  border-left: 8px solid;
  border-right: 8px solid;
  border-bottom: 8px solid;
  border-top-left-radius: var(--BigRadius-L) var(--BigRadius-L) !important;
  border-top-right-radius: var(--BigRadius-L) var(--BigRadius-L) !important;
  /*margin-bottom: 25px;*/
}

.collection-card {
  background-color: var(--SandMatte-09-Bright);
  border-color: var(--SandMatte-09-Bright);
  border-radius: var(--BigRadius-L) !important;
  border-width: 8px; 
}

.section-boxed {
    border-radius: var(--BigRadius-L) !important;
}

/*Links on Mobile?*/
@media screen and (pointer: fine) {
  :is(.link, .prose a:not(.button)):hover {
    background-size: 0 1px;
  }

  .text-subdued :is(.link, .prose a:not(.button)):hover {
    color: var(--ColorPrimaryHover);
    /*font-weight: bolder;*/
  }
}

/*links and hover of links*/
.link, .prose a:not(.button), .text-subdued :is(.link,.prose a:not(.button)){
  color: rgb(var(--text-color));
  background-position: bottom; 
  text-decoration-color: rgb(var(--text-color));
}

.link:hover, .prose a:not(.button):hover, .text-subdued :is(.link,.prose a:not(.button)):hover {
  color: var(--ColorPrimaryHover);
  background-position: bottom; 
  text-decoration-color: rgb(var(--text-color));
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 48px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 3px;
}

.reversed-link {
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;
  font-size: 18px !important;
  color: var(--ColorPrimaryDefault);
}

.reversed-link:hover {
  color: var(--ColorPrimaryHover);
}

.shopify-payment-button__more-options:hover {
  color:var(--ColorPrimaryHover);
  text-decoration: none;
}

/*Custom CSS für Header Menu hover*/
@media screen and (pointer: fine) {
  .link-faded-reverse:hover {
  color: var(--ColorPrimaryHover);
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 48px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 6px;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;
  }
}

/* Cookie Banner */
.shopify-pc__banner__dialog {
  border-radius: var(--SmallRadius) !important;
  margin-bottom: 24px;
  background: var(--WhiteClouds)!important;  
}

/* Cookie Banner BTNs primary*/ 
#shopify-pc__banner__btn-accept, #shopify-pc__prefs__header-accept {
  background: var(--ColorPrimaryDefault)!important;
  opacity: 1;
  color: var(--WhiteClouds)!important;
  border-color: var(--ColorPrimaryDefault)!important;
  border-width: 0px !important;
  box-shadow: 0px 0px 0px var(--ColorPrimaryDefault);
  border-radius: var(--SmallRadius) !important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

/*Cookie Banner Primary Buttons Hover*/
#shopify-pc__banner__btn-accept:hover, #shopify-pc__prefs__header-accept:hover {
  background: var(--ColorPrimaryHover)!important;
  opacity: 1;
  color: var(--WhiteClouds)!important;
  border-color: var(--ColorPrimaryHover)!important;
  border-width: 0px !important;
  border-radius: var(--SmallRadius) !important;
  box-shadow: 2px 2px 0px var(--ColorPrimaryHover);
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

/*Cookie Banner Detail Screen Secondary Buttons*/
#shopify-pc__prefs__header-decline, #shopify-pc__prefs__header-save, #shopify-pc__banner__btn-decline {
  background: var(--SandMatte-09-Bright)!important;
  opacity: 1;
  color: var(--ColorPrimaryDefault)!important;
  border-color: var(--WhiteClouds)!important;
  border-width: 1px !important;
  border-radius: var(--SmallRadius) !important;*/
  font-family: "PangeaVAR_2.003", sans-serif!important;
  /*text-decoration: underline;*/
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

/*Cookie Banner Detail Screen Secondary Buttons Hover*/
#shopify-pc__prefs__header-decline:hover, #shopify-pc__prefs__header-save:hover, #shopify-pc__banner__btn-decline:hover {
  background: var(--SandMatte-09-Bright)!important;
  opacity: 1;
  color: var(--ColorPrimaryHover)!important;
  box-shadow: 2px 2px 0px var(--ColorPrimaryHover);
  border-color: var(--WhiteClouds)!important;
  border-width: 1px !important;
  border-radius: var(--SmallRadius) !important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}


/* Cookie Banner BTN third text link "bearbeiten" & "Data policy link in text"*/ 
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs:hover, p.shopify-pc__banner__body-policy-link:hover {
  color: var(--ColorPrimaryHover); 
}


.shopify-pc__banner__dialog {
  border-radius: var(--SmallRadius) !important;
}

/*Hover Footer Menu*/
.inline-block {
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 0px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 4px;
  color: var(--ColorPrimaryDefault);
}

.inline-block:hover {
  background-image: url(/cdn/shop/files/Best_wave_Optimized.svg?v=1729713599);
  background-size: 48px auto; /* first value: width of the image, second value: height */
  background-repeat: repeat-x; /*background-repeat: no-repeat;*/
  background-position: bottom; 
  padding-bottom: 4px;
  color: var(--ColorPrimaryHover); 
}

.sr-only:hover {
    background: var(--ColorPrimaryHover);
    color: var(--WhiteClouds);
}

/*Size selector picker & *3039 hover of quanity selector */
.block-swatch, .quantity-selector__button {
    transform: scale(1)!important;
}

/*Hover of size selector picker & *3039 hover of quanity selector */
.block-swatch:hover, .quantity-selector__button:hover {
    background: var(--ColorSecondaryHover);
    color: var(--ColorPrimaryDefault);
    border-radius: var(--rounded-button);
    transform: scale(1)!important;
}

/* Selected State of size selector */ 
:checked + .block-swatch, .block-swatch.is-selected {
  opacity: 1;
  /*background: var(--ColorPrimaryDefault)!important;*/
  /*color: var(--WhiteClouds)!important;*/
  /*transform: scale(1);*/
  transform: scale(1)!important;
}

.product-card__title {
  color: var(--ColorPrimaryDefault); 
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 !important;
  font-feature-settings: "dlig", "liga", "calt" ;
  font-size: var(--text-lg);
}

.accordion__toggle.bold, .feature-chart__heading.bold, {
  font-family: "NiceVAR", serif ;
  font-weight: normal;
  font-variation-settings: "wght" 550, "opsz" 12;
  /*color: #FF667E;*/
}

.text-with-icons.h6 {
  font-family: "NiceVAR", serif ;
  font-weight: normal;
  font-variation-settings: "wght" 550, "opsz" 12;
  color: #FF667E;
}

.shopify-email-marketing-confirmation__container {
  color:#FF667E;
}

/*Warenkorb Summe rechts*/
.cart-form.rounded {
  background-color: var(--SandMatte-09-Bright);
  border-color: var(--powderblue);
  border-width: 1px;
}

.cart-form__totals {
  /*color: var(--SandMatte);*/
}

/*input fields*/

.textarea {
  background-color: var (--WhiteClouds)!important;
}

/* ===== Weißen Hintergrund nur für Name & E-Mail ===== */
.shopify-section--contact .contact-form .input-row > .form-control:nth-child(1) .input.is-floating,
.shopify-section--contact .contact-form .input-row > .form-control:nth-child(2) .input.is-floating {
  background-color: var(--WhiteClouds)!important;
}

input[type="email"].is-floating {
  background-color: var(--WhiteClouds); /* Weisser Hintergrund */
}

/*
.product-quick-add {
  align-items: center!important;
  justify-content: center!important;
  margin: auto!important;
}
*/


/* -----------------------------------------------------------------------------
               General Bullets in Kombi mit H6 
----------------------------------------------------------------------------- */

/* 1) Deaktiviere alle nativen Bullets/Marker */
.prose ul {
  list-style: none !important;           /* List-Style komplett aus */
  padding-left: 0 !important;
  margin: 0.2em 0 1em !important;
}
.prose ul li {
  /* bisherigen Werte beibehalten… */
  position: relative;
  padding-left: 1em;
  line-height: 1.5em;

  /* weniger Abstand zwischen den Bullets: */
  margin-bottom: -0.5em!important;  /* vorher 0.1em */
 
}

.prose ul li::marker {
  content: none;                         /* kill the native • */
  display: none !important;
}

/* 2) Dein dezenter Dot-Operator per ::before */
.prose ul li {
  position: relative;
  padding-left: 1em;                   /* Platz für den Punkt */
  margin-bottom: 0.1em;
  line-height: 1.5em;
}
.prose ul li::before {
  content: '·';                          /* nur dieser Punkt  ⋅ ﹡ */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.5em;
  color: #002699;
}

/* 1) Überschriften in .prose kompakt machen */
.prose h6 {
  margin-bottom: 0em !important;   /* sehr enger Abstand unter dem h6 */
}

/* 2) Erstes <p> nach dem h6 ohne Abstand */
.prose h6 + p {
  margin-top: 0em!important;          /* entfernt jeglichen Abstand vor dem Absatz */
  line-height: 1.5em !important;     /* engerer Zeilenabstand im Fließtext */
}

.prose ul + h6 {
  margin-top: 1.25em!important; /* oder z. B. 1.5em für noch mehr Abstand */
}

/* small bullets*/ 

.small-list ul {
  list-style: none !important;           /* List-Style komplett aus */
  padding-left: 0 !important;
  margin: 0.2em 0 1em !important;
}

.small-list ul li {
  font-size: 0.2 em;
  position: relative;
  padding-left: 1em;                   /* Platz für den Punkt */
  margin-bottom: 0.1em;
  line-height: 4em;
}

.small-list ul li::before {
  content: '·';                          /* nur dieser Punkt  ⋅ ﹡ */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.5em;
  color: #002699;
}

/* -----------------------------------------------------------------------------
                      Produkt Detail Seite Info Text
----------------------------------------------------------------------------- */

/* 1) Überschriften-Style als fette Fliesstext-Paragraphen */
.prose p.section-heading {
  margin-top: 1.5em;        /* Abstand zum Vorabsatz bzw. Liste */
  margin-bottom: 0.25em;    /* enger zur folgenden Zeile */
  font-size: 1rem;          /* wie dein Body-Text */
}
.prose p.section-heading strong {
  font-size: 1.15rem;          /* wie dein Body-Text */
  font-family: "PangeaVAR_2.003", sans-serif;
  font-weight: normal !important;
  font-variation-settings: "wght" 550, "Ss01" 1, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  display: block;
}

/* 2) Erster Fliesstext nach Headline ohne extra Margin */
.prose p.section-heading + p {
  margin-top: -0.25em;
  line-height: 1.25em;
}

/* 3) Abstand zwischen List und nächster Abschnitt */
.prose ul + p.section-heading,
.prose ul + p.section-heading + p {
  margin-top: 1.5em !important;
}

/* 4) Bullet-Feinjustierung */
.prose ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0.2em 0 1em !important;
}
.prose ul li {
  position: relative;
  padding-left: 1em;
  line-height: 1.5em;
  /* reduziere den Abstand zwischen den Punkten: */
  margin-bottom: -0.25em !important;
  margin-top: -0.25em !important;
}
.prose ul li:before {
  content: '⋅';
  position: absolute;
  left: 0;
  top: 0em;
  font-size: 1em;
  line-height: 1.5em;
  color: #002699;
}

/* 5) Testimonial kompakt */
blockquote.testimonial {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal !important;
  font-variation-settings: "wght" 550, "Ss01" 1, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 2.5em 0;          /* etwas weniger Abstand */
  padding-left: 1em;
  border-left: 0px solid #002699;
  color: #002699;
}
blockquote.testimonial br {
  line-height: 1.35;
}



/* ICEEP CSS */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

.Checkout-button
{
  
}
.edit-checkout-button >button{
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal !important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;
}
.iceep .btn-group > button{
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 28px 0; */
}
.Checkout-button{
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal !important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50 ;
  font-feature-settings: "dlig", "liga", "calt" ;;
  font-size: var(--text-base);
  color:#DAF2F2 !important;
}
 .max-height{
   min-height:200px;
 }
.min-height{
  min-height:150px;
}
.iceep .form__item select{
  padding: 8px 5px;
  outline:none;
  border:#dfdfdf 1px solid;
}

.x-counter .form__item input{
 padding: 5px 5px; 
    outline:none;
  border:#dfdfdf 1px solid;
}

.flex__item-label{
  display:flex;
  align-items:center;
}

.iceep .flex__item-input button{
  background:transparent;
  border: 2px solid var(--ColorPrimaryDefault);
  color:  var(--ColorPrimaryDefault);
  display: flex;
  align-items:center;
  justify-content:center;
  transition: all ease-in 0,3s;
}
.iceep .flex__item-input .btn.is-active{
  background-color: var(--ColorPrimaryDefault);
  border:0;
}

.form__footer-content button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  color: var(--ColorPrimaryDefault);
}
.form__footer-content button:hover{
  color: var(--WhiteClouds);
  background-color:var(--ColorPrimaryDefault);
}
.x-counter .btn-group .btn--secondary{
  color: var(--ColorPrimaryDefault);
}
/* Side cart */


.trade__checkout {
    text-decoration: none;
    display: inline-block ;
    width: 280px;
    margin: 10px 0;
    padding: 15px 0; 
}

.continue-btn{
  min-width: fit-content!important;
  margin-right: 5px;
}
.buttons-check-cart{
  width: 100%;
  padding: 10px 0px;
}
.section-is-active{
  display:none !important;
}
.trade_in_title{
  font-size: 21px;
  margin-bottom: 0px !important;
}
.trade_in_text{
    line-height: 27px;
    font-size: 16px;
}


/* Banner in the product page */


.banner-section{
  display:flex;
  margin: 20px 0;
  background-color: var(--SandPageBG);
  border-color: var(--SandConture);
  border-width: 2px;
  padding :10px;
  font-family: "NiceVAR", serif !important;
}

.banner-paragraph{
  width:85%;
}

.banner-paragraph > p{
  margin:0;
  font-size:14px;
  color:var(--ColorPrimaryDefault);
  font-family:sans-serif;
}
.banner-image{
  width:15%;
  display:flex;
  align-items:center;
  margin: 0 18px 0 10px;
}
.banner-image> img{
  width:100%;
}

.learn-more{
  background:transparent;
  border: none;
  font-size: 14px;
  color:var(--ColorPrimaryDefault);
  padding:0;
  cursor: pointer;
  text-decoration:underline;
      --heading-font-weight: 700;
}
 .banner-deutch >.banner-paragraph > p{
   font-size:13px;
 }
 .banner-deutch >.banner-paragraph > p>.learn-more{
   font-size:13px;
 }
@media only screen and (min-width: 700px){
  .banner-section{
    width: 450px;
  }
  .banner-deutch{
   width: 475px;
  }
}
.price-banner{
  font-weight:700;
}
/* The modal */

.iceep-btn-cls
{
  text-align:center
}
.no-scroll {
    overflow: hidden;
    height: 100%;
}
#importedPageModal {
  display: none; /* hidden by default */
  position:fixed;
  height: 100vh;
  width: 100vw;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  z-index: 2147483648;
  overflow: hidden;
  margin: 0;
}

/* This is the actual modal content */
#importedPageModal #importedContent {
  padding: 20px;
  width:100%;
  max-height: 90vh;
  z-index: 2147483649;
}
.iceep-modal-div h2, .iceep-modal-div h1, .iceep-modal-div h3 {
  color:black;
}
.iceep-container-img > p{
  color:black;
}
.iceep-close-modal
{
  cursor:pointer;
}

.iceep-title-trade > p{
  color: #2E2A39BF;
}
.iceep-steps-take-container > p{
  color: #2E2A39BF;
}
.title-trade > h1{
  padding: 0 10px;
  margin-bottom:10px;
  line-height: 1.3;
}
html {
  scroll-behavior: smooth;
}


/* eligibility */
.eligibility-trade-in-list{
    display:flex;
}
.container-green-cercle{
    display:flex;
    align-items:center;
    margin-right: 6px;
}
.green-cercle{
    width:8px;
}
/* trade-in in variant-added.liquid */


.banner-paragraph-1{
  display:flex;
  align-items: center;
}
.banner-paragraph-1 > img{
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
}
.banner-paragraph-1 > a{
  text-decoration:underline;
  font-family: "NiceVAR", serif;
  font-weight: normal;
  color: rgb(var(--text-color) / .7);
  font-variation-settings: "wght" 300, "opsz" 6;
  font-size: 12px;
  font-weight:500;
}

.container-green-cercle >.circle
{
  width: 10px;
  height: 10px;
  background-color: #1DBF6E;
  border-radius: 50%;
}


.prose > p > a{
  text-decoration:none;
}



/*//////////////////// ICEEP APP EXTENSION CSS \\\\\\\\\\\\\\\\\\*/


.iceep-form-item .iceep-input.select {
    padding: 10px 15px 8px;
    background-color:var(--WhiteClouds);
}
.iceep-form-item .iceep-input-custom-icon {
    bottom: 34px;
    right: 35px;
}
.iceep-select-custom-icon {
    top: 15px;
    right: 35px;
}
.iceep-amount-estimated, .trade-in-subheading, .trade-in-title, .iceep-category-label, .iceep-form-item.label {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO"1!important;
  font-feature-settings: "dlig", "liga", "calt";
  color: var(--ColorPrimaryDefault) !important;
}
.trade-in-info{
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
  color: var(--DeepOcean05)!important;
}


.iceep-form-tradein {
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
  background-color: var(--WhiteClouds)!important;
  border-color: var(--SandMatte-09-Bright)!important;
  border: 2px solid;
}
.iceep-form-item .label {
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}
.iceep-form-item .iceep-input.select {
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}
.iceep-input .option label {
  font-family: "NiceVAR", serif !important;
  font-weight: lighter;
  font-variation-settings: "wght" 300, "opsz" 6, "MONO" 1;
}
.step-back-button {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO"1!important;
  font-feature-settings: "dlig", "liga", "calt";
padding-bottom: 10px;
color: var(--ColorPrimaryDefault) !important;
}
.iceep-tradein-category-name {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO"1!important;
  font-feature-settings: "dlig", "liga", "calt";
  color: #002699 !important;
}
.iceep-gray-info-text-line {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO"1!important;
  font-feature-settings: "dlig", "liga", "calt";
}
.iceep-tradein-added {
font-size: 16px;
}
.iceep-tradein-value {
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;  
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50, "MONO"1!important;
  font-feature-settings: "dlig", "liga", "calt";
  font-size: 16px;
}
.iceep-trade-in {
    margin: 0px;
}
.iceep-powered-by{
   font-size: 10px !important;
}
.iceep-logo-img-inline{
    height: 14px !important;
    min-width: 32px !important;
    background-size: 30px !important;
}

.iceep-trade-in-button.primary.trade-in {
  text-transform:unset !important;
  background: var(--WhiteClouds)!important;
  opacity: 1;
  color: var(--ColorPrimaryDefault)!important;
  border-color: var(--ColorSecondaryDefault)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
  transition: all 0.2s ease-in;  
}

.iceep-trade-in-button.primary.trade-in:hover {
  text-transform:unset !important;
  background: var(--ColorSecondaryHover)!important;
  opacity: 1;
  color: var(--ColorPrimaryHover)!important;
  border-color: var(--ColorSecondaryHover)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
  transition: all 0.2s ease-in;  
}
  
.iceep-text-question-label,
.iceep-form-item > label,
{
  font-family: "PangeaVAR_2.003", sans-serif !important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 0, "Grad" 0, "opsz" 50;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "dlig", "liga", "calt";
}
.iceep-input .option
{
  color:var(--ColorPrimaryDefault) !important;
  border:2px var(--ColorPrimaryDefault) solid !important;
}
.iceep-input .option:hover
{
  color:#0039e5 !important;
  border:2px #0039e5 solid !important;
}
  
.iceep-buttons-wrapper .iceep-question-text-button:disabled {
  background: var(--Salmon01)!important;
  opacity: 0.05 !important;
}
  
.iceep-buttons-wrapper .iceep-question-text-button {
  text-transform:unset !important;
  background: var(--ColorSecondaryDefault)!important;
  /*background-color:transparent !important;*/
  opacity: 1;
  color: var(--ColorPrimaryDefault)!important;
  border-color: var(--ColorSecondaryDefault)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
  transition: all 0.2s ease-in;  
}

.iceep-buttons-wrapper .iceep-question-text-button:hover {
  text-transform:unset !important;
  background: var(--ColorSecondaryHover)!important;
  /*background-color:transparent !important;*/
  opacity: 1;
  color: var(--ColorPrimaryHover)!important;
  border-color: var(--ColorSecondaryHover)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
  transition: all 0.2s ease-in; 
}


.iceep-custom-btn-answer-label {
    font-weight:600 !important;
  }
  
.iceep-trade-in-button.secondary.reset-trade-in, .iceep-input .option {
  text-transform:unset !important;
  background: var(--ColorSecondaryDefault)!important;
  opacity: 1;
  color: var(--ColorPrimaryDefault)!important;
  border-color: var(--ColorSecondaryDefault)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

.iceep-trade-in-button.secondary.reset-trade-in:hover,
.iceep-input .option:hover
{
  text-transform:unset !important;
  background: var(--ColorSecondaryHover)!important;
  opacity: 1;
  color: var(--ColorPrimaryHover)!important;
  border-color: var(--ColorSecondaryHover)!important;
  border-width: 2px!important;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-weight: normal!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

.button.button--xl.trade__checkout {
  background: var(--SandPageBG);
  opacity: 1;
  color: var(--ColorPrimaryDefault);
  border-color: var(--ColorSecondaryDefault);
  border-width: 2px;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" , "tnum";
}

.button.button--xl.trade__checkout:hover {
  background: var(--ColorSecondaryHover);
  opacity: 1;
  color: var(--AmazingAquamarine-04);
  border-color: var(--ColorSecondaryHover);
  border-width: 2px;
  font-family: "PangeaVAR_2.003", sans-serif!important;
  font-variation-settings: "wght" 550, "Ss01" 1, "Ss02" 0, "Ss03" 0, "APRT" 100, "Xtdr" 50, "Grad" 0, "opsz" 50, "MONO" 1!important;
  font-feature-settings: "dlig", "liga", "calt" ;
}


.iceep-trade-in-button.secondary.confirm{
display:none;
}
  
.iceep-input .option {
height:45px !important;
}

.iceep-congrats-container
{
      margin: 0 0 10px;
}

body {
  background-color: var(--formi-mint-04);
}