/* All four telecom product cards share the same geometry. */
#pricing.saerom-products-unified { scroll-margin-top: 100px; }
#pricing.saerom-products-unified > .container > .row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  align-items: stretch;
}
#pricing.saerom-products-unified > .container > .row::before,
#pricing.saerom-products-unified > .container > .row::after { display: none; }
#pricing.saerom-products-unified > .container > .row > .col-sm-6 {
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
}
#pricing.saerom-products-unified > .container > .row > .col-sm-6 > div { height: 100%; }
#pricing.saerom-products-unified ul.pricing {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0 16px 16px;
  border: 1px solid #d3dce7;
  border-radius: 14px;
  overflow: hidden;
}
#pricing.saerom-products-unified ul.pricing li.plan-header {
  margin: 0 -16px 8px;
  padding: 16px 16px 20px;
  border-radius: 0;
  min-height: 282px;
  flex: 0 0 auto;
}
#pricing.saerom-products-unified ul.pricing li.plan-header .price-duration {
  display: block;
  position: static;
  width: 100%;
  max-width: none;
  height: 210px;
  margin: 0;
  padding: 8px;
  border: 1px solid #dce4ed;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
#pricing.saerom-products-unified ul.pricing li.plan-header .price-duration > span.price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  line-height: normal;
}
#pricing.saerom-products-unified .price-duration img {
  display: block;
  width: 100%;
  height: 64px;
  max-width: 180px;
  max-height: 64px;
  object-fit: contain;
}
#pricing.saerom-products-unified .price-duration img[alt="KT"] { max-width: 82px; }
#pricing.saerom-products-unified ul.pricing li.plan-header .price-duration > span.saerom-ott-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
/* Reuse the approved three-logo artwork without altering the original file.
   Each window selects one complete logo; no stretching or logo reconstruction. */
.saerom-ott-mark {
  display: block;
  flex: 0 0 60px;
  width: 140px;
  max-width: 100%;
  height: 60px;
  background-image: url('../images/services-v3/ott-three.png');
  background-size: 300% auto;
  background-repeat: no-repeat;
}
.saerom-ott-netflix { background-position: 0% 47%; }
.saerom-ott-disney { background-position: 50% 47%; }
.saerom-ott-tving { background-position: 100% 47%; }
#pricing.saerom-products-unified ul.pricing li.plan-header .plan-name { margin: 18px 0 0; line-height: 1.3; }
#pricing.saerom-products-unified ul.pricing > li:not(.plan-header) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 48px;
  min-height: 48px;
  padding: 10px 2px;
  font-size: 15px;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
@media (max-width: 991px) {
  #pricing.saerom-products-unified > .container > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  #pricing.saerom-products-unified > .container > .row { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}