/* F06 Geschenkservice (inc/geschenk.php) – Mockup claude.ai/artifact/4kn2CyxYrkwCymhU2LZWKT */

.wcbr-gs {
  --g-bx: #8e153c; --g-panel: #fdfaf7; --g-text: #3a2b2b; --g-grau: #6b5e58; --g-rand: #e6dbd2; --g-feld: #d8c9bd;
  margin: 0 0 16px; padding: 14px 16px; border: 1px dashed var(--g-feld); border-radius: 14px; background: #fff;
  display: flex; flex-direction: column; gap: 10px; color: var(--g-text); font-size: 14px; line-height: 1.45; clear: both;
}
.wcbr-gs.is-an { border: 2px solid var(--g-bx); background: var(--g-panel); padding: 13px 15px; }
.wcbr-gs.is-laedt { opacity: .7; pointer-events: none; }
.wcbr-gs__kopf { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; cursor: pointer; margin: 0; font-weight: 400; }
.wcbr-gs__kopf .wcbr-gs__bild { width: 64px; height: 64px; object-fit: cover; border-radius: 12px; border: 1px solid var(--g-rand); display: block; }
.wcbr-gs__text strong { display: block; font-size: 15px; font-weight: 600; }
.wcbr-gs__text span { font-size: 12.5px; color: var(--g-grau); }
.wcbr-gs__preis { font-weight: 700; white-space: nowrap; }
.wcbr-gs__preis .woocommerce-Price-amount { font-weight: 700; }
.wcbr-gs__check { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; cursor: pointer; margin: 0; }
.wcbr-gs__check input { width: 22px; height: 22px; margin: 0; flex: none; accent-color: var(--g-bx); cursor: pointer; }
.wcbr-gs__karte { display: flex; flex-direction: column; gap: 6px; }
.wcbr-gs__karte[hidden] { display: none; }
.wcbr-gs__lbl { font-size: 13px; font-weight: 500; display: flex; gap: 4px; align-items: baseline; margin: 0; }
.wcbr-gs__lbl > span:first-child { color: var(--g-grau); font-weight: 400; }
.wcbr-gs__zahl { margin-left: auto; color: var(--g-grau); font-weight: 400; font-variant-numeric: tabular-nums; }
.wcbr-gs__feld {
  width: 100%; box-sizing: border-box; min-height: 84px; border: 1px solid var(--g-feld) !important; border-radius: 10px !important; padding: 10px 12px !important;
  font: inherit; font-size: 16px !important; color: var(--g-text); background: #fff !important; resize: vertical; box-shadow: none !important;
}
.wcbr-gs__feld:focus { border-color: var(--g-bx) !important; outline: 2px solid rgba(142, 21, 60, .18); outline-offset: 0; }
.wcbr-gs__status { font-size: 12px; color: var(--g-grau); min-height: 1em; }
.wcbr-gs :focus-visible { outline: 2px solid var(--g-bx); outline-offset: 2px; }

@media (max-width: 767px) {
  .wcbr-gs { margin: 0 0 12px; }
  .wcbr-gs__kopf { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 10px; }
  .wcbr-gs__kopf .wcbr-gs__bild { width: 52px; height: 52px; }
}

/* Produktseite */
.wcbr-gs-pdp {
  display: flex; gap: 10px; align-items: center; margin: 12px 0 0; padding: 10px 12px; border: 1px solid #e6dbd2; border-radius: 12px;
  background: #fdfaf7; font-size: 13.5px; line-height: 1.4; color: #3a2b2b;
}
.wcbr-gs-pdp__bild { width: 40px; height: 40px; object-fit: cover; border-radius: 8px; flex: none; }
.wcbr-gs-pdp strong { font-weight: 600; }

.wcbr-gs-menge { font-size: 14px; color: #6b5e58; white-space: nowrap; }
/* Astras feste Kaufleiste kopiert den Bereich unter dem Kaufformular – dort nicht zeigen */
.ast-sticky-add-to-cart .wcbr-gs-pdp, .ast-sticky-add-to-cart-action-wrap .wcbr-gs-pdp { display: none !important; }