.coupon-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}.coupon-inline-list{grid-template-columns:1fr;gap:12px}.coupon-card{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;padding:20px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,8%);position:relative}.coupon-card::after{content:'🎫';position:absolute;top:20px;right:20px;font-size:40px;opacity:.1}.coupon-card:hover{box-shadow:0 8px 24px rgba(59,130,246,.2);transform:translateY(-2px)}.coupon-title{font-size:18px;font-weight:700;color:#1e40af;margin:0 0 8px}.coupon-title::before{content:'💰 ';margin-right:4px}.coupon-desc{font-size:14px;color:#1e40af;margin:0 0 16px}.coupon-code-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.coupon-code{font-family:monaco,menlo,consolas,monospace;font-size:14px;background:#fff;color:#1e40af;padding:8px 16px;border-radius:6px;border:2px dashed #3b82f6;font-weight:700}.coupon-discount{font-size:14px;font-weight:700;color:#fff;background:#ef4444;padding:6px 12px;border-radius:6px;white-space:nowrap}.coupon-expire{font-size:13px;color:#ef4444;margin-bottom:16px}.coupon-button{width:100%;background:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.coupon-button:hover{background:#2563eb;transform:translateY(-1px)}.coupon-button:active{transform:translateY(0)}.coupon-button.copied{background:#10b981}.coupon-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.coupon-inline::after{display:none}.coupon-inline-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.coupon-button-inline{width:auto;white-space:nowrap;flex-shrink:0}.coupon-inline .coupon-expire{margin:0;font-size:13px}.toast{position:fixed;top:20px;right:20px;background:#1f2937;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;transform:translateX(calc(100% + 20px));opacity:0;transition:transform .3s ease,opacity .3s ease}.toast.show{transform:translateX(0);opacity:1}.coupon-row-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.coupon-row-3{grid-template-columns:1fr}}@media(max-width:640px){.coupon-container{grid-template-columns:1fr;gap:12px}.coupon-card{padding:16px}.coupon-inline{flex-direction:column;align-items:stretch}.coupon-button-inline{width:100%}}