/* handy-abo.com — CHF-25-Gutschein (Quelle: static-www/server/voucher/, siehe voucher.js).
   Farben aus der Claude-Design-Vorlage "Home Buehne Yallo Gutschein" (Jakob, 15.09.2026). */
.ha-badge--gift { background: #FDEBC8; color: #7A4A06; }
.voucher-box { margin: 0 0 16px; border: 1.5px dashed #E8A33C; background: linear-gradient(180deg,#FFF9EC 0%,#FEF3DC 100%); border-radius: 12px; padding: 16px 18px; display: flex; gap: 16px; align-items: flex-start; text-align: left; width: 100%; box-sizing: border-box; }
.voucher-box .gift { flex: none; width: 46px; height: 46px; border-radius: 10px; background: #E08A12; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; animation: giftPulse 2.4s ease-in-out infinite; }
.voucher-box .kicker { font-size: 12px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: #9A6206; }
.voucher-box .amount { font-size: 22px; font-weight: 800; color: #5C3B04; margin: 3px 0 5px; letter-spacing: -0.01em; line-height: 1.15; }
.voucher-box .txt { font-size: 13.5px; line-height: 1.5; color: #6B4A12; }
@keyframes giftPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(224,138,18,0.35); } 50% { box-shadow: 0 0 0 8px rgba(224,138,18,0); } }
.voucher-line { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; padding: 5px 10px 5px 7px; border: 1px dashed #E8A33C; background: #FFF9EC; border-radius: 8px; font-size: 12px; font-weight: 700; color: #7A4A06; line-height: 1.2; }
.voucher-line .gift { font-size: 14px; line-height: 1; }
.cta-sub { display: block; font-size: 11.5px; font-weight: 700; opacity: 0.92; }
/* Knopf mit zweiter Zeile ("inkl. CHF 25.- Gutschein"): untereinander statt nebeneinander. */
.ha-btn:has(> .cta-sub), .tp-cta:has(> .cta-sub) { flex-direction: column; gap: 0; line-height: 1.25; padding-top: 9px; padding-bottom: 9px; }
.tp-cta .cta-sub { opacity: 0.9; }
/* Logo-Reihe der Einloesestellen unter dem Kasten (nur Produktseiten). */
.voucher-shops { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed rgba(232,163,60,0.55); }
.voucher-shops .lbl { font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #9A6206; margin-right: 2px; }
.voucher-shops .shop { display: inline-flex; align-items: center; justify-content: center; height: 26px; padding: 0 8px; background: #fff; border: 1px solid #F1D9A6; border-radius: 6px; }
.voucher-shops .shop img { height: 14px; width: auto; max-width: 64px; display: block; }
/* Brack: die Wortmarke sitzt klein in einem Rahmen, braucht mehr Hoehe als die anderen. */
.voucher-shops .shop img.logo-brack { height: 22px; }