/* XStorm Flower Checkout styles (separate file, как вы просили) */

.xstorm-fc-card{
  padding:16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:#fff;
  margin:0 0 16px 0;
}

.xstorm-fc-title{
  margin:0 0 12px 0;
  font-size:18px;
  line-height:1.2;
}

.xstorm-fc-summary{
  margin-top:24px;
}

.xstorm-fc-pill{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  margin:12px 0;
}
.xstorm-fc-pill__cta{ opacity:.75; font-weight:600; }

.xstorm-fc-modal{ position:fixed; inset:0; display:none; z-index:99999; }
.xstorm-fc-modal[aria-hidden="false"]{ display:block; }
.xstorm-fc-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.xstorm-fc-modal__panel{
  position:relative;
  width:min(520px, calc(100% - 24px));
  margin:8vh auto 0;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}
.xstorm-fc-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.xstorm-fc-modal__x{ border:none; background:transparent; font-size:24px; cursor:pointer; }
.xstorm-fc-modal__body{ padding:16px; display:grid; gap:10px; }
.xstorm-fc-label{ font-weight:600; }
.xstorm-fc-input{ width:100%; padding:10px; border-radius:10px; border:1px solid rgba(0,0,0,.12); }
.xstorm-fc-hint{ margin:0; opacity:.75; font-size:12px; }


/* Wizard date input */
.xstorm-fc-when-date{ margin-top: 10px; }