/* Shared editorial polish. Keep the IK1 blue and the existing logo. */
:root {
    --ik1-human-blue: #1957c5;
    --ik1-human-ink: #172238;
    --ik1-human-copy: #4c5d75;
    --ik1-human-line: #dce4f0;
}

body,
main p,
main li,
.footer,
.footer a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

main p,
main li {
    line-height: 1.7;
}

.ik1-home-hero::before,
.ik1-about-hero::before,
.ik1-care-hero::before,
.ik1-seo-hero::before,
.ik1-services-hero::before,
.ik1-shop-hero::before,
.ik1-web-hero::before {
    background-image: none;
}

.ik1-home-hero,
.ik1-about-hero,
.ik1-care-hero,
.ik1-seo-hero,
.ik1-services-hero,
.ik1-shop-hero,
.ik1-web-hero {
    background-color: #f8faff;
}

.ik1-services-hero h1,
.ik1-about-hero h1,
.ik1-care-hero h1,
.ik1-seo-hero h1,
.ik1-shop-hero h1,
.ik1-web-hero h1 {
    font-size: clamp(40px, 3.8vw, 56px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.ik1-home-hero h1 {
    letter-spacing: -.035em !important;
    line-height: 1.1 !important;
}

.ik1-hero-buttons .ik1-hero-primary-btn {
    background: #1f5eff !important;
    border-color: #1f5eff !important;
    box-shadow: 0 14px 28px rgb(31 94 255 / .18);
}

.ik1-hero-buttons .ik1-hero-primary-btn:hover {
    background: #174fd9 !important;
    border-color: #174fd9 !important;
}

.ik1-hero-text,
.ik1-about-lead,
.ik1-care-lead,
.ik1-seo-lead,
.ik1-services-lead,
.ik1-shop-lead,
.ik1-web-lead {
    color: var(--ik1-human-copy);
    line-height: 1.65;
}

.ik1-web-checks,
.ik1-about-checks,
.ik1-care-checks,
.ik1-seo-checks,
.ik1-services-checks,
.ik1-shop-checks {
    list-style: none !important;
    padding-left: 0;
}

.ik1-web-checks > li,
.ik1-about-checks > li,
.ik1-care-checks > li,
.ik1-seo-checks > li,
.ik1-services-checks > li,
.ik1-shop-checks > li {
    list-style: none !important;
}

.ik1-web-checks > li::marker,
.ik1-about-checks > li::marker,
.ik1-care-checks > li::marker,
.ik1-seo-checks > li::marker,
.ik1-services-checks > li::marker,
.ik1-shop-checks > li::marker {
    content: "";
}

.ik1-benefit-bar,
.ik1-services-card,
.ik1-web-card,
.ik1-shop-feature-card,
.ik1-care-service-card,
.ik1-seo-service-card {
    box-shadow: 0 12px 32px rgb(20 46 90 / .055);
}

.footer {
    border-top: 1px solid var(--ik1-human-line);
    background: #f8faff;
}

.footer .text-heading-5 {
    color: var(--ik1-human-ink);
    font-weight: 700;
}

.footer .menu-footer a {
    color: var(--ik1-human-copy);
    line-height: 1.5;
}

.footer .menu-footer a:hover,
.footer .menu-footer a:focus-visible {
    color: var(--ik1-human-blue);
}

.footer-bottom .menu-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 18px;
}

.paginations .pager li > span {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    padding: 10px 8px;
    border-radius: 50%;
    background-color: #e4e7ec;
    color: #667085;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.paginations .pager li > span.active {
    background: #1f5eff;
    color: #fff;
}

.paginations .pager li > span.prev-page,
.paginations .pager li > span.next-page {
    opacity: .55;
}

.paginations .pager li > span.prev-page {
    background: #e4e7ec url("../imgs/page/shop1/arrow-prev-gray.svg") no-repeat center;
}

.paginations .pager li > span.next-page {
    background: #e4e7ec url("../imgs/page/shop1/arrow-next-gray.svg") no-repeat center;
}

.paginations .pager li > span.page-dotted {
    background: #e4e7ec url("../imgs/page/shop1/doted.svg") no-repeat center;
}

@media (max-width: 767px) {
    .ik1-home-hero,
    .ik1-about-hero,
    .ik1-care-hero,
    .ik1-seo-hero,
    .ik1-services-hero,
    .ik1-shop-hero,
    .ik1-web-hero {
        padding-top: 42px;
    }

    .ik1-services-hero h1,
    .ik1-about-hero h1,
    .ik1-care-hero h1,
    .ik1-seo-hero h1,
    .ik1-shop-hero h1,
    .ik1-web-hero h1 {
        font-size: clamp(30px, 8vw, 36px);
        line-height: 1.16;
    }

    .ik1-hero-text,
    .ik1-about-lead,
    .ik1-care-lead,
    .ik1-seo-lead,
    .ik1-services-lead,
    .ik1-shop-lead,
    .ik1-web-lead {
        font-size: 16px;
        line-height: 1.62;
    }

    .ik1-about-section,
    .ik1-care-section,
    .ik1-seo-section,
    .ik1-services-section,
    .ik1-shop-section,
    .ik1-web-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .footer > .container > .row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 16px;
    }

    .footer > .container > .row > :last-child {
        grid-column: 1 / -1;
    }

    .footer .menu-footer li {
        margin-bottom: 10px;
    }

    .footer .menu-footer a,
    .footer .text-body-text {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik1-about-btn,
    .ik1-care-btn,
    .ik1-seo-btn,
    .ik1-services-btn,
    .ik1-shop-btn,
    .ik1-web-btn {
        transition: none;
    }
}