/** Shopify CDN: Minification failed

Line 82:20 Expected identifier but found "#product-gallery-thumbnails-wrapper"
Line 88:40 Expected identifier but found "@thumbs-position\\:left"
Line 567:0 Unexpected "<"
Line 607:0 Unexpected "<"

**/
/* 1. Vorbereitung der Produktkarte */
.product-card {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease !important;
    display: block; /* Stellt sicher, dass die Transformation greift */
    background: transparent; /* Falls die Karten keinen Hintergrund haben, sorgt das für einen sauberen Schatten */
    position: relative;
    z-index: 1;
    /*
    box-shadow:0px 0px 9px 1px #cbcbcb;
    */
}

/* 2. Der Hover-Effekt (Anheben und Schatten) */
.product-card:hover {
    transform: translateY(-8px); /* Karte gleitet nach oben */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important; /* Weicher, moderner Schatten */
    z-index: 10; /* Karte liegt über den anderen */
}

/* 3. Optional: Den Link-Bereich bündig halten */
.product-card__link {
    text-decoration: none;
}

/* --- Header & Allgemeine Styles --- */
#header-component {
    backdrop-filter: blur(4px) drop-shadow(4px 4px 10px blue);
    background-color: rgb(0 0 0 / 30%);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
}
/*
.product-card {
    box-shadow: 0px 2px 11px -2px #969696;
}
*/

/*
.product-media__image{
    box-shadow: 0px 2px 11px -2px #969696;
}
*/
.shopify-policy__title {
    text-align: left !important;
    font-size: xx-large !important;
}


/****************************************************
  2. ACCORDION BOX STYLE
****************************************************/

.accordion{
box-shadow: 0px 0px 14px -2px #cacaca!important;
}


/****************************************************
  TEEINBLUE – HIDING SHOPIFY ELEMENTS
****************************************************/

.teeinblue-enabled .variant-picker,
.teeinblue-enabled .product-form__options,
.teeinblue-enabled .product-form__quantity,
.teeinblue-enabled .quantity-selector,
.teeinblue-enabled .product-form__controls-group--options,
.teeinblue-enabled .product-form__controls-group--quantity {
    display: none !important;
}

.teeinblue-enabled sticky-add-to-cart {
    display: none !important;
}

.teeinblue-enabled .#product-gallery-thumbnails-wrapper,
.teeinblue-enabled #product-gallery-thumbnails-wrapper {
    display: none !important;
}

@media (min-width: 992px) {
    .teeinblue-enabled #product-gallery.@thumbs-position\:left,
    .teeinblue-enabled .#product-gallery.@thumbs-position\:left {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 749px) {
    .teeinblue-enabled:not(.teeinblue-platform-product-enabled) #tee-artwork-form {
        margin-top: -70px;
    }
}

@media screen and (max-width: 768px) {
    .teeinblue-enabled .tee-quantity-group {
        margin-bottom: 10px !important;
    }
}

/*******************************************************
  SHIRDY – TEEINBLUE LAYOUT & BUTTONS
*******************************************************/

.teeinblue-enabled .form[action*="/cart/add"] button[type="submit"],
.teeinblue-enabled.shopify-payment-button,
.teeinblue-enabled.tee-product-price,
.teeinblue-total-price-container, 
.teeinblue-price-wrapper



/* 2. Shopify Preis komplett ausblenden */

.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .product-price,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .product-info__price-list,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .price-list,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .price-item--regular,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .price-item,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .product__price,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .product-meta__price,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) #product-price-value,
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) #product-price-tax-note {
  display: none !important;
}

/*
.teeinblue-enabled:not(.teeinblue-platform-product-enabled) product-price {
  display: none !important;
}

.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .pc-custom-block-v35 {
  display: none !important;
}
*/
.tee-customize-main-form {
    background-color: white !important;
}

.teeinblue-theme-modern .tee-customize-main-form {
    border: 0px solid black !important;
    border-radius: 10px !important;
    background-color: white !important;
    box-shadow: 0 0px 3px 1px #bebebe;
}

@media screen and (max-width: 767px) {
    #tee-artwork-form { margin-top: 0px !important; }
}

@media (max-width: 767.98px) {
    .tee-form-actions:not(.tee-form-actions--no-sticky) {
        background: transparent !important;
    }
}

#tee-artwork-form button, 
#tee-artwork-form .tee-btn,
#tee-artwork-form .tee-button {
    font-family: inherit !important;
    font-weight: inherit !important;
}

/*******************************************************
  SHIRDY – VARIANTS DROP-DOWN (FULL WIDTH & LABELS)
*******************************************************/

/* 1. Volle Breite für alle Container */
.tee-option, 
.tee-row,
.tee-option-inner,
.tee-field__input, 
.tee-select-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/*******************************************************
  SHIRDY – VARIANTS DROP-DOWN (DEZENTE LABELS)
*******************************************************/

/* 1. Volle Breite für alle Container */
.tee-option, 
.tee-row,
.tee-option-inner,
.tee-field__input, 
.tee-select-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 2. Labels: Dezent, Theme-Font, kein Fett, nur 1. Buchstabe groß */
.tee-option__title, 
.tee-field__label {
    font-family: inherit !important; /* Nutzt die Schriftart deines Themes */
    font-weight: 100 !important;    /* Macht die Schrift dünn/normal statt fett */
    font-size: 15px !important;     /* Standardgröße, kannst du hier anpassen */
    color: #444 !important;         /* Etwas weicheres Schwarz/Grau */
    margin-bottom: 6px !important;
    display: block !important;
    text-transform: lowercase !important; /* Erzwingt Kleinschreibung für alles */
    letter-spacing: normal !important;    /* Entfernt eventuelle weite Abstände */
}

/* Erster Buchstabe groß */
.tee-option__title::first-letter, 
.tee-field__label::first-letter {
    text-transform: uppercase !important;
  
}

/* 3. Das Dropdown-Feld (Full Width & Design) */
select.tee-field__select {
    width: 100% !important;
    display: block !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important; 
    border-radius: 6px !important;
    padding: 12px 40px 12px 15px !important;
    font-size: 15px !important;
    color: #333 !important;
    height: auto !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important; 
    transition: border-color 0.1s ease-in-out !important;
    
    /* Pfeil-Icon */
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 14px !important;
}

/* 4. Platzhalter "Choose an option" komplett entfernen */
select.tee-field__select option[value="null"],
select.tee-field__select option[disabled],
select.tee-field__select option:first-child {
    display: none !important;
}

/* 5. Hover & Focus Zustände (Kein Schrumpfen) */
select.tee-field__select:hover {
    border: 1px solid #ccc !important;
    transform: scale(1) !important; 
    padding: 12px 40px 12px 15px !important; 
}

select.tee-field__select:focus {
    outline: none !important;
    border: 1px solid #999 !important;
    background-color: #fff !important;
    transform: scale(1) !important;
    box-shadow: inset 0 0 0 1px #999 !important;
}

body .tee-option__title{
  font-weight:100!important;
}


/* 1. Den Standard-Zustand vorbereiten (für eine weiche Animation) */
 .teeinblue-theme-modern .tee-customize-main-form {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px; /* Optional: macht die Ecken etwas weicher, falls gewünscht */
    padding: 15px;      /* Gibt dem Schatten etwas Platz zum Atmen */
}

/* 2. Der Hover-Effekt */
 .teeinblue-theme-modern .tee-customize-main-form:hover {
    transform: translateY(-4px); /* Die Box hebt sich leicht an */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Ein weicher, edler Schatten */
    background-color: #ffffff; /* Stellt sicher, dass die Box massiv wirkt */
}


@media screen and (min-width: 990px) {
  .product-details {
    margin-top: 60px; /* Wert nach Bedarf anpassen */
  }
}

/* Test: Den Hintergrund des Menüs leicht grau färben */
.menu-drawer {
  background-color: #f9f9f9 !important;
}

/* Test: Die Schriftgröße aller Links im Menü verändern */
.menu-drawer a {
  font-size: 20px !important;
  text-transform: uppercase; /* Alles in Großbuchstaben zum Test */
  letter-spacing: 1px;
}

/* 1. Den gesamten Preis-Container anpassen */
.tee-product-price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 10px;
    margin-top: 10px;
}

/* 2. Den aktuellen Preis (Current Price) stylen */
body .tee-price--current {
    font-size: 24px !important;
    font-weight: 100 !important;
    color: #121212 !important;
    font-family: var(--font-body-family), sans-serif !important; /* Nutzt Horizon Theme Schrift */
    line-height: 1.2 !important;
}

/* 3. Streichpreis / Vergleichspreis (falls vorhanden) */
.tee-price--compare {
    font-size: 16px !important;
    color: #707070 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* 4. Das "ab" (Präfix) komplett entfernen */
/* Teeinblue nutzt oft eine Klasse wie .tee-price-prefix oder ein Wrapper-Element */
[class*="prefix"], .tee-price-wrapper:has(.tee-price-prefix) {
    display: none !important;
}

/* 5. MwSt. / Versand-Hinweis (Suffix) in die nächste Zeile zwingen */
body .tee-price-wrapper:has(.tee-price-suffix), 
body .tee-price-suffix {
    display: block !important;
    width: 100% !important;
    font-size: 12px !important;
    color: #707070 !important;
    margin-top: 4px !important;
    order: 10; /* Stellt sicher, dass es ganz unten steht */
}

/* 6. Sale Badge ("ANGEBOT") stylen */
/* Falls das Badge in einem der Wrapper (order: 2 oder 3) liegt */
body .tee-badge-sale, .tee-product-badge {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    display: inline-block !important;
    margin-bottom: 8px !important;
    width: fit-content !important;
}




/* 1. Container: Flexbox aktivieren und Umbruch erlauben */
.tee-product-price {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: baseline !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
}

/* 2. DAS BADGE (Saving) - Zwingend nach OBEN */
.tee-price-wrapper:has(.tee-price-saving),
.tee-price-wrapper:has([class*="badge"]) {
    order: -5 !important; /* Extrem niedriger Wert, um alles zu schlagen */
    width: 100% !important; /* Volle Breite erzwingt Umbruch für den Preis */
    display: block !important;
}

body .tee-price-saving, [class*="badge"] {
    color: #ffffff !important;
    border-radius: 0px !important; /* Eckig wie Horizon/Dawn */
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    letter-spacing: 0.08em;
}

/* 3. DER PREIS - In die zweite Zeile */
.tee-price-wrapper:has(.tee-price--current) {
    order: 1 !important;
    width: auto !important;
}

.tee-price--current {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #121212 !important;
}

/* 4. DER STREICHPREIS - Direkt daneben */
.tee-price-wrapper:has(.tee-price--compare) {
    order: 2 !important;
    width: auto !important;
}

.tee-price--compare {
    font-size: 18px !important;
    color: #707070 !important;
    text-decoration: line-through !important;
}

/* 5. MwSt. (Suffix) - In die dritte Zeile */
.tee-price-wrapper:has(.tee-price-suffix) {
    order: 3 !important;
    width: 100% !important;
    margin-top: 4px !important;
}

.tee-price-suffix {
    font-size: 12px !important;
    color: #6a6a6a !important;
    display: block !important;
}

/* Bonus: "ab" Präfix weg */
.tee-price-prefix {
    display: none !important;
}


/* TEEINBLUE PRICE FIX FÜR HORIZON THEME */

/* 1. Variablen im Modern Theme überschreiben */
.teeinblue-theme-modern .tee-product-price,
.tee-product-price {
    --tee-price-saving-border-radius: 0px !important;
    --tee-price-saving-bg-color: #000000 !important;
    --tee-price-saving-text-color: #ffffff !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 0 12px !important;
}

/* 2. Badge (Das 'Saving' Teil) nach oben zwingen */
.tee-product-price .tee-price-wrapper:has(.tee-price-saving),
.tee-product-price div[style*="order: 3"],
.tee-product-price div[style*="order: 2"] {
    order: -2 !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
}


/* 3. Aktuellen Preis stylen */
.tee-product-price .tee-price-wrapper:has(.tee-price--current),
.tee-product-price div[style*="order: 1"] {
    order: -1 !important;
    width: auto !important;
}

.tee-price--current {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #121212 !important;
}

/* 4. Streichpreis stylen */
.tee-price--compare-wrapper, 
.tee-price--compare {
    order: 0 !important;
    width: auto !important;
    font-size: 18px !important;
    color: #707070 !important;
    text-decoration: line-through !important;
}

/* 5. MwSt. nach unten */
.tee-product-price .tee-price-wrapper:has(.tee-price-suffix) {
    order: 2 !important;
    width: 100% !important;
}

.tee-price-suffix {
    display: block !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}

/* TEEINBLUE ABSOLUTE LAYOUT FIX */

/* TEEINBLUE - DER FINALE HORIZON FIX */

/* 1. Den Container aufräumen */
.tee-product-price {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: baseline !important;
    column-gap: 15px !important;
    row-gap: 5px !important;
}

/* Alle Wrapper-Boxen von Teeinblue neutralisieren */
.tee-product-price .tee-price-wrapper {
    display: contents !important;
}

/* 2. DAS BADGE (Reihe 1) */
.tee-price--saving {
    order: 1 !important;
    /* Trick: 100% Basis für den Umbruch, aber Button-Look bewahren */
    flex: 0 0 100% !important; 
    width: fit-content !important;
    
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 8px !important;
}

/* 3. DER HAUPTPREIS (Reihe 2, links) */
.tee-price--current {
    order: 2 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #121212 !important;
    margin: 0 !important;
}

/* 4. DER STREICHPREIS (Reihe 2, direkt daneben) */
.tee-price--compare-wrapper,
.tee-price--compare {
    order: 3 !important;
    font-size: 18px !important;
    color: #707070 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
}

/* 5. MwSt. HINWEIS (Reihe 3) */
.tee-price-suffix {
    order: 4 !important;
    flex: 0 0 100% !important; /* Neue Zeile */
    display: block !important;
    font-size: 12px !important;
    color: #707070 !important;
    margin-top: 5px !important;
}

/* "ab" komplett weg */
.tee-price-prefix {
    display: none !important;
}


<style>


<style>
  /* 1. Den Teeinblue-Container komplett neutralisieren */
  .tee-block.tee-product-price,
  .tee-product-price {
    display: none !important; /* Teste zuerst 'none'. Wenn das Script nicht mehr liest, ändere es in 'block' */
    
    /* Falls 'none' das Script blockiert, nutzen wir diese 'Force-Hide' Kombi: */
    position: absolute !important;
    display: block !important; /* Zerstört das Flex-Layout der App */
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    clip-path: inset(50%) !important; /* Schneidet den Inhalt radikal weg */
  }

  /* 2. Alle Kinder innerhalb des Containers ebenfalls schrumpfen */
  .tee-block.tee-product-price *,
  .tee-price-wrapper {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Shopify Standard-Preise und Abstände säubern */
  .product-info__price,
  .product__tax,
  [ref="priceContainer"]:not(.pc-custom-block-v35 *),
  .price--large {
    display: none !important;
  }
</style>

  /* 2. Sicherstellen, dass keine Shopify-Reste mehr auftauchen */


.teeinblue-enabled:not(.teeinblue-platform-product-enabled) .buy-buttons-block {
    display: none !important;
}


/* Versteckt den Judge.me Widget-Container komplett, wenn 0 Bewertungen vorhanden sind */
.jdgm-widget:has([data-number-of-reviews="0"]),
.jdgm-preview-badge:has([data-number-of-reviews="0"]) {
    display: none !important;
}