/* ---------------------------------------------------------------------------
   Schriften — selbst gehostet, Latin-Ausschnitt, kein Aufruf bei Google.
   Bitter und Public Sans sind Variable Fonts: je eine Datei für alle Schnitte.
   Zusammen 71 KB. Alle drei werden in inc/sq-product.php vorgeladen.
   ------------------------------------------------------------------------ */
@font-face{
  font-family:"Bitter";
  src:url("fonts/Bitter-latin.woff2") format("woff2");
  font-weight:500 700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Public Sans";
  src:url("fonts/PublicSans-latin.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Mono";
  src:url("fonts/IBMPlexMono-500-latin.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.sq-pdp{
  /* Gold als Kauffarbe, Navy für Überschriften — wie im Entwurf */
  --sq-gold:#A9812E;
  --sq-gold-d:#8C6A22;
  --sq-gold-h:#6E5219;
  /* Kauffarbe: warmes Ziegelrot, stimmt zu Gold und Navy.
     Weiß darauf erreicht rund 6,5:1 Kontrast. */
  --sq-kauf:#B3271E;
  --sq-kauf-h:#8F1E17;
  --sq-gold-soft:#D9BD7A;
  --sq-gold-bg:#FAF6EC;
  --sq-navy:#12172A;
  --sq-navy-2:#1B2A4A;
  --sq-alarm:#832F21;
  --sq-ink:#1F2937;
  --sq-ink-2:#4B5563;
  --sq-ink-3:#6B7280;
  --sq-linie:#D7E1EC;
  --sq-linie-2:#EDF1F6;
  --sq-flaeche:#F3F5F9;

  /* Inhaltsbreite wie .e-con-inner im übrigen Shop */
  --sq-breite:1280px;
  --sq-rand:1.25rem;

  font-family:"Public Sans",-apple-system,"Segoe UI",Arial,sans-serif;
  max-width:var(--sq-breite);
  margin-left:auto;
  margin-right:auto;
  padding:2.5rem var(--sq-rand) 0;
  color:var(--sq-ink);
  font-size:16px;
  line-height:1.6;
}
@media (max-width:600px){.sq-pdp{padding-top:1.5rem}}

/* ---------------------------------------------------------------------------
   WooCommerce bringt für die Produktseite ein eigenes Zweispalten-Layout mit
   (div.images 48% float:left, div.summary 48% float:right). Innerhalb unseres
   Rasters muss das weg, sonst bleibt die Galerie auf 48 % der Spalte stehen.
   ------------------------------------------------------------------------ */
.woocommerce div.product.sq-pdp div.images,
.woocommerce div.product.sq-pdp div.summary{
  width:100%;
  float:none;
  margin:0;
}
.sq-pdp .woocommerce-product-gallery{width:100%!important}

.sq-pdp *,.sq-pdp *::before,.sq-pdp *::after{box-sizing:border-box}
.sq-pdp img{max-width:100%;height:auto}

.sq-pdp h1,.sq-pdp h2,.sq-pdp h3,.sq-pdp h4{
  font-family:Bitter,Georgia,"Times New Roman",serif;
  font-weight:600;
  color:var(--sq-navy);
  letter-spacing:-.01em;
  text-wrap:balance;
  margin:0;
}
.sq-pdp .product_title{
  font-size:clamp(1.5rem,2.6vw,2.1rem);
  font-weight:600;
  text-transform:none;
  line-height:1.15;
  margin:0 0 .6rem;
}
.sq-pdp__head h2{font-size:clamp(1.3rem,2.1vw,1.7rem);font-weight:600;line-height:1.2}

/* ---------------------------------------------------------------------------
   Typografie verbindlich aus der Vorlage
   Theme und Elementor setzen für Produktseiten eigene Schriften und Größen.
   Hier wird beides innerhalb von .sq-pdp festgeschrieben, damit die Vorlage
   überall gleich aussieht — unabhängig davon, was global eingestellt ist.
   ------------------------------------------------------------------------ */
.sq-pdp,
.sq-pdp p,.sq-pdp li,.sq-pdp dt,.sq-pdp dd,.sq-pdp span,.sq-pdp a,
.sq-pdp strong,.sq-pdp em,.sq-pdp small,.sq-pdp label,
.sq-pdp button,.sq-pdp input,.sq-pdp select,.sq-pdp textarea,
.sq-pdp h5,.sq-pdp h6{
  font-family:"Public Sans",-apple-system,"Segoe UI",Arial,sans-serif;
}
.sq-pdp h1,.sq-pdp h2,.sq-pdp h3,.sq-pdp h4{
  font-family:Bitter,Georgia,"Times New Roman",serif;
}
.sq-pdp p,.sq-pdp li{font-size:1rem;line-height:1.6}

/* Überschriften aus dem Redaktionstext — Kurzbeschreibung und Reiterinhalte.
   Sie dürfen nicht die Größe der Abschnittsüberschriften erben. */
.sq-pdp .woocommerce-product-details__short-description h2,
.sq-pdp .woocommerce-Tabs-panel h2,
.sq-pdp .woocommerce-product-details__short-description h3,
.sq-pdp .woocommerce-Tabs-panel h3{
  font-family:Bitter,Georgia,serif;
  font-size:1.1rem;
  font-weight:600;
  text-transform:none;
  line-height:1.35;
  letter-spacing:0;
  margin:1.4rem 0 .5rem;
}
.sq-pdp .woocommerce-product-details__short-description > *:first-child,
.sq-pdp .woocommerce-Tabs-panel > *:first-child{margin-top:0}
.sq-pdp .woocommerce-product-details__short-description p,
.sq-pdp .woocommerce-Tabs-panel p{font-size:.95rem;line-height:1.65;margin:0 0 .7rem}
.sq-pdp .woocommerce-product-details__short-description strong{color:var(--sq-navy);font-weight:600}

/* --- Kopfbereich ------------------------------------------------------- */
.sq-pdp__top{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:3rem;
  align-items:start;
  margin-bottom:3.5rem;
}
@media (max-width:900px){.sq-pdp__top{grid-template-columns:1fr;gap:2rem}}

.sq-pdp__gallery{position:sticky;top:6rem}
@media (max-width:900px){.sq-pdp__gallery{position:static}}

.sq-pdp__buy{display:flex;flex-direction:column;gap:1.1rem}
.sq-pdp__buy>*{margin:0}

.sq-pdp .sq-pdp__eyebrow{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--sq-gold-d);
}

.sq-pdp__rule{border:0;border-top:2px solid var(--sq-gold);width:44px;margin:.2rem 0}

/* --- Kennwerte --------------------------------------------------------- */
.sq-pdp__chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.sq-pdp .sq-pdp__chip{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.06em;
  border:1px solid var(--sq-linie);
  background:var(--sq-flaeche);
  color:var(--sq-navy);
  padding:.35rem .6rem;
  font-variant-numeric:tabular-nums;
}
.sq-pdp__chip.is-lead{border-color:var(--sq-gold);background:#EEF5FB;color:var(--sq-gold-d)}

/* --- Kaufblock --------------------------------------------------------- */
.sq-pdp__cta{
  border:1px solid var(--sq-linie);
  border-top:3px solid var(--sq-gold);
  background:var(--sq-flaeche);
  padding:1.2rem;
  display:flex;
  flex-direction:column;
  gap:.9rem;
}

/* WooCommerce-Formular in die Gestaltung holen, ohne es umzubauen */
.sq-pdp__cta form.cart{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-start;margin:0}
.sq-pdp__cta form.cart .quantity{margin:0}
.sq-pdp__cta form.cart .quantity input{
  height:100%;min-height:52px;width:76px;text-align:center;
  border:1px solid var(--sq-linie);background:#fff;border-radius:0;
}
.sq-pdp .single_add_to_cart_button{
  flex:1 1 14rem;
  background:var(--sq-kauf)!important;
  color:#fff!important;
  border:1px solid var(--sq-kauf)!important;
  border-radius:2px!important;
  font-weight:700!important;
  font-size:1rem!important;
  letter-spacing:.01em;
  padding:1rem 1.5rem!important;
  min-height:52px;
  transition:background .15s,border-color .15s;
}
.sq-pdp .single_add_to_cart_button:hover{
  background:var(--sq-kauf-h)!important;
  border-color:var(--sq-kauf-h)!important;
  color:#fff!important;
}
.sq-pdp .single_add_to_cart_button:focus-visible{outline:3px solid var(--sq-navy);outline-offset:2px}

/* Angebotsanfrage — trägt vom Plugin die Klasse single_add_to_cart_button mit
   und würde sonst wie der Kaufbutton aussehen. Zwei gleich starke Knöpfe
   nebeneinander lassen offen, welcher der Hauptweg ist. Deshalb zurückhaltend:
   weißer Grund, graue Schrift, dünne Linie.
   Der Elementselektor hebt die Spezifität über die Regel darüber, damit die
   Reihenfolge im Stylesheet keine Rolle spielt. */
.sq-pdp a.afrfqbt_single_page,
.sq-pdp a.afrfqbt_single_page.single_add_to_cart_button{
  flex:0 1 auto;
  background:#fff!important;
  color:var(--sq-ink-2)!important;
  border:1px solid var(--sq-linie)!important;
  font-weight:600!important;
  font-size:.95rem!important;
  padding:.9rem 1.35rem!important;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:border-color .15s,color .15s,background .15s;
}
.sq-pdp a.afrfqbt_single_page:hover,
.sq-pdp a.afrfqbt_single_page.single_add_to_cart_button:hover{
  background:var(--sq-flaeche)!important;
  border-color:var(--sq-navy-2)!important;
  color:var(--sq-navy)!important;
}
.sq-pdp a.afrfqbt_single_page:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}
/* WooCommerce rendert die Auswahl als Tabelle: Bezeichnung links, Feld rechts.
   Für die Karten wird daraus ein Block — Bezeichnung oben, Karten darunter. */
.sq-pdp .variations,
.sq-pdp .variations tbody,
.sq-pdp .variations tr,
.sq-pdp .variations th,
.sq-pdp .variations td{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent!important;
  text-align:left;
}
.sq-pdp .variations{margin:0 0 .6rem;border-collapse:collapse}
.sq-pdp .variations tr+tr{margin-top:.9rem}
.sq-pdp .variations th.label{margin-bottom:.4rem}
.sq-pdp .variations label{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sq-ink-3);
}
.sq-pdp .variations select{
  width:100%;min-height:46px;border:1px solid var(--sq-linie);
  background:#fff;border-radius:0;padding:.5rem .7rem;font-size:.95rem;
}

/* Variantenauswahl als Karten.
   Das Auswahlfeld bleibt im Markup und führt weiterhin die Logik. Es wird
   nur ausgeblendet, sobald das Skript die Karten erzeugt hat — ohne
   JavaScript bleibt es sichtbar und voll bedienbar. */
.sq-pdp__select-versteckt{
  position:absolute!important;
  width:1px;height:1px;
  padding:0!important;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;border:0!important;
}
.sq-pdp__varianten{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.15rem 0 .2rem}
@media (max-width:420px){.sq-pdp__varianten{grid-template-columns:1fr}}
.sq-pdp__variante{
  border:1px solid var(--sq-linie);
  background:#fff;
  padding:.85rem 1rem;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  border-radius:0;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.sq-pdp__variante b{
  display:block;
  font-family:Bitter,Georgia,serif;
  font-size:1rem;
  font-weight:600;
  color:var(--sq-navy);
  line-height:1.25;
}
/* Das Theme färbt button:hover flächig ein. Hier vollständig festlegen,
   sonst kippt die Karte beim Überfahren in eine fremde Farbe. */
.sq-pdp .sq-pdp__variante:hover,
.sq-pdp .sq-pdp__variante:focus{
  background:var(--sq-gold-bg)!important;
  border-color:var(--sq-gold)!important;
  box-shadow:none;
}
.sq-pdp .sq-pdp__variante:hover b{color:var(--sq-navy)}
.sq-pdp .sq-pdp__variante:hover span{color:var(--sq-ink-2)}
.sq-pdp .sq-pdp__variante[aria-checked="true"]:hover{
  border-color:var(--sq-navy)!important;
  box-shadow:inset 0 0 0 1px var(--sq-navy);
}
.sq-pdp__variante[aria-checked="true"]{
  border-color:var(--sq-navy);
  box-shadow:inset 0 0 0 1px var(--sq-navy);
  background:var(--sq-flaeche);
}
.sq-pdp__variante:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}

/* Zurücksetzen-Link unauffällig */
/* Kaufmodell */
.sq-pdp__modell{display:flex;flex-direction:column;gap:.5rem;margin:.2rem 0 .1rem}
.sq-pdp__modell-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.sq-pdp .sq-pdp__modell-note{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.7rem;color:var(--sq-ink-3);
}
.sq-pdp__variante span{
  display:block;font-size:.82rem;color:var(--sq-ink-2);line-height:1.4;margin-top:.15rem;
}
.sq-pdp__variante span .amount,.sq-pdp__variante span bdi{font-weight:600;color:var(--sq-navy)}
.sq-pdp__modell-hinweis{
  font-size:.82rem;line-height:1.55;color:var(--sq-ink-2);
  border-left:2px solid var(--sq-gold-soft);padding-left:.8rem;margin:.2rem 0 0;
}

.sq-pdp .reset_variations{
  display:inline-block;margin-top:.4rem;
  font-size:.78rem;color:var(--sq-ink-3);
}

/* --- Preis ------------------------------------------------------------- */
.woocommerce div.product.sq-pdp p.price,
.woocommerce div.product.sq-pdp span.price,
.sq-pdp .price{
  font-family:Bitter,Georgia,serif!important;
  font-size:2rem!important;
  font-weight:600;
  color:var(--sq-navy);
  font-variant-numeric:tabular-nums;
  line-height:1.1;
  margin:0;
}
.sq-pdp .price del{font-size:1.1rem;color:var(--sq-ink-3);margin-right:.4rem}
.sq-pdp .price ins{text-decoration:none}
/* Germanized-Zusätze klein halten */
/* Germanized: Mehrwertsteuer, Versand, Grundpreis, Lieferzeit.
   Steht direkt unter dem Preis und wird als dessen Fußzeile gesetzt. */
.sq-pdp .wc-gzd-additional-info,
.sq-pdp .price .woocommerce-price-suffix,
.sq-pdp .wc-gzd-additional-info-loop{
  display:block;
  font-family:"Public Sans",-apple-system,Arial,sans-serif;
  font-size:.78rem;font-weight:400;font-style:normal;
  color:var(--sq-ink-3);line-height:1.5;margin:.15rem 0 0;
}
.sq-pdp .wc-gzd-additional-info a{color:var(--sq-ink-2);text-decoration:underline}
.sq-pdp .price+.wc-gzd-additional-info{margin-top:.3rem}

/* --- Lieferzeile und Vertrauen ----------------------------------------- */
.sq-pdp__ships{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;color:var(--sq-ink-2);margin:0}
.sq-pdp__ships strong{color:var(--sq-navy);font-weight:600}
.sq-pdp__dot{width:7px;height:7px;border-radius:50%;background:#1F7A45;flex:none;transform:translateY(-1px)}

.sq-pdp__trust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;
  list-style:none;margin:0;padding:.85rem 0 0;border-top:1px solid var(--sq-linie-2);
}
@media (max-width:520px){.sq-pdp__trust{grid-template-columns:1fr 1fr}}
.sq-pdp__trust strong{display:block;font-size:.76rem;color:var(--sq-navy);font-weight:600}
.sq-pdp__trust span{display:block;font-size:.7rem;color:var(--sq-ink-3);line-height:1.35}

/* --- Kaufargumente ----------------------------------------------------- */
.sq-pdp__usps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.sq-pdp__usps li{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem}
.sq-pdp__usps svg{width:15px;height:15px;flex:none;margin-top:.3rem;color:#1F7A45}
.sq-pdp__usps strong{color:var(--sq-navy);font-weight:600}

/* --- Abschnitte -------------------------------------------------------- */
.sq-pdp__section{padding:3rem 0;border-top:1px solid var(--sq-linie-2)}
.sq-pdp__head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;max-width:44rem}

/* --- Datenblatt -------------------------------------------------------- */
.sq-pdp__specs{column-count:2;column-gap:3rem;margin:0}
@media (max-width:760px){.sq-pdp__specs{column-count:1}}
.sq-pdp__specs>div{
  display:grid;grid-template-columns:11rem 1fr;gap:1rem;
  padding:.7rem 0;border-bottom:1px solid var(--sq-linie-2);
  break-inside:avoid;align-items:baseline;
}
@media (max-width:480px){.sq-pdp__specs>div{grid-template-columns:1fr;gap:.15rem}}
.sq-pdp__specs dt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--sq-ink-3);margin:0}
.sq-pdp__specs dd{margin:0;font-size:.9rem;color:var(--sq-navy);font-variant-numeric:tabular-nums;
  font-family:"IBM Plex Mono",ui-monospace,monospace}
.sq-pdp__specs dd,.sq-pdp .price,.sq-pdp__chip,.sq-pdp .sq-pdp__bar-p{font-feature-settings:"tnum" 1}

/* ---------------------------------------------------------------------------
   Galerie: Miniaturen, Hauptbild, Angebotskennzeichen
   WooCommerce stellt die Miniaturen mit float und fester Breite dar. Daraus
   entstehen ausgefranste Reihen. Hier wird daraus ein gleichmäßiges Raster.
   ------------------------------------------------------------------------ */
.sq-pdp .woocommerce-product-gallery__image img{background:#fff}

/* Ladeplatzhalter
   Der Schimmer erscheint nur, solange ein Bild tatsächlich lädt: Das Skript
   setzt .is-laedt ausschließlich dann, wenn das Bild beim Aufsetzen noch nicht
   fertig ist, und nimmt die Klasse danach wieder weg. Bereits im Zwischenspeicher
   liegende Bilder zeigen also nie ein Aufblitzen. */
@keyframes sq-schimmer{
  from{background-position:140% 0}
  to{background-position:-140% 0}
}
.sq-pdp .woocommerce-product-gallery__image.is-laedt,
.sq-pdp .flex-control-thumbs li.is-laedt{position:relative;background:var(--sq-linie-2)}
.sq-pdp .woocommerce-product-gallery__image.is-laedt::after,
.sq-pdp .flex-control-thumbs li.is-laedt::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(100deg,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,.75) 50%,
    rgba(255,255,255,0) 70%);
  background-repeat:no-repeat;
  background-size:250% 100%;
  animation:sq-schimmer 1.5s linear infinite;
}
@media (prefers-reduced-motion:reduce){
  .sq-pdp .woocommerce-product-gallery__image.is-laedt::after,
  .sq-pdp .flex-control-thumbs li.is-laedt::after{animation:none;background-image:none}
}
}

.sq-pdp .flex-control-thumbs{
  display:grid!important;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:8px 0 0!important;
  padding:0!important;
  list-style:none;
}
@media (max-width:520px){.sq-pdp .flex-control-thumbs{grid-template-columns:repeat(4,1fr)}}
.sq-pdp .flex-control-thumbs li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  list-style:none;
}
.sq-pdp .flex-control-thumbs img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1;
  object-fit:contain;
  background:#fff;
  border:1px solid var(--sq-linie);
  padding:4px;
  opacity:1;
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
.sq-pdp .flex-control-thumbs img:hover{border-color:var(--sq-gold)}
.sq-pdp .flex-control-thumbs img.flex-active{
  border-color:var(--sq-navy);
  box-shadow:inset 0 0 0 1px var(--sq-navy);
}

/* Angebotskennzeichen: flaches Etikett statt olivfarbenem Kreis */
.sq-pdp .onsale{
  position:absolute;
  top:0!important;left:0!important;right:auto!important;
  margin:0!important;
  width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;
  border-radius:0!important;
  background:var(--sq-alarm)!important;
  color:#fff!important;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem!important;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  line-height:1.3!important;
  padding:.35rem .7rem!important;
  z-index:2;
}

/* Lupe der Galerie nicht über das Etikett legen */
.sq-pdp .woocommerce-product-gallery__trigger{z-index:3}

/* ---------------------------------------------------------------------------
   Reiter unterhalb des Kaufblocks
   WooCommerce liefert abgerundete Karteikartenreiter mit Pseudoelementen für
   die Eckenrundung. Beides wird entfernt.
   ------------------------------------------------------------------------ */
.sq-pdp .woocommerce-tabs{margin-top:1rem}
.sq-pdp .woocommerce-tabs ul.tabs{
  display:flex!important;
  flex-wrap:wrap;
  gap:0;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid var(--sq-linie)!important;
  list-style:none;
}
.sq-pdp .woocommerce-tabs ul.tabs::before,
.sq-pdp .woocommerce-tabs ul.tabs::after{display:none!important;content:none!important}
.sq-pdp .woocommerce-tabs ul.tabs li{
  float:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sq-pdp .woocommerce-tabs ul.tabs li::before,
.sq-pdp .woocommerce-tabs ul.tabs li::after{display:none!important;content:none!important}
.sq-pdp .woocommerce-tabs ul.tabs li a{
  display:block;
  padding:.85rem 1.15rem!important;
  font-size:.92rem;
  font-weight:500;
  color:var(--sq-ink-2)!important;
  text-decoration:none;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color .15s,border-color .15s;
}
.sq-pdp .woocommerce-tabs ul.tabs li a:hover{color:var(--sq-navy)!important}
.sq-pdp .woocommerce-tabs ul.tabs li.active a{
  color:var(--sq-navy)!important;
  font-weight:700;
  border-bottom-color:var(--sq-gold);
}
.sq-pdp .woocommerce-tabs ul.tabs li a:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}
.sq-pdp .woocommerce-Tabs-panel{padding:2rem 0 0!important}
.sq-pdp .woocommerce-Tabs-panel h2{
  font-size:1.1rem;font-weight:600;text-transform:none;margin:0 0 .6rem;
}

/* --- Kaufleiste -------------------------------------------------------- */
.sq-pdp__bar{
  position:fixed;left:0;right:0;bottom:0;z-index:120;
  background:#fff;border-top:1px solid var(--sq-linie);
  box-shadow:0 -4px 16px -6px rgba(0,0,0,.2);
  transform:translateY(110%);transition:transform .25s ease;
}
.sq-pdp__bar.is-on{transform:translateY(0)}
.sq-pdp__bar[hidden]{display:block!important}
.sq-pdp__bar-in{
  max-width:1280px;margin:0 auto;padding:.7rem 1.25rem;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.sq-pdp .sq-pdp__bar-t{
  font-size:.85rem;font-weight:600;color:var(--sq-navy);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
.sq-pdp__bar-r{display:flex;align-items:center;gap:1rem;flex:none}
.sq-pdp__bar-p{font-family:Bitter,Georgia,serif;font-size:1rem;font-weight:600;
  color:var(--sq-navy);white-space:nowrap}
.sq-pdp__bar-p del{display:none}
.sq-pdp__bar-b{
  background:var(--sq-kauf);color:#fff;border:1px solid var(--sq-kauf);border-radius:2px;
  font:inherit;font-weight:700;font-size:.9rem;padding:.7rem 1.3rem;cursor:pointer;
}
.sq-pdp__bar-b:hover{background:var(--sq-kauf-h);border-color:var(--sq-kauf-h)}
@media (max-width:600px){.sq-pdp__bar-p{display:none}}

@media (prefers-reduced-motion:reduce){
  .sq-pdp__bar{transition:none}
}