/* v11.42.59: micro layout tuning for badge cards, action buttons, and sim density */

/* 1) Core spec cards: keep icon perfectly centered in its circle */
.hp-detail-hero .hp-detail-spec-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:32px;
}
.hp-detail-hero .hp-detail-spec-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  padding:0!important;
  vertical-align:middle!important;
  transform:translateY(0)!important;
}
.hp-detail-hero .hp-detail-icon-data,
.hp-detail-hero .hp-detail-icon-voice,
.hp-detail-hero .hp-detail-icon-sms{
  background-clip:padding-box;
}

/* 2) Make the three action buttons uniform like the three spec cards */
body .hp-detail-hero .hp-detail-watch-actions-inline{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  width:100%;
  align-items:stretch;
}
body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-toggle,
body .hp-detail-hero .hp-detail-watch-actions-inline .hp-alert-open,
body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-detail-link{
  width:100%;
  min-width:0;
  min-height:52px;
  padding:0 14px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:14px;
  font-weight:900;
  line-height:1.3;
  text-decoration:none;
}
body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-detail-link{
  border:1px solid #7aaef7;
  background:#eef5ff;
  color:#1b61d2;
  box-shadow:none;
}
body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-detail-link:hover{
  background:#e1efff;
}
html[data-hp-theme="dark"] body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-detail-link{
  border-color:#3e6cae;
  background:#16345b;
  color:#c2dcff;
}

/* 3) Make USIM/eSIM cards denser */
body .hp-detail-hero .hp-detail-sim-strip{
  gap:10px;
}
body .hp-detail-hero .hp-detail-sim-card{
  min-height:68px;
  padding:12px 14px;
  gap:5px;
  border-radius:13px;
}
body .hp-detail-hero .hp-detail-sim-card small{
  font-size:11px;
  line-height:1.2;
  margin:0;
}
body .hp-detail-hero .hp-detail-sim-card strong{
  font-size:14px;
  line-height:1.35;
  margin:0;
}

@media(max-width:780px){
  body .hp-detail-hero .hp-detail-watch-actions-inline{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:9px;
  }
  body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-toggle,
  body .hp-detail-hero .hp-detail-watch-actions-inline .hp-alert-open,
  body .hp-detail-hero .hp-detail-watch-actions-inline .hp-watch-detail-link{
    min-height:48px;
    font-size:13px;
    padding:0 10px;
  }
}
@media(max-width:560px){
  body .hp-detail-hero .hp-detail-watch-actions-inline{
    grid-template-columns:1fr;
  }
  body .hp-detail-hero .hp-detail-sim-strip{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body .hp-detail-hero .hp-detail-sim-card{
    min-height:62px;
    padding:10px 12px;
  }
}
@media(max-width:420px){
  body .hp-detail-hero .hp-detail-sim-strip{
    grid-template-columns:1fr;
  }
}