/* ── SM Real Popup v2 – Luxury editorial style ── */
.smr-backdrop {
  position:fixed;inset:0;
  background:rgba(17,17,16,.65);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  z-index:9990;
  opacity:0;visibility:hidden;
  transition:opacity .35s,visibility .35s;
}
.smr-backdrop.open{opacity:1;visibility:visible;}

.smr-modal {
  position:fixed;top:50%;left:50%;
  transform:translate(-50%,-52%) scale(.97);
  z-index:9991;
  width:calc(100% - 2rem);max-width:480px;max-height:92vh;
  overflow-y:auto;scrollbar-width:thin;
  background:var(--c-warm-white,#FDFCFA);
  box-shadow:0 24px 80px rgba(0,0,0,.22);
  opacity:0;visibility:hidden;
  transition:opacity .35s,transform .4s cubic-bezier(.34,1.56,.64,1),visibility .35s;
}
.smr-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.smr-modal.smr-consign-modal{max-width:560px;}

.smr-header {
  background:var(--c-ink,#111110);
  padding:2rem 2rem 1.75rem;
  position:relative;overflow:hidden;
}
.smr-header::after {
  content:'';position:absolute;
  bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--c-gold,#B8965A) 0%,transparent 100%);
}
.smr-close {
  position:absolute;top:1.1rem;right:1.1rem;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.6);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:.95rem;line-height:1;
  transition:all .2s;
}
.smr-close:hover{background:rgba(255,255,255,.15);color:#fff;transform:rotate(90deg);}

.smr-badge {
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--c-gold,#B8965A);margin-bottom:.75rem;
}
.smr-badge::before{content:'';display:block;width:20px;height:1px;background:var(--c-gold,#B8965A);}
.smr-header h2{
  color:#fff;
  font-family:var(--f-display,"Times New Roman",Times,serif);
  font-weight:300;font-size:1.5rem;line-height:1.2;margin-bottom:.4rem;
}
.smr-header p{color:rgba(255,255,255,.5);font-size:.8rem;line-height:1.65;margin:0;}

.smr-body{padding:1.75rem 2rem 2rem;}

.smr-quick{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.25rem;}
.smr-quick a{
  display:flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.8rem .75rem;font-size:.72rem;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;transition:all .2s;
  text-decoration:none;
}
.smr-q-call{background:var(--c-ink,#111110);color:#fff;}
.smr-q-call:hover{background:var(--c-gold,#B8965A);}
.smr-q-zalo{background:#0068FF;color:#fff;}
.smr-q-zalo:hover{background:#0057d6;}

.smr-or{
  display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;
  color:var(--c-ink-pale,#9B9890);font-size:.62rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
}
.smr-or::before,.smr-or::after{content:'';flex:1;height:1px;background:var(--c-sand,#E8DFD0);}

.smr-msg{margin-bottom:.75rem;}
.smr-form .form-group{margin-bottom:1rem;}
.smr-form .form-label{
  display:block;font-size:.58rem;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--c-ink-pale,#9B9890);margin-bottom:.4rem;
}
.smr-form .form-control{
  width:100%;padding:.6rem 0;background:transparent;
  border:none;border-bottom:1px solid var(--c-sand-mid,#D4C5B0);border-radius:0;
  font-size:.875rem;font-weight:300;color:var(--c-ink,#111110);
  outline:none;transition:border-color .2s;
  appearance:none;-webkit-appearance:none;
}
.smr-form .form-control:focus{border-bottom-color:var(--c-ink,#111110);}
.smr-form .form-control::placeholder{color:var(--c-ink-pale,#9B9890);}
.smr-form select.form-control{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%239B9890' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0 center;padding-right:1.1rem;cursor:pointer;
}
.smr-form textarea.form-control{resize:vertical;min-height:70px;}

.smr-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;}
.smr-pill input{display:none;}
.smr-pill label{
  display:inline-flex;align-items:center;gap:.3rem;
  padding:.32rem .85rem;border:1px solid var(--c-sand-mid,#D4C5B0);
  font-size:.7rem;font-weight:400;letter-spacing:.04em;
  color:var(--c-ink-light,#6B6860);cursor:pointer;transition:all .15s;
}
.smr-pill input:checked + label{background:var(--c-ink,#111110);border-color:var(--c-ink,#111110);color:#fff;}
.smr-pill label:hover{border-color:var(--c-ink,#111110);color:var(--c-ink,#111110);}

.smr-submit{
  width:100%;padding:.85rem;background:var(--c-ink,#111110);color:#fff;
  border:none;cursor:pointer;
  font-family:var(--f-body,"Times New Roman",Times,serif);
  font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  transition:background .2s;margin-top:.25rem;
}
.smr-submit:hover{background:var(--c-gold,#B8965A);}
.smr-submit:disabled{opacity:.5;cursor:not-allowed;}

.smr-benefits{display:flex;flex-wrap:wrap;gap:.45rem .85rem;margin-top:1rem;}
.smr-benefit{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--c-ink-pale,#9B9890);}
.smr-benefit::before{content:'—';color:var(--c-gold,#B8965A);font-size:.7rem;}

.smr-success{display:none;text-align:center;padding:2.5rem 1.5rem;}
.smr-success.show{display:block;}
.smr-success-icon{font-size:2.5rem;margin-bottom:1rem;}
.smr-success h3{
  font-family:var(--f-display,"Times New Roman",Times,serif);
  font-weight:300;font-size:1.5rem;color:var(--c-ink,#111110);margin-bottom:.5rem;
}
.smr-success p{font-size:.85rem;color:var(--c-ink-light,#6B6860);line-height:1.7;margin-bottom:1.25rem;}
.smr-success-actions{display:flex;flex-direction:column;gap:.5rem;}

.smr-consign-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}

@media(max-width:520px){
  .smr-modal{max-width:calc(100vw - 1.5rem);max-height:90vh;}
  .smr-header{padding:1.5rem 1.5rem 1.25rem;}
  .smr-body{padding:1.25rem 1.5rem 1.5rem;}
  .smr-quick,.smr-consign-grid{grid-template-columns:1fr;}
  .smr-header h2{font-size:1.25rem;}
}