.cf-voucher { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 16px; height: 100%; display: flex; flex-direction: column; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.cf-voucher:hover { box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.08); border-color: #111827; transform: translateY(-2px); }
.cf-v-top { padding: 24px 20px 20px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.cf-v-val { font-size: 1.75rem; font-weight: 800; color: #111827; line-height: 1.1; letter-spacing: -0.02em; }
.cf-v-brand { display: flex; align-items: center; justify-content: center; padding: 6px 12px; background: #FFFFFF; border: 1px solid #F3F4F6; border-radius: 8px; box-shadow: 0 4px 10px -2px rgba(0,0,0,0.05), inset 0 1px 2px rgba(0,0,0,0.02); }
.cf-v-brand img { max-width: 80px; max-height: 28px; object-fit: contain; }
.cf-v-split { position: relative; height: 0; border-top: 1.5px dashed #E5E7EB; margin: 0 20px; }
.cf-v-hole { position: absolute; width: 24px; height: 24px; background: #FAFAFA; border: 1px solid #E5E7EB; border-radius: 50%; top: -12.5px; z-index: 2; transition: border-color 0.3s; }
.cf-voucher:hover .cf-v-hole { border-color: #111827; }
.cf-v-hole-l { left: -32px; clip-path: inset(0 0 0 50%); }
.cf-v-hole-r { right: -32px; clip-path: inset(0 50% 0 0); }
.cf-v-bot { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.cf-v-desc { font-size: 0.95rem; line-height: 1.5; color: #4B5563; font-weight: 400; margin: 0 0 16px 0; }
.cf-v-desc strong { font-weight: 700; color: #111827; }
.cf-v-stats { font-size: 0.8rem; color: #6B7280; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
.cf-v-stats i { font-size: 0.85rem; margin-top: -1px; }
.cf-v-verified { color: #10B981; font-weight: 600; display: flex; align-items: center; gap: 4px; }
.cf-v-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 0; margin-top: 10px; background: #D7E051; border: 0; border-radius: 8px; color: #111827; font-weight: 700; font-size: 0.9rem; cursor: pointer; transition: all 0.2s ease; text-transform: uppercase; letter-spacing: 0.03em; }
.cf-v-btn:hover { background: #DE4C13; color: #fff; box-shadow: 0 6px 15px rgba(17,24,39,0.15); }