/* Wide desktop summaries only. Keep all calculator IDs and calculations unchanged. */
@media (min-width: 1100px) {
  body.experience-ui[data-page="internet"] [data-ui-name="C03"].internet-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1.17fr) minmax(0, .98fr) minmax(210px, .82fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 10px 18px !important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .estimate-overview {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 100%;
    margin: 0 !important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-cost-split {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    align-self: stretch;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .installment-note {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 2px !important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-action {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center;
    max-width: none !important;
    width: 100% !important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-status {
    grid-column: 3 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-estimate-details {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100%;
    margin-top: 3px !important;
  }
}
/* The phone calculation sits in a narrower right-hand panel on desktop.
   Use two columns instead of squeezing three cramped columns into it. */
@media (min-width: 761px) {
  body.experience-ui[data-page="device"] .order-summary.estimate-card[data-ui-name="P01"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr) !important;
    gap: 8px 12px !important;
    align-items: start !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-overview {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 100%;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-split {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .installment-note {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 2px !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-details {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin: 0 !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .upfront-line {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .checkout-button {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    width: 100% !important;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .checkout-disclaimer {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
  }
}

/* The receipt disclosure is interactive in both states. */
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-details > summary {cursor:pointer!important;}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-details-toggle {display:block!important;}
@media (min-width:1100px) {
  body.experience-ui[data-page="device"] .detail-layout {
    align-items:stretch!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .config-panel {
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .config-panel > .condition-note {
    margin-top:auto!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .order-summary[data-ui-name="P01"] {
    align-self:stretch!important;
  }
}


@media(min-width:1100px){
 body.experience-ui[data-page="device"] .detail-layout{grid-template-rows:auto minmax(0,1fr)!important}
 body.experience-ui[data-page="device"] .detail-layout>.order-summary[data-ui-name="P01"]{grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;position:static!important}
 body.experience-ui[data-page="device"] .detail-layout>.detail-product{align-self:start!important}
}

/* P01: approved compact always-visible cost receipt. No calculator field changes. */
body.experience-ui[data-page="device"] .order-summary.estimate-card[data-ui-name="P01"] {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  align-self:start!important;
  height:max-content!important;
  gap:9px!important;
  padding:11px!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-compact-top {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe4ea;
  border-radius:14px;
  background:#fff;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-overview,
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-split {
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-overview {
  padding:12px 15px!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .monthly-total {
  margin:5px 0 2px!important;
  line-height:1.15!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-components {
  min-width:0;
  padding:9px 12px;
  border-left:1px solid #e7ebef;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-split {
  padding:0!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-split>div {
  padding:6px 0!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .installment-note {
  margin:5px 0 0!important;
  font-size:11px;
  line-height:1.45;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-details {
  flex:none;
  margin:0!important;
  width:100%;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-details > .estimate-details-content {
  max-height:none!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
  padding:8px 10px!important;
  gap:7px!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-details > .estimate-details-content > .estimate-breakdown-group {
  padding:7px 10px 6px!important;
}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .checkout-button {
  flex:none;
  margin-top:0!important;
}
@media(min-width:1100px) {
  body.experience-ui[data-page="device"] .detail-layout {
    grid-template-rows:auto auto!important;
    align-items:start!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .config-panel {
    display:block!important;
    align-self:start!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .config-panel > .condition-note {
    margin-top:11px!important;
  }
  body.experience-ui[data-page="device"] .detail-layout > .order-summary[data-ui-name="P01"] {
    align-self:start!important;
  }
}
@media(max-width:760px) {
  body.experience-ui[data-page="device"] [data-ui-name="P01"] > .estimate-compact-top {
    grid-template-columns:minmax(0,1fr);
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-components {
    border-left:0;
    border-top:1px solid #e7ebef;
    padding:5px 12px 8px;
  }
  body.experience-ui[data-page="device"] [data-ui-name="P01"] .estimate-compact-top .estimate-overview {
    padding:12px!important;
  }
}

/* Customer device: optional six-month 5G comparison, no change to current-price layout. */
body.experience-ui[data-page="device"] .future-fiveg-picker{display:grid;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid #e8ecf0}
body.experience-ui[data-page="device"] .future-fiveg-picker label{font-weight:750;font-size:13px;color:#303b47}
body.experience-ui[data-page="device"] .future-fiveg-picker select{width:100%;min-width:0;min-height:43px;padding:8px 12px;border:1px solid #dce2e8;border-radius:10px;background:#fff;color:#273240}
body.experience-ui[data-page="device"] .future-fiveg-picker select:disabled{background:#f4f5f6;color:#7b8590}
body.experience-ui[data-page="device"] .future-fiveg-picker small{font-size:11px;line-height:1.6;color:#6b7280}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .future-fiveg-quote{display:grid;gap:6px;padding:11px 13px;border:1px solid #e2e6eb;border-radius:12px;background:#f8fafc;min-width:0}
body.experience-ui[data-page="device"] [data-ui-name="P01"] > .future-fiveg-quote[hidden]{display:none!important}
body.experience-ui[data-page="device"] .future-fiveg-quote>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.experience-ui[data-page="device"] .future-fiveg-quote span{font-size:12px;font-weight:700;color:#3e4a56}
body.experience-ui[data-page="device"] .future-fiveg-quote strong{font-size:20px;font-weight:800;color:#e16b2d;font-variant-numeric:tabular-nums}
body.experience-ui[data-page="device"] .future-fiveg-quote p{margin:0;font-size:12px;color:#465565;overflow-wrap:anywhere}
body.experience-ui[data-page="device"] .future-fiveg-quote small{font-size:10px;line-height:1.5;color:#747d87}