/* v23 — only homepage desktop refinements. Mobile <=900px unchanged. */
@media (min-width:901px) {
  /* Quick coverage address stretches naturally; retaining building artwork at right. */
  html body.page-home.air-design .quick-panel #quickCoverageForm {
    width:min(1050px, 83%)!important;
    max-width:calc(100% - 20px)!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  html body.page-home.air-design #quickCoverageForm input {
    flex:1 1 auto!important;
    width:0!important;
    min-width:0!important;
    height:48px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }
  html body.page-home.air-design #quickCoverageForm button {
    flex:0 0 clamp(176px,16vw,216px)!important;
    width:auto!important;
    height:48px!important;
    font-size:12px!important;
    border-radius:13px!important;
    white-space:nowrap!important;
  }
  html body.page-home.air-design .quick-marker {top:14px!important}

  /* Reverse Instagram visual story: architectural photo on left, copy on right. */
  html body.page-home.air-design .instagram-panel {
    display:grid!important;
    grid-template-columns:minmax(230px,31%) 63px minmax(205px,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    min-height:144px!important;
    padding:22px 28px!important;
    isolation:isolate;
    background:linear-gradient(100deg,#f4fbf9 0%,#fff9fc 52%,#fff 100%)!important;
  }
  html body.page-home.air-design .instagram-panel::after {
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    left:0!important;right:auto!important;
    width:36%!important;height:100%!important;
    background:url('assets/connection-apartment.png') center 55% / cover no-repeat!important;
    opacity:.9!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 99%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 99%)!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  html body.page-home.air-design .instagram-panel .instagram-logo {
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    z-index:2!important;
    width:62px!important;height:62px!important;
  }
  html body.page-home.air-design .instagram-panel .instagram-copy {
    position:relative!important;
    grid-column:3!important;
    grid-row:1!important;
    z-index:2!important;
    min-width:0!important;
  }
  html body.page-home.air-design .instagram-panel .instagram-button {
    position:relative!important;
    grid-column:4!important;
    grid-row:1!important;
    align-self:center!important;
    z-index:2!important;
    min-height:44px!important;
    font-size:12px!important;
    padding:12px 17px!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  /* Two balanced offer cards: consistent text, image size, price line and CTA baseline. */
  html body.page-home.air-design #simtv .combo-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:17px!important;
    align-items:stretch!important;
  }
  html body.page-home.air-design #simtv .combo-card {
    display:flex!important;
    flex-direction:column!important;
    min-height:325px!important;
    height:auto!important;
    padding:19px 22px 18px!important;
    border-radius:18px!important;
  }
  html body.page-home.air-design #simtv .combo-copy {
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    flex:1 1 auto!important;
  }
  html body.page-home.air-design #simtv .combo-tag {
    font-size:16px!important;
    line-height:1.18!important;
    min-height:38px!important;
  }
  html body.page-home.air-design #simtv .combo-benefits {
    margin:12px 0 4px!important;
    padding:0!important;
    gap:8px!important;
    min-height:0!important;
  }
  html body.page-home.air-design #simtv .combo-benefits li {
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    font-size:12.5px!important;
    line-height:1.33!important;
    color:#52685c!important;
  }
  html body.page-home.air-design #simtv .combo-benefits li::before,
  html body.page-home.air-design .app-benefits li::before {
    content:""!important;
    display:block!important;
    flex:0 0 20px!important;
    width:20px!important;height:20px!important;
    min-width:20px!important;min-height:20px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent url('assets/ui/meganet-check-glossy-v23.png') center / contain no-repeat!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
  }
  html body.page-home.air-design .app-benefits li {
    gap:9px!important;
    align-items:center!important;
  }
  html body.page-home.air-design #simtv .combo-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(138px,40%)!important;
    align-items:end!important;
    min-height:139px!important;
    margin-top:auto!important;
    padding:3px 0 2px!important;
  }
  html body.page-home.air-design #simtv .combo-bottom .combo-price {
    display:block!important;
    align-self:end!important;
    font-size:20px!important;
    padding:0 0 10px!important;
    margin:0!important;
    line-height:1.2!important;
    white-space:normal!important;
    position:relative!important;
    z-index:2!important;
  }
  html body.page-home.air-design #simtv .combo-bottom .combo-image,
  html body.page-home.air-design #simtv .combo-tv-card .combo-bottom .combo-image {
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    height:143px!important;max-height:143px!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    margin:0!important;
    transform:none!important;
    pointer-events:none!important;
    filter:drop-shadow(0 6px 11px rgba(12,70,39,.13))!important;
  }
  html body.page-home.air-design #simtv .combo-card-trigger {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    height:44px!important;min-height:44px!important;
    width:100%!important;
    margin:8px 0 0!important;
    border-radius:12px!important;
    font-size:12px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:901px) and (max-width:1180px) {
  html body.page-home.air-design .instagram-panel {
    grid-template-columns:minmax(165px,28%) 52px minmax(200px,1fr) auto!important;
    gap:12px!important;padding:17px 22px!important;
  }
  html body.page-home.air-design .instagram-panel .instagram-logo {width:52px!important;height:52px!important}
  html body.page-home.air-design .instagram-panel .instagram-copy h2 {font-size:21px!important}
  html body.page-home.air-design .instagram-panel .instagram-button {font-size:10px!important;padding:10px 12px!important}
  html body.page-home.air-design #simtv .combo-card{padding:16px 17px!important}
  html body.page-home.air-design #simtv .combo-bottom {grid-template-columns:minmax(0,1fr) minmax(112px,36%)!important}
  html body.page-home.air-design #simtv .combo-bottom .combo-image,
  html body.page-home.air-design #simtv .combo-tv-card .combo-bottom .combo-image{height:125px!important;max-height:125px!important}
}
