.gando-stock-notify{
  direction:rtl;
  margin:12px 0 2px;
  padding:14px;
  border:1px solid #d7e5da;
  border-radius:16px;
  background:#f8fbf9;
  color:#173c27;
}
.gando-stock-notify__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.gando-stock-notify__head>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  background:#e4f3e8;
}
.gando-stock-notify__head div{display:grid;gap:2px;min-width:0}
.gando-stock-notify__head strong{font-size:14px;line-height:1.55}
.gando-stock-notify__head small{font-size:11px;line-height:1.7;color:#718077}

.gando-stock-notify__trigger,
.gando-stock-notify__submit{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:12px;
  background:#0d5a31;
  color:#fff;
  padding:0 18px;
  font:inherit;
  font-size:15px;
  font-weight:520;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,opacity .2s ease;
}
.gando-stock-notify__trigger:hover,
.gando-stock-notify__submit:hover{
  transform:translateY(-2px);
  background:#0b512c;
  box-shadow:0 14px 30px rgba(13,90,49,.22);
}
.gando-stock-notify__trigger:active,
.gando-stock-notify__submit:active{transform:translateY(0);box-shadow:0 6px 16px rgba(13,90,49,.15)}
.gando-stock-notify__trigger:focus-visible,
.gando-stock-notify__submit:focus-visible{outline:3px solid rgba(255,163,0,.34);outline-offset:3px}
.gando-stock-notify__submit:disabled{opacity:.58;pointer-events:none;transform:none;box-shadow:none}

.gando-stock-notify__dialog{
  width:min(92vw,480px);
  max-width:480px;
  margin:auto;
  padding:0;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#173c27;
  opacity:0;
  transform:translateY(10px) scale(.985);
  transition:opacity .18s ease,transform .18s ease;
  overflow:visible;
}
.gando-stock-notify__dialog[open].is-open{opacity:1;transform:translateY(0) scale(1)}
.gando-stock-notify__dialog::backdrop{background:rgba(9,26,16,.46);backdrop-filter:blur(4px)}
.gando-stock-notify__dialog-shell{
  overflow:hidden;
  border:1px solid #d7e5da;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(10,37,21,.2);
}
.gando-stock-notify__dialog-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 18px 15px;
  border-bottom:1px solid #e2eae4;
}
.gando-stock-notify__dialog-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.gando-stock-notify__dialog-head>div>div{display:grid;gap:3px;min-width:0}
.gando-stock-notify__dialog-head strong{font-size:15px;line-height:1.55}
.gando-stock-notify__dialog-head small{font-size:11px;line-height:1.75;color:#6f7e74}
.gando-stock-notify__dialog-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  background:#e7f4ea;
}
.gando-stock-notify__close{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  padding:0;
  border:1px solid #d9e4dc;
  border-radius:10px;
  background:#f7faf8;
  color:#425349;
  font:500 24px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.gando-stock-notify__close:hover{background:#fff0f1;border-color:#efc8cc;color:#a23c43;transform:rotate(4deg)}
.gando-stock-notify__dialog form{display:grid;gap:13px;padding:18px}
.gando-stock-notify__dialog label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#31483a}
.gando-stock-notify__dialog input,
.gando-stock-notify__dialog select{
  width:100%;
  height:46px;
  box-sizing:border-box;
  border:1px solid #d8e2da;
  border-radius:11px;
  background:#fff;
  color:#1d3325;
  padding:0 12px;
  font:inherit;
  outline:0;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.gando-stock-notify__dialog input:focus,
.gando-stock-notify__dialog select:focus{border-color:#6aa17c;box-shadow:0 0 0 3px rgba(13,90,49,.1)}
.gando-stock-notify__dialog [data-stock-notify-message]{
  margin:0;
  padding:9px 11px;
  border-radius:9px;
  background:#e7f5eb;
  color:#1b6d3d;
  font-size:11px;
  line-height:1.75;
}
.gando-stock-notify__dialog [data-stock-notify-message].is-error{background:#fff0f0;color:#9e3030}

html[data-theme=dark] .gando-stock-notify{background:#17231b;border-color:#314338;color:#edf4ef}
html[data-theme=dark] .gando-stock-notify__head>span{background:#21372a}
html[data-theme=dark] .gando-stock-notify__head small{color:#a4b4aa}
html[data-theme=dark] .gando-stock-notify__dialog{color:#edf4ef}
html[data-theme=dark] .gando-stock-notify__dialog-shell{background:#151f18;border-color:#304137;box-shadow:0 28px 80px rgba(0,0,0,.45)}
html[data-theme=dark] .gando-stock-notify__dialog-head{border-color:#2c3c32}
html[data-theme=dark] .gando-stock-notify__dialog-head small{color:#a5b5aa}
html[data-theme=dark] .gando-stock-notify__dialog-icon{background:#203429}
html[data-theme=dark] .gando-stock-notify__close{background:#1b2a21;border-color:#35483c;color:#d8e5dc}
html[data-theme=dark] .gando-stock-notify__close:hover{background:#3a2227;border-color:#684149;color:#f3a7b0}
html[data-theme=dark] .gando-stock-notify__dialog label{color:#dbe7df}
html[data-theme=dark] .gando-stock-notify__dialog input,
html[data-theme=dark] .gando-stock-notify__dialog select{background:#101a13;border-color:#33463a;color:#eef4ef}
html[data-theme=dark] .gando-stock-notify__dialog input:focus,
html[data-theme=dark] .gando-stock-notify__dialog select:focus{border-color:#5d8f6c;box-shadow:0 0 0 3px rgba(113,172,132,.12)}
html[data-theme=dark] .gando-stock-notify__dialog [data-stock-notify-message]{background:#193524;color:#a9ddba}
html[data-theme=dark] .gando-stock-notify__dialog [data-stock-notify-message].is-error{background:#3a2024;color:#f1abb2}

@media(max-width:700px){
  .gando-stock-notify{padding:13px}
  .gando-stock-notify__head{align-items:flex-start}
  .gando-stock-notify__dialog{width:min(94vw,480px)}
  .gando-stock-notify__dialog-head{padding:16px 15px 13px}
  .gando-stock-notify__dialog form{padding:15px}
}

@media(prefers-reduced-motion:reduce){
  .gando-stock-notify__trigger,.gando-stock-notify__submit,.gando-stock-notify__dialog,.gando-stock-notify__close{transition:none!important}
}