.ii-section{background-color:#1e2130;width:100%;padding:60px 0}
.ii-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:36px}
.ii-header__icon{width:52px;height:52px;object-fit:contain}
.ii-header__title{color:#fff;font-size:30px;font-weight:700;text-align:center}
.ii-cards{max-width:800px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:24px;width:100%}
.ii-card{width:100%;background-color:#3d4a61;border-radius:14px;padding:28px 32px;box-shadow:0 6px 18px rgba(0,0,0,0.25)}
.ii-card--package{display:flex;justify-content:space-between;align-items:center;gap:40px}
.ii-card__left{width:50%;display:flex;flex-direction:column;gap:12px}
.ii-card__right{flex:1}
.ii-card__plan-title{color:#fff;font-size:22px;font-weight:700;margin:0}
month | 174 SD | 5 HD */.ii-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ii-card__price{color:#e84b1c;font-size:16px;font-weight:600}
.ii-card__meta-divider{color:#6b7280;font-size:14px}
.ii-card__channels{color:#9ca3af;font-size:14px;font-weight:400}
.ii-logo-grid{flex-direction:column;display:flex;gap:10px;list-style:none;margin:0;padding:0}
.ii-logo-grid__item{grid-template-columns:repeat(auto-fill,76px);list-style:none;box-sizing:border-box;padding:10px;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:8px}
.ii-logo-grid__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;border:5px solid #5f6382}
.ii-logo-grid__more{list-style:none;color:#9ca3af;font-size:13px;align-self:flex-end;padding-bottom:4px}
.ii-feature-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.ii-feature-list__item{display:flex;align-items:center;gap:10px;background:#1c2333;padding:12px 14px;border-radius:6px;list-style:none}
.ii-feature-list__icon{flex-shrink:0;width:20px;height:20px;object-fit:contain}
.ii-feature-list__bullet{flex-shrink:0;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='002020'fill='none'%3E%3Crectwidth='20'height='20'rx='4'fill='%23E84B1C'/%3E%3Cpathd='M510l3.53.5L157'stroke='%23fff'stroke-width='2'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}
.ii-feature-list__text{color:#fff;font-size:14px;line-height:1.4}
.ii-card--box{display:flex;justify-content:space-between;align-items:center;gap:40px}
.ii-card__box-image{flex:1.2;display:flex;justify-content:flex-start}
.ii-card__box-img{width:100%;max-width:420px;object-fit:contain}
.ii-box-features{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;list-style:none;margin:0;padding:0}
.ii-box-features__item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;text-align:center;list-style:none}
.ii-box-features__icon{width:40px;height:40px;object-fit:contain}
.ii-box-features__text{color:#d1d5db;font-size:12px;line-height:1.4}
.ii-placeholder{padding:24px;text-align:center;color:#9ca3af;border:2px dashed #374151;border-radius:8px;margin:16px 24px}
@media(max-width:1024px){.ii-card--package{gap:24px}
.ii-box-features{gap:16px}
}
@media(max-width:768px){.ii-section{padding:40px 0}
.ii-cards{padding:0 16px}
.ii-card--box{order:-1}
.ii-card--package,.ii-card--box{flex-direction:column;text-align:center;gap:24px;padding:20px 16px}
.ii-card__left{width:100%;display:flex;flex-direction:column;gap:12px}
.ii-card__box-image{justify-content:center}
.ii-logo-grid{justify-content:center}
.ii-card__meta{justify-content:center}
.ii-feature-list__item{text-align:left}
.ii-box-features{justify-content:center;gap:8px;align-items:flex-start}
.ii-box-features__item{min-width:80px}
.ii-header__title{font-size:24px}
}