/* Scope: only home-page SIM/TV offers and their destination picker. */
.air-design #simtv .offer-panel{
  padding:18px 16px 12px!important;
  background:linear-gradient(145deg,#ffffff 4%,#f5fcf8 100%)!important;
}
.air-design #simtv .section-header{align-items:center!important;gap:10px!important;margin:0 0 12px!important}
.air-design #simtv .section-header h2{font-size:clamp(18px,3vw,21px)!important;line-height:1.12!important;letter-spacing:-.035em!important;max-width:340px}
.air-design #simtv .offer-pill{font-size:9px!important;line-height:1.18!important;padding:7px 9px!important;white-space:normal!important;text-align:center!important;flex:0 0 136px;background:#fff0b2!important;border:1px solid #ffec9a;color:#896007!important}
.air-design #simtv .combo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.air-design #simtv .combo-card{
  min-width:0!important;min-height:258px!important;height:auto!important;
  display:flex!important;flex-direction:column!important;
  position:relative!important;overflow:hidden!important;
  padding:13px 11px 11px!important;border-radius:18px!important;
  border:1px solid #e1f0e7!important;
  background:linear-gradient(145deg,#ffffff,#f8fdf9 86%)!important;
  box-shadow:0 5px 17px rgba(14,86,48,.042)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  cursor:pointer;
}
.air-design #simtv .combo-card:hover{border-color:#b5e6c4!important;box-shadow:0 8px 20px rgba(5,120,48,.095)!important;transform:translateY(-1px)}
.air-design #simtv .combo-copy{width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.air-design #simtv .combo-tag{
  display:flex!important;align-items:center!important;gap:7px!important;
  margin:0!important;padding:0!important;min-height:34px!important;
  font-size:12px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.025em!important;
  color:#1e3127!important;border:0!important;background:transparent!important;
}
.air-design #simtv .combo-tag strong{font:inherit!important;display:block}
.air-design #simtv .combo-line-icon{
  flex:0 0 31px!important;width:31px!important;height:31px!important;
  display:grid!important;place-items:center!important;border-radius:999px!important;
  border:2px solid #0bac4b!important;background:rgba(11,172,75,.08)!important;
  color:transparent!important;font-size:0!important;line-height:1!important;
  position:relative!important;box-sizing:border-box!important;overflow:hidden!important;
}
.air-design #simtv .combo-line-icon::after{
  content:''!important;display:block!important;width:9px!important;height:9px!important;
  border-radius:50%!important;background:#0bac4b!important;
}
.air-design #simtv .combo-benefits{
  display:grid!important;gap:7px!important;padding:0!important;
  margin:11px 0 0!important;list-style:none!important;min-height:78px!important;
}
.air-design #simtv .combo-benefits li{
  display:flex!important;gap:6px!important;align-items:flex-start!important;
  font-size:10.2px!important;line-height:1.27!important;font-weight:500!important;
  color:#52685c!important;letter-spacing:-.012em!important;
}
.air-design #simtv .combo-benefits li::before{content:'✓'!important;color:#0bac4b!important;font-size:13px!important;line-height:1.05!important;flex:0 0 10px!important}
.air-design #simtv .combo-bottom{
  display:grid!important;grid-template-columns:minmax(0,1fr) 46%!important;
  gap:0!important;align-items:end!important;min-height:67px!important;
  margin-top:auto!important;padding:4px 0 1px!important;
}
.air-design #simtv .combo-bottom .combo-price{
  display:block!important;max-width:none!important;min-width:0!important;
  padding:0 0 5px!important;margin:0!important;
  font-size:13.8px!important;line-height:1.2!important;font-weight:800!important;
  letter-spacing:-.04em!important;white-space:normal!important;color:#172319!important;
}
.air-design #simtv .combo-bottom .combo-image,
.air-design #simtv .combo-tv-card .combo-bottom .combo-image{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;width:100%!important;max-width:100%!important;
  height:68px!important;max-height:68px!important;
  object-fit:contain!important;object-position:center bottom!important;
  transform:none!important;filter:drop-shadow(0 3px 4px #1e563014)!important;
  pointer-events:none!important;
}
.air-design #simtv .combo-card-trigger{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 37px!important;gap:6px!important;
  margin:6px 0 0!important;padding:0 8px!important;width:100%!important;
  min-height:37px!important;height:37px!important;border:1px solid #cdebd8!important;border-radius:11px!important;
  background:linear-gradient(180deg,#eefaf2,#e8f7ed)!important;
  color:#09893a!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;
  cursor:pointer!important;box-shadow:none!important;z-index:5!important;
}
.air-design #simtv .combo-card-trigger:hover,
.air-design #simtv .combo-card-trigger:focus-visible{background:#dff5e6!important;border-color:#8dd6a4!important;outline-offset:3px!important}
.air-design #simtv .combo-card-trigger span:last-child{font-size:17px!important;line-height:1!important}
.air-design #simtv .offer-dots{display:none!important}
.air-design #simtv .all-channels{margin-top:11px!important;padding-top:7px!important;border-top:1px solid #e7f2eb!important}
.air-design #simtv .all-channels>summary{min-height:30px!important;font-size:11px!important}

/* Destination selection as a deliberate, separate step. */
#modal.tariff-choice-modal{z-index:200!important}
#modal.tariff-choice-modal .modal-card{
  width:min(550px,calc(100vw - 28px))!important;max-width:550px!important;
  padding:24px!important;border-radius:24px!important;
  background:linear-gradient(146deg,#ffffff,#f5fbf7)!important;
  box-shadow:0 25px 75px #092e2547!important;border:1px solid rgba(255,255,255,.85)!important;
}
#modal.tariff-choice-modal .modal-close{
  position:absolute!important;right:14px!important;top:11px!important;width:35px!important;height:35px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#f0f7f2!important;color:#283b32!important;font-size:23px!important;z-index:10!important;
}
#modal.tariff-choice-modal .tariff-choice-head{margin:0 22px 17px 0!important}
#modal.tariff-choice-modal .tariff-choice-eyebrow{display:block!important;margin:0 0 8px!important;color:#078b3b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.055em!important}
#modal.tariff-choice-modal .tariff-choice-head h3{margin:0 0 7px!important;color:#102c20!important;font-size:clamp(22px,4.5vw,28px)!important;font-weight:800!important;line-height:1.14!important;letter-spacing:-.045em!important}
#modal.tariff-choice-modal .tariff-choice-head p{margin:0!important;font-size:12px!important;line-height:1.42!important;color:#657a6e!important}
#modal.tariff-choice-modal .tariff-choice-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#modal.tariff-choice-modal .tariff-choice-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  min-height:182px!important;padding:15px!important;overflow:hidden!important;
  border:1px solid #e2eee7!important;border-radius:17px!important;
  background:linear-gradient(140deg,#fbfffc,#e6f7ee)!important;
  box-shadow:0 4px 12px rgba(12,83,46,.05)!important;color:#112b1c!important;
  text-decoration:none!important;transform:none;
}
#modal.tariff-choice-modal .tariff-choice-card:hover,
#modal.tariff-choice-modal .tariff-choice-card:focus-visible{border-color:#3fc479!important;box-shadow:0 9px 20px rgba(6,118,50,.14)!important;outline:2px solid #3fc479!important;outline-offset:2px!important}
#modal.tariff-choice-modal .tariff-choice-art{
  position:absolute!important;z-index:0!important;right:-10px!important;top:0!important;bottom:0!important;
  height:100%!important;width:72%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;
  opacity:.9!important;mask-image:linear-gradient(90deg,transparent 5%,#000 60%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 60%)!important;
  pointer-events:none!important;
}
#modal.tariff-choice-modal .tariff-choice-card-copy{position:relative!important;z-index:2!important;max-width:83%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
#modal.tariff-choice-modal .tariff-choice-kicker{font-size:9px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.02em!important;color:#16894a!important;margin:0 0 9px!important}
#modal.tariff-choice-modal .tariff-choice-card strong{max-width:none!important;font-size:21px!important;line-height:1.06!important;letter-spacing:-.04em!important;color:#102c20!important}
#modal.tariff-choice-modal .tariff-choice-card small{display:block!important;margin-top:7px!important;font-size:10px!important;line-height:1.26!important;color:#527465!important;max-width:150px!important;font-weight:600!important}
#modal.tariff-choice-modal .tariff-choice-arrow{position:absolute!important;right:10px!important;bottom:11px!important;z-index:3!important;display:grid!important;place-items:center!important;width:33px!important;height:33px!important;margin:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 8px #087a4026!important;color:#0a9d42!important;font-size:19px!important}
#modal.tariff-choice-modal .tariff-choice-note{font-size:10px!important;line-height:1.35!important;color:#7d9186!important;margin:15px 0 0!important;text-align:center!important}

@media(max-width:700px){
 .air-design #simtv .offer-panel{padding:15px 11px 10px!important}
 .air-design #simtv .section-header{align-items:center!important;margin-bottom:11px!important}
 .air-design #simtv .section-header h2{font-size:17px!important;line-height:1.16!important}
 .air-design #simtv .offer-pill{flex:0 0 104px!important;font-size:8.3px!important;padding:6px!important}
 .air-design #simtv .combo-grid{gap:8px!important}
 .air-design #simtv .combo-card{min-height:260px!important;padding:10px 8px 9px!important;border-radius:15px!important}
 .air-design #simtv .combo-tag{font-size:11px!important;min-height:33px!important;gap:5px!important}
 .air-design #simtv .combo-line-icon{flex-basis:28px!important;width:28px!important;height:28px!important}
 .air-design #simtv .combo-benefits{gap:6px!important;margin-top:9px!important;min-height:91px!important}
 .air-design #simtv .combo-benefits li{font-size:10px!important;line-height:1.25!important}
 .air-design #simtv .combo-bottom{min-height:69px!important;grid-template-columns:minmax(0,1fr) 43%!important}
 .air-design #simtv .combo-bottom .combo-price{font-size:12.8px!important;line-height:1.17!important}
 .air-design #simtv .combo-bottom .combo-image,.air-design #simtv .combo-tv-card .combo-bottom .combo-image{height:65px!important;max-height:65px!important}
 .air-design #simtv .combo-card-trigger{font-size:10px!important;height:35px!important;min-height:35px!important;flex-basis:35px!important}
}
@media(max-width:480px){
 #modal.tariff-choice-modal .modal-card{padding:19px 16px 17px!important;border-radius:21px!important}
 #modal.tariff-choice-modal .tariff-choice-grid{grid-template-columns:1fr!important;gap:9px!important}
 #modal.tariff-choice-modal .tariff-choice-card{min-height:116px!important;padding:13px!important}
 #modal.tariff-choice-modal .tariff-choice-art{width:55%!important;right:-4px!important}
 #modal.tariff-choice-modal .tariff-choice-card strong{font-size:19px!important}
 #modal.tariff-choice-modal .tariff-choice-card small{font-size:10px!important}
 #modal.tariff-choice-modal .tariff-choice-card-copy{max-width:77%!important}
 #modal.tariff-choice-modal .tariff-choice-kicker{font-size:8px!important;margin-bottom:5px!important}
 #modal.tariff-choice-modal .tariff-choice-head{margin-bottom:14px!important}
}
@media(max-width:350px){
 .air-design #simtv .combo-card{min-height:278px!important;padding:9px 6px 8px!important}
 .air-design #simtv .combo-benefits li{font-size:9.6px!important}
 .air-design #simtv .combo-bottom .combo-price{font-size:11.8px!important}
 .air-design #simtv .combo-card-trigger{font-size:9.5px!important;padding:0 3px!important}
}
