/* MyRegularTrip — lead capture popup.
   Same design system as the booking rail: ink border, sticker shadow,
   Bricolage heading, red CTA, yellow sticker. */

.mrt-pop-veil{
  position:fixed;inset:0;z-index:280;display:none;
  align-items:center;justify-content:center;
  padding:clamp(14px,4vw,40px);
  background:rgba(28,25,23,.62);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .26s var(--ease,ease);
}
.mrt-pop-veil.on{display:flex}
.mrt-pop-veil.in{opacity:1}

.mrt-pop{
  position:relative;width:min(470px,100%);max-height:calc(100dvh - 28px);
  background:var(--paper,#fff);color:var(--ink,#1c1917);
  border:1.5px solid var(--ink,#1c1917);border-radius:20px;
  box-shadow:10px 10px 0 var(--ink,#1c1917);
  overflow:hidden;
  transform:translateY(14px) scale(.985);
  transition:transform .3s var(--ease,cubic-bezier(.16,1,.3,1));
}
.mrt-pop-veil.in .mrt-pop{transform:none}

.mrt-pop-body{padding:clamp(1.3rem,3vw,1.9rem);overflow-y:auto}

.mrt-pop-tag{
  display:inline-flex;align-items:center;gap:.45em;
  background:var(--yellow,#ffd53b);color:var(--ink,#1c1917);
  border:1.5px solid var(--ink,#1c1917);border-radius:999px;
  padding:.28em .8em;font-size:.68rem;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;
}
.mrt-pop h2{
  font-family:"Bricolage Grotesque","Outfit",sans-serif;font-weight:800;
  letter-spacing:-.025em;line-height:1.06;
  font-size:clamp(1.35rem,3.2vw,1.75rem);margin:.75rem 0 .45rem;
}
.mrt-pop-sub{margin:0 0 1rem;color:var(--ink-2,#3d3733);font-size:.94rem;line-height:1.5}

.mrt-pop form{display:grid;gap:.5rem}
.mrt-pop label{
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3,#6b625c);
}
.mrt-pop input,.mrt-pop select{
  width:100%;font:inherit;font-size:.94rem;padding:.62em .8em;
  border:1.5px solid var(--ink,#1c1917);border-radius:12px;
  background:#fff;color:var(--ink,#1c1917);
}
.mrt-pop input:focus,.mrt-pop select:focus{
  outline:0;box-shadow:0 0 0 3px rgba(225,6,0,.16);
}
.mrt-pop input::placeholder{color:#a39a95}

.mrt-pop-go{
  margin-top:.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font:inherit;font-weight:600;font-size:.98rem;padding:.78em 1.25em;
  border:1.5px solid var(--ink,#1c1917);border-radius:999px;
  background:var(--red,#e10600);color:#fff;cursor:pointer;
  box-shadow:var(--shadow-sticker,4px 4px 0 #1c1917);
  transition:transform .18s var(--ease,ease),box-shadow .18s var(--ease,ease);
}
.mrt-pop-go:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink,#1c1917)}
.mrt-pop-go:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink,#1c1917)}

.mrt-pop-note{margin:.65rem 0 0;font-size:.78rem;color:var(--ink-3,#6b625c);text-align:center}
.mrt-pop-note b{color:var(--ink,#1c1917)}
.mrt-pop-ok{
  margin:.65rem 0 0;padding:.7rem .85rem;font-size:.88rem;
  background:var(--tint,#fdf4f3);border:1.5px solid var(--line,#e9dedc);border-radius:12px;
}

.mrt-pop-x{
  position:absolute;top:10px;right:10px;z-index:2;
  width:38px;height:38px;display:grid;place-items:center;
  border:1.5px solid var(--ink,#1c1917);border-radius:50%;
  background:#fff;color:var(--ink,#1c1917);
  font-size:1.05rem;line-height:1;cursor:pointer;
}
.mrt-pop-x:hover{background:var(--tint-2,#fbeceb)}

/* the quiet way out, for anyone who does not want to hunt for the X */
.mrt-pop-no{
  display:block;width:100%;margin:.5rem 0 0;padding:.35rem;
  background:none;border:0;font:inherit;font-size:.8rem;
  color:var(--ink-3,#6b625c);text-decoration:underline;cursor:pointer;
}

@media(max-width:720px){
  .mrt-pop{box-shadow:6px 6px 0 var(--ink,#1c1917)}
  .mrt-pop h2{font-size:1.4rem}
  .mrt-pop-sub{font-size:.9rem}
  .mrt-pop input,.mrt-pop select{font-size:16px;min-height:46px}
  .mrt-pop-go{min-height:48px}
  .mrt-pop-x{width:40px;height:40px}
}

@media(prefers-reduced-motion:reduce){
  .mrt-pop-veil,.mrt-pop{transition:none}
  .mrt-pop{transform:none}
}
