:root {
    --container: clamp(1080px, 75vw, 1900px);
    --text-xs: clamp(11px, 10.636px + 0.1136vw, 12px);
    --text-sm: clamp(13px, 12.636px + 0.1136vw, 14px);
    --text-md: clamp(15px, 14.636px + 0.1136vw, 16px);
    --text-lg: clamp(16px, 15.273px + 0.2273vw, 18px);
    --text-xl: clamp(19px, 17.909px + 0.3409vw, 22px);
    --text-2xl: clamp(24px, 21.818px + 0.6818vw, 30px);
    --text-3xl: clamp(30px, 25.636px + 1.3636vw, 42px);

    --s-1: clamp(3px, 2.636px + 0.1136vw, 4px);
    --s-2: clamp(6px, 5.273px + 0.2273vw, 8px);
    --s-3: clamp(10px, 9.273px + 0.2273vw, 12px);
    --s-4: clamp(13px, 11.909px + 0.3409vw, 16px);
    --s-5: clamp(18px, 15.818px + 0.6818vw, 24px);
    --s-6: clamp(22px, 18.364px + 1.1364vw, 32px);
    --s-7: clamp(32px, 26.182px + 1.8182vw, 48px);
    --s-8: clamp(44px, 36.727px + 2.2727vw, 64px);
    --s-9: clamp(56px, 47.273px + 2.7273vw, 80px);
    --s-10: clamp(68px, 56.364px + 3.6364vw, 100px);

    --fluid-scale: clamp(0.85, 0.8154 + 0.0108vw, 1);
}

@media (min-width: 1707px) {
    :root {
        --fluid-scale: clamp(1, 0.8402 + 0.0094vw, 1.08);
    }

    .vds-info__content h2 {
        font-size: 32px;
    }

    .vds-info__content li {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .vds-compare__title {
        font-size: 20px;
    }

    .vds-compare__sub {
        font-size: 15px;
    }

    .vds-compare__plan--small .vds-compare__title,
    .vds-compare__plan--small strong {
        font-size: 18px;
    }

    .vds-compare__discount {
        font-size: 14px;
    }
}

/* ---- discord.css ---- */
.discord-intro__card p { font-size: calc(16px * var(--fluid-scale)); }
.discord-feature-card p,
.discord-step p,
.discord-future-card p { font-size: calc(14px * var(--fluid-scale)); }

/* ---- hosting.css ---- */
.pricing-sales-credit-list li { font-size: calc(16px * var(--fluid-scale)); }
.pricing-sales-feature-list li { font-size: calc(15px * var(--fluid-scale)); }
.ph-pc-features li, .ph-pc-specs li { font-size: calc(14px * var(--fluid-scale)); }
.ph-custom-list li { font-size: calc(14px * var(--fluid-scale)); }
.hosting-faq__list p { font-size: calc(15px * var(--fluid-scale)); }
.toc-box h2 {   
    font-size: calc(20px * var(--fluid-scale));
    margin-bottom: calc(24px * var(--fluid-scale));
}
.section-trust h2 {
    font-size: calc(28px * var(--fluid-scale));
    margin-bottom: calc(24px * var(--fluid-scale));
}
.section-trust p {
    font-size: calc(16px * var(--fluid-scale));
    margin-bottom: calc(40px * var(--fluid-scale));
}
.trust-list li { font-size: calc(15px * var(--fluid-scale)); }
.package-features li {
    font-size: calc(14px * var(--fluid-scale));
    margin-bottom: calc(12px * var(--fluid-scale));
}
.cluster-links li { font-size: calc(14px * var(--fluid-scale)); }
.trust-badges-bar p { font-size: calc(14px * var(--fluid-scale)); }
.feature-list li {
    font-size: calc(14px * var(--fluid-scale));
    margin-bottom: calc(12px * var(--fluid-scale));
}
.package-decision-box .decision-item p { font-size: calc(14px * var(--fluid-scale)); }
.woo-feature p { font-size: calc(15px * var(--fluid-scale)); }
.section-kvkk-compliance h2 {
    font-size: calc(22px * var(--fluid-scale));
    margin-bottom: calc(16px * var(--fluid-scale));
}
.section-kvkk-compliance p { font-size: calc(15px * var(--fluid-scale)); }
.section-webmail-migration .ph-info-col>h2 {
    font-size: calc(26px * var(--fluid-scale));
    margin-bottom: calc(8px * var(--fluid-scale));
}
.section-webmail-migration .ph-info-col>p {
    font-size: calc(16px * var(--fluid-scale));
    margin-bottom: calc(40px * var(--fluid-scale));
}
.section-webmail-migration .split-item p { font-size: calc(14px * var(--fluid-scale)); }
.hero-bullet-points li { font-size: calc(14px * var(--fluid-scale)); }
.cms-section__head h2 {
    font-size: calc(24px * var(--fluid-scale));
    margin-bottom: calc(14px * var(--fluid-scale));
}
.cms-section__head p { font-size: calc(15px * var(--fluid-scale)); }
.ssl-feature-card p { font-size: calc(14px * var(--fluid-scale)); }
.ssl-process-card p { font-size: calc(13px * var(--fluid-scale)); }
.ssl-cta h2 {
    font-size: calc(28px * var(--fluid-scale));
    margin-bottom: calc(16px * var(--fluid-scale));
}
.ssl-cta p {
    font-size: calc(16px * var(--fluid-scale));
    margin-bottom: calc(32px * var(--fluid-scale));
}
.ts-subitem__body p { font-size: calc(15px * var(--fluid-scale)); }

/* ---- oyun.css ---- */
.oyun-info__section p,
.oyun-card__body p { font-size: calc(14px * var(--fluid-scale)); }
.oyun-page .oyun-intro-info__content .p,
.oyun-page .oyun-intro-info__content p { font-size: calc(12px * var(--fluid-scale)); }

/* ---- dedicated.css ---- */
.dedicated-feature p { font-size: calc(14px * var(--fluid-scale)); }
.calc-head h2 { font-size: calc(2rem * var(--fluid-scale)); }
.cta-final p {
    font-size: calc(1.15rem * var(--fluid-scale));
    margin-bottom: calc(32px * var(--fluid-scale));
}
.toc-card h2 {
    font-size: calc(1.5rem * var(--fluid-scale));
    margin-bottom: calc(24px * var(--fluid-scale));
}
.features-list li { font-size: calc(0.95rem * var(--fluid-scale)); }
.decision-content p { font-size: calc(1.1rem * var(--fluid-scale)); }
.process-step p { font-size: calc(0.95rem * var(--fluid-scale)); }
.scenario-card p {
    font-size: calc(0.9rem * var(--fluid-scale));
    margin-bottom: calc(20px * var(--fluid-scale));
}
.alternatif-content h2 {
    font-size: calc(2.4rem * var(--fluid-scale));
    margin-bottom: calc(20px * var(--fluid-scale));
}
.alternatif-content p {
    font-size: calc(1.15rem * var(--fluid-scale));
    margin-bottom: calc(32px * var(--fluid-scale));
}
.costs-note p { font-size: calc(14.5px * var(--fluid-scale)); }
.calc-intro-list li { font-size: calc(1.05rem * var(--fluid-scale)); }
.calc-highlight p { font-size: calc(14px * var(--fluid-scale)); }

/* ---- vds-page.css ---- */
.vds-info p {
    font-size: calc(16px * var(--fluid-scale));
    line-height: calc(28px * var(--fluid-scale));
}
.vds-content-newinfo li {
    font-size: calc(16px * var(--fluid-scale));
    line-height: calc(18px * var(--fluid-scale));
}
.vds-faq__list details p { font-size: calc(16px * var(--fluid-scale)); }

/* ---- alan-adi.css ---- */
.domain-point p { font-size: calc(15px * var(--fluid-scale)); }

@media (min-width: 1200px) {
    :root {
        --text-xs: clamp(12px, 10.235px + 0.1471vw, 14px);
        --text-sm: clamp(14px, 12.235px + 0.1471vw, 16px);
        --text-md: clamp(16px, 14.235px + 0.1471vw, 18px);
        --text-lg: clamp(18px, 15.353px + 0.2206vw, 21px);
        --text-xl: clamp(22px, 18.471px + 0.2941vw, 26px);
        --text-2xl: clamp(30px, 22.941px + 0.5882vw, 38px);
        --text-3xl: clamp(42px, 29.647px + 1.0294vw, 56px);

        --s-1: clamp(4px, 3.118px + 0.0735vw, 5px);
        --s-2: clamp(8px, 6.235px + 0.1471vw, 10px);
        --s-3: clamp(12px, 9.353px + 0.2206vw, 15px);
        --s-4: clamp(16px, 12.471px + 0.2941vw, 20px);
        --s-5: clamp(24px, 18.706px + 0.4412vw, 30px);
        --s-6: clamp(32px, 23.176px + 0.7353vw, 42px);
        --s-7: clamp(48px, 33.882px + 1.1765vw, 64px);
        --s-8: clamp(64px, 46.353px + 1.4706vw, 84px);
        --s-9: clamp(80px, 58.824px + 1.7647vw, 104px);
        --s-10: clamp(100px, 73.529px + 2.2059vw, 130px);
    }

    .h1 {
        font-size: clamp(52px, 23.765px + 2.3529vw, 84px);
    }

    .hero-media img {
        max-width: clamp(500px, 341.2px + 13.24vw, 680px);
    }
}

@media (min-width: 2560px) {
    :root {
        --text-xs: clamp(14px, 10px + 0.15625vw, 16px);
        --text-sm: clamp(16px, 12px + 0.15625vw, 18px);
        --text-md: clamp(18px, 14px + 0.15625vw, 20px);
        --text-lg: clamp(21px, 15px + 0.234375vw, 24px);
        --text-xl: clamp(26px, 20px + 0.234375vw, 29px);
        --text-2xl: clamp(38px, 28px + 0.390625vw, 43px);
        --text-3xl: clamp(56px, 42px + 0.546875vw, 63px);

        --s-1: clamp(5px, 3px + 0.078125vw, 6px);
        --s-2: clamp(10px, 8px + 0.078125vw, 11px);
        --s-3: clamp(15px, 11px + 0.15625vw, 17px);
        --s-4: clamp(20px, 16px + 0.15625vw, 22px);
        --s-5: clamp(30px, 22px + 0.3125vw, 34px);
        --s-6: clamp(42px, 32px + 0.390625vw, 47px);
        --s-7: clamp(64px, 48px + 0.625vw, 72px);
        --s-8: clamp(84px, 64px + 0.78125vw, 94px);
        --s-9: clamp(104px, 80px + 0.9375vw, 116px);
        --s-10: clamp(130px, 98px + 1.25vw, 146px);
    }

    .h1 {
        font-size: clamp(84px, 52px + 1.25vw, 100px);
    }

    .hero-media img {
        max-width: clamp(680px, 440px + 9.375vw, 800px);
    }
}