.cdp-carousel{display:flex;align-items:center;gap:8px;max-width:100%;margin:0 auto;box-sizing:border-box}.cdp-list{display:flex;flex-direction:row;gap:14px;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 2px 8px;scrollbar-width:none;-ms-overflow-style:none}.cdp-list::-webkit-scrollbar{display:none}@media (max-width:767px){.cdp-carousel{gap:0}}.cdp-card{display:flex;flex:0 0 auto;width:280px;background-color:var(--cdp-bg,#fff5f5);border:1px solid var(--cdp-border,#ddd);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .07);transition:box-shadow 0.2s ease}.cdp-card:hover{box-shadow:0 4px 16px rgb(0 0 0 / .12)}.cdp-card.cdp-expired{opacity:.55;filter:grayscale(40%)}.cdp-card-left{padding:14px 12px;flex:1;min-width:0}.cdp-title{font-size:18px;font-weight:700;color:var(--cdp-primary,#e60000);margin:0 0 4px;line-height:1.2}.cdp-subtitle{font-size:13px;color:var(--cdp-primary,#e60000);margin:0 0 4px;opacity:.85}.cdp-desc{font-size:12px;color:var(--cdp-muted,#666);margin:0 0 4px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cdp-expiry{font-size:11px;color:var(--cdp-muted,#666);margin:4px 0 0}.cdp-expiry.cdp-expired-label{color:#b00;font-weight:600}.cdp-card-right{display:flex;align-items:center;justify-content:center;padding:14px 12px;border-left:1px dashed var(--cdp-border,#ddd);min-width:78px}.cdp-btn{background-color:var(--cdp-primary,#e60000);color:#fff;border:none;padding:9px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:background-color 0.15s ease,transform 0.1s ease;user-select:none}.cdp-btn:hover{filter:brightness(.88)}.cdp-btn:active{transform:scale(.96)}.cdp-btn.cdp-copied{background-color:#28a745;cursor:default}.cdp-btn-disabled{background-color:#aaa;color:#fff;padding:9px 14px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.cdp-arrow{flex:0 0 auto;background:#fff;border:1px solid var(--cdp-border,#ddd);border-radius:50%;width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#444;box-shadow:0 2px 6px rgb(0 0 0 / .12);transition:background 0.15s,opacity 0.2s;padding:0;line-height:1;align-self:center;margin-bottom:6px}.cdp-arrow:hover{background:#f5f5f5}.cdp-arrow[hidden]{visibility:hidden;pointer-events:none}@media (max-width:767px){.cdp-arrow{display:none}}.cdp-empty{color:#888;font-style:italic}