/** Shopify CDN: Minification failed

Line 1243:58 Expected ")" to end URL token

**/
/* -----------------------------------
---------- Typography ---------------
------------------------------------*/

:root{
  --alpha-body: 0.55;
  --alpha-heading: 0.85;
  --alpha-subheading: 0.75;
}

body {
  margin: 0;
  font-size: 14px;
}

#PBarNextFrameWrapper{
  display: none;
}

/* _reset.css */

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

picture {
  line-height: 0;
}

/* Body text */
/* todo: use a variable for font-family */
html,
.text {
  font-family: var(--font-body-family);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(var(--color-text), var(--alpha-body));
}

.text-sm {
  font-family: var(--font-body-family);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(var(--color-text), var(--alpha-body));
}

.bold {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* Heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h3xl,
.hxxl,
.hxl,
.hl,
.hm,
.hs {
  font-family: var(--font-heading-family);
  font-weight: 700;
  color: rgba(var(--color-text), var(--alpha-heading));
}

.h3xl {
  font-size: 52px;
  line-height: 52px;
}
@media screen and (max-width: 769px) {
  .h3xl {
    font-size: 36px;
    line-height: 36px;
  }
}


.hxxl {
  font-size: 32px;
  line-height: 28px;
}
.hxl {
  font-size: 24px;
  line-height: 28px;
}
.hl {
  font-size: 20px;
  line-height: 24px;
}
.hm {
  font-size: 16px;
  line-height: 18px;
}
.hs {
  font-size: 14px;
  line-height: 16px;
}

/* Subheading */
.sub-h3xl,
.sub-hxxl,
.sub-hxl,
.sub-hl,
.sub-hm,
.sub-hs {
  font-family: var(--font-subheading-family);
  font-weight: 400;
  color: rgba(var(--color-text), var(--alpha-subheading));
}

.sub-h3xl {
  font-size: 24px;
  line-height: 24px;
}

.sub-hxxl {
  font-size: 20px;
  line-height: 20px;
}
.sub-hxl {
  font-size: 15px;
  line-height: 17px;
}
.sub-hl {
  font-size: 14px;
  line-height: 16px;
}
.sub-hm {
  font-size: 12px;
  line-height: 14px;
}

a {
  color: rgba(var(--color-text), 0.75);
  text-decoration: none;
}

.label{
  border-radius: var(--r-sm);
    padding: var(--s-1) var(--s-2);
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* -- tesxt styles -- */

.text-marker {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin:auto;
  width: fit-content;
}

.text-marker::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1em;
  width: 100%;
  height: 3px;
  background-color: orange;
  z-index: -1;
  border-radius: 0 0 1em 1em;
  transform: skewY(-0.5deg);
}

.underline-style {
  display: inline;
  background-image: url("/cdn/shop/files/underline_rot.png?v=1756060215");
  background-repeat: no-repeat;
  background-position: 0 1.06em;
  line-height: 1.1;
  background-size: 100% 5px;
  object-fit: fill;
}

/* -----------------------------------
------------ Page Widyth --------------
------------------------------------*/


/* -----------------------------------
------------ Styling -----------------
------------------------------------*/

.section {
  padding-top: var(--s-section);
  padding-bottom: var(--s-section);
}
/* Zwei Slider-Sections direkt hintereinander brachten 56px unten plus 56px oben
   zusammen, also 112px leere Flaeche zwischen den Pfeilen und der naechsten
   Ueberschrift (gemessen auf der Startseite bei 375px). Die obere Haelfte faellt
   weg; steht eine Slider-Section allein, bleibt ihr Abstand unveraendert. */
.shopify-section:has(> .slider-section) + .shopify-section > .slider-section {
  padding-top: 0;
}


/* .shopify-section {border-bottom: 1px solid rgba(0, 0, 0, 0.1);} */

.card,
.card-style {
  background-color: var(--color-background);
  --color-background: rgba(255, 255, 255, 0.8);
  border-radius: var(--r-md);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 0 8px rgba(0,0,0,.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card {
  overflow: hidden;
}

.card > :is(a,p,h1,h2,h3,h4,h5,h6):not(.full-w),
.card > .shopify-block :is(.text, .heading, .subheading, .button) {
  margin-right: var(--s-3);
  margin-left: var(--s-3);
}

.card > :last-child:not(img, video, iframe, .glider-track, .image) {
  margin-bottom: var(--s-3);
}

.badge {
  padding: 0.3rem 0.75rem 0.3rem 0.5rem; /* asymmetrical padding for emoji */
  border-radius: var(--r-sm);
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  color: rgb(var(--color-text));
}

.button ,
.shopify-product-form .shopify-payment-button__button {
  --button-alpha: 1;
  background: var(--color-button);
  opacity: var(--button-alpha);
  color: rgb(var(--color-button-text));
  border: 1px solid var(--color-button-border);
  padding: 0.75rem 2rem;
  border-radius: var(--r-sm);
  cursor: pointer;
  font-family: var(--font-heading-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: var(--s-1);

}

.button > .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button.xl {
  padding: 0.75rem 1.5rem;
}

.button.full-w,
.shopify-product-form .shopify-payment-button__button {
  width: 100%;
  padding: 1rem;
}

.button.secondary ,
.shopify-product-form .shopify-payment-button__button {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
  --color-button-border: var(--color-secondary-button-border);
}

.button:hover,
.button:focus {
  --button-alpha: 0.85;
}

.button.selector-button{
  --color-button: 255,255,255;
  --color-button-text: var(--color-text);
  --color-button-border: var(--color-accent-secondary-border);

  /* accent-color: rgb(var(--color-secondary-button)); */
}


.button.selector-button:has(input[type="radio"]:checked) {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
  --color-button-border: var(--color-secondary-button-border);

  --color-text: var(--color-secondary-button-text);
}



.text-shadow {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* -----------------------------------
------------ Layout ------------------
------------------------------------*/

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
  width: 100%;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.flex-grow {
  flex-grow: 1;
}

@media screen and (min-width: 770px) {
  .mobile-only {
    display: none;
  }
}


@media screen and (max-width: 769px) {
  .mobile-col {
    flex-direction: column;
  }
  .desktop-only {
    display: none;
  }
}

.full-w {
  width: 100%;
}

.full-h {
  height: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.hidden-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.hidden-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

.no-wrap {
  white-space: nowrap;
}

/* -----------------------------------
------------ Buttons -----------------
------------------------------------*/

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

/* -----------------------------------
------------ Price -----------------
------------------------------------*/


/* -----------------------------------
------------ Overlays -----------------
------------------------------------*/

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  display: flex;
  z-index: 999;
  transition: background-color 0.3s, backdrop-filter 0.3s;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0px);
}

#overlay.active {
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  width: 100%;
  height: 100%;
}

/* -----------------------------------
------------ Spacing -----------------
------------------------------------*/

:root {
  --s-0: 0;
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-l: 8rem;
  --s-xl: 12rem;
  --s-xxl: 16rem;

  --s-section: var(--s-8);
}

.gap-0 {
  gap: var(--s-0);
}
.gap-1 {
  gap: var(--s-1);
}
.gap-2 {
  gap: var(--s-2);
}
.gap-3 {
  gap: var(--s-3);
}
.gap-4 {
  gap: var(--s-4);
}
.gap-5 {
  gap: var(--s-5);
}
.gap-6 {
  gap: var(--s-6);
}
.gap-7 {
  gap: var(--s-7);
}
.gap-8 {
  gap: var(--s-8);
}
.gap-l {
  gap: var(--s-l);
}
.gap-xl {
  gap: var(--s-xl);
}
.gap-xxl {
  gap: var(--s-xxl);
}

.mb-0 {
  margin-bottom: var(--s-0);
}
.mb-1 {
  margin-bottom: var(--s-1);
}
.mb-2 {
  margin-bottom: var(--s-2);
}
.mb-3 {
  margin-bottom: var(--s-3);
}
.mb-4 {
  margin-bottom: var(--s-4);
}
.mb-5 {
  margin-bottom: var(--s-5);
}
.mb-6 {
  margin-bottom: var(--s-6);
}
.mb-7 {
  margin-bottom: var(--s-7);
}
.mb-8 {
  margin-bottom: var(--s-8);
}
.mb-l {
  margin-bottom: var(--s-l);
}
.mb-xl {
  margin-bottom: var(--s-xl);
}
.mb-xxl {
  margin-bottom: var(--s-xxl);
}

.mt-0 {
  margin-top: var(--s-0);
}
.mt-1 {
  margin-top: var(--s-1);
}
.mt-2 {
  margin-top: var(--s-2);
}
.mt-3 {
  margin-top: var(--s-3);
}
.mt-4 {
  margin-top: var(--s-4);
}
.mt-5 {
  margin-top: var(--s-5);
}
.mt-6 {
  margin-top: var(--s-6);
}
.mt-7 {
  margin-top: var(--s-7);
}
.mt-8 {
  margin-top: var(--s-8);
}
.mt-l {
  margin-top: var(--s-l);
}
.mt-xl {
  margin-top: var(--s-xl);
}
.mt-xxl {
  margin-top: var(--s-xxl);
}

.m-0 {
  margin: var(--s-0);
}
.m-1 {
  margin: var(--s-1);
}
.m-2 {
  margin: var(--s-2);
}
.m-3 {
  margin: var(--s-3);
}
.m-4 {
  margin: var(--s-4);
}
.m-5 {
  margin: var(--s-5);
}
.m-6 {
  margin: var(--s-6);
}
.m-7 {
  margin: var(--s-7);
}
.m-8 {
  margin: var(--s-8);
}
.m-l {
  margin: var(--s-l);
}
.m-xl {
  margin: var(--s-xl);
}
.m-xxl {
  margin: var(--s-xxl);
}

.p-0 {
  padding: var(--s-0);
}
.p-1 {
  padding: var(--s-1);
}
.p-2 {
  padding: var(--s-2);
}
.p-3 {
  padding: var(--s-3);
}
.p-4 {
  padding: var(--s-4);
}
.p-5 {
  padding: var(--s-5);
}
.p-6 {
  padding: var(--s-6);
}
.p-7 {
  padding: var(--s-7);
}
.p-8 {
  padding: var(--s-8);
}


.ph-0 {
  padding-left: var(--s-0);
  padding-right: var(--s-0);
}
.ph-1 {
  padding-left: var(--s-1);
  padding-right: var(--s-1);
}
.ph-2 {
  padding-left: var(--s-2);
  padding-right: var(--s-2);
}
.ph-3 {
  padding-left: var(--s-3);
  padding-right: var(--s-3);
}
.ph-4 {
  padding-left: var(--s-4);
  padding-right: var(--s-4);
}
.ph-5 {
  padding-left: var(--s-5);
  padding-right: var(--s-5);
}
.ph-6 {
  padding-left: var(--s-6);
  padding-right: var(--s-6);
}
.ph-7 {
  padding-left: var(--s-7);
  padding-right: var(--s-7);
}
.ph-8 {
  padding-left: var(--s-8);
  padding-right: var(--s-8);
}

.pv-0 {
  padding-top: var(--s-0);
  padding-bottom: var(--s-0);
}
.pv-1 {
  padding-top: var(--s-1);
  padding-bottom: var(--s-1);
}
.pv-2 {
  padding-top: var(--s-2);
  padding-bottom: var(--s-2);
}
.pv-3 {
  padding-top: var(--s-3);
  padding-bottom: var(--s-3);
}
.pv-4 {
  padding-top: var(--s-4);
  padding-bottom: var(--s-4);
}
.pv-5 {
  padding-top: var(--s-5);
  padding-bottom: var(--s-5);
}
.pv-6 {
  padding-top: var(--s-6);
  padding-bottom: var(--s-6);
}
.pv-7 {
  padding-top: var(--s-7);
  padding-bottom: var(--s-7);
}
.pv-8 {
  padding-top: var(--s-8);
  padding-bottom: var(--s-8);
}
/* -----------------------------------
------------ Radius -----------------
------------------------------------*/


.rounded-sm {
  border-radius: var(--r-sm);
}
.rounded-md {
  border-radius: var(--r-md);
  overflow: hidden;
}



/*
-----------------------------------
------------ Hero Section ------------
------------------------------------
*/


  .glider {
    /* Für Safari/iOS */
    -webkit-overflow-scrolling: touch;
  }
  /* Scrollbar für Webkit (Chrome, Safari, iOS) ausblenden */
  .glider::-webkit-scrollbar {
    display: none;
  }
  /* Scrollbar für Firefox ausblenden */
  .glider {
    scrollbar-width: none; /* Firefox */
  }

/*.shopify-payment-button[data-shopify="payment-button"] {display: none;} */


/* Product page review slider */
#ui-reviews-swiper .ui-rev-wrap {height:100%;width: 100%;border-radius: 12px;display: flex;flex-direction: column;justify-content: space-between;background: #F3F5F6;} 
/*
.swiper { overflow: hidden; max-width: 100%; }
.swiper-wrapper { display: flex; }
.swiper-slide { box-sizing: border-box; width: auto; max-width: 100%; }
If parent is a flex/grid item, allow it to shrink */
.product-section__content, .product-info { min-width: 0; }

@media (max-width: 767px) {
.shopify-section  div#product {display: block;}
.ui-swiper .swiper-button-next {right: 30px !important;}
.swiper-slide[aria-label="3 / 3"] {padding-right: 14px;}
}
.ui-swiper .swiper-button-disabled {opacity: 0;pointer-events: none;visibility: hidden;}

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

/* Product page random numbers above ATC */
.ui-social-proof {display: flex;align-items: center;gap: 6px;margin: 0 0 8px 0;font-size: 14px;font-weight: 500;}
.ui-social-proof span {font-weight: 700;}
.blob {background: #C02029;border-radius: 50%;height: 8px;width: 8px;box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);transform: scale(1);animation: pulse 2s infinite;margin-left: 6px;}

@keyframes pulse {
0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);}
70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);}
100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
}
@media (max-width: 767px) {
.ui-social-proof {font-size: 13px;}  
}

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

/* Product page section content */
.product-section__content .button.full-w.mt-1 {all: unset;display: inline;}
#shopify-block-AVTBmaUtlV3FHRXpFN__atc_button_a7GT8h ,#shopify-block-AVHVyQU5jdyt0TGZOT__atc_button_4NjEYU{display: flex !important;flex-direction: column !important;align-items: end !important; }
.product-section__content .button.full-w.mt-1{text-decoration : underline !important;text-transform: lowercase;padding-bottom : 10px ;cursor : pointer ;color: rgba(0, 0, 0, 0.67); }
.product-section__content .hurry-text-wrap {display: flex;color: #C02029;font-size: 10px;font-style: normal;font-weight: 400;line-height: 110%;margin: 0 auto;align-items: center;justify-content: center;gap: 0 6px;text-align:left}
.product-section__content .hurry-text-wrap span, .product-section__content .hurry-text-wrap span strong {line-height: 1.4;}
.product-section__content span.hurry-content {margin-top: 1px;}
.product-section__content .product-add-on {position: relative;gap: 0 12px;}
.product-section__content .product-add-on.product-not-available {display:none;}
button.button.custom-direct-checkout-btn.primary[disabled] {background-color: #4E4E4E;}
.product-not-available .atc-wrapper form button.button.atc-button.primary {opacity: 1;max-width: 119px;position: absolute;top: 42%;left: 12px;background: #4E4E4E !important; border-radius: 0;font-size: 14px;font-weight: 400;padding: 10px 10px;text-transform: uppercase;}
.product-not-available img.add-on-image {opacity: 0.5;}
.hurry-text {margin: 8px 0;}

.product-add-on .button_wrapper {flex-wrap: wrap;text-align: right;}
.product-add-on .button_wrapper .button {width:100% !important;}

/* blackweek banner css */
/* .blackweek_banner_lbrgt.hero-section .button.secondary {max-width: fit-content;padding: 10px 20px; font-size: 14px; border-radius: 3.5px;} */
.blackweek_banner_lbrgt.hero-section .heading.mb-5{margin-bottom:10px;max-width:500px;}
.blackweek_banner_lbrgt.hero-section .hxxl{font-size:50px;}

@media (max-width: 999px) {
.blackweek_banner_lbrgt.hero-section .heading.mb-5 {max-width:100%}  
.blackweek_banner_lbrgt.hero-section .hxxl { font-size: 40px;}
}
@media (max-width: 799px) {
.blackweek_banner_lbrgt.hero-section .hxxl { font-size: 32px;}
.blackweek_banner_lbrgt .button_wrapper {position: absolute;bottom: 0;}
.blackweek_banner_lbrgt .button_wrapper:has(+ .button_wrapper){bottom:70px;}
}

/* === blackweek progress Bar === */
.section--blackweek-progress-bar{display:block;}
.qty-flashsale-wrapper.blackweek_progress_bar {background: linear-gradient(98deg, #2D0200 0%, #B73200 50%, #751100 100%);color: #fff;text-align: center;border-radius:0px;padding:36px 15px;margin-bottom:-1px;}
.blackweek_progress_bar .qty-flashsale-text {font-weight:400;font-size:28px;margin-bottom: 10px;color: rgba(255, 255, 255, 0.85);line-height:1.1;}
.blackweek_progress_bar .qty-progress-container {width: 100%;max-width: 700px;background: rgb(255 203 55 / 19%);border: 1px solid rgb(255 196 37);height: 28px;margin:0;position: relative;overflow: hidden;border-radius:50px;box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.40);padding: 2px;}
.blackweek_progress_bar .qty-progress-fill {height: 100%;background: linear-gradient(90deg, #FFD85E 0%, #FFB700 100%);border-radius: 10px;width: 0%;transition: width 1s ease-in-out;top: 0%;position: relative;left: 0px;}
.blackweek_progress_bar .qty-progress-label {font-size:20px;color: #FCC44C;font-weight:700;line-height: normal;margin:0;line-height:1.2;    min-width: fit-content;}
.blackweek_progress_bar_flex{display:flex;gap:10px;align-items:center;justify-content:center;}

@media(max-width:1199px){
.blackweek_progress_bar .qty-flashsale-text {font-size:24px;}
.blackweek_progress_bar .qty-progress-container { width: 100%;  max-width: 570px;}
.blackweek_progress_bar .qty-progress-label {font-size: 18px;}
.blackweek_progress_bar .qty-progress-container { height: 25px;}
}
@media(max-width:999px){
.blackweek_progress_bar .qty-flashsale-text {font-size:22px;}
.blackweek_progress_bar .qty-progress-container { width: 100%;  max-width: 440px;}
.blackweek_progress_bar .qty-progress-label {font-size: 16px;}
.blackweek_progress_bar .qty-progress-container { height: 20px;}
}
@media(max-width:768px){
.qty-flashsale-wrapper.blackweek_progress_bar {padding: 19px 15px;}
.blackweek_progress_bar .qty-flashsale-text {font-size:16px;}
.blackweek_progress_bar .qty-flashsale-text strong{display:block;}
.blackweek_progress_bar .qty-progress-label {font-size: 14px;}
.blackweek_progress_bar .qty-progress-container { height: 20px;}
}

/* blackweek_promotion css */
.blackweek_promotion.hero-section .layout-inner {justify-content: center;align-items: center;justify-content: center;margin: 0 auto;}
.blackweek_promotion.hero-section .logo_image_blackweek{margin-bottom:10px;}

@media(max-width:1199px){
.blackweek_promotion.hero-section .logo_image_blackweek img{max-width:450px;margin:0 auto;}
}
@media(max-width:999px){
.blackweek_promotion.hero-section .logo_image_blackweek img{max-width:400px;margin:0 auto;}
}
@media(max-width:768px){
.blackweek_promotion.hero-section .logo_image_blackweek img{max-width:280px;margin:0 auto;}
}

.blackweek_flashsale_banner {}
.blackweek_flashsale_banner.hero-section .button.secondary {max-width: fit-content;padding: 10px 20px; font-size:25px; border-radius: 3.5px;background: linear-gradient(0deg, #2D0200 0%, #2D0200 100%), linear-gradient(79deg, #C02029 0%, #F54751 100%);}
.blackweek_flashsale_banner.hero-section .text{margin-bottom:35px;max-width:500px;text-align:center;}
.blackweek_flashsale_banner.hero-section p{font-size:42px;color: rgba(255, 255, 255, 0.80);line-height:1.2;}
.blackweek_flashsale_banner.hero-section p strong{color: rgba(255, 255, 255, 0.95);}
.blackweek_flashsale_banner.hero-section .layout-inner {max-width: 500px; justify-content: center;align-items: center;}
@media(max-width:999px){
.blackweek_flashsale_banner.hero-section p{font-size:35px;}
.blackweek_flashsale_banner.hero-section .button.secondary {padding: 10px 20px; font-size:16px; }
.blackweek_flashsale_banner.hero-section .text {margin-bottom: 20px;}
}
@media(max-width:799px){
.blackweek_flashsale_banner.hero-section p{font-size:20px;}
.blackweek_flashsale_banner.hero-section .button.secondary {max-width: 100%;padding: 10px 20px; font-size:14px; }
.blackweek_flashsale_banner.hero-section .layout-inner {max-width: 500px; margin:0 auto;justify-content: flex-end;}
.blackweek_flashsale_banner.hero-section .button_wrapper { width: 100%;}
.blackweek_flashsale_banner.hero-section .text {margin-bottom: 15px;}
}

.cart-drawer__item .loox-rating-text {display:none;}

.mini_missions_lbrgt_flex{display:flex;flex-wrap:wrap;align-items:center;}
.mini_missions_lbrgt_left{width:40%;}
.mini_missions_lbrgt_right{width:60%;}
.mini_missions_lbrgt_left .mobile_image {display: none;  }
.mini_missions_lbrgt_left .desktop_image {display: block;}
.mini_missions_lbrgt .title{}
.mini_missions_lbrgt .text{font-size:16px;color: rgba(255, 255, 255, 0.75);margin-bottom:40px;margin-top: 16px;max-width: 595px;margin-left: auto;margin-right: auto;font-weight: 400;line-height: 20px;}
.mini_missions_lbrgt .text p{color: rgba(255, 255, 255, 0.75);} 

.mini_mission_block{padding:20px 15px;border-radius: 24px;background: #D2D2D2;max-width:592px;margin:0 auto;display:flex;flex-direction:column;gap:20px;position:relative;}
.block_content_p p{font-size:18px;color:#000;margin:0;font-weight:400;line-height:1.2;text-align:center;max-width: 535px;margin: 0 auto;}
.mini_mission_block_grid{display:flex;gap:20px;min-width:639px;margin-left: -38px;}
.mini_mission_block_button{text-align:center;}
.mini_mission_block_button .button{border-radius: 3.5px;margin: 0 auto;min-width:220px;}

.mini_mission_block_item{position:relative;}
.mini_mission_block_item p{font-size: 9px;color:#fff;font-weight: 700;line-height: 11.566px;max-width:112px;text-align:center;position:absolute;}

.block_item_2{margin-top:33px;}

.block_item_1 p{top:0; transform: rotate(-16deg) translate(13px, 34px);}
.block_item_2 p{top:0;transform: rotate(16deg) translate(16px, 24px);}
.block_item_3 p{top:0;transform: rotate(-16deg) translate(5px, 23px);}
.block_item_4 p{top:0;transform: rotate(16deg) translate(30px, 23px);}

.block_svg{position:absolute;}
.block_svg_1{top:-12px;left:-15px;}
.block_svg_2{top:-25px;right:-42px;}
.block_svg_3{left:0;right:0;top:95px;margin: 0 auto;}
.block_svg_4{left: -34px;bottom: 10px;}
.block_svg_5{right:-45px;bottom:20px;}
.block_svg_6{right: 80px;bottom: 55px;}
.block_svg_7{left:70px;bottom:35px;}

@media(max-width:1199px){
.block_svg_2 {top: -16px;right: -16px; max-width: 77px;}
.block_svg_5 {right: -16px;max-width: 81px;}
.mini_mission_block_grid { gap: 13px;min-width: 613px;margin-left: -38px;}
}
@media(max-width:1000px){
.mini_mission_block_grid {gap: 14px;min-width: fit-content;margin-left: 0px;flex-wrap: wrap;justify-content: center;}
.block_svg_2 {top: -25px;right: -15px;max-width: 65px;}
.block_svg_3 {left: 20px;right: unset;}
.block_svg_4 {left: -15px;bottom: 10px;}
.block_svg_5 {right: -15px;bottom: 20px;max-width: 71px;}
.block_svg_6 {right: -12px;bottom: unset;top: 100px;max-width: 71px;}
.block_svg_7 {left: 0;bottom: 180px;max-width: 51px;right: 0;margin: 0 auto;}
}
@media(max-width:799px){
.mini_missions_lbrgt_left .mobile_image {display: block;}
.mini_missions_lbrgt_left .desktop_image {display: none;}
.mini_missions_lbrgt_left{width:100%;}
.mini_missions_lbrgt_right{width:100%;}
.mini_mission_block_grid {gap: 14px;min-width: fit-content;margin-left: 0px;flex-wrap: wrap;justify-content: center;}
.block_svg_2 {top: -25px;right: -15px;max-width: 65px;}
.block_svg_3 {left: 20px;right: unset;}
.block_svg_4 {left: -15px;bottom: 10px;}
.block_svg_5 {right: -15px;bottom: 20px;max-width: 71px;}
.block_svg_6 {right: -12px;bottom: unset;top: 100px;max-width: 71px;}
.block_svg_7 {left: 0;bottom: 180px;max-width: 51px;right: 0;margin: 0 auto;}
}

.b2b_product_info.product-info .quantity-selector{display:flex;justify-content: start !important;align-items: center !important;margin-top:15px}
.product__quantity-buttons--adventskalender button{padding: 10px 1px;/*height: 100% !important;*/display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;color: #000;text-align: center;font-size: 14px;font-weight: 700;line-height: normal;border-radius: 3.5px;border: none; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.10);background: rgba(239, 239, 239, 0.30);}
.product__quantity-buttons--adventskalender button small{display:block;}
.product__quantity-buttons--adventskalender {display: grid !important;grid-template-columns: 1fr 1fr 1fr 1fr;align-items: center;width: 100%;gap: 8px !important;}
.quantity-button--adventskalender span {color:#fff;background:#C02029!important;position: absolute;top: -18px!important;/*right: 0!important;width: 100%;*/padding: 1px 10px;font-size: 10px!important;border-radius: 3.5px!important;line-height: 22px;}
.quantity-button--adventskalender small{color: rgba(0, 0, 0, 0.75);font-size:10px;font-weight:700;line-height:20px;}
.quantity-button--adventskalender small s{color: #b30000;text-decoration:unset;}
.quantity-button--adventskalender[aria-selected=true]{border-radius: 3.5px;border: none !important;box-shadow: 0 0 0 1px #065532;/*background: rgba(4, 129, 0, 0.20)!important;*/}
.product__quantity-buttons--adventskalender button.padding_equal{padding:13px 1px;}

/* @media(max-width:799px){
.quantity-button--adventskalender span { padding: 1px 1px !important;font-size: 8px !important;}
} */

/* Featured collection lbrgt css */
.featured_collection_lbrgt{display:flex;flex-direction:column;gap:24px;}
.featured_collection_header{display:flex;justify-content:space-between;gap:20px;align-items:center;}
.featured_collection_button .button {padding: 14px 28px;min-width: 250px;border-radius: 3.5px;}
.featured_collection_lbrgt .glide__slide {padding: 10px 0;margin: 0 8px;}
.featured_collection_lbrgt .glide__arrows{margin-top:14px !important;}
.product_card_lbrgt{border-radius: 8px;background: #FFF;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);padding-bottom: 15px !important;overflow:hidden;display:flex;gap:15px;flex-direction:column;}
.product_card_info{padding:0 20px;}
.product_card_image{position:relative;}
.product_card_lbrgt .product-label{position:absolute;left:0;top:10px;}
.product_card_lbrgt .product-label.product-label--on-sale, .product_card_lbrgt .product-label.product-label--custom1, .product_card_lbrgt .product-label.product-label--custom2 {padding: 12px 24px;border-radius: 0 8px 8px 0;text-transform: uppercase; color: #fff;font-size: 12px;font-weight: 600;line-height: 1;  background:linear-gradient(270deg, #0C1232 9.62%, #153266 24.63%, #1C4C90 50.96%, #153266 73.06%, #0C1232 99.96%);}
.product_card_lbrgt .product-label.product-label--custom1 {    right: 0;z-index: 1;left: auto;border-radius: 8px 0px 0px 8px;}
/* .product_card_lbrgt .product-label.product-label--custom2 {} */
.prod_title{font-size: 20px;font-weight: 700;line-height: 24px;color: rgba(0, 0, 0, 0.85);}
.prod_price{margin-top:5px;display:block;}
.prod_price .price{color: #C02029;font-size: 14px;font-weight: 700;line-height: 18px; }
.prod_price .compare-at-price{color: rgba(0, 0, 0, 0.50);font-size: 14px;font-weight: 400;line-height: 18px; }
.product_card_info .bpi-price{color: rgba(0, 0, 0, 0.50);font-size: 10px;font-weight: 400;line-height: 18px;}
@media(max-width:799px){
.featured_collection_header { padding: 0 15px;}
.featured_collection_button .button {min-width:auto;}
.featured_collection_heading{flex: 1;}
.product_card_lbrgt .product-label.product-label--on-sale, .product_card_lbrgt .product-label.product-label--custom1, .product_card_lbrgt .product-label.product-label--custom2 {padding: 7px 7px;font-size: 10px;}
}

.needsclick.klaviyo-form button{/*background: linear-gradient(79deg, #2D3182 0%, #3196B8 100%) !important;*/ background: linear-gradient(79deg, rgba(192, 32, 41, 1), rgba(245, 71, 81, 1) 100%) !important;}
.wl-btn-link{background: linear-gradient(79deg, rgba(192, 32, 41, 1), rgba(245, 71, 81, 1) 100%) !important; }


/* Hero image v2 css */
.hero-section .layout-inner.content_position_middle_left{justify-content: center;align-items: flex-start;}
.hero-section .layout-inner.content_position_middle_right{justify-content: center;align-items: flex-end;margin: 0 0 0 auto;}
.hero-section .layout-inner.content_position_middle_center{justify-content: center;align-items: center;margin: 0 auto;}
.hero-section .layout-inner.content_position_top_left{justify-content: start;align-items: flex-start;}
.hero-section .layout-inner.content_position_top_right{justify-content: start;align-items: flex-end;margin: 0 0 0 auto;}
.hero-section .layout-inner.content_position_top_center{justify-content: start;align-items: center;margin: 0 auto;}
.hero-section .layout-inner.content_position_bottom_left{justify-content: end;align-items: flex-start;}
.hero-section .layout-inner.content_position_bottom_right{justify-content: end;align-items: flex-end;margin: 0 0 0 auto;}
.hero-section .layout-inner.content_position_bottom_center{justify-content: end;align-items: center;margin: 0 auto;}
.hero-section .button_position_bottom .button_wrapper{ position: absolute; bottom: 0;}

.product_hero_image .section-layout{padding: 0 40px;grid-template-columns: 1fr 1fr;}
.product_hero_image .section-layout .layout-inner{grid-column: 1;width: 100%;} 
.product_hero_image div.heading{font-size:80px;line-height:1.2;font-family: "Berkshire Swash", serif;font-weight:400;background: radial-gradient(694.71% 159.91% at 89.73% 82.1%, #FAE5B6 0%, #E7C38A 28%, #DEB172 46%, #A57339 79%, #9B6930 85%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.product_hero_image .text p{font-size:34px;line-height:1.2;color:#fff;}

.product_hero_image2 .section-layout .layout-inner{grid-column: 2;width: 100%;} 
.product_hero_image2 div.heading{}
.product_hero_image .text p{font-size:30px;}
.product_hero_image .text p strong{color: #D6B266;}

@media(max-width:1800px){
.product_hero_image div.heading {font-size: 70px;}
.product_hero_image .text p {font-size: 29px;}
.product_hero_image2 .text p {font-size: 25px;}
.product_hero_image2 div.heading {margin-bottom: 20px;}
}
@media(max-width:1500px){
.product_hero_image div.heading {font-size: 60px;}
.product_hero_image .text p {font-size: 25px;}
.product_hero_image2 .text p {font-size: 22px;}
.product_hero_image2 div.heading {margin-bottom: 20px;}
}
@media(max-width:1367px){
.product_hero_image div.heading {font-size: 50px;}
.product_hero_image .text p {font-size: 21px;}
.product_hero_image2 .text p {font-size: 19px;}
.product_hero_image2 div.heading {margin-bottom: 20px;}
}
@media(max-width:1199px){
.product_hero_image div.heading {font-size: 44px;}
.product_hero_image .text p {font-size: 18px;}
.product_hero_image2 .text p {font-size: 16px;}
.product_hero_image2 div.heading {margin-bottom: 20px;}
}
@media(max-width:1000px){
.product_hero_image .text p {font-size: 18px;}
.product_hero_image div.heading {font-size: 40px;}
.product_hero_image2 .text p {font-size: 16px;}
.product_hero_image2 div.heading {margin-bottom: 20px;}
}
@media(max-width:799px){
.product_hero_image .section-layout {padding: 0;}
.product_hero_image.hero-section .layout-inner {width: 100%;}
.product_hero_image .layout-inner{padding-left: 20px;padding-right: 20px;}
.hero-section .button_position_bottom .button_wrapper{ margin:0 auto;left: 0; right: 0;}
.hero-section .button_position_bottom .button_wrapper .button{margin:0 auto;}
.product_hero_image div.heading {font-size: 32px;}
.product_hero_image .text p{font-size:14px;}

.product_hero_image2 div.heading {font-size: 30px;margin-bottom: 15px;}
.product_hero_image2 .text p {font-size: 14px;max-width: 220px;}
.product_hero_image2 .text p br{display:none;}
}

.product-add-on-slider .slider-main::-webkit-scrollbar-thumb{background: linear-gradient(79deg, #2d3182, #3196b8) !important;}

@media(max-width:799px){
.apps .heading, .tiktok-slider .heading{padding:0 20px;}
}

.product_card_info {display: flex;flex-direction: column;height: 100%;}
.product_card_info .prod_price {margin-bottom:7px}
.product_card_info .clp_btn {width:100%;padding: .75rem 1rem;text-align: center;margin-top: auto;/* background: #E11894 !important;color: #ffffff !important;border: none !important;*/}
.product_card_info .atc_button_wrapper {margin-top: auto;}
@media(max-width:799px){
.clp_btn {font-size:13px;}  
}

/* header b2b main button start */
header .header__icons { width: fit-content !important;  align-items: center;}
.b2b_mian_button{font-size: 16px;color: #FFF;font-weight: 500;line-height: 20px;border-radius: 6px;/*background: #096139;*/padding: 10px 16px 10px 13px;display: flex;align-items: center;gap: 10px;}
.b2b_mian_button svg {width: 31px;height: 23px;display: block;min-width: 31px;}
.b2b_mian_button span { width: max-content;}

.bulkorder_button{border-radius: 6px;border: 2.3px solid #00695A;padding: 10px 40px;}
.bulkorder_button span{font-size: 16px;color: #00695A;font-weight: 500;line-height: 20px;}
@media(max-width:768px){
.header__icons_b2b {gap:8px !important}
.b2b_mian_button {display: none;}
.bulkorder_button{padding: 5px 4px;}
.bulkorder_button span{font-size: 10px;line-height: normal;}
}
/* header b2b main button end */

/* b2b image with text start */
.b2b-banner {overflow: hidden;display: grid;grid-template-columns: 1fr 1fr;position: relative;}
.b2b-banner__content {padding: 65px 56px;display: flex;flex-direction: column;justify-content: center;gap: 0;border-radius: 20px;overflow: hidden;position: relative;z-index: 1;}
.b2b-banner__badge {display: inline-flex;align-items: center;gap: 10px;background: rgba(255,255,255,0.17);border: 2px dashed #fff;border-radius: 6px;padding: 10px 20px 10px 13px;color: #fff;font-size: 16px;font-weight: 500;letter-spacing: 0;width: fit-content;margin-bottom: 13px;}
.b2b-banner__badge svg {flex-shrink: 0;}
.b2b-banner__heading {font-size: 42px;font-weight: 700;line-height: 55px;letter-spacing: 0;margin: 0 0 12px;}
.b2b-banner__subheading {color: #fff;font-size: 20px;line-height: 1;margin: 0 0 48px;font-weight: 400;line-height: 140%;}
.b2b-banner__ctas {display: flex;gap: 22px;flex-wrap: wrap;margin-bottom: 40px;}
.b2b-banner__btn {display: inline-flex;align-items: center;gap: 8px;padding: 8px 26px;border-radius: 50px;font-size: 15px;font-weight: 700;cursor: pointer;text-decoration: none;transition: transform 0.15s ease, opacity 0.15s ease;white-space: nowrap;}
.b2b-banner__btn--primary {border: none;padding:8px 8px 8px 27px;}
.b2b-banner__btn--secondary {background: transparent;}
.b2b-banner__btn--primary svg {flex-shrink: 0;}
.b2b-banner__stats {display: flex;gap: 10px;flex-wrap: wrap;}
.b2b-banner__stat {display: flex;flex-direction: column;gap: 2px;text-align: center;}
.b2b-banner__stat-value {color: #fff;font-size: 24px;font-weight: 700;line-height: 120%;letter-spacing: -1px;}
.b2b-banner__stat-label {color: #fff;font-size: 16px;font-weight: 400;line-height:21px;}
.b2b-banner__image-wrap {position: relative;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;margin-left: -20px;}
.b2b-banner__image {width: 100%;height: 100%;object-fit: cover;object-position: center bottom;display: block;}
@media (max-width: 1500px) {
.b2b-banner__subheading br{display:none;}
}
@media (max-width: 1367px) {
.b2b-banner__heading {font-size: 32px;line-height: 45px;}
.b2b-banner__subheading {font-size: 18px;margin: 0 0 38px;}
.b2b-banner__subheading br{display:none;}
.b2b-banner__stat-value {font-size: 20px;}
.b2b-banner__stat-label {font-size: 14px;line-height: 18px;}
.b2b-banner__content {padding: 60px 40px;}
}
@media (max-width: 999px) {
.b2b-banner__content {padding: 26px 21px;}
.b2b-banner__badge svg {width: 17px;height: 13px;}
.b2b-banner__badge {padding: 5px 12px 5px 7px;font-size: 12px;line-height: 12px;border-radius:4px;}
.b2b-banner__heading {font-size: 25px;line-height: 32px;}
.b2b-banner__subheading {font-size: 16px;margin: 0 0 27px;line-height: 140%;}
.b2b-banner__btn--primary {width: 100%;justify-content: center;}
.b2b-banner__btn--secondary {width: 100%;font-size: 18px;justify-content: center;padding: 14px 26px;}
.b2b-banner__stat-value {font-size: 14px;}
.b2b-banner__stat-label {font-size: 10px;line-height: 12px;}
}
@media (max-width: 768px) {
.b2b-banner {grid-template-columns: 1fr;margin:0 auto 24px !important;}
.b2b-banner__content {padding: 26px 21px;}
.b2b-banner__badge svg {width: 17px;height: 13px;}
.b2b-banner__badge {padding: 5px 12px 5px 7px;font-size: 12px;line-height: 12px;border-radius:4px;}
.b2b-banner__heading {font-size: 25px;line-height: 32px;}
.b2b-banner__subheading {font-size: 16px;margin: 0 0 27px;line-height: 140%;}
.b2b-banner__btn--primary {width: 100%;justify-content: center;}
.b2b-banner__btn--secondary {width: 100%;font-size: 18px;justify-content: center;padding: 14px 26px;}
.b2b-banner__stat-value {font-size: 14px;}
.b2b-banner__stat-label {font-size: 10px;line-height: 12px;}
.b2b-banner__image-wrap {margin-top: -20px;margin-left:0;}
}
/* b2b image with text end */

/* b2b process steps start */
.mobile_image_b2b{display:none;}
.steps-section {overflow: hidden;position:relative;border-radius:20px;}
.steps-section__inner {max-width: 1100px;margin: 0 auto;display: flex;align-items: center;gap: 0;}
.steps-section__mascot {position:absolute;left:0;top:0;}
.steps-section__content {flex: 1 1 auto;text-align: center;}
.steps-section__eyebrow {font-size: 20px;margin: 0 0 14px;font-weight: 500;line-height: 105%;}
.steps-section__heading {font-size: 42px;font-weight: 700;margin: 0 0 24px;line-height: 105%;}
.steps-section__subheading {font-size: 18px;max-width: 480px;margin:0 auto;font-weight: 400;line-height: 140%;letter-spacing: -0.18px;}
.steps-section__steps-wrapper {position: relative;margin-top:64px;}
.steps-section__connector {position: absolute;top: 18px;left: 10%;width: 80%;height: 60px;pointer-events: none;z-index: 0;}
.steps-section__steps {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;position: relative;z-index: 1;}
.steps-section__step {display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 8px;position:relative;gap:40px;}
.steps-section__step:first-child:before{content:'';position:absolute;width: 356px;height: 26px;right: -193px;top: 30px;}
.steps-section__step:last-child:after{content:'';position:absolute;width:356px;height:26px;right:177px;}
.steps-section__step-number {width: 48px;height: 48px;border-radius: 50%;color: #fff;font-size: 30px;font-weight: 500;display: flex;align-items: center;justify-content: center;position: relative;flex-shrink: 0;}
.steps-section__step-title {font-size: 24px;font-weight: 500;color: #000;margin: 0 0 8px;line-height: 115%;}
.steps-section__step-desc {font-size: 16px;color: rgba(0, 0, 0, 0.80);margin: 0;font-weight: 400;line-height: 140%;letter-spacing: 0.32px;}
@media (max-width: 1367px) {
.steps-section__heading {font-size: 32px;}
}
@media (max-width: 1199px) {
.steps-section__steps {margin: 0 auto;max-width: 912px;}
.steps-section__step:first-child:before {width: 300px;right: -150px;}
.steps-section__step:last-child:after {width: 300px;left: -145px;}
}
@media (max-width: 999px) {
.steps-section {padding: 52px 46px;border-radius: 10px;width: 100%;}
.steps-section__eyebrow {font-size: 18px;}
.steps-section__heading {font-size: 30px;}
.steps-section__subheading {font-size: 16px;}
.steps-section__steps-wrapper {margin-top: 40px;}
.steps-section__step-desc {font-size: 14px;}
.steps-section__steps {gap: 36px;}
.steps-section__step-number {width: 37px;height: 37px;font-size: 22px;}
.steps-section__steps {margin: 0 auto;max-width: 637px;}
.steps-section__step:first-child:before {width: 210px;right: -123px;top: 24px;background-size: contain;height: 16px;background-repeat: no-repeat;}
.steps-section__step:last-child:after {width: 210px;left: -123px;top: 10px;background-size: contain;height: 16px;background-repeat: no-repeat;}
.steps-section__mascot {max-width:230px;}
}
@media (max-width: 768px) {
.steps-process-section.shopify-section {display: block;padding-top: 0px !important;}
.steps-section {padding: 52px 46px;border-radius: 10px;width: 100%;}
.desktop_image_b2b{display:none;}
.mobile_image_b2b{display:block;}
.steps-section__mascot {left: unset;top: 50%;right: 0;transform: translateY(-50%);}
.steps-section__inner {flex-direction: column;}
.steps-section__eyebrow {font-size: 18px;}
.steps-section__heading {font-size: 32px;}
.steps-section__steps-wrapper {margin-top: 40px;}
.steps-section__step-desc {font-size: 14px;}
.steps-section__content {text-align:left;}
.steps-section__steps {grid-template-columns: 1fr;gap: 36px;}
.steps-section__connector {display: none;}
.steps-section__step {flex-direction: row;text-align: left;gap: 25px;align-items: flex-start;}
.steps-section__step-number {width: 37px;height: 37px;font-size: 22px;}
.steps-section__step:first-child:before{background:url({{ section.settings.mobile_before_image | image_url }});width: 9px;height: 90px;left: 11px;top: 41px;background-size: contain;}
.steps-section__step:last-child:after{width: 8px;height: 89px;left: 14px;top: -77px;background-size: contain;}
}
/* b2b process steps end */

/* b2b_product_card  */
.b2b_featured_collection_lbrgt {display: flex;flex-direction: column;gap: 40px;}
.featured_subheading {font-size: 20px;font-weight: 500;line-height: 105%;}
.featured_subheading span {border-radius: 5px;border: 1px dashed #FF4D8D;background: #FAF0F6;font-size: 16px;font-weight: 400;line-height: 105%;padding: 3px 6px;margin-left:14px;display: inline-block;vertical-align: middle;}
.b2b_featured_heading{font-size: 42px;font-weight: 700;line-height: 105%;}
.featured_subheading+.b2b_featured_heading{margin:8px 0 0;}
.b2b_featured_content{font-size: 18px;font-weight: 400;line-height: 140%;letter-spacing: -0.18px;}
.b2b_featured_heading+.b2b_featured_content{margin:16px 0 0;}
.b2b_featured_collection_lbrgt .product_card_lbrgt{border-radius: 8px;background: #FFF;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}
.b2b_featured_collection_lbrgt .prod_title{font-size: 20px;color: rgba(0, 0, 0, 0.85);font-weight: 700;line-height: 24px;}
.b2b_featured_collection_lbrgt .prod_price{display:none;}
.b2b_featured_collection_lbrgt .product_card_info {justify-content: space-between;gap:16px;}
.b2b_featured_collection_lbrgt .product_card_info .clp_btn {font-size: 16px;padding: 6px 19px;color: rgba(27, 27, 27, 0.80)  !important;font-weight: 400;line-height: 140%;letter-spacing: 0.32px;display:flex;gap:10px;align-items:center;border-radius: 6px;background: #F2F2F2 !important;}
.b2b_featured_collection_lbrgt .product_card_info .button.primary.clp_btn{font-size: 15px;font-style: normal;font-weight: 700;line-height: 14.3px;border-radius: 6px;background: #096139 !important;color:#fff !important;padding: 16px 19px;}
.quantity_tag{margin-top:8px;font-size: 12px;color: #096139;font-weight: 500;line-height: 140%;letter-spacing: 0.24px;display: inline-block;border-radius: 38px;padding: 4px 11px;border: 1.3px dashed #096139;background: #F3FDF8;}
.b2b_product_price{margin-top:16px;}
.b2b_product_price .b2b_price_1{color: var(--b2b-pink);font-size: 14px;font-weight: 600;line-height: 140%;}
.b2b_product_price .b2b_price_2{margin-top:7px;color: #000;font-size: 14px;font-weight: 400;line-height: 140%;}
.b2b_product_price .b2b_price_3{margin-top:0px;color: #4C4C4C;font-size: 14px;font-weight: 400;line-height: 140%;letter-spacing: -0.14px;}

@media (max-width: 1367px) {
.featured_subheading {font-size: 18px;}
.featured_subheading span {font-size: 14px;}
.b2b_featured_heading {font-size: 32px;}
.b2b_featured_content {font-size: 16px;}
.b2b_featured_collection_lbrgt .prod_title {font-size: 18px;}
.b2b_featured_collection_lbrgt .product_card_info .clp_btn {font-size: 14px;padding: 8px 19px;}
}
@media (max-width: 999px) {
.featured_subheading {font-size: 18px;}
.featured_subheading span {font-size: 14px;}
.b2b_featured_heading {font-size: 30px;}
.b2b_featured_content {font-size: 16px;}
.b2b_featured_collection_lbrgt .prod_title {font-size: 16px;}
}
@media (max-width: 768px) {
.featured_subheading {font-size: 18px;}
.featured_subheading span {font-size: 14px;}
.b2b_featured_heading {font-size: 32px;}
.b2b_featured_content {font-size: 16px;}
.b2b_featured_collection_lbrgt .prod_title {font-size: 16px;}
}

/* b2b_product_card */

/* b2b login banner start */
.b2b-login-banner-section{display:block;}
.b2b_login_banner{position:relative;}
.b2b_login_banner img{width:100%;}
.b2b_login_banner_content{position:absolute;top:0;left:0;width:100%;height:100%;display: grid;--content-width: min(calc(var(--page-width) - var(--page-margin) * 2), calc(100% - var(--page-margin) * 2));--content-margin: minmax(var(--page-margin), 1fr);--content-grid: var(--content-margin) var(--content-width) var(--content-margin);grid-template-columns: var(--content-grid);}
.login_mobile_image{display:none;}
.b2b_login_banner_content_wrapper{grid-column:2;display: flex;flex-direction: column; justify-content: center;align-items: start;max-width: 515px;}
.b2b_login_banner_heading{font-size: 42px;font-weight: 700;line-height: 55px;}
.b2b_login_banner_subheading{font-size: 20px;font-weight: 400;line-height: 140%;margin-top:12px;}
.b2b_login_banner_ctas{margin-top:48px;gap:22px;display:flex;}
.b2b_login_banner_ctas .b2b-banner__btn--primary{font-size: 20px;gap:30px;padding: 8px 8px 8px 54px;font-weight: 500;line-height:35px; border-radius: 8px;}
.b2b_login_banner_ctas .b2b-banner__btn--secondary{font-size: 20px;gap:15px;padding: 10px 13px 10px 41px;font-weight: 500;line-height: 28px;border-radius: 8px;border: 2px solid;}
@media (max-width: 1199px) {
.b2b_login_banner_content_wrapper {max-width: 450px;}
.b2b_login_banner_heading {font-size: 32px; line-height: 44px;}
.b2b_login_banner_subheading {font-size: 16px;}
.b2b_login_banner_ctas {margin-top: 30px;gap: 12px;}
.b2b_login_banner_ctas .b2b-banner__btn--primary {font-size: 16px;gap: 15px;padding: 8px 8px 8px 20px;}
.b2b_login_banner_ctas .b2b-banner__btn--secondary {font-size: 16px; gap: 11px;padding: 10px 13px 10px 20px;}
}
@media (max-width: 999px) {
.b2b_login_banner_content_wrapper {padding: 22px 18px;max-width: 400px;}
.b2b_login_banner_heading {font-size: 28px; line-height: 40px;}
.b2b_login_banner_subheading {font-size: 14px;}
.b2b_login_banner_ctas {margin-top: 30px;gap: 12px;}
.b2b_login_banner_ctas .b2b-banner__btn--primary {font-size: 16px;gap: 15px;padding: 8px 8px 8px 20px;}
.b2b_login_banner_ctas .b2b-banner__btn--secondary {font-size: 16px; gap: 11px;padding: 10px 13px 10px 20px;}
}
@media (max-width: 768px) {
.login_mobile_image{display:block;}
.b2b_login_banner_media_mobile .login_desktop_image{display:none;}
.b2b_login_banner_content_wrapper { justify-content: start;  padding: 22px 18px;}
.b2b_login_banner_heading { font-size: 28px; line-height: 40px;}
.b2b_login_banner_subheading {font-size: 14px;}
.b2b_login_banner_ctas {margin-top: 30px;gap: 12px;flex-wrap: wrap;}
}
/* b2b login banner end */

/* bulkorder banner start */
.bulkorder_banner .b2b_login_banner_heading{font-size: 42px;font-weight: 700;line-height: 55px;}
.bulkorder_banner .b2b_login_banner_subheading{font-size: 16px;font-weight: 400;line-height: 140%;margin-top:12px;}
@media (max-width: 1199px) {
.bulkorder_banner .b2b_login_banner_heading {font-size: 34px;line-height: 140%;}
.bulkorder_banner .b2b_login_banner_subheading {font-size: 14px;}
}
@media (max-width: 999px) {
.bulkorder_banner .b2b_login_banner_heading {font-size: 30px;line-height: 140%;}
.bulkorder_banner .b2b_login_banner_subheading {font-size: 14px;}
}
@media (max-width: 768px) {
.bulkorder_banner .b2b_login_banner_heading { font-size:28px; line-height: 120%;}
.bulkorder_banner .b2b_login_banner_subheading {font-size: 12px;}
}

/* bulkorder banner end */

/* b2b cart featured product start */
.b2b_cart_featured_product{border-radius: 20px;padding:60px !important;position:relative;}
.absolute_image{position:absolute;top:0;right:0;}
.b2b_cart_featured_product .glide__arrows {  margin-top: 30px !important;}
@media (max-width:999px) {
.b2b_cart_featured_product { padding: 60px 30px !important;}
}
@media (max-width: 768px) {
.absolute_image { max-width: 200px;}
.b2b_cart_featured_product {padding: 52px 0px !important;gap:30px;}
.b2b_cart_featured_product .b2b_featured_heading {font-size: 20px;}
.b2b_cart_featured_product .b2b_featured_content {font-size: 14px;}
.b2b_cart_featured_product .b2b_featured_collection_header {max-width: 64%;padding:0 20px;}
}

/* b2b cart featured product end */

/* product page b2b start */
.product_info_sku{background: #F3F5F6;padding: 15px 20px;margin: 0 0 21px !important;display: flex;gap: 10px;align-items: center;font-size: 14px;font-weight: 400;line-height: normal;}

.b2b_product_price{border-top:1px solid #F0F0F0;padding-top:11px;margin-top:11px;display: flex; flex-direction: column;gap: 8px;}
.b2b_product_unit_price{display: flex;align-items: center;gap: 6px;}
.b2b_product_unit_price .b2b_product_unit_price_real{font-size: 13px;font-weight: 400;line-height: 140%;color: #000;}
.b2b_product_unit_price .b2b_product_unit_price_compare{font-size: 13px;font-weight: 400;line-height: 140%;color: #7D7D7D;text-decoration-line: line-through; }

.b2b_product_retail_price{display: flex;align-items: center;gap: 6px;}

.b2b_product_tax{display: flex;align-items: center;gap: 6px;justify-content:space-between;margin-top:17px;}
.b2b_product_taxes{color: #4C4C4C;font-size: 14px;font-weight: 400;line-height: 140%;letter-spacing: -0.14px;}
.b2b_product_stock{color: #096139;padding: 4px 9px;font-size: 12.581px;font-weight: 500;line-height: 140%;letter-spacing: 0.252px;border-radius: 50px;border: 1.3px dashed #096139;background: #F3FDF8;}

.b2b_product_info .quantity-label {width: max-content;}
.b2b_product_info .quantity-selector{flex-direction: row !important;gap: 14px;align-items: center !important;}
.b2b_product_info .button.primary{border-radius: 3.5px;background: linear-gradient(98deg, #065531 0%, #11804D 100%) !important;}

.b2b_bundle_price_badge{max-width: fit-content;margin-bottom:15px;font-size: 14.677px;color:#fff;font-weight: 500;line-height: 140%;letter-spacing: 0.294px;border-radius: 7.339px;padding: 4.194px 10.484px;border: 1.048px dashed #FFF;background: #C02029;}
.b2b_product_info .stock--wrapper{margin-top:15px;}

/* product page b2b end */

/* preorder calendar banner start */
.preorder-calendar-banner-section{display:block;}
.preorder_calendar_banner .b2b_login_banner_heading{font-size: 50px;font-weight: 700;line-height: 120%;letter-spacing: 0.25px;}
.preorder_calendar_banner .b2b_login_banner_subheading{font-size: 18px;font-weight: 400;line-height: 150%;margin:0;}
.preorder_calendar_banner .b2b_login_banner_content_wrapper {display: flex;flex-direction: column; justify-content: center;align-items: start;max-width: 560px;gap: 30px;}
.preorder_calendar_card{position:relative;padding:32px 20px 24px;border-radius: 20px;}
.preorder_calendar_card_content{padding:0;border:none;}
.preorder_calendar_klarna_badge {font-size:16px;padding: 10px 20px;border-radius: 9.814px;border: 4.089px dashed #FFF;background: #FFF;position: absolute;top: -20px;left: 0;right: 0;margin: 0 auto;max-width: fit-content;color:#000;}
.preorder_calendar_klarna_badge span{color:#EE2982;font-weight: 700;}
.preorder_calendar_banner .sg-progress-block {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.preorder_calendar_banner .sg-progress-label {font-size: 18px;font-weight: 700;line-height: 31.926px;color: rgba(255, 255, 255, 0.85);}
.preorder_calendar_banner .sg-progress-count {color: rgba(255, 255, 255, 0.85);font-size: 18px;font-weight: 700;line-height: 31.926px;}
.preorder_calendar_banner .sg-progress-bar-track {padding:0 5px;height: 26px;overflow: hidden;border-radius: 50px;border: 0.907px solid #FCC44C;background: rgba(0, 0, 0, 0.38);box-shadow: 0 0 2.721px 0.907px rgba(255, 255, 255, 0.40);position: relative;}
.preorder_calendar_banner .sg-progress-bar-fill {/*position: absolute;*/ height: 14px; margin: 5px 0; /*top: 50%;*/width: 100%;/*transform: translateY(-50%);*/background: #FCC44C;border-radius: 99px;transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);}
.preorder_calendar_banner .sg-card-body{margin:18px 0 28px;}
.preorder_calendar_banner .sg-card-desc {font-size: 15px;font-weight: 400;line-height: 150%;}
.preorder_calendar_banner .sgct_buttons .button {width: 100%;border-radius: 7.156px;border: 1.022px solid #FFF !important;background: linear-gradient(79deg, #FC3791 0%, #E7237B 100%), #FFF !important;font-size: 20.444px;font-weight: 700;line-height: 42px;letter-spacing: 0.409px;display: flex;gap: 14px;align-items: center;justify-content: center;}
@media (max-width: 1367px) {
.preorder_calendar_banner .b2b_login_banner_heading {font-size: 36px;}
.preorder_calendar_banner .b2b_login_banner_subheading {font-size: 16px;}
.preorder_calendar_banner .b2b_login_banner_content_wrapper {max-width: 485px;gap: 15px;}
.preorder_calendar_banner .sgct_buttons .button { font-size: 18px;  line-height: 38px;}
.preorder_calendar_card {margin-top: 30px;}
.preorder_calendar_banner .sg-card-body { margin: 15px 0 20px;}
}
@media (max-width: 1199px) {
.preorder_calendar_banner .b2b_login_banner_content_wrapper {max-width: 380px;gap: 6px;}
.preorder_calendar_banner .b2b_login_banner_heading{font-size:30px;letter-spacing: 0.16px;}
.preorder_calendar_banner .b2b_login_banner_subheading {font-size: 15px;}
.preorder_calendar_card {margin-top: 30px;}
.preorder_calendar_banner .sg-progress-label {font-size: 13px;}
.preorder_calendar_banner .sg-progress-count {font-size: 13px;}
.preorder_calendar_klarna_badge {font-size: 14px;}
.preorder_calendar_banner .sg-card-desc {font-size: 14px;}
.preorder_calendar_banner .sgct_buttons .button { font-size: 16px;line-height: 23px;}
.preorder_calendar_banner .sg-card-body {margin: 12px 0 18px;}
.preorder_calendar_banner .sg-progress-block { margin-bottom: 6px;}
.preorder_calendar_banner .sg-progress-bar-track {height: 16px;}
.preorder_calendar_banner .b2b_login_banner_media img { min-height: 580px; object-fit: cover;}
.preorder_calendar_banner .sg-progress-bar-fill {height: calc(100% - 5px);margin:3px 0}
}
@media (max-width: 999px) {
.preorder_calendar_banner .b2b_login_banner_content_wrapper {max-width: 380px;gap: 6px;}
.preorder_calendar_banner .b2b_login_banner_heading{font-size:30px;letter-spacing: 0.16px;}
.preorder_calendar_banner .b2b_login_banner_subheading {font-size: 15px;}
.preorder_calendar_card {margin-top: 30px;}
.preorder_calendar_banner .sg-progress-label {font-size: 13px;}
.preorder_calendar_banner .sg-progress-count {font-size: 13px;}
.preorder_calendar_klarna_badge {font-size: 14px;}
.preorder_calendar_banner .sg-card-desc {font-size: 14px;}
.preorder_calendar_banner .sgct_buttons .button { font-size: 16px;line-height: 23px;}
.preorder_calendar_banner .sg-card-body {margin: 12px 0 18px;}
.preorder_calendar_banner .sg-progress-block { margin-bottom: 6px;}
.preorder_calendar_banner .sg-progress-bar-track {height: 16px;}
.preorder_calendar_banner .b2b_login_banner_media img { min-height: 580px; object-fit: cover;}
.preorder_calendar_banner .sg-progress-bar-fill {height: calc(100% - 5px);}
}
@media (max-width: 768px) {
.preorder_calendar_banner .b2b_login_banner_content_wrapper {justify-content: start; gap: 8px; text-align: center;padding:32% 0 0;margin: 0 auto;max-width:560px;}
.preorder_calendar_banner .b2b_login_banner_heading{font-size:26px;letter-spacing: 0.16px; margin: 0 auto;}
.preorder_calendar_banner .b2b_login_banner_subheading {font-size: 14px;}
.preorder_calendar_card {margin-top:22px;padding: 24px 20px 14px;}
.preorder_calendar_banner .sg-progress-label {font-size: 13px;line-height:22px;}
.preorder_calendar_banner .sg-progress-count {font-size: 13px;line-height:22px;}
.preorder_calendar_klarna_badge {font-size: 14px;padding: 7px 15px;}
.preorder_calendar_banner .sg-card-desc {font-size: 14px;}
.preorder_calendar_banner .sgct_buttons .button { font-size: 16px;line-height: 23px;}
.preorder_calendar_banner .sg-card-body {margin: 12px 0 14px;}
.preorder_calendar_banner .sg-progress-block { margin-bottom: 6px;}
.preorder_calendar_banner .sg-progress-bar-track {height: 16px;}
.preorder_calendar_banner .b2b_login_banner_media img { min-height: 100%; object-fit: cover;}
.preorder_calendar_banner .sg-progress-bar-fill {height: calc(100% - 5px);}
}
/* preorder calendar banner end */

@media(max-width:767px) {
.product-gallery__main .glide__arrow {width: 30px;height: 30px;}
}

/* Featured collection lbrgt css */
.featured_collection_lbrgt{display:flex;flex-direction:column;gap:24px;}
.featured_collection_header{display:flex;justify-content:space-between;gap:20px;align-items:center;}
.featured_collection_button .button {padding: 14px 28px;min-width: 250px;border-radius: 3.5px;}
.featured_collection_lbrgt .glide__slide {padding: 10px 0;margin: 0 8px;}
.featured_collection_lbrgt .glide__arrows{margin-top:14px !important;}
.product_card_lbrgt{border-radius: 8px;background: #FFF;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);padding-bottom: 15px !important;overflow:hidden;display:flex;gap:15px;flex-direction:column;}
.product_card_info{padding:0 20px;}
.product_card_image{position:relative;}
.product_card_lbrgt .product-label{position:absolute;left:0;top:10px;}
.product_card_lbrgt .product-label.product-label--on-sale, .product_card_lbrgt .product-label.product-label--custom1, .product_card_lbrgt .product-label.product-label--custom2 {padding: 12px 24px;border-radius: 0 8px 8px 0;text-transform: uppercase; color: #fff;font-size: 12px;font-weight: 600;line-height: 1;  background:linear-gradient(270deg, #0C1232 9.62%, #153266 24.63%, #1C4C90 50.96%, #153266 73.06%, #0C1232 99.96%);}
.product_card_lbrgt .product-label.product-label--custom1 {    right: 0;z-index: 1;left: auto;border-radius: 8px 0px 0px 8px;}
/* .product_card_lbrgt .product-label.product-label--custom2 {} */
.prod_title{font-size: 20px;font-weight: 700;line-height: 24px;color: rgba(0, 0, 0, 0.85);}
.prod_price{margin-top:5px;display:block;}
.prod_price .price{color: #C02029;font-size: 14px;font-weight: 700;line-height: 18px; }
.prod_price .compare-at-price{color: rgba(0, 0, 0, 0.50);font-size: 14px;font-weight: 400;line-height: 18px; }
.product_card_info .bpi-price{color: rgba(0, 0, 0, 0.50);font-size: 10px;font-weight: 400;line-height: 18px;}
@media(max-width:799px){
.featured_collection_header { padding: 0 15px;}
.featured_collection_button .button {min-width:auto;}
.featured_collection_heading{flex: 1;}
.product_card_lbrgt .product-label.product-label--on-sale, .product_card_lbrgt .product-label.product-label--custom1, .product_card_lbrgt .product-label.product-label--custom2 {padding: 7px 7px;font-size: 10px;}
}

/* Card drawer upsell start */
.cart-upsell__heading-row {margin-bottom: 8px;padding-right:22px;}
.cart-upsell__nav-btn {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;padding: 0;border:none;background: var(--color-secondary-button);}
.cart-upsell__nav-btn svg{width:16px;height:16px;}
.cart-upsell__nav-btn:disabled {opacity: 0.3;cursor: default;}
.cart-upsell__carousel {cursor: grab;touch-action: pan-x;-webkit-overflow-scrolling: touch;}
.cart-upsell__carousel.dragging {cursor: grabbing;scroll-snap-type: none;user-select: none;}
.cart-upsell__carousel img, .cart-upsell__carousel a {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-select: none;}
/* .cart-drawer__items.cart-drawer__items_here {max-height: calc(100dvh - 525px) !important;} */
.cart-upsell {padding: 20px 0px 0px 0px;/*margin: 0 -22px;*/border-top: 1px solid #e0e0e0;}
.cart-upsell__heading {font-size: 16px;margin-bottom: var(--s-3);}
.cart-upsell__carousel {display: flex;gap: var(--s-3);overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;padding: 0 22px 0 0;}
.cart-upsell__carousel .product_card_lbrgt {gap: 4px;flex-direction: row;text-align: left;padding: 10px !important;border: 1px solid #e0e0e0;box-shadow:unset !important;/*height: 100%;*/align-items: center;}
.cart-upsell__carousel .product_card_info {padding: 0 5px;}
.cart-upsell__carousel .prod_title {font-size: 12px;line-height: 18px;}
.cart-upsell__carousel .product_card_lbrgt .product-label {top: 5px !important;border-radius: 4px 0 0 4px !important;padding: 6px 6px !important;font-size: 9px !important;}
.cart-upsell__carousel .product_card_lbrgt  .block-image {max-width: 80px;}
.cart-upsell__carousel .product_card_lbrgt .price-container {margin-bottom:5px;gap:1px !important}
.cart-upsell__carousel .product_card_lbrgt .price-container .compare-at-price {display:none}
.cart-upsell__carousel .product_card_lbrgt .button{padding: .75rem 1rem;font-size: 12px;}
.cart-upsell__carousel::-webkit-scrollbar {display: none;}
.cart-upsell__slide {flex: 0 0 calc(100% / 1.4 - var(--s-3));scroll-snap-align: start;text-align: center;}
.cart-upsell__image {width: 100%;aspect-ratio: 1 / 1;object-fit: contain;background: #f5f5f5;border-radius: 6px;}
.cart-upsell__title {font-size: 0.85rem;margin-top: var(--s-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cart-upsell__price {font-size: 0.85rem;font-weight: 600;}
.cart-upsell__add-btn {margin-top: var(--s-2);padding: 4px 12px;border: 1px solid #000;background: transparent;border-radius: 20px;font-size: 0.8rem;}

@media(max-width:799px){
.cart-upsell {padding: 20px 0px 0px 0px; /*margin: 0 -14px;*/}
.cart-upsell__carousel .product_card_lbrgt { padding: 10px 5px !important;gap:5px; }
.cart-upsell__carousel .product_card_lbrgt .price-container {gap:1px !important}
.cart-upsell__heading-row {  margin-bottom: 8px; padding-right: 15px;}
}

@media(max-width:500px){
.cart-upsell__slide {flex: 0 0 calc(100% / 1.1 - var(--s-3));}
.cart-upsell__carousel .product_card_lbrgt .block-image {max-width: 60px;min-width: 60px;}
}


/* Card drawer upsell end */

/* product progress bar css start */
.preorder_feature_product_progress{margin-bottom:35px;margin-top:0 !important;}
.preorder_progress_block {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.preorder_progress_label {font-size: 18px;font-style: normal;font-weight: 700;line-height: 31.926px;color: #000;}
.preorder_progress_count{color: #C02029;font-size: 18px;font-style: normal;font-weight: 700;line-height: 31.926px;}
.preorder_progress_bar_track {padding:0 5px;height: 26px;overflow: hidden;border-radius: 50px;border: 0.976px solid var(--pbar-border, #FCC44C);background: var(--pbar-track, #000);box-shadow: 0 0 2.927px 0.976px rgba(255, 255, 255, 0.40);}
.preorder_progress_bar_fill{height: 100%;background: var(--pbar-fill, #FCC44C);border-radius: 99px;transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);position: relative;height: 14px;margin: 5px 0;}
  @media (max-width: 999px) {
    .preorder_feature_product_progress { margin-bottom: 24px;}
  }
  @media (max-width: 799px) {
    .preorder_progress_label {font-size: 14px;}
    .preorder_progress_count {font-size: 14px;}
    .preorder_feature_product_progress { margin-bottom: 24px;}
  }
  /* SUGA-34: Die Zahl darf nie umbrechen — sonst stand "41" in der einen und
     "Stueck" in der naechsten Zeile. Die Beschriftung darf dafuer schrumpfen,
     damit lange Texte wie "Gratis Mini-Kalender nur noch verfuegbar:" auf dem
     Handy in eine Zeile passen. */
  .preorder_progress_count {white-space: nowrap;}
  /* Der Abstand zum Balken kam aus drei Quellen: 10px Aussenabstand, dazu
     ueber 15px Luft aus der line-height von 31.9px bei 16px Schrift und noch
     einmal 6px, weil die 14px-Fuellung in einer 26px hohen Schiene liegt.
     Zusammen sahen das wie ein Loch aus. */
  .preorder_progress_block {gap: 8px;margin-bottom: 2px;}
  .preorder_progress_icon {display: inline-flex;align-items: center;margin-right: 5px;color: var(--pbar-accent, #C02029);vertical-align: -3px;}
  .preorder_progress_icon svg {width: 19px;height: 19px;}
  .preorder_progress_icon svg {display: block;}
  .preorder_progress_label,
  .preorder_progress_count {line-height: 1.25;}
  /* Ab 800px steht der Balken in der schmalen Produktspalte (gemessen 420px).
     Mit 18px brauchte allein die Beschriftung 334px und brach um; zwei Punkt
     kleiner passt die Zeile mit Abstand. */
  @media (min-width: 800px) {
    /* 15px, weil das Symbol vor dem Text noch einmal 20px frisst und die
       Zeile sonst in der 420px schmalen Produktspalte umbricht. */
    .preorder_progress_label {font-size: 14px;}
    .preorder_progress_count {font-size: 22px;}
  }
  /* Mobil muss die Zeile Symbol, Text und Zahl nebeneinander tragen. Bei 375px
     bleiben nach Zahl (ca. 60px), Symbol (20px) und Abstand (6px) noch rund
     249px fuer die Beschriftung — das sind etwa 12px Schriftgroesse. clamp
     skaliert mit der Breite und faellt bei sehr schmalen Geraeten nicht unter
     11px. */
  /* Der lange Text soll auch auf dem Telefon stehen und trotzdem in einer
     Zeile bleiben. Gemessen bei 390px: Symbol 20px, Zahl rund 50px, Abstand
     6px — fuer die Beschriftung bleiben etwa 270px, das traegt sie bei 11 bis
     12px. clamp skaliert dazwischen, nowrap ist die Rueckfallebene. */
  @media (max-width: 799px) {
    .preorder_progress_block {gap: 6px;flex-wrap: nowrap;}
    .preorder_progress_label {font-size: clamp(11px, 2.9vw, 13px);line-height: 1.3;}
    .preorder_progress_count {font-size: 17px;}
  }
  /* Ab 375px reicht der Platz fuer den langen Text, darunter nicht mehr —
     dort uebernimmt die Kurzfassung, sofern eine hinterlegt ist. */
  /* Die Zahl steht groesser und in der Akzentfarbe, das Wort dahinter kleiner
     und schwarz — so sticht die Menge heraus, ohne die Zeile zu sprengen. */
  .preorder_progress_count {color: var(--pbar-accent, #C02029);}
  .preorder_progress_suffix {color: #000;font-size: 0.75em;font-weight: 700;}
  .preorder_progress_text--short {display: none;}
  /* Nur auf sehr schmalen Geraeten (unter 375px) reicht auch 11px nicht mehr,
     dort uebernimmt die Kurzfassung. */
  @media (max-width: 374px) {
    .preorder_progress_text--long {display: none;}
    .preorder_progress_text--short {display: inline;}
  }
/* product progress bar css end */

/* Cart drawer greeting video css start  */

  .greeting_card {
    width: 100%;
    max-width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    margin:10px 0;
  }
  .greeting_card.active {
    border-color: #E11893;
    background: rgb(225 24 148 / 11%);
  }
  .greeting_row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    cursor: pointer;
  }
  .checkbox-wrap {
    width: 22px;
    height: 22px;
    border: 1px solid #E11893;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.25s ease;
  }
  .checkbox-wrap svg {
    width: 14px;
    height: 14px;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .greeting_card.active .checkbox-wrap {
    background-color: #E11893;
  }
  .greeting_card.active .checkbox-wrap svg {
    opacity: 1;
    transform: scale(1);
  }
  .greeting_photo {
    width: 48px;
    height: 48px;
    border-radius: 0px;
    object-fit: cover;
    flex-shrink: 0;
  }
  .greeting_label {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #000;
  }
  .greeting_label b { font-weight: 600; }
  .greeting_price {
    font-size: 14px;
    font-weight: 400;
    color: #00;
    flex-shrink: 0;
  }
  .greeting_extra {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 16px;
    transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.35s ease, padding 0.4s ease;
    border-top: 1px solid transparent;
  }
  .greeting_card.active .greeting_extra {
    max-height: 220px;
    opacity: 1;
    padding: 16px 16px 18px;
    border-top: 1px solid #E11893;
  }
  .greeting_desc {
    font-size: 14px;
    color: #828282;
    margin: 0 0 14px;
  }
  .greeting_field-label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    margin-bottom: 8px;
  }
  input[type="text"] {
    width: 100%;
    padding: 11px 12px;
    font-size: 14px;
    border: 1px solid #6D6D6D;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease;
    font-family: inherit;
  }
  /* input[type="text"]:focus {
    border-color: #BF2C33;
  } */
  input[type="checkbox"] { display: none; }

  @media (max-width: 799px) {
    .greeting_row {
        gap: 8px;
        padding: 14px 7px;
    }

  }

/* Cart drawer greeting video css end */

.advent-note {font-size:12px;}