/* Durga Puja Wardrobe – festive theme (Style Baazar) */
:root{
  --maroon:#7d0a0a;
  --red:#b3121a;
  --red2:#8b0000;
  --gold:#e6b422;
  --gold-soft:#f4d580;
  --cream:#fff7ea;
  --ink:#2a0d0d;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Poppins","Segoe UI",system-ui,Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(230,180,34,.25), transparent 60%),
    radial-gradient(circle at 12% 20%, rgba(255,220,120,.18), transparent 22%),
    radial-gradient(circle at 85% 30%, rgba(255,220,120,.16), transparent 20%),
    radial-gradient(circle at 70% 80%, rgba(255,220,120,.14), transparent 18%),
    linear-gradient(160deg,#5c0505 0%, #7d0a0a 45%, #b3121a 100%);
  background-attachment:fixed;
  min-height:100vh;
}
.wrap{max-width:820px;margin:0 auto;padding:18px 16px 48px}
.banner{
  width:100%;border-radius:16px;overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  border:2px solid rgba(230,180,34,.55);
}
.banner img{display:block;width:100%;height:auto}
.banner-fallback{
  aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#7d0a0a,#b3121a);color:var(--gold-soft);
  font-weight:700;text-align:center;padding:24px;
}
.card{
  margin-top:8px;position:relative;z-index:2;
  background:var(--cream);
  border:2px solid var(--gold);
  border-radius:18px;
  padding:26px 22px 28px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.card.no-banner{margin-top:8px}
.title-sub{display:block;font-size:16px;font-weight:700;color:var(--red2);margin-top:6px;line-height:1.25}
.kicker{
  text-align:center;letter-spacing:.14em;text-transform:uppercase;
  font-size:12px;color:var(--red2);font-weight:700;margin:0 0 4px
}
.title{
  text-align:center;margin:0 0 6px;color:var(--maroon);
  font-size:26px;font-weight:800;line-height:1.15
}
.sub{text-align:center;margin:0 0 20px;color:#6a3b1a;font-size:14px}
label{display:block;font-weight:600;margin:14px 0 6px;color:var(--maroon)}
.req{color:var(--red);}
input[type=text],input[type=tel]{
  width:100%;padding:13px 14px;font-size:16px;
  border:1.6px solid #e3c07a;border-radius:11px;background:#fffdf8;
  outline:none;transition:.15s;
}
input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(179,18,26,.15)}
.hint{font-size:12px;color:#9a5b2a;margin-top:4px}
.err{font-size:13px;color:#c0121a;margin-top:5px;font-weight:600}
.btn{
  margin-top:22px;width:100%;padding:15px;border:0;border-radius:12px;
  font-size:17px;font-weight:800;letter-spacing:.03em;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--red),var(--maroon));
  box-shadow:0 10px 24px rgba(125,10,10,.4);transition:.15s;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn:disabled{opacity:.7;cursor:not-allowed}
.foot{text-align:center;color:var(--gold-soft);font-size:12px;margin-top:22px;opacity:.9}
.mode-tag{position:fixed;top:10px;right:10px;background:#222;color:#fff;font-size:11px;
  padding:4px 9px;border-radius:20px;opacity:.75;z-index:9}
.mode-tag.live{background:#0a7d2f}

/* thank you */
.ty-icon{font-size:44px;text-align:center;margin:2px 0 6px}
.coupon{
  margin:16px auto;max-width:360px;text-align:center;
  background:linear-gradient(135deg,#fff3d0,#ffe6a8);
  border:2px dashed var(--red);border-radius:14px;padding:16px 12px;
}
.coupon .lbl{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--red2);font-weight:700}
.coupon .code{font-size:30px;font-weight:900;color:var(--maroon);letter-spacing:2px;margin-top:4px}
.store-btn{
  display:block;text-align:center;text-decoration:none;margin:18px auto 4px;max-width:360px;
  padding:14px;border-radius:12px;color:#fff;font-weight:800;
  background:linear-gradient(135deg,var(--gold),#c9931a);box-shadow:0 8px 20px rgba(201,147,26,.4)
}
.note{text-align:center;color:#6a3b1a;font-size:14px;margin-top:12px}