.cs-email-hint { clear:both; padding-top:12px; color:#646b60; font:13px/1.6 Arial,Helvetica,sans-serif; }
.cs-email-validation:not(:empty) { clear:both; padding-top:10px; color:#9a2727; font-size:13px; }
.cs-detail.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { flex-wrap:wrap; }
.cs-email-hint,.cs-email-validation { flex-basis:100%; width:100%; }
.cs-email-validation:empty { display:none; }
.cs-store .cs-email-trigger { white-space:nowrap; }
html.cs-email-open { overflow:hidden; }
.cs-email-dialog { box-sizing:border-box; width:460px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 32px); margin:auto; padding:28px; border:0; border-radius:4px; background:#fff; color:#222; box-shadow:0 12px 44px rgba(20,28,20,.16); font:14px/1.5 Arial,Helvetica,sans-serif; overflow:auto; }
.cs-email-dialog:not([open]) { display:none; }
.cs-email-dialog::backdrop { background:rgba(29,34,29,.32); }
.cs-email-dialog * { box-sizing:border-box; }
.cs-email-dialog [hidden] { display:none!important; }
.cs-store .cs-email-dialog h2 { margin:0 32px 9px 0; font:600 23px/1.25 Arial,Helvetica,sans-serif; letter-spacing:0; }
.cs-email-dialog .cs-email-muted { margin:0; color:#62675f; font-size:13px; line-height:1.6; }
.cs-email-dialog .cs-email-close { position:absolute; right:9px; top:9px; width:40px; height:40px; padding:0; border:0; background:#fff; color:#555; font:26px/1 Arial,Helvetica,sans-serif; cursor:pointer; }
.cs-email-summary { display:flex; align-items:center; gap:16px; padding:18px 0; margin:20px 0; border-block:1px solid #e5e8e1; }
.cs-email-summary>img { display:block; width:94px; height:110px; flex-shrink:0; object-fit:contain; }
.cs-email-summary>div { min-width:0; }
.cs-store .cs-email-summary h3 { margin:0 0 7px; font:600 14px/1.5 Arial,Helvetica,sans-serif; overflow-wrap:anywhere; }
.cs-email-summary dl { margin:0 0 8px; font-size:12px; color:#5d6658; }
.cs-email-summary dl>div { display:flex; flex-wrap:wrap; gap:4px; }
.cs-email-summary dt,.cs-email-summary dd { margin:0; font-weight:400; overflow-wrap:anywhere; }
.cs-email-summary strong { font-size:16px; font-weight:600; }
.cs-email-summary .cs-email-shipping { margin:4px 0 0; font-size:12px; color:#646b60; }
.cs-email-address { padding:15px; background:#f4f5f1; margin:0 0 18px; border-radius:2px; }
.cs-email-address span { display:block; font-size:11px; color:#656b61; margin-bottom:4px; }
.cs-email-dialog .cs-email-address a { color:#222; font-size:18px; font-weight:500; text-decoration:none; overflow-wrap:anywhere; }
.cs-email-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cs-email-dialog .cs-email-primary,.cs-email-dialog .cs-email-secondary { display:flex; align-items:center; justify-content:center; min-height:46px; padding:11px 12px; border:1px solid #252725; border-radius:2px; background:#252725; color:#fff; text-decoration:none; font:500 13px/1.5 Arial,Helvetica,sans-serif; cursor:pointer; }
.cs-email-dialog .cs-email-secondary { color:#222; background:#fff; border-color:#d7dad4; }
.cs-email-dialog .cs-email-primary:hover { background:#454b44; }
.cs-email-dialog .cs-email-secondary:hover { background:#f5f6f2; }
.cs-email-dialog .cs-email-note { color:#697164; font-size:12px; line-height:1.6; margin:12px 0 0; text-align:center; }
.cs-email-dialog .cs-email-status { margin:9px 0 0; min-height:18px; color:#465640; font-size:12px; }
.cs-email-dialog .cs-email-continue { display:block; background:none; border:0; color:#5a6058; font:13px/1.5 Arial,Helvetica,sans-serif; text-decoration:underline; text-underline-offset:3px; min-height:44px; padding:10px; margin:3px auto 0; cursor:pointer; }
.cs-email-fallback label { font-size:12px; }
.cs-email-fallback textarea { width:100%; background:#fafbf8; color:#222; border:1px solid #d5d8d3; padding:10px; font:14px/1.5 Arial,Helvetica,sans-serif; }
@media(max-width:480px) {
 .cs-email-dialog { padding:24px 20px 16px; }
 .cs-store .cs-email-dialog h2 { font-size:21px; }
 .cs-email-summary { gap:12px; margin:17px 0; padding:14px 0; }
 .cs-email-summary>img { width:74px; height:88px; }
 .cs-email-actions { grid-template-columns:1fr; gap:8px; }
 .cs-email-dialog .cs-email-address a { font-size:17px; }
}
