.itas-on{
  --navy:#0B2545;
  --blue:#0274BE;
  --blue-deep:#003BB1;
  --sky:#BFD1FF;
  --sky-soft:#EAF1FF;
  --ink:#1F2A3C;
  --ink-soft:#5B6B84;
  --line:#E2E8F4;
  --red:#B3261E;
  font-family:'Inter',sans-serif;
}
.itas-on[hidden]{display:none;}
.itas-on *{box-sizing:border-box;}

.itas-on__overlay{
  position:fixed; inset:0; z-index:2147483000;
  background:rgba(11,37,69,.72);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.itas-on.is-open .itas-on__overlay{opacity:1; visibility:visible;}

.itas-on__modal{
  position:relative;
  width:100%; max-width:680px; max-height:calc(100vh - 40px);
  display:flex; flex-direction:column;
  background:#fff; border-radius:20px; overflow:hidden;
  box-shadow:0 40px 80px -20px rgba(11,37,69,.55);
  transform:translateY(18px) scale(.98);
  transition:transform .3s ease;
  outline:none;
}
.itas-on.is-open .itas-on__modal{transform:none;}

.itas-on__header{
  position:relative;
  padding:30px 64px 26px 34px;
  color:#fff;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(2,116,190,.6) 0%, rgba(2,116,190,0) 55%),
    linear-gradient(135deg, var(--navy) 0%, var(--blue-deep) 130%);
}
.itas-on__kicker{
  display:inline-block;
  font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--sky);
  padding:6px 12px; border-radius:999px;
  background:rgba(255,255,255,.12);
  margin-bottom:14px;
}
.itas-on__title{
  margin:0; color:#fff;
  font-family:'Unbounded',sans-serif; font-weight:600;
  font-size:clamp(16px,2.4vw,20px); line-height:1.4;
}
.itas-on__close{
  position:absolute; top:16px; right:16px;
  width:38px; height:38px; border-radius:50%;
  border:none; cursor:pointer; padding:0;
  background:rgba(255,255,255,.14); color:#fff;
  font-size:24px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  transition:background .18s ease;
}
.itas-on__close:hover{background:rgba(255,255,255,.28);}

.itas-on__body{
  padding:28px 34px 8px;
  overflow-y:auto;
  color:var(--ink-soft); font-size:15px; line-height:1.7;
}
.itas-on__body p{margin:0 0 16px; color:var(--ink-soft);}
.itas-on__body strong{color:var(--navy);}

.itas-on__locations{list-style:none; margin:0 0 20px; padding:0; display:grid; gap:10px;}
.itas-on__locations li{
  display:flex; flex-direction:column; gap:2px;
  padding:14px 16px; border:1px solid var(--line); border-left:4px solid var(--blue);
  border-radius:10px; background:#F7FAFD;
}
.itas-on__city{font-weight:700; color:var(--navy); font-size:14.5px;}
.itas-on__addr{font-size:14px; color:var(--ink-soft);}

.itas-on__callout{
  margin:0 0 16px; padding:16px 18px;
  background:#FDECEA; border:1px solid #F3C5C0; border-radius:12px;
}
.itas-on__callout p{margin:0; color:#7A1B15; font-weight:500;}

.itas-on__call{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  margin:4px 0 20px; padding:16px 20px;
  background:var(--sky-soft); border-radius:12px; text-decoration:none;
  transition:background .18s ease;
}
.itas-on__call:hover{background:#DCE8FF;}
.itas-on__call-label{font-size:13px; font-weight:600; color:var(--ink-soft);}
.itas-on__call-number{font-family:'Unbounded',sans-serif; font-weight:600; font-size:18px; color:var(--blue-deep);}

.itas-on__footer{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:18px 34px 22px; border-top:1px solid var(--line); background:#fff;
}
.itas-on__dismiss-check{
  display:flex; align-items:center; gap:8px; cursor:pointer;
  font-size:13.5px; color:var(--ink-soft);
}
.itas-on__dismiss-check input{width:16px; height:16px; accent-color:var(--blue); margin:0;}
.itas-on__btn{
  border:none; cursor:pointer; font-family:inherit;
  background:var(--blue); color:#fff; font-size:15px; font-weight:600;
  padding:13px 28px; border-radius:999px;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.itas-on__btn:hover{background:var(--blue-deep); transform:translateY(-1px); box-shadow:0 10px 22px rgba(2,116,190,.28);}
.itas-on__btn:focus-visible,.itas-on__close:focus-visible{outline:3px solid var(--sky); outline-offset:2px;}

body.itas-on-lock{overflow:hidden;}

@media (max-width:560px){
  .itas-on__overlay{padding:12px;}
  .itas-on__header{padding:24px 56px 20px 22px;}
  .itas-on__body{padding:22px 22px 4px;}
  .itas-on__footer{padding:16px 22px 20px; flex-direction:column; align-items:stretch;}
  .itas-on__btn{width:100%;}
  .itas-on__call{flex-direction:column; align-items:flex-start; gap:4px;}
}
@media (prefers-reduced-motion:reduce){
  .itas-on__overlay,.itas-on__modal{transition:none;}
}
