/** Shopify CDN: Minification failed

Line 646:0 Unexpected "}"
Line 930:31 Expected identifier but found whitespace
Line 930:33 Unexpected "{"
Line 930:43 Expected ":"
Line 930:72 Expected identifier but found "!"
Line 931:20 Expected identifier but found whitespace
Line 931:22 Unexpected "{"
Line 931:32 Expected ":"
Line 931:51 Expected identifier but found "!"
Line 932:24 Expected identifier but found whitespace
... and 15 more hidden warnings

**/
:root {
  --global-border-radius: 5px;
  --global-width: 1536px;
}
.global-border-radius {
  border-radius: var(--global-border-radius);
}
hr {
  margin: 4rem 0 !important;
}
/* Erhöht die Breite des Containers */

.page-width {
  max-width: var(--global-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 5rem;
}
.shopify-policy__container {
  max-width: var(--global-width);
  padding: 5rem;
}

.shopify-policy__title {
  text-align: left;
}

.rte > h2 {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
}

h1,
.h1 {
  font-size: 3rem !important;
  color: rgb(9 14 52);
  font-weight: 600 !important;
}

.article-template__content {
  text-align: left;
}
@media screen and (min-width: 990px) {
  .page-width-desktop {
    max-width: 1536px;
    /* padding:0px;*/
  }
}
/*
@media screen and (min-width: 990px) {
    .image-with-text__content {
        padding: 0rem 7rem 7rem 0rem;
    }
}
*/
@media screen and (min-width: 990px) {
  .image-with-text__content {
    padding: 6rem 7rem 7rem 1rem !important;
  }
  .page-width--narrow {
    padding: 1px 1px 1px 5rem;
  }
}
@media screen and (min-width: 990px) {
  .image-with-text__content {
    padding: 6rem 7rem 7rem 0.5rem;
  }
}
.image-with-text__content {
  padding: 1rem 7rem 1rem 0.5rem !important;
}
.title-wrapper-with-link {
  display: inherit;
}
.blog__posts .card-wrapper {
  background-color: #111827;
  border-radius: 5px;
}
.article-card-wrapper .card,
.contains-card--article {
  border-radius: 5px !important;
}

.sneakeez-banner-wrapper img {
  height: 0px !important;
}

.product__title h1,
.product__title h2 {
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
h2 {
  text-align: center;
}
.price .price-item {
  font-weight: 600;
}
/* Höhe der sections */
@media screen and (min-width: 750px) {
  .section-template--24637893017973__multicolumn_KfyhXp-padding,
  .section-template--24637893017973__multicolumn_GQzFzQ-padding,
  .section-template--24637893017973__featured_blog_Nt8K7e-padding,
  .section-template--24637893017973__multicolumn_KfyhXp-padding,
  .section-template--24637893017973__image_with_text_kEH4ch-padding,
  .section-template--24637893017973__featured_collection-padding {
    /* margin-top: 5% !important;  */
    padding-top: 4% !important;
    padding-bottom: 4% !important;
    min-height: 53vh !important;
  }
}

.card-wrapper {
  box-shadow: 0px 11px 41px -11px rgba(9, 14, 52, 0.1) !important;
  padding: 0px 3px 0px 3px !important;
  border-radius: 5px !important;
}

/* Style für zurück zum block */

.article-template__content {
  /* max-width: 800px !important; 
  padding: 0px 10px; */
}
.article-template__content > h2 {
  text-align: left !important;
}
.article-template__link {
  background-color: #f8f9ff;
  padding: 1.3rem;
  color: #000000;
}
.article-template header {
  text-align: center;
}
.article-template__back:last-child {
  margin-bottom: 0rem !important;
}
.article-template__social-sharing {
  text-align: -webkit-center;
}

/*share button */
.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: #ff8c00;
  border: none;
  padding: 10px 25px;
  border-radius: 10px;
  color: #fff;
  height: 40px;
  min-height: 40px !important;
}
.share-buttons-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.section-template--24637893181813__custom_liquid_KrtDe7-padding {
  display: none;
}

/* Productdescription */
.product__description {
  padding-top: 25px !important;
}

/* FAQ */
.collapsible-content__heading {
  text-align: left !important;
}
.collapsible-content-wrapper-narrow {
  padding-right: 5rem;
  padding-left: 2rem !important;
  max-width: 1485px !important;
}

@media screen and (min-width: 600px) {
  .collapsible-content-wrapper-narrow {
    padding-right: 2rem;
    padding-left: 2rem !important;
  }
}
@media screen and (min-width: 700px) {
  .collapsible-content-wrapper-narrow {
    padding-left: 9rem !important;
  }
}

@media screen and (min-width: 800px) {
  .collapsible-content-wrapper-narrow {
    padding-left: 9rem !important;
  }
}

@media screen and (min-width: 900px) {
  .collapsible-content-wrapper-narrow {
    padding-left: 9rem !important;
  }
}

@media screen and (min-width: 990px) {
  .collapsible-content-wrapper-narrow {
    padding-left: 2rem !important;
  }
}

/* CSS styles für die Seite Karriere */

.karriere-section {
  /*max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: 'Poppins', sans-serif;
    color: #221F1C;
    font-size: 18px;
    line-height: 1.6;
    */
}

.karriere-intro {
  margin-bottom: 40px;
}

.karriere-intro h2 {
  font-size: 26px;
  margin-bottom: 12px;
}

.job-accordion {
  border-top: 1px solid #221f1c;
  border-bottom: 1px solid #221f1c;
  padding: 24px 0;
}

.job-toggle {
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #221f1c;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
  text-align: left;
}

.accordion__title {
  font-weight: bold;
}

/* Icons */
summary .icon-plusRounded {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}
.job-snippet {
  margin: 12px 0 0;
}

.job-description {
  display: none;
  margin-top: 24px;
}

.job-description ul {
  padding-left: 20px;
}

.job-accordion.open .job-description {
  display: block;
}

.job-toggle:after {
  content: "＋";
  font-size: 20px;
}

.job-accordion.open .job-toggle:after {
  content: "−";
}

/* MultiColumn Title */
.multicolumn .title {
  text-align: center;
}

a.mail-link {
  color: #221f1c;
  text-decoration: underline;
}
/* CSS styles für Zusammenarbeit */
/* General Styles */
.section-wrapper,
details.section-wrapper {
  font-family: "Poppins", sans-serif;
  background-color: #221f1c;
  color: #fff;
  max-width: 1000px;
  margin: 30px auto;
  border-radius: 24px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

/* Summary Styles */
.section-wrapper summary,
details.section-wrapper summary {
  padding: 24px 30px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  background-color: #1e1a17;
  color: #e1ccbe;
  border: none;
  list-style: none;
}

.section-wrapper summary::-webkit-details-marker,
details.section-wrapper summary::-webkit-details-marker {
  display: none;
}

/* Content Styles */
.section-content {
  padding: 40px 30px;
  background-color: #221f1c;
}

/* Input Styles */
.rechner-input {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #e1ccbe;
  background-color: #fff;
  color: #000;
  margin-bottom: 20px;
}

/* Result Styles */
.rechner-result p {
  font-size: 16px;
  margin: 8px 0;
  color: #ffffff;
}

/* Block Layout Styles */
.block {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease-out forwards;
}

.block-icon {
  font-size: 36px;
  width: 60px;
  height: 60px;
  background-color: #e1ccbe;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.block-content {
  flex: 1;
}

.block-content h5 {
  margin: 0 0 8px 0;
  color: #e1ccbe;
  font-size: 18px;
  font-weight: 600;
}

.block-content p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
}

.block-divider {
  border: none;
  border-top: 1px solid #e1ccbe;
  width: 100%;
  margin: 10px 0 0 0;
}

/*   */

#timesact_widget {
  width: 100%;
  text-align: left;
  margin-top: 17px;
  clear: both;
}

.product-form__buttons {
  max-width: 45rem;
}
div[style*="background: #fff0f0;"] {
  background: #ff8c00 !important;
  color: #fff !important;
  font-weight: bold !important;
  padding: 16px 16px !important;
  border-radius: 5px !important;
  border: 1px solid #ff8c00 !important;
  font-size: 17px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}
/* Erhöhte Spezifität */
body
  .product-form__buttons
  .product-form__submit.button.button--full-width.button--secondary.timesact-button {
  width: 100% !important;
  height: 50px !important;
  border: 2px solid #000 !important;
  border-radius: 1px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  cursor: pointer !important;
}

/* Spezifische Regel für den "Vorbestellen"-Button 
.product-form__buttons .product-form__submit.button.button--full-width.button--secondary.timesact-button {
  width: 100% !important;
  height: 50px !important;
  background-color: #FFF !important;
  border: 2px solid #000 !important;
  border-radius: 30px !important;
  border-width: 2px !important;
  color: #000 !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  cursor: pointer !important;
}

*/
/* Falls du die Schriftfarbe und das Aussehen des Buttons verändern möchtest */
.product-form__buttons .product-form__submit .timesact-button span {
  color: #000 !important;
  font-weight: 500 !important; /* Optional: Fettgedruckt */
}

.timesact_widget {
  width: 100% !important;
  text-align: left;
  margin-top: 17px;
  clear: both;
  max-width: 100% !important;
}

.product-form__buttons {
  max-width: 100% !important;
}
.product-form__buttons {
  max-width: 80rem !important;
}

/* Spezifische Regel für den Button, um Inline-Stile zu überschreiben */
.product-form__buttons
  .product-form__submit.button.button--full-width.button--secondary.timesact-button {
  width: 100% !important;
  height: 50px !important;
  background-color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 30px !important;
  border-width: 2px !important;
  color: #000 !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  cursor: pointer !important;
}

/* Optionale Regel für den Text des Buttons */
.product-form__buttons .product-form__submit .timesact-button span {
  color: #000 !important;
  font-weight: 400 !important;
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  /* font-size: 1.5rem; */
  text-decoration: none;
  color: white;
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: black;
}
/* Custom styles for Pill display type */
.product-form__input--pill input[type="radio"]:checked + label {
  border-radius: 5px;
}
.product-form__input--pill input[type="radio"] + label {
  border: var(--variant-pills-border-width) solid
    rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  background-color: rgb(var(--color-background));
  color: rgba(var(--color-foreground));
  border-radius: 5px !important;
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 0.7rem 0.5rem 0.2rem 0;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
  position: relative;
}
.quantity-popover-container {
  padding: 0 !important;
}

.multicolumn.background-primary .multicolumn-card {
  background: #fff;
}
.multicolumn-card-spacing {
  height: 55px !important;
}
.multicolumn-list__item.center .media--adapt img {
  height: 50px !important;
}
.multicolumn-card__info {
  padding-top: 5.5rem !important;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  height: inherit !important;
}
.multicolumn.background-primary .multicolumn-card {
  background: 55px !important;
}

.multicolumn.background-primary .multicolumn-card {
  background: white !important;
  box-shadow: 0px 11px 41px -11px rgba(9, 14, 52, 0.1) !important;
  border-radius: 5px !important;
}

/* Container-Höhe anpassen */
.media.media--transparent.media--adapt {
  height: 150px !important; /* Passe nach Wunsch an */
  padding-bottom: 0 !important; /* Entfernt das responsiv-erzwungene Seitenverhältnis */
  overflow: hidden; /* Falls das Bild größer ist */
}

.full-unstyled-link {
  font-weight: 600;
}

/* Bild selbst anpassen */
.media.media--transparent.media--adapt img.multicolumn-card__image {
  height: 40% !important;
  width: auto; /* Oder 100%, wenn du die Breite erzwingen willst */
  object-fit: contain; /* Alternativ: cover oder fill */
}

/* Stelle sicher, dass alle Social-Icons im Footer weiß sind, wenn sie schwarz sind */
footer .social-icon {
  color: white !important; /* Ändere die Farbe zu weiß */
  fill: white !important; /* Falls es sich um SVG-Icons handelt */
}

/* Wenn du nur das Reddit-Icon anpassen möchtest */
footer .social-icon.reddit {
  color: #ff4500 !important; /* Reddit Orange */
}

/* Optional: Stil für Hover-Effekte */
footer .social-icon:hover {
  color: #ff4500 !important; /* Wechsel zu Reddit Orange bei Hover */
}
/*.multicolumn.color-scheme-2.gradient.background-primary {
  /*  background: linear-gradient(180deg, #F8F9FF 0%, #EAEFFF 100%) !important; */
  /* background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23F8F9FF" fill-opacity="1" d="M0,192L60,213.3C120,235,240,277,360,261.3C480,245,600,171,720,149.3C840,128,960,160,1080,186.7C1200,213,1320,235,1380,245.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') no-repeat !important; */
  /*background-size: cover !important;
  border-top: 0.8rem solid #F8F9FF; */
}

/*
.multicolumn.color-scheme-2.gradient.background-primary {
background: linear-gradient(180deg, #F8F9FF 0%, #EAEFFF 100%) !important;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23F8F9FF" fill-opacity="1" d="M0,192L60,213.3C120,235,240,277,360,261.3C480,245,600,171,720,149.3C840,128,960,160,1080,186.7C1200,213,1320,235,1380,245.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') no-repeat !important;
  background-size: cover !important;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23F8F9FF" fill-opacity="1" d="M0,192L60,213.3C120,235,240,277,360,261.3C480,245,600,171,720,149.3C840,128,960,160,1080,186.7C1200,213,1320,235,1380,245.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') no-repeat !important;
  

  position: relative !important;
  overflow: hidden !important;
  padding-bottom: 100px !important; /* etwas Platz für die Welle */
/* min-height: 600px;*/

/*.multicolumn.color-scheme-2.gradient.background-primary::after {
 /* content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 120px !important;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23F8F9FF" fill-opacity="1" d="M0,192L60,213.3C120,235,240,277,360,261.3C480,245,600,171,720,149.3C840,128,960,160,1080,186.7C1200,213,1320,235,1380,245.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') no-repeat !important;
  background-size: cover !important;
  pointer-events: none !important;
  z-index: 1 !important;
} 

.multicolumn.color-scheme-2.gradient.background-primary::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 120px !important;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23F8F9FF" fill-opacity="1" d="M0,192L60,213.3C120,235,240,277,360,261.3C480,245,600,171,720,149.3C840,128,960,160,1080,186.7C1200,213,1320,235,1380,245.3L1440,256L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>')
    no-repeat !important;
  background-size: cover !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.wave-background {
  background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 20px;
  z-index: 0;
}*/

*/
/* Untere Welle 
.wave-background::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,160L60,165.3C120,171,240,181,360,165.3C480,149,600,107,720,90.7C840,75,960,85,1080,96C1200,107,1320,117,1380,122.7L1440,128L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat bottom center;
  background-size: cover;
  z-index: 1;
}

/* Obere Welle 
.wave-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,224L60,208C120,192,240,160,360,138.7C480,117,600,107,720,128C840,149,960,203,1080,229.3C1200,256,1320,256,1380,256L1440,256L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat top center;
  background-size: cover;
  z-index: 1;
}
*/

/* slider component */
.slider-component {
  padding-top: 2rem;
}

.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
  padding-bottom: 20px;
}

/* Badge Orange */
.badge-orange {
  background-color: #ff9900;
  color: #ffffff;
  padding: 4px 20px;
  border-radius: 4rem;
  font-weight: bold;
  display: inline-block;
  font-size: smaller;
}

/*
  .section-wrapper {
    font-family: 'Poppins', sans-serif;
    background-color: #221F1C;
    color: #fff;
    max-width: 1000px;
    margin: 30px auto;
    border-radius: 24px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    overflow: hidden;
  }

  .section-wrapper summary {
    padding: 24px 30px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    background-color: #1e1a17;
    color: #E1CCBE;
    border: none;
    list-style: none;
  }

  .section-wrapper summary::-webkit-details-marker {
    display: none;
  }

  .section-content {
    padding: 30px;
    background-color: #221F1C;
  }

  .rechner-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #E1CCBE;
    border-radius: 8px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
  }

  .rechner-result p {
    font-size: 16px;
    margin: 8px 0;
    color: #ffffff;
  }
</style>
 details.section-wrapper {
    font-family: 'Poppins', sans-serif;
    background-color: #221F1C;
    color: #fff;
    max-width: 1000px;
    margin: 30px auto;
    border-radius: 24px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    overflow: hidden;
  }

  details.section-wrapper summary {
    padding: 24px 30px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    background-color: #1e1a17;
    color: #E1CCBE;
    border: none;
    list-style: none;
  }

  details.section-wrapper summary::-webkit-details-marker {
    display: none;
  }

  .section-content {
    padding: 40px 30px;
    background-color: #221F1C;
  }

  .block {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 40px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease-out forwards;
  }

  .block-icon {
    font-size: 36px;
    width: 60px;
    height: 60px;
    background-color: #E1CCBE;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .block-content {
    flex: 1;
  }

  .block-content h5 {
    margin: 0 0 8px 0;
    color: #E1CCBE;
    font-size: 18px;
    font-weight: 600;
  }

  .block-content p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
  }

  .block-divider {
    border: none;
    border-top: 1px solid #E1CCBE;
    width: 100%;
    margin: 10px 0 0 0;
  }

  .rechner-input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    margin-bottom: 20px;
  }

  .rechner-result p {
    margin-bottom: 10px;
    font-size: 16px;
  }

  @media (max-width: 768px) {
    .block {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .block-icon {
      margin-bottom: 10px;
    }

    .block-content {
      text-align: center;
    }

    .block-divider {
      width: 80%;
      margin: 10px auto 0 auto;
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
*/
.page-intro{
  margin-top:20px;
  margin-bottom:20px;
  
}
 .price__badge-sale,.badge .color-scheme-4,.badge {
              background-color: {{ settings.aftertextbackgroundcolor }} !important;
              color: {{ settings.aftertextcolor }} !important;
              font-size: {{ settings.font_size_badge }}px !important;
              border-radius: {{ settings.badge_border_radius }}px !important;
              padding-top: {{ settings.badge_padding_top }}px !important;
              padding-bottom: {{ settings.badge_padding_bottom }}px !important;

              /*{% if settings.badge_animation %}
                animation: pulse 2s infinite ease-in-out;
              {% endif %}*/
            }

            /*@keyframes pulse {
              0% {
                transform: scale(1);
              }
              50% {
                transform: scale(1.1);
              }
              to {
                transform: scale(1);
              }
            }*/

.product__accordion .accordion__content {
    color: #000000;
}
@media only screen and (min-width:900px) {
  .product--small .thumbnail-list.slider--tablet-up li.thumbnail-list__item.slider__slide {
    transform: rotate(-90deg);
    width: calc(20% - .8rem);
  }

  .grid__item.product__media-wrapper slider-component.thumbnail-slider {
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    width: 700px; /* manage width of small image */
    left: 0;
    transform-origin: left top;
    height: 100px;
    overflow: hidden;
  }

  .grid__item.product__media-wrapper {
    position: relative;
    padding-left: 100px;
  }

  .thumbnail-list.slider--tablet-up li.thumbnail-list__item.slider__slide {
    transform: rotate(-90deg);
    width: calc(16.8% - .8rem); /* decrease percentage and it will increase items */
  }
}
.accordion-toggle .icon-minus {
  display: none;
}
.accordion-toggle.active .icon-plus {
  display: none;
}
.accordion-toggle.active .icon-minus {
  display: inline-block;
}
summary svg.icon-minus {
  display: none;
}

details[open] summary svg.icon-plus {
  display: none;
}

details[open] summary svg.icon-minus {
  display: inline-block;
}
summary svg.icon-plus,
summary svg.icon-minus {
  width: 12px;   
  height: 12px;
  vertical-align: middle; 
}
.icon-plus {
  stroke: #000; 
}

.icon-minus {
  stroke: #000; 
}