.ce-code-box{display:inline-flex;align-items:center;gap:8px;background:#fff8e1;border:2px dashed #d4a017;border-radius:8px;padding:8px 14px}
.ce-code-box code{font-size:16px;font-weight:700;letter-spacing:1px}
.ce-code-box[hidden]{display:none}
[data-ce-action="favorite"].is-on{color:#e0245e}
[data-ce-action="follow"].is-on{background:#0f9d58;color:#fff}
.ce-rating [data-ce-action="rate"]{cursor:pointer;color:#ccc;font-size:20px;background:none;border:0;padding:0 2px}
.ce-rating [data-ce-action="rate"].is-on{color:#f5a623}
.ce-newsletter{display:flex;gap:8px;flex-wrap:wrap}
.ce-newsletter input[type=email]{flex:1;min-width:200px;padding:10px;border:1px solid #ddd;border-radius:6px}
.ce-newsletter button{padding:10px 20px;border:0;border-radius:6px;background:#0f9d58;color:#fff;cursor:pointer;font-weight:600}
.ce-newsletter-msg{width:100%;font-size:13px;color:#0f9d58}

/* Coupon popup modal */
.ce-modal-open{overflow:hidden}
.ce-modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:ceFade .15s ease}
@keyframes ceFade{from{opacity:0}to{opacity:1}}
.ce-modal{position:relative;background:#fff;border-radius:16px;max-width:420px;width:100%;padding:32px 28px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:cePop .18s ease}
@keyframes cePop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.ce-modal-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:#9ca3af;cursor:pointer}
.ce-modal-close:hover{color:#111827}
.ce-modal-logo{width:72px;height:72px;object-fit:contain;margin:0 auto 8px;display:block}
.ce-modal-store{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.ce-modal-title{margin:6px 0 16px;font-size:18px;color:#1f2937}
.ce-modal-codewrap{display:flex;align-items:stretch;justify-content:center;margin:0 auto 10px;max-width:300px;border:2px dashed #d4a017;border-radius:10px;overflow:hidden;background:#fff8e1}
.ce-modal-code{flex:1;padding:12px;font-size:20px;font-weight:800;letter-spacing:2px;color:#7a5b00;font-family:monospace}
.ce-modal-copy{border:0;background:#d4a017;color:#fff;font-weight:700;padding:0 18px;cursor:pointer}
.ce-modal-copy.is-copied{background:#0f9d58}
.ce-modal-hint{color:#6b7280;font-size:13px;margin:0 0 18px}
.ce-modal-shop{display:block;background:#0f9d58;color:#fff !important;font-weight:700;border-radius:10px;padding:13px;text-decoration:none}
.ce-modal-shop:hover{background:#0b7a44}