/* ---- myt device-offer cards (self-contained) ---- */
/*.dof{background:linear-gradient(135deg,#153ED9 ,#00B4C8)}*/
.dof{background-color:#F6F6F8;}


.dof__inner{max-width:1160px;margin:0 auto}
.dof__head{text-align:center;max-width:800px;margin:0 auto 34px}


/* two-up grid → stacks on small screens */
.dof__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
@media(max-width:760px){.dof__grid{grid-template-columns:1fr}}

/* offer card */
.dof-card{position:relative;overflow:hidden;text-align:center;color:#000;border-radius:50px;
  padding:70px 28px;
  display:flex;flex-direction:column;align-items:center;gap:6px}
.dof-card--connect{background:linear-gradient(135deg,#153ED9 ,#00B4C8)}
.dof-card--premium{background:linear-gradient(135deg,#153ED9 ,#859BEF)}
/* subtle ambient glow, cool surfaces only */
.dof-card::after{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:120%;
  background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent);pointer-events:none}
.dof-card__eyebrow{position:relative;z-index:1;font-size:18px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;opacity:.9;margin:0;color:#fff;}
.dof-card__title{position:relative;z-index:1;font-size:clamp(20px,2.4vw,26px);font-weight:600;
  line-height:1.2;margin:5px 0 10px;color:#fff;}
.dof-card__price{padding-top:5px;position:relative;z-index:1;margin:0;line-height:1;color:#fff;}
.dof-card__amt{font-size:clamp(32px,4.4vw,44px);font-weight:600}
.dof-card__per{font-size:18px;font-weight:500;opacity:.92}
.dof-card__sub{position:relative;z-index:1;margin:6px 0 22px;min-height:22px;color:#fff;}
.dof-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:#fff;border:2px solid #fff;border-radius:999px;
  font-size:16px;font-weight:600;text-decoration:none;padding:12px 30px;transition:.2s}
.dof-cta:hover{background:#fff;color:var(--blue);transform:translateY(-2px)}
.dof-cta svg{width:18px;height:18px}

/* footnote */
.dof__note{text-align:center}
.dof__note p{font-size:16px;color:var(--grey);margin:0}
.dof__note a{color:var(--blue);font-weight:600}

.idealfor__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.idealfor__cap{font-size:22px;font-weight:var(--fw-semibold,600);line-height:1.3}
.headmiddle{text-align:center;}


#postpay-hotspot-plan{scroll-margin-top:100px}
.feat-list li.is-excluded{color:var(--od-grey-500,#8c97a5)}
.feat-list li.is-excluded svg{color:var(--od-grey-500,#8c97a5)}
.feat-list li{font-size:16px!important;}


.promo-banner--seasonal01 {
    background: #DEE4FA;
    color: #000;
}
.promo-banner01 {
    border-radius: var(--r-lg);
    padding: 50px;

    justify-content: space-between;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    position: relative;
}

.widthsmart { width: 36px !important;}


.overlay-card {
    background: url(https://imgcdn.myt.mu/image3-perfectfor.jpg;) center / cover no-repeat;
}