/* Slim My Movies product pages (slimmymovies/, rus/slimmymovies/) */

.smm-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 8px 0 18px;
}
.smm-hero img { width: 64px; height: 64px; }
.smm-hero-name {
    font-size: 32px;
    font-weight: bold;
    color: #1B2440;
    letter-spacing: 0.5px;
}
.smm-hero-name span { color: #E39A00; }

.smm-lead {
    font-size: 17px;
    line-height: 1.55;
}

.smm-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 20px;
    margin: 22px 0 6px;
}
.smm-cta-note {
    text-align: center;
    font-size: 13px;
    color: #666;
    margin: 0 0 20px;
}

/* "Why it is fast" */
.smm-fast {
    background: #FFF7E3;
    border: 1px solid #F3D48A;
    border-radius: 12px;
    padding: 6px 22px 16px;
    margin: 26px 0;
}
.smm-fast h2 { margin-top: 14px; }
.smm-fast-figure {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 14px 0 6px;
}
.smm-fast-figure div {
    flex: 1 1 180px;
    background: #fff;
    border-radius: 10px;
    padding: 12px 14px;
    border: 1px solid #F0E2BC;
}
.smm-fast-figure strong {
    display: block;
    font-size: 26px;
    color: #1B2440;
    line-height: 1.2;
}
.smm-fast-figure span { font-size: 14px; color: #555; }

.smm-compare {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0 4px;
    background: #fff;
    font-size: 15px;
}
.smm-compare th,
.smm-compare td {
    border: 1px solid #EADCB5;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.smm-compare thead th { background: #1B2440; color: #fff; }
.smm-compare thead th.smm-us { background: #E39A00; color: #1B2440; }
.smm-compare tbody th { background: #FBF3DD; font-weight: normal; width: 22%; }
.smm-compare td.smm-us { font-weight: bold; color: #1B2440; }

/* Free vs Pro */
.smm-plans {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 15px;
}
.smm-plans th,
.smm-plans td {
    border: 1px solid #ddd;
    padding: 8px 10px;
    text-align: center;
}
.smm-plans th:first-child,
.smm-plans td:first-child { text-align: left; }
.smm-plans thead th { background: #F4F4F4; }
.smm-plans .smm-pro { background: #FFF7E3; }

.smm-features li { margin-bottom: 4px; }

@media (max-width: 640px) {
    .smm-hero { flex-direction: column; gap: 6px; }
    .smm-hero-name { font-size: 26px; }
    .smm-compare { font-size: 14px; }
    .smm-compare tbody th { width: auto; }
    .smm-fast { padding: 4px 14px 12px; }
}