/*
╔══════════════════════════════════════════════════════════════════════╗
║  GILGA OPTIK — WooCommerce Premium Design                           ║
║  Version: 1.0                                                       ║
║  Datei: gilga-woocommerce.css                                       ║
║                                                                     ║
║  EINBINDUNG (sicher, kein Konflikt):                                ║
║  WordPress Admin → Design → Customizer → Zusätzliches CSS          ║
║  → Diesen Code einfügen → Veröffentlichen                          ║
║                                                                     ║
║  SICHERHEIT:                                                        ║
║  ✓ Überschreibt NUR visuelle WooCommerce-Styles                    ║
║  ✓ Berührt KEINE PHP-Logik, KEINE Templates                        ║
║  ✓ Update-sicher                                                    ║
║  ✓ Checkout + Cart bleiben voll funktionsfähig                     ║
║                                                                     ║
║  FARBEN: Gold #D4AF37 · Blau #1F4690 · Elfenbein #F8F4E3           ║
╚══════════════════════════════════════════════════════════════════════╝
*/


/* ════════════════════════════════════════════════════════════════════
   CSS VARIABLEN
   ════════════════════════════════════════════════════════════════════ */
:root {
  --go-gold:         #D4AF37;
  --go-gold-light:   #E8D280;
  --go-gold-dim:     #9E831F;
  --go-gold-pale:    rgba(212, 175, 55, 0.10);
  --go-blue:         #1F4690;
  --go-blue-mid:     #163370;
  --go-blue-light:   rgba(31, 70, 144, 0.06);
  --go-ivory:        #F8F4E3;
  --go-ivory-mid:    #F0EBD4;
  --go-ivory-dark:   #E5DFC6;
  --go-ink:          #1A1A18;
  --go-text:         #4A4A45;
  --go-muted:        #8A8A80;
  --go-border:       rgba(31, 70, 144, 0.10);
  --go-font-display: 'Cormorant Garamond', Georgia, serif;
  --go-font-body:    'DM Sans', -apple-system, sans-serif;
  --go-font-mono:    'DM Mono', 'Courier New', monospace;
  --go-transition:   0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}


/* ════════════════════════════════════════════════════════════════════
   FONTS LADEN
   ════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=DM+Mono:wght@400&display=swap');


/* ════════════════════════════════════════════════════════════════════
   01. SHOP-SEITE
   ════════════════════════════════════════════════════════════════════ */
.woocommerce-page,
.post-type-archive-product {
  background-color: var(--go-ivory) !important;
}

.woocommerce-products-header__title,
.woocommerce-page h1.page-title {
  font-family: var(--go-font-display) !important;
  font-size: clamp(32px, 5vw, 52px) !important;
  font-weight: 300 !important;
  color: var(--go-blue) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
}

.woocommerce-result-count {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--go-muted) !important;
  margin-bottom: 24px !important;
}

.woocommerce-ordering .orderby {
  font-family: var(--go-font-body) !important;
  font-size: 12px !important;
  border: 0.5px solid var(--go-border) !important;
  background: var(--go-ivory) !important;
  color: var(--go-text) !important;
  padding: 10px 16px !important;
  border-radius: 2px !important;
  outline: none !important;
}

.woocommerce-breadcrumb {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  color: var(--go-muted) !important;
  text-transform: uppercase !important;
  margin-bottom: 32px !important;
}

.woocommerce-breadcrumb a {
  color: var(--go-gold-dim) !important;
  text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
  color: var(--go-blue) !important;
}


/* ════════════════════════════════════════════════════════════════════
   02. PRODUKTKARTEN
   ════════════════════════════════════════════════════════════════════ */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

@media (max-width: 900px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }
}

.woocommerce ul.products li.product {
  background: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
  box-shadow: none !important;
  transition: box-shadow var(--go-transition) !important;
  float: none !important;
  width: auto !important;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 24px rgba(31, 70, 144, 0.07) !important;
  z-index: 1 !important;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: block !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: var(--go-ivory-mid) !important;
  margin: 0 !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.03) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-family: var(--go-font-display) !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--go-blue) !important;
  line-height: 1.25 !important;
  padding: 18px 20px 4px !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product .price {
  font-family: var(--go-font-mono) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--go-ink) !important;
  padding: 4px 20px 0 !important;
  display: block !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--go-muted) !important;
  font-size: 12px !important;
  opacity: 0.7 !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  font-weight: 400 !important;
}

.woocommerce ul.products li.product .onsale {
  background: var(--go-blue) !important;
  color: var(--go-gold-light) !important;
  font-family: var(--go-font-body) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 5px 10px !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  display: block !important;
  font-family: var(--go-font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 13px 20px !important;
  margin: 16px 20px 20px !important;
  width: calc(100% - 40px) !important;
  background: var(--go-blue) !important;
  color: var(--go-gold-light) !important;
  border: none !important;
  border-radius: 0 !important;
  transition: background var(--go-transition) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: var(--go-blue-mid) !important;
  color: var(--go-gold-light) !important;
}


/* ════════════════════════════════════════════════════════════════════
  ════════════════════════════════════════════════════════════════════
   04. WARENKORB
   ════════════════════════════════════════════════════════════════════ */
.woocommerce-cart h1.page-title,
.woocommerce-cart h1 {
  font-family: var(--go-font-display) !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  color: var(--go-blue) !important;
  margin-bottom: 32px !important;
}

.woocommerce table.shop_table {
  border: none !important;
  border-radius: 0 !important;
}

.woocommerce table.shop_table th {
  font-family: var(--go-font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--go-muted) !important;
  font-weight: 400 !important;
  padding: 12px 16px !important;
  border-bottom: 0.5px solid var(--go-border) !important;
  background: transparent !important;
}

.woocommerce table.shop_table td {
  font-family: var(--go-font-body) !important;
  font-size: 14px !important;
  color: var(--go-text) !important;
  padding: 20px 16px !important;
  border-top: 0.5px solid var(--go-border) !important;
  vertical-align: middle !important;
}

.woocommerce table.cart td.product-name a {
  font-family: var(--go-font-display) !important;
  font-size: 17px !important;
  color: var(--go-blue) !important;
  text-decoration: none !important;
}

.woocommerce table.cart td.product-name a:hover {
  color: var(--go-gold-dim) !important;
}

.woocommerce table.cart td.product-price .amount,
.woocommerce table.cart td.product-subtotal .amount {
  font-family: var(--go-font-mono) !important;
  font-size: 15px !important;
  color: var(--go-ink) !important;
}

.woocommerce table.cart td.product-thumbnail img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.woocommerce table.cart td.product-remove a.remove {
  color: var(--go-muted) !important;
  font-size: 18px !important;
}

.woocommerce table.cart td.product-remove a.remove:hover {
  background: transparent !important;
  color: var(--go-blue) !important;
}

.woocommerce table.cart td.actions .button[name="update_cart"] {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  background: transparent !important;
  color: var(--go-blue) !important;
  border: 0.5px solid var(--go-border) !important;
  border-radius: 0 !important;
}

.woocommerce table.cart td.actions .button[name="update_cart"]:hover {
  background: var(--go-blue-light) !important;
  border-color: var(--go-blue) !important;
}

.woocommerce table.cart td.actions .coupon input[type="text"] {
  font-family: var(--go-font-body) !important;
  font-size: 13px !important;
  border: 0.5px solid var(--go-border) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  background: var(--go-ivory) !important;
  color: var(--go-ink) !important;
  outline: none !important;
}

.woocommerce table.cart td.actions .coupon .button {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 12px 20px !important;
  background: var(--go-blue) !important;
  color: var(--go-gold-light) !important;
  border: none !important;
  border-radius: 0 !important;
}

.woocommerce .cart-collaterals .cart_totals {
  width: 100% !important;
  float: none !important;
}

.woocommerce .cart_totals h2 {
  font-family: var(--go-font-display) !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  color: var(--go-blue) !important;
  margin-bottom: 20px !important;
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  font-family: var(--go-font-body) !important;
  font-size: 13px !important;
  color: var(--go-text) !important;
  border-top: 0.5px solid var(--go-border) !important;
  padding: 14px 0 !important;
}

.woocommerce .cart_totals table .order-total th,
.woocommerce .cart_totals table .order-total td {
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--go-blue) !important;
}

.woocommerce .cart_totals table .order-total td .amount {
  font-family: var(--go-font-mono) !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
  display: block !important;
  font-family: var(--go-font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 18px 32px !important;
  background: var(--go-gold) !important;
  color: var(--go-blue-mid) !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  margin-top: 16px !important;
  transition: background var(--go-transition) !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--go-gold-light) !important;
}


/* ════════════════════════════════════════════════════════════════════
   05. CHECKOUT
   ════════════════════════════════════════════════════════════════════ */
.woocommerce-checkout h1.page-title,
.woocommerce-checkout h1 {
  font-family: var(--go-font-display) !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  color: var(--go-blue) !important;
  margin-bottom: 32px !important;
}

.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
  font-family: var(--go-font-display) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--go-blue) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 0.5px solid var(--go-border) !important;
}

.woocommerce-checkout label {
  font-family: var(--go-font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--go-muted) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  font-family: var(--go-font-body) !important;
  font-size: 14px !important;
  width: 100% !important;
  padding: 13px 16px !important;
  border: 0.5px solid var(--go-border) !important;
  border-radius: 0 !important;
  background: var(--go-ivory) !important;
  color: var(--go-ink) !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color var(--go-transition) !important;
}

.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
  border-color: var(--go-gold-dim) !important;
  background: #FFFFFF !important;
}

.woocommerce-checkout .required {
  color: var(--go-gold-dim) !important;
}

.woocommerce-checkout-review-order table.shop_table {
  border: 0.5px solid var(--go-border) !important;
  border-radius: 0 !important;
}

.woocommerce-checkout-review-order table.shop_table th {
  font-family: var(--go-font-body) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--go-muted) !important;
  background: var(--go-ivory) !important;
  padding: 14px 20px !important;
}

.woocommerce-checkout-review-order table.shop_table td {
  font-family: var(--go-font-body) !important;
  font-size: 14px !important;
  color: var(--go-text) !important;
  padding: 16px 20px !important;
  border-top: 0.5px solid var(--go-border) !important;
}

.woocommerce-checkout-review-order table.shop_table .order-total td strong {
  font-family: var(--go-font-mono) !important;
  font-size: 16px !important;
  color: var(--go-blue) !important;
  font-weight: 400 !important;
}

.woocommerce-checkout #payment {
  background: var(--go-ivory-mid) !important;
  border-radius: 0 !important;
  border: 0.5px solid var(--go-border) !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  border-bottom: 0.5px solid var(--go-border) !important;
  padding: 14px 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-family: var(--go-font-body) !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--go-ink) !important;
  font-weight: 400 !important;
}

.woocommerce-checkout #payment .payment_box {
  background: var(--go-ivory) !important;
  border: none !important;
  font-size: 13px !important;
  color: var(--go-text) !important;
  line-height: 1.65 !important;
}

.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button#place_order {
  display: block !important;
  width: 100% !important;
  font-family: var(--go-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 18px 32px !important;
  background: var(--go-gold) !important;
  color: var(--go-blue-mid) !important;
  border: none !important;
  border-radius: 0 !important;
  transition: background var(--go-transition) !important;
  box-shadow: none !important;
}

.woocommerce-checkout button#place_order:hover {
  background: var(--go-gold-light) !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  font-size: 12px !important;
  color: var(--go-muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
  color: var(--go-gold-dim) !important;
}

.woocommerce-checkout .woocommerce-invalid input,
.woocommerce-checkout .woocommerce-invalid select {
  border-color: rgba(180, 60, 60, 0.4) !important;
}

.woocommerce-checkout .woocommerce-validated input {
  border-color: rgba(60, 140, 80, 0.4) !important;
}


/* ════════════════════════════════════════════════════════════════════
   06. MEIN KONTO
   ════════════════════════════════════════════════════════════════════ */
.woocommerce-account h1,
.woocommerce-account h2 {
  font-family: var(--go-font-display) !important;
  font-weight: 300 !important;
  color: var(--go-blue) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  border-right: 0.5px solid var(--go-border) !important;
  padding-right: 32px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 0.5px solid var(--go-border) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  font-family: var(--go-font-body) !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--go-muted) !important;
  display: block !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--go-blue) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
  border-left: 2px solid var(--go-gold) !important;
  padding-left: 12px !important;
}

.woocommerce-account .login input,
.woocommerce-account .register input {
  font-family: var(--go-font-body) !important;
  border: 0.5px solid var(--go-border) !important;
  border-radius: 0 !important;
  background: var(--go-ivory) !important;
  color: var(--go-ink) !important;
  padding: 12px 16px !important;
  outline: none !important;
}

.woocommerce-account .login input:focus,
.woocommerce-account .register input:focus {
  border-color: var(--go-gold-dim) !important;
}

.woocommerce-account .woocommerce-Button,
.woocommerce-account .button {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  background: var(--go-blue) !important;
  color: var(--go-gold-light) !important;
  border: none !important;
  border-radius: 0 !important;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover {
  background: var(--go-blue-mid) !important;
  color: var(--go-gold-light) !important;
}


/* ════════════════════════════════════════════════════════════════════
   07. BENACHRICHTIGUNGEN
   ════════════════════════════════════════════════════════════════════ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  font-family: var(--go-font-body) !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
}

.woocommerce-message {
  border-top-color: var(--go-gold) !important;
  background: var(--go-gold-pale) !important;
  color: var(--go-text) !important;
}

.woocommerce-info {
  border-top-color: var(--go-blue) !important;
  background: var(--go-blue-light) !important;
  color: var(--go-text) !important;
}

.woocommerce-message .button,
.woocommerce-info .button {
  font-family: var(--go-font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 9px 20px !important;
  background: var(--go-blue) !important;
  color: var(--go-gold-light) !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}


/* ════════════════════════════════════════════════════════════════════
   08. STERNE / BEWERTUNGEN
   ════════════════════════════════════════════════════════════════════ */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: var(--go-gold) !important;
}

.woocommerce .star-rating {
  color: var(--go-ivory-dark) !important;
}


/* ════════════════════════════════════════════════════════════════════
   09. MOBILE
   ════════════════════════════════════════════════════════════════════ */

/* Gilga Optik GmbH – WooCommerce Checkout Premium Styling */

.woocommerce-checkout .woocommerce {
  background: #F8F4E3;
  padding: 32px;
  border-radius: 24px;
}

.woocommerce-checkout form.checkout {
  display: block;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment,
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-login {
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 14px 34px rgba(31, 70, 144, 0.08);
  margin-bottom: 28px;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading {
  color: #1F4690;
  font-size: 1.45rem;
  font-weight: 800;
  margin-bottom: 22px;
  letter-spacing: -0.01em;
}

.woocommerce-checkout .form-row {
  margin-bottom: 18px;
}

.woocommerce-checkout .form-row label {
  color: #1A1A1A;
  font-weight: 700;
  margin-bottom: 7px;
}

.woocommerce-checkout .required {
  color: #D4AF37;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.18);
  border-radius: 14px;
  color: #1A1A1A;
  padding: 11px 14px;
  box-shadow: inset 0 1px 3px rgba(31, 70, 144, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-checkout .form-row textarea {
  min-height: 120px;
  resize: vertical;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
  outline: none;
  border-color: #1F4690;
  box-shadow: 0 0 0 3px rgba(31, 70, 144, 0.12);
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1A1A1A;
  line-height: 24px;
  padding-left: 0;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 48px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 24px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th {
  color: #1F4690;
  font-weight: 800;
  padding: 17px 18px;
  background: rgba(248, 244, 227, 0.55);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  color: #1A1A1A;
  padding: 17px 18px;
  border-top: 1px solid rgba(31, 70, 144, 0.08);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
  color: #1F4690;
  font-size: 1.12rem;
  font-weight: 900;
}

.woocommerce-checkout #payment {
  background: #FFFFFF;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid rgba(31, 70, 144, 0.10);
  padding: 0 0 18px;
  margin: 0 0 22px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  background: rgba(248, 244, 227, 0.45);
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 14px;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  color: #1A1A1A;
  font-weight: 800;
}

.woocommerce-checkout #payment div.payment_box {
  background: #FFFFFF;
  color: #1A1A1A;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 16px;
  padding: 16px;
  margin: 14px 0 0;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #FFFFFF;
}

.woocommerce-checkout #payment .payment_box p {
  color: #1A1A1A;
  line-height: 1.6;
}

.woocommerce-checkout #payment .wc-stripe-elements-field,
.woocommerce-checkout #payment .wc-stripe-iban-element-field,
.woocommerce-checkout #payment .stripe-card-group,
.woocommerce-checkout #payment .paypal-button-container {
  border-radius: 14px;
  border-color: rgba(31, 70, 144, 0.16);
  background: #FFFFFF;
}

.woocommerce-checkout .woocommerce-shipping-totals ul,
.woocommerce-checkout .woocommerce-shipping-methods {
  margin: 0;
  padding: 0;
}

.woocommerce-checkout .woocommerce-shipping-totals li,
.woocommerce-checkout .woocommerce-shipping-methods li {
  margin-bottom: 10px;
  color: #1A1A1A;
}

.woocommerce-checkout .checkout_coupon {
  display: flex;
  gap: 12px;
  align-items: center;
}

.woocommerce-checkout .checkout_coupon .form-row {
  margin-bottom: 0;
}

.woocommerce-checkout .checkout_coupon input.input-text {
  min-height: 48px;
  border: 1px solid rgba(31, 70, 144, 0.18);
  border-radius: 14px;
  padding: 0 16px;
  color: #1A1A1A;
}

.woocommerce-checkout .checkout_coupon input.input-text:focus {
  outline: none;
  border-color: #1F4690;
  box-shadow: 0 0 0 3px rgba(31, 70, 144, 0.12);
}

.woocommerce-checkout button.button,
.woocommerce-checkout a.button {
  border-radius: 16px;
  padding: 15px 24px;
  font-weight: 800;
  letter-spacing: 0.01em;
  background: #FFFFFF;
  color: #1F4690;
  border: 1px solid rgba(31, 70, 144, 0.18);
  transition: all 0.2s ease;
}

.woocommerce-checkout button.button:hover,
.woocommerce-checkout a.button:hover {
  background: #1F4690;
  color: #FFFFFF;
  border-color: #1F4690;
}

.woocommerce-checkout #place_order {
  width: 100%;
  background: #1F4690;
  color: #FFFFFF;
  border: 1px solid #1F4690;
  border-radius: 18px;
  padding: 18px 28px;
  font-size: 1.08rem;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 14px 30px rgba(31, 70, 144, 0.24);
}

.woocommerce-checkout #place_order:hover {
  background: #D4AF37;
  color: #1A1A1A;
  border-color: #D4AF37;
  box-shadow: 0 16px 34px rgba(212, 175, 55, 0.28);
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
  color: #1A1A1A;
  line-height: 1.65;
  font-size: 0.95rem;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a {
  color: #1F4690;
  font-weight: 700;
  text-decoration: none;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a:hover,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a:hover {
  color: #D4AF37;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
  background: #FFFFFF;
  color: #1A1A1A;
  border-top: 4px solid #1F4690;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(31, 70, 144, 0.08);
}

.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before {
  color: #1F4690;
}

.woocommerce-checkout .woocommerce-error::before {
  color: #D4AF37;
}

/* Mobile Optimierung */
@media (max-width: 768px) {
  .woocommerce-checkout .woocommerce {
    padding: 18px;
    border-radius: 18px;
  }

  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-shipping-fields,
  .woocommerce-checkout .woocommerce-additional-fields,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #payment,
  .woocommerce-checkout .checkout_coupon,
  .woocommerce-checkout .woocommerce-form-login {
    padding: 22px;
    border-radius: 20px;
    margin-bottom: 22px;
  }

  .woocommerce-checkout .woocommerce-billing-fields h3,
  .woocommerce-checkout .woocommerce-shipping-fields h3,
  .woocommerce-checkout .woocommerce-additional-fields h3,
  .woocommerce-checkout #order_review_heading {
    font-size: 1.25rem;
  }

  .woocommerce-checkout .checkout_coupon {
    flex-direction: column;
    align-items: stretch;
  }

  .woocommerce-checkout .checkout_coupon .form-row,
  .woocommerce-checkout .checkout_coupon button.button,
  .woocommerce-checkout #place_order {
    width: 100%;
  }

  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row textarea,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .select2-container--default .select2-selection--single {
    width: 100%;
  }

  .woocommerce-checkout #payment ul.payment_methods li {
    padding: 14px;
    border-radius: 16px;
  }
}

 10. einzeln Produktansicht
   ════════════════════════════════════════════════════════════════════ */
/* Gilga Optik GmbH – WooCommerce Single Product Premium Styling */

/* Grundbereich */
.single-product .woocommerce {
  background: #F8F4E3;
  padding: 36px;
  border-radius: 28px;
}

/* Produktlayout */
.single-product div.product {
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 16px 40px rgba(31, 70, 144, 0.08);
}

/* Produktbilder / Galerie */
.single-product div.product div.images {
  margin-bottom: 0;
}

.single-product div.product div.images img {
  border-radius: 22px;
  background: #FFFFFF;
  box-shadow: 0 12px 32px rgba(31, 70, 144, 0.08);
}

.single-product div.product div.images .flex-control-thumbs {
  margin-top: 16px;
  display: flex;
  gap: 12px;
}

.single-product div.product div.images .flex-control-thumbs li {
  padding: 0;
}

.single-product div.product div.images .flex-control-thumbs img {
  border-radius: 14px;
  border: 1px solid rgba(31, 70, 144, 0.10);
  box-shadow: none;
  opacity: 0.72;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}

.single-product div.product div.images .flex-control-thumbs img:hover,
.single-product div.product div.images .flex-control-thumbs img.flex-active {
  opacity: 1;
  border-color: #D4AF37;
}

/* Produktinformationen */
.single-product div.product div.summary {
  background: #FFFFFF;
  padding: 12px 4px;
}

.single-product div.product .product_title {
  color: #1F4690;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin-bottom: 18px;
}

.single-product div.product p.price,
.single-product div.product span.price {
  color: #1A1A1A;
  font-size: 1.45rem;
  font-weight: 800;
  margin: 0 0 22px;
}

.single-product div.product p.price del,
.single-product div.product span.price del {
  color: rgba(26, 26, 26, 0.45);
  font-weight: 500;
}

.single-product div.product p.price ins,
.single-product div.product span.price ins {
  color: #1F4690;
  text-decoration: none;
}

/* Kurzbeschreibung */
.single-product div.product .woocommerce-product-details__short-description {
  color: #1A1A1A;
  font-size: 1rem;
  line-height: 1.75;
  margin: 22px 0 28px;
  padding: 22px 0;
  border-top: 1px solid rgba(31, 70, 144, 0.08);
  border-bottom: 1px solid rgba(31, 70, 144, 0.08);
}

.single-product div.product .woocommerce-product-details__short-description p {
  margin-bottom: 12px;
}

/* Menge */
.single-product div.product form.cart {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 28px 0;
}

.single-product div.product form.cart div.quantity {
  margin: 0;
}

.single-product div.product .quantity input.qty {
  width: 78px;
  min-height: 52px;
  border: 1px solid rgba(31, 70, 144, 0.18);
  border-radius: 16px;
  background: #FFFFFF;
  color: #1A1A1A;
  font-weight: 700;
  text-align: center;
  box-shadow: inset 0 1px 3px rgba(31, 70, 144, 0.05);
}

.single-product div.product .quantity input.qty:focus {
  outline: none;
  border-color: #1F4690;
  box-shadow: 0 0 0 3px rgba(31, 70, 144, 0.12);
}

/* In den Warenkorb Button */
.single-product div.product .single_add_to_cart_button {
  flex: 1;
  min-height: 52px;
  background: #1F4690;
  color: #FFFFFF;
  border: 1px solid #1F4690;
  border-radius: 18px;
  padding: 16px 28px;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-align: center;
  box-shadow: 0 14px 30px rgba(31, 70, 144, 0.24);
  transition: all 0.2s ease;
}

.single-product div.product .single_add_to_cart_button:hover {
  background: #D4AF37;
  color: #1A1A1A;
  border-color: #D4AF37;
  box-shadow: 0 16px 34px rgba(212, 175, 55, 0.28);
}

/* Meta-Informationen */
.single-product div.product .product_meta {
  color: rgba(26, 26, 26, 0.68);
  font-size: 0.92rem;
  line-height: 1.7;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(31, 70, 144, 0.08);
}

.single-product div.product .product_meta a {
  color: #1F4690;
  font-weight: 700;
  text-decoration: none;
}

.single-product div.product .product_meta a:hover {
  color: #D4AF37;
}

/* Tabs / Beschreibung */
.single-product .woocommerce-tabs {
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 28px;
  padding: 30px;
  margin-top: 34px;
  box-shadow: 0 14px 34px rgba(31, 70, 144, 0.07);
}

.single-product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 24px;
  border-bottom: 1px solid rgba(31, 70, 144, 0.10);
}

.single-product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0 18px 0 0;
  padding: 0;
}

.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.single-product .woocommerce-tabs ul.tabs li a {
  color: rgba(26, 26, 26, 0.62);
  font-weight: 800;
  padding: 0 0 14px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
  color: #1F4690;
  border-bottom-color: #D4AF37;
}

.single-product .woocommerce-tabs .panel {
  color: #1A1A1A;
  line-height: 1.75;
}

.single-product .woocommerce-tabs .panel h2 {
  color: #1F4690;
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 18px;
}

/* Bewertungen */
.single-product .woocommerce-product-rating {
  margin-bottom: 18px;
}

.single-product .star-rating,
.single-product .star-rating span::before {
  color: #D4AF37;
}

.single-product #reviews {
  color: #1A1A1A;
}

.single-product #reviews #comments h2,
.single-product #reviews #review_form_wrapper h3 {
  color: #1F4690;
  font-weight: 800;
}

.single-product #review_form input,
.single-product #review_form textarea {
  border: 1px solid rgba(31, 70, 144, 0.18);
  border-radius: 14px;
  padding: 12px 14px;
  background: #FFFFFF;
  color: #1A1A1A;
}

.single-product #review_form input:focus,
.single-product #review_form textarea:focus {
  outline: none;
  border-color: #1F4690;
  box-shadow: 0 0 0 3px rgba(31, 70, 144, 0.12);
}

.single-product #review_form #submit {
  background: #1F4690;
  color: #FFFFFF;
  border-radius: 16px;
  padding: 14px 24px;
  font-weight: 800;
  border: 1px solid #1F4690;
}

.single-product #review_form #submit:hover {
  background: #D4AF37;
  color: #1A1A1A;
  border-color: #D4AF37;
}

/* Verwandte Produkte */
.single-product .related.products,
.single-product .upsells.products {
  background: #FFFFFF;
  border: 1px solid rgba(31, 70, 144, 0.08);
  border-radius: 28px;
  padding: 30px;
  margin-top: 34px;
  box-shadow: 0 14px 34px rgba(31, 70, 144, 0.07);
}

.single-product .related.products > h2,
.single-product .upsells.products > h2 {
  color: #1F4690;
  font-size: 1.55rem;
  font-weight: 800;
  margin-bottom: 24px;
}

.single-product .related.products ul.products li.product,
.single-product .upsells.products ul.products li.product {
  background: #FFFFFF;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(31, 70, 144, 0.08);
}

.single-product .related.products ul.products li.product img,
.single-product .upsells.products ul.products li.product img {
  border-radius: 18px 18px 0 0;
}

.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .upsells.products ul.products li.product .woocommerce-loop-product__title {
  color: #1F4690;
  font-weight: 800;
  padding: 14px 16px 4px;
}

.single-product .related.products ul.products li.product .price,
.single-product .upsells.products ul.products li.product .price {
  color: #1A1A1A;
  font-weight: 700;
  padding: 0 16px 14px;
}

.single-product .related.products ul.products li.product .button,
.single-product .upsells.products ul.products li.product .button {
  margin: 0 16px 18px;
  border-radius: 14px;
  background: #1F4690;
  color: #FFFFFF;
  font-weight: 800;
}

.single-product .related.products ul.products li.product .button:hover,
.single-product .upsells.products ul.products li.product .button:hover {
  background: #D4AF37;
  color: #1A1A1A;
}

/* Mobile Optimierung */
@media (max-width: 768px) {
  .single-product .woocommerce {
    padding: 18px;
    border-radius: 18px;
  }

  .single-product div.product {
    padding: 22px;
    border-radius: 22px;
  }

  .single-product div.product .product_title {
    font-size: 2rem;
  }

  .single-product div.product form.cart {
    flex-direction: column;
    align-items: stretch;
  }

  .single-product div.product form.cart div.quantity,
  .single-product div.product .quantity input.qty,
  .single-product div.product .single_add_to_cart_button {
    width: 100%;
  }

  .single-product .woocommerce-tabs,
  .single-product .related.products,
  .single-product .upsells.products {
    padding: 22px;
    border-radius: 22px;
  }

  .single-product .woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0 0 12px;
  }
}

.the_content_wrapper ,.share-simple-wrapper, .author-box-wrapper , div#comments{
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
}
img.scale-with-grid.wp-post-image {
    border-radius: 10px;
}
.woocommerce .woocommerce-product-details__short-description {
    overflow: visible;
}
ul {
    list-style: disc;
}
/* @media screen and (min-width:768px){.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: inherit!important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    grid-auto-flow: column;
}
} */
h1, h2, h3, h4,h5,h6, span,p,a,small, .text-logo #logo {
    font-family: "Comfortaa", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
h1.product_title{
	font-size:26px !important
}
.woocommerce-product-details__short-description{
	text-align:left;
}
p {
    line-height: 28px;
}

/* Variable Produkte: Auswahl, Menge und Warenkorb untereinander statt in einer Zeile */
.single-product div.product form.variations_form.cart {
  flex-direction: column;
  align-items: stretch;
}
.single-product div.product form.variations_form .mfn-variations-wrapper,
.single-product div.product form.variations_form .single_variation_wrap {
  width: 100%;
}
.single-product div.product form.variations_form .mfn-vr {
  justify-content: flex-start;
}
.single-product div.product form.variations_form .mfn-vr-select {
  flex: 1 1 auto;
  min-width: 0;
}
.single-product div.product .woocommerce-variation-add-to-cart {
  display: flex;
  gap: 14px;
  align-items: center;
}
.single-product div.product form.cart .quantity input.qty {
  width: 100%;
}
@media (max-width: 768px) {
  .single-product div.product .woocommerce-variation-add-to-cart {
    flex-direction: column;
    align-items: stretch;
  }
}


/* Produktraster: WooCommerce-Clearfix belegt sonst die erste Grid-Zelle (leerer Platz links) */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}


/* Produktübersicht: ganzes Produktbild zeigen statt beschneiden */
.woocommerce ul.products li.product img {
  object-fit: contain !important;
  background: transparent !important;
}
/* Hover: Karte bekommt einen hellen Blauton, weißer Bildhintergrund nimmt ihn an */
.woocommerce ul.products li.product {
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}
.woocommerce ul.products li.product:hover {
  background: #eef2f8 !important;
}
.woocommerce ul.products li.product:hover img {
  mix-blend-mode: multiply;
}

/* Shop-Startseite: Kategorie-Karten bekommen beim Hover denselben hellen Blauton */
body.page-id-4229 a.e-atomic-element[href*="/product-category/"] {
  transition: background-color 0.25s ease;
}
body.page-id-4229 a.e-atomic-element[href*="/product-category/"]:hover {
  background-color: #eef2f8 !important;
}

/* Kategorie-Kopf: Markenblau wie die Shop-Startseite statt graues Feld */
body.tax-product_cat #Subheader, body.tax-product_tag #Subheader {
  position: relative; overflow: hidden; padding: 72px 0 64px;
  background-color: #1F4690;
  background-image: radial-gradient(ellipse 60% 120% at 50% 0%, rgba(255,255,255,0.10), transparent 70%), linear-gradient(180deg, #1F4690 0%, #183a7a 100%);
}
/* Dezente Linsen-Ringe als Dekor */
body.tax-product_cat #Subheader::before, body.tax-product_cat #Subheader::after,
body.tax-product_tag #Subheader::before, body.tax-product_tag #Subheader::after {
  content: ""; position: absolute; border-radius: 50%; pointer-events: none;
  border: 1px solid rgba(212,175,55,0.28); box-shadow: 0 0 0 28px rgba(255,255,255,0.025), 0 0 0 29px rgba(212,175,55,0.14);
}
body.tax-product_cat #Subheader::before, body.tax-product_tag #Subheader::before { width: 260px; height: 260px; left: -90px; top: -110px; }
body.tax-product_cat #Subheader::after, body.tax-product_tag #Subheader::after { width: 200px; height: 200px; right: -60px; bottom: -120px; }
body.tax-product_cat #Subheader .column, body.tax-product_tag #Subheader .column { position: relative; z-index: 1; margin-bottom: 0; }
body.tax-product_cat #Subheader .column::before, body.tax-product_tag #Subheader .column::before {
  content: "Online-Shop"; display: block; text-align: center; margin-bottom: 14px;
  font-family: Comfortaa, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: #D4AF37;
}
body.tax-product_cat #Subheader .title, body.tax-product_tag #Subheader .title {
  color: #FFFFFF; font-weight: 800; font-size: clamp(2.1rem, 5vw, 3.6rem); line-height: 1.12; letter-spacing: -0.015em; margin-bottom: 18px;
}
body.tax-product_cat #Subheader .title::after, body.tax-product_tag #Subheader .title::after {
  content: ""; display: block; width: 56px; height: 3px; margin: 18px auto 0; border-radius: 3px; background: #D4AF37;
}
body.tax-product_cat #Subheader ul.breadcrumbs li, body.tax-product_tag #Subheader ul.breadcrumbs li { color: rgba(255,255,255,0.78) !important; }
body.tax-product_cat #Subheader ul.breadcrumbs li a, body.tax-product_tag #Subheader ul.breadcrumbs li a { color: #D4AF37 !important; }
body.tax-product_cat #Subheader ul.breadcrumbs span i, body.tax-product_tag #Subheader ul.breadcrumbs span i { color: rgba(255,255,255,0.45); }
@media (max-width: 768px) {
  body.tax-product_cat #Subheader, body.tax-product_tag #Subheader { padding: 48px 0 42px; }
  body.tax-product_cat #Subheader .title, body.tax-product_tag #Subheader .title { font-size: 1.6rem; word-break: normal; overflow-wrap: normal; hyphens: manual; }
  body.tax-product_cat #Subheader::before, body.tax-product_tag #Subheader::before { width: 170px; height: 170px; left: -80px; top: -80px; }
  body.tax-product_cat #Subheader::after, body.tax-product_tag #Subheader::after { width: 140px; height: 140px; right: -60px; bottom: -80px; }
}
/* Produktseiten-Kopf: gleiches Markenblau wie die Kategorie-Köpfe, etwas kompakter */
body.single-product #Subheader {
  position: relative; overflow: hidden; padding: 56px 0 50px;
  background-color: #1F4690;
  background-image: radial-gradient(ellipse 60% 120% at 50% 0%, rgba(255,255,255,0.10), transparent 70%), linear-gradient(180deg, #1F4690 0%, #183a7a 100%);
}
body.single-product #Subheader::before, body.single-product #Subheader::after {
  content: ""; position: absolute; border-radius: 50%; pointer-events: none;
  border: 1px solid rgba(212,175,55,0.28); box-shadow: 0 0 0 28px rgba(255,255,255,0.025), 0 0 0 29px rgba(212,175,55,0.14);
}
body.single-product #Subheader::before { width: 240px; height: 240px; left: -90px; top: -110px; }
body.single-product #Subheader::after { width: 190px; height: 190px; right: -60px; bottom: -120px; }
body.single-product #Subheader .column { position: relative; z-index: 1; margin-bottom: 0; }
body.single-product #Subheader .column::before {
  content: "Ihr Optiker in Burgebrach"; display: block; text-align: center; margin-bottom: 12px;
  font-family: Comfortaa, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: #D4AF37;
}
body.single-product #Subheader .title {
  color: #FFFFFF; font-weight: 800; font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.12; letter-spacing: -0.015em; margin-bottom: 16px;
}
body.single-product #Subheader .title::after {
  content: ""; display: block; width: 56px; height: 3px; margin: 16px auto 0; border-radius: 3px; background: #D4AF37;
}
/* "html" erhöht die Spezifität, damit die Regel das Produktseiten-Snippet überschreibt */
html body.single-product #Subheader ul.breadcrumbs li { color: rgba(255,255,255,0.78) !important; font-size: 13px; }
html body.single-product #Subheader ul.breadcrumbs li a { color: #D4AF37 !important; }
html body.single-product #Subheader ul.breadcrumbs li a:hover { color: #FFFFFF !important; }
body.single-product #Subheader ul.breadcrumbs span i { color: rgba(255,255,255,0.45); }
@media (max-width: 768px) {
  body.single-product #Subheader { padding: 40px 0 36px; }
  body.single-product #Subheader .column::before { font-size: 11px; letter-spacing: 0.16em; }
  body.single-product #Subheader .title { font-size: 1.6rem; }
  html body.single-product #Subheader ul.breadcrumbs li { font-size: 11px; }
  body.single-product #Subheader::before { width: 160px; height: 160px; left: -80px; top: -80px; }
  body.single-product #Subheader::after { width: 130px; height: 130px; right: -60px; bottom: -80px; }
}
/* Beitrags-Kopf (Neuigkeiten & Ratgeber): gleiches Markenblau wie Produkt- und Kategorieseiten */
body.single-post #Subheader {
  position: relative; overflow: hidden; padding: 56px 0 50px;
  background-color: #1F4690;
  background-image: radial-gradient(ellipse 60% 120% at 50% 0%, rgba(255,255,255,0.10), transparent 70%), linear-gradient(180deg, #1F4690 0%, #183a7a 100%);
}
body.single-post #Subheader::before, body.single-post #Subheader::after {
  content: ""; position: absolute; border-radius: 50%; pointer-events: none;
  border: 1px solid rgba(212,175,55,0.28); box-shadow: 0 0 0 28px rgba(255,255,255,0.025), 0 0 0 29px rgba(212,175,55,0.14);
}
body.single-post #Subheader::before { width: 240px; height: 240px; left: -90px; top: -110px; }
body.single-post #Subheader::after { width: 190px; height: 190px; right: -60px; bottom: -120px; }
body.single-post #Subheader .column { position: relative; z-index: 1; margin-bottom: 0; }
body.single-post #Subheader .column::before {
  content: "Gilga Aktuelles"; display: block; text-align: center; margin-bottom: 12px;
  font-family: Comfortaa, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: #D4AF37;
}
body.single-post #Subheader .title {
  color: #FFFFFF; font-weight: 800; font-size: clamp(1.7rem, 3.4vw, 2.6rem); line-height: 1.18; letter-spacing: -0.015em; margin-bottom: 16px;
}
body.single-post #Subheader .title::after {
  content: ""; display: block; width: 56px; height: 3px; margin: 16px auto 0; border-radius: 3px; background: #D4AF37;
}
html body.single-post #Subheader ul.breadcrumbs li { color: rgba(255,255,255,0.78) !important; font-size: 13px; }
html body.single-post #Subheader ul.breadcrumbs li a { color: #D4AF37 !important; }
html body.single-post #Subheader ul.breadcrumbs li a:hover { color: #FFFFFF !important; }
body.single-post #Subheader ul.breadcrumbs span i { color: rgba(255,255,255,0.45); }
@media (max-width: 768px) {
  body.single-post #Subheader { padding: 40px 0 36px; }
  body.single-post #Subheader .column::before { font-size: 11px; letter-spacing: 0.16em; }
  body.single-post #Subheader .title { font-size: 1.45rem; }
  html body.single-post #Subheader ul.breadcrumbs li { font-size: 11px; }
  body.single-post #Subheader::before { width: 160px; height: 160px; left: -80px; top: -80px; }
  body.single-post #Subheader::after { width: 130px; height: 130px; right: -60px; bottom: -80px; }
}