.wcp-wrapper{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;max-width:1200px;margin:0 auto;padding:20px;}
.wcp-grid{display:grid;gap:30px;margin-top:30px;}
.wcp-filter-bar{display:flex;gap:12px;flex-wrap:wrap;border-bottom:2px solid #f1f5f9;padding-bottom:20px;margin-bottom:30px;}
.wcp-filter-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:10px 20px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-radius:50px;transition:all 0.3s ease;}
.wcp-filter-btn:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px);}
.wcp-filter-btn.active{background:linear-gradient(135deg, #ff5722 0%, #e64a19 100%);color:white;border-color:transparent;box-shadow:0 4px 10px rgba(255, 87, 34, 0.3);}
.wcp-filter-btn span{font-weight:400;opacity:0.8;margin-left:4px;}
.wcp-card{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:1px solid #f1f5f9;overflow:hidden;position:relative;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:flex;flex-direction:column;}
.wcp-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.1);border-color:#e2e8f0;}
.wcp-card-header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center;}
.wcp-type-badge{padding:6px 12px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;color:white;letter-spacing:0.5px;}
.type-deal{background:linear-gradient(135deg, #ff5722, #e64a19);}
.type-code{background:linear-gradient(135deg, #3b82f6, #2563eb);}
.type-reward{background:linear-gradient(135deg, #8b5cf6, #7c3aed);}
.type-sale{background:linear-gradient(135deg, #10b981, #059669);}
.wcp-expiry-badge{font-size:12px;color:#ef4444;font-weight:600;background:#fee2e2;padding:4px 10px;border-radius:50px;}
.wcp-card-body{padding:20px;flex-grow:1;text-align:center;}
.wcp-store-logo{width:70px;height:70px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:3px solid #f8fafc;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.wcp-store-logo img{width:100%;height:100%;object-fit:cover;}
.wcp-store-name{font-size:20px;margin:0 0 8px;color:#1e293b;font-weight:800;letter-spacing:-0.5px;}
.wcp-discount{font-size:28px;font-weight:900;color:#ff5722;margin-bottom:12px;letter-spacing:-1px;}
.wcp-description{font-size:14px;color:#64748b;margin:0;line-height:1.6;}
.wcp-card-footer{padding:20px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;align-items:center;background:#fafafa;}
.wcp-get-deal-btn{display:block;text-align:center;padding:14px 24px;border-radius:50px;font-weight:700;text-decoration:none;font-size:15px;border:none;cursor:pointer;transition:all 0.3s ease;background:linear-gradient(135deg, #ff5722 0%, #e64a19 100%);color:white;width:100%;box-sizing:border-box;box-shadow:0 4px 15px rgba(255, 87, 34, 0.3);letter-spacing:0.5px;}
.wcp-get-deal-btn:hover{box-shadow:0 6px 20px rgba(255, 87, 34, 0.4);transform:translateY(-2px);background:linear-gradient(135deg, #e64a19 0%, #d84315 100%);}
.wcp-terms-btn{background:none;border:none;color:#94a3b8;font-size:13px;text-decoration:none;cursor:pointer;padding:0;transition:color 0.2s;font-weight:500;}
.wcp-terms-btn:hover{color:#475569;text-decoration:underline;}
.wcp-featured-ribbon{position:absolute;top:20px;left:-35px;background:linear-gradient(135deg, #fbbf24, #f59e0b);color:#78350f;padding:6px 40px;font-size:11px;font-weight:800;transform:rotate(-45deg);z-index:10;box-shadow:0 4px 10px rgba(0,0,0,0.1);letter-spacing:1px;text-transform:uppercase;}
.wcp-code-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;}
.wcp-code-label{font-size:11px;color:#94a3b8;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}
.wcp-code-box{display:flex;align-items:stretch;width:100%;max-width:320px;background:#ffffff;border:2px dashed #cbd5e1;border-radius:12px;overflow:hidden;margin:0 auto;box-shadow:inset 0 2px 4px rgba(0,0,0,0.02);}
.wcp-code-value{font-family:'Courier New', Courier, monospace;font-size:22px;font-weight:900;color:#0f172a;flex-grow:1;padding:14px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;}
.wcp-copy-btn-inline{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:white;border:none;padding:0 24px;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all 0.2s ease;letter-spacing:0.5px;}
.wcp-copy-btn-inline:hover{background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);}
.wcp-copy-btn-inline.copied{background:linear-gradient(135deg, #10b981 0%, #059669 100%);}
.wcp-stats-bar{display:flex;justify-content:center;gap:20px;font-size:12px;color:#94a3b8;margin-top:5px;width:100%;font-weight:500;}
.wcp-stats-bar span{display:flex;align-items:center;gap:6px;}
.wcp-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(15, 23, 42, 0.6);backdrop-filter:blur(4px);}
.wcp-modal-content{background:white;margin:15% auto;padding:30px;border-radius:16px;width:90%;max-width:500px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.wcp-modal-close{position:absolute;right:20px;top:15px;font-size:24px;font-weight:bold;cursor:pointer;color:#94a3b8;transition:color 0.2s;background:#f1f5f9;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.wcp-modal-close:hover{color:#ef4444;background:#fee2e2;}
.wcp-store-header{text-align:center;margin-bottom:50px;padding:40px;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:20px;}
.wcp-store-header h1{font-size:36px;margin:0 0 10px;color:#0f172a;font-weight:900;letter-spacing:-1px;}
.wcp-store-header p{font-size:16px;color:#64748b;margin:0;}
.wcp-store-list{display:flex;flex-direction:column;gap:20px;}
.wcp-list-item{display:flex;align-items:center;background:white;border:1px solid #f1f5f9;border-radius:16px;padding:25px;transition:all 0.3s ease;gap:25px;box-shadow:0 4px 15px rgba(0,0,0,0.03);}
.wcp-list-item:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);transform:translateY(-3px);border-color:#e2e8f0;}
.wcp-list-logo{flex-shrink:0;width:90px;height:90px;border-radius:12px;overflow:hidden;border:2px solid #f8fafc;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.wcp-list-logo img{width:100%;height:100%;object-fit:cover;}
.wcp-list-content{flex-grow:1;}
.wcp-list-content h3{margin:0 0 8px;font-size:22px;color:#0f172a;font-weight:800;}
.wcp-list-content p{margin:0 0 5px;font-size:15px;color:#64748b;line-height:1.6;}
.wcp-list-terms{font-size:12px !important;color:#94a3b8 !important;font-style:italic;margin-top:8px !important;}
.wcp-list-action{flex-shrink:0;min-width:160px;}
.wcp-regional-coupon-section{background:#ffffff;border-radius:12px;padding:30px;margin:30px auto;max-width:900px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);border:1px solid #e5e7eb;}
.wcp-regional-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px 0;padding-bottom:15px;border-bottom:2px solid #f3f4f6;}
.wcp-regional-promo-dates{font-size:14px;color:#6b7280;margin:0 0 25px 0;font-style:italic;}
.wcp-regional-cards-container{display:flex;flex-direction:column;gap:15px;}
.wcp-regional-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:20px 25px;transition:all 0.2s ease;}
.wcp-regional-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);}
.wcp-regional-card-left{display:flex;align-items:center;gap:12px;}
.wcp-scissors-icon{font-size:18px;color:#9ca3af;}
.wcp-code-badge{font-family:'Courier New', Courier, monospace;font-size:16px;font-weight:600;color:#059669;background:#f0fdf4;border:2px dashed #10b981;border-radius:6px;padding:8px 16px;letter-spacing:0.5px;}
.wcp-regional-card-right{flex:1;text-align:right;padding-left:20px;}
.wcp-card-description{font-size:16px;font-weight:600;color:#1f2937;line-height:1.5;}
.wcp-copy-all-btn{margin-top:25px;background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:white;border:none;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(37, 99, 235, 0.2);}
.wcp-copy-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(37, 99, 235, 0.3);background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);}
.wcp-copy-all-btn.copied{background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 6px rgba(16, 185, 129, 0.3);}
.wcp-copy-all-icon{font-size:18px;}
@media(max-width:768px){
.wcp-list-item{flex-direction:column;text-align:center;padding:20px;}
.wcp-list-action{width:100%;min-width:auto;}
.wcp-store-header h1{font-size:28px;}
.wcp-modal-content{margin:25% auto;width:90%;}
.wcp-list-item .wcp-code-box{max-width:100%;}
.wcp-list-item .wcp-copy-btn-inline{padding:0 16px;}
.wcp-regional-coupon-section{padding:20px;margin:20px auto;}
.wcp-regional-title{font-size:20px;}
.wcp-regional-card{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px;}
.wcp-regional-card-right{text-align:left;padding-left:0;width:100%;}
.wcp-card-description{font-size:14px;}
.wcp-code-badge{font-size:14px;padding:6px 12px;}
.wcp-copy-all-btn{width:100%;justify-content:center;}
}
@media(max-width:480px){
.wcp-code-box { max-width: 100%; flex-direction: column; }
.wcp-code-value { font-size: 20px; padding: 16px; }
.wcp-copy-btn-inline { padding: 14px 20px; border-left: none; border-top: 2px dashed #fff; width: 100%; justify-content: center; }
.wcp-get-deal-btn { padding: 16px 24px; font-size: 16px; }
}