.wcv-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;display:none;background:rgba(0,0,0,.7)}
.wcv-modal.open{display:flex;align-items:center;justify-content:center;padding:20px}
.wcv-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
.wcv-modal__dialog{position:relative;background:#fff;border-radius:12px;max-width:1200px;width:100%;max-height:92vh;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.5);z-index:10000000}
.wcv-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;z-index:10}
.wcv-modal__header h2{margin:0;font-size:1.4rem;color:#fff;font-weight:600;flex:1;padding-right:15px}
.wcv-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#fff !important;border:none !important;color:#dc2626 !important;font-size:32px !important;cursor:pointer !important;padding:8px 16px !important;line-height:1 !important;font-weight:900 !important;border-radius:8px !important;min-width:50px !important;min-height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 12px rgba(0,0,0,.25) !important;z-index:999999999 !important;transition:all .2s !important}
.wcv-close:hover{background:#fee2e2 !important;transform:translateY(-50%) scale(1.1) !important;box-shadow:0 6px 20px rgba(220,38,38,.4) !important}
.wcv-error{display:none;color:#dc2626;font-weight:700;margin:12px 20px;padding:12px 16px;background:#fef2f2;border:2px solid #fee2e2;border-radius:8px}
.wcv-grid{display:grid;gap:22px;padding:24px;overflow-y:auto;max-height:calc(92vh - 100px)}
.wcv-card{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .25s;display:flex;flex-direction:column}
.wcv-card:hover:not(.wcv-card-disabled){box-shadow:0 12px 30px rgba(0,0,0,.15);transform:translateY(-4px);border-color:#cbd5e1}
.wcv-card-disabled{opacity:.6;cursor:not-allowed}
.wcv-card__img{background:#f8fafc;border-bottom:2px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}
.wcv-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.wcv-card:hover:not(.wcv-card-disabled) .wcv-card__img img{transform:scale(1.05)}
.wcv-card__placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;text-align:center}
.wcv-placeholder-img{width:80px;height:80px;border-radius:50%;background:#fff;opacity:.15;margin-bottom:10px}
.wcv-placeholder-text{font-size:.9rem;background:rgba(255,255,255,.25);padding:8px 14px;border-radius:6px;max-width:85%;font-weight:500}
.wcv-card__body{padding:20px;flex:1;display:flex;flex-direction:column;min-height:140px}
.wcv-card__title{font-weight:600;margin:0 0 12px 0;font-size:1.05rem;line-height:1.4;color:#1f2937;min-height:2.8rem;display:flex;align-items:center}
.wcv-card__price{margin:0 0 16px 0;font-size:1.2em;color:#374151;font-weight:700}
.wcv-btn{width:100%;background:#ef4444;color:#fff;border:none;border-radius:8px;padding:14px 20px;font-weight:700;cursor:pointer;transition:all .2s;font-size:1rem;margin-top:auto;box-shadow:0 2px 6px rgba(239,68,68,.3)}
.wcv-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,.4)}
.wcv-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}
.wcv-bogo{display:inline-block;background:#22c55e;color:#fff;padding:3px 8px;border-radius:4px;font-size:.75em;margin-left:6px;font-weight:800}
#wcv-countdown{font-weight:700;color:#fff;background:rgba(255,255,255,.2);padding:6px 12px;border-radius:6px;display:inline-block;margin-left:12px;font-size:.9rem}
@media (max-width:768px){
.wcv-modal{padding:10px}
.wcv-modal__dialog{max-height:95vh}
.wcv-modal__header{padding:16px 20px}
.wcv-modal__header h2{font-size:1.1rem;padding-right:60px}
.wcv-close{right:15px;font-size:28px !important;min-width:45px !important;min-height:45px !important;padding:6px 12px !important}
.wcv-grid{padding:16px;gap:18px}
.wcv-card__body{padding:16px;min-height:120px}
.wcv-card__title{min-height:2.4rem;font-size:1rem}
}