.seo-page {
        background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
        max-width: 100%;
        overflow-x: hidden;
    }

    .seo-section {
        padding: 64px 0;
    }

    .seo-page > .seo-section:first-child {
        padding-top: 56px;
    }

    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card,
    .seo-page .seo-process-card {
        background: #fff;
        border: 1px solid #e2e8f1;
        border-radius: 24px;
        box-shadow: 0 20px 46px rgba(15, 33, 58, 0.08);
    }

    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card {
        padding: 32px;
    }

    .seo-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 15px;
        border-radius: 999px;
        background: rgba(226, 31, 38, 0.08);
        color: #c91b22;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .seo-hero {
        position: relative;
        overflow: hidden;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 253, 0.98) 100%);
    }

    .seo-hero::after {
        content: "";
        position: absolute;
        right: -80px;
        bottom: -110px;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(226, 31, 38, 0.14), transparent 68%);
        pointer-events: none;
    }

    .seo-hero h1 {
        font-size: clamp(2.05rem, 3.6vw, 3.3rem);
        line-height: 1.08;
        margin-bottom: 16px;
        color: #0a1628;
        max-width: 760px;
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    .seo-hero p,
    .seo-page p,
    .seo-page li {
        color: #5b6575;
        line-height: 1.8;
    }

    .seo-arabic-support {
        margin-top: 14px;
        padding: 14px 16px;
        border-radius: 16px;
        background: #f7f9fc;
        border: 1px solid rgba(15, 35, 62, 0.1);
        color: #162842 !important;
        font-weight: 700;
        text-align: right;
    }

    .seo-highlight-row,
    .seo-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        max-width: 100%;
    }

    .seo-chip-row {
        margin-top: 22px;
    }

    .seo-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 16px;
        border-radius: 999px;
        background: #eef3fa;
        color: #0a1628;
        font-weight: 700;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .seo-highlight-row {
        margin-top: 24px;
    }

    .seo-highlight {
        display: grid;
        gap: 4px;
        min-width: 150px;
        padding: 16px 18px;
        border-radius: 18px;
        background: #f7f9fc;
        border: 1px solid #e2e8f1;
    }

    .seo-highlight strong {
        font-size: 1.5rem;
        line-height: 1;
        color: #0f213a;
    }

    .seo-highlight span {
        color: #5b6575;
        font-size: 0.92rem;
        font-weight: 600;
    }

    .seo-section-heading {
        max-width: 880px;
        margin-bottom: 22px;
    }

    .seo-section-heading p {
        margin-bottom: 0;
    }

    .seo-cluster-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
    }

    .seo-cluster-card {
        min-height: 100%;
        padding: 18px;
        border-radius: 18px;
        background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
        border: 1px solid #e2e8f1;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .seo-cluster-card > span {
        align-self: flex-start;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(226, 31, 38, 0.08);
        color: #c91b22;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .seo-cluster-card h3 {
        color: #0a1628;
        font-size: 17px;
        line-height: 1.24;
        margin: 0;
    }

    .seo-cluster-card p {
        line-height: 1.65;
        margin-bottom: 0;
    }

    .seo-cluster-meta {
        display: grid;
        gap: 8px;
        margin-top: auto;
        padding-top: 12px;
        border-top: 1px solid #e2e8f1;
    }

    .seo-cluster-meta small {
        display: flex;
        gap: 8px;
        color: #5b6575;
        font-weight: 700;
        line-height: 1.45;
    }

    .seo-cluster-meta i {
        color: #c91b22;
        margin-top: 3px;
    }

    .seo-cta-group {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    .seo-hero-media {
        position: relative;
        margin-top: 26px;
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid rgba(15, 33, 58, 0.08);
        box-shadow: 0 24px 54px rgba(15, 33, 58, 0.12);
    }

    .seo-hero-media img {
        width: 100%;
        aspect-ratio: 1.7 / 1;
        object-fit: cover;
    }

    .seo-hero-media-badge {
        position: absolute;
        top: 18px;
        left: 18px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 999px;
        background: rgba(9, 21, 38, 0.82);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        backdrop-filter: blur(10px);
    }

    .seo-page .seo-panel {
        background: linear-gradient(180deg, #0a1628 0%, #10233f 100%);
        border-color: rgba(255, 255, 255, 0.08);
        color: #fff;
        box-shadow: 0 28px 70px rgba(15, 33, 58, 0.22);
    }

    .seo-panel .seo-section-title,
    .seo-panel .contact-line a,
    .seo-panel .contact-line span,
    .seo-panel .form-label {
        color: #fff;
    }

    .seo-panel p {
        color: #e2e8f0;
    }

    .seo-panel .contact-line {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px;
        min-width: 0;
    }

    .seo-panel .contact-line i {
        color: #e21f26;
        margin-top: 4px;
        flex: 0 0 auto;
    }

    .seo-panel .contact-line a,
    .seo-panel .contact-line span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .local-contact-card {
        position: sticky;
        top: 118px;
    }

    .local-contact-card__kicker {
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
    }

    .local-contact-list {
        display: grid;
        gap: 10px;
        margin-top: 18px;
    }

    .local-contact-row {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 10px;
        align-items: flex-start;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.06);
    }

    .local-contact-row i {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(226, 31, 38, 0.16);
        color: #fff;
        margin-top: 1px;
    }

    .local-contact-row span {
        display: block;
        color: #cbd5e1;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        line-height: 1.3;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .local-contact-row a,
    .local-contact-row strong {
        display: block;
        color: #fff;
        font-size: 0.94rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

    .local-contact-row a:hover {
        color: #fff;
        text-decoration: underline;
    }

    .seo-panel hr {
        border-color: rgba(255, 255, 255, 0.12);
    }

    .seo-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 14px;
    }

    .seo-panel .form-label {
        font-weight: 700;
        margin-bottom: 8px;
    }

    .seo-panel .form-control {
        min-height: 54px;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        padding-inline: 16px;
        box-shadow: none;
    }

    .seo-panel .form-control::placeholder {
        color: rgba(255, 255, 255, 0.62);
    }

    .seo-panel textarea.form-control {
        min-height: 124px;
        padding-top: 14px;
        resize: vertical;
    }

    .seo-panel .form-control:focus {
        border-color: rgba(226, 31, 38, 0.5);
        box-shadow: 0 0 0 4px rgba(226, 31, 38, 0.12);
        background: rgba(255, 255, 255, 0.12);
    }

    .seo-section-title {
        margin-bottom: 18px;
        color: #0a1628;
    }

    .seo-section-heading {
        max-width: 740px;
        margin-bottom: 28px;
    }

    .seo-section-heading p {
        color: #5b6575;
        margin-bottom: 0;
    }

    .seo-list {
        display: grid;
        gap: 14px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .seo-list li {
        position: relative;
        padding-left: 28px;
    }

    .seo-list li::before {
        content: "\f058";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        top: 2px;
        left: 0;
        color: #e21f26;
    }

    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 16px;
    }

    .seo-process-card {
        height: 100%;
        padding: 24px;
        position: relative;
        overflow: hidden;
    }

    .seo-process-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #e21f26, #10233f);
    }

    .seo-process-number {
        width: 52px;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #0a1628;
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .seo-process-card h3 {
        color: #0a1628;
        font-size: 1.08rem;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .seo-link-card {
        display: block;
        padding: 22px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #e2e8f1;
        box-shadow: 0 10px 24px rgba(15, 33, 58, 0.06);
        color: #0a1628;
        height: 100%;
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .seo-link-card h3,
    .seo-blog-card h3 {
        font-size: 1.1rem;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #0a1628;
        overflow-wrap: anywhere;
    }

    .seo-link-card p,
    .seo-blog-card p,
    .seo-faq-card .accordion-button {
        overflow-wrap: anywhere;
    }

    .seo-link-card:hover {
        transform: translateY(-3px);
        border-color: rgba(226, 31, 38, 0.22);
        box-shadow: 0 20px 40px rgba(15, 33, 58, 0.1);
    }

    .seo-faq-card .accordion-item {
        border: none;
        border-bottom: 1px solid #e6edf5;
    }

    .seo-faq-card .accordion-item:last-child {
        border-bottom: none;
    }

    .seo-faq-card .accordion-button {
        padding-inline: 0;
        font-weight: 700;
        color: #0a1628;
        background: transparent;
    }

    .seo-faq-card .accordion-button:not(.collapsed) {
        color: #0a1628;
        background: rgba(226, 31, 38, 0.04);
        box-shadow: none;
    }

    .seo-faq-card .accordion-button:focus {
        box-shadow: none;
    }

    .seo-inline-links a {
        color: #e21f26;
        font-weight: 700;
    }

    .seo-banner {
        border-radius: 28px;
        padding: 36px;
        background: linear-gradient(135deg, #0a1628 0%, #10233f 100%);
        box-shadow: 0 28px 66px rgba(15, 33, 58, 0.18);
        color: #e2e8f0;
    }

    .seo-banner h2,
    .seo-banner p {
        color: #fff;
    }

    @media (max-width: 991.98px) {
        .seo-hero h1 {
            max-width: none;
        }

        .seo-cluster-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .local-contact-card {
            position: relative;
            top: auto;
        }
    }

    @media (max-width: 767.98px) {
        .seo-section {
            padding: 44px 0;
        }

        .seo-page > .seo-section:first-child {
            padding-top: 40px;
        }

        .seo-hero h1 {
            font-size: clamp(1.85rem, 9vw, 2.5rem);
            line-height: 1.12;
            max-width: 100%;
            overflow-wrap: break-word;
            word-break: normal;
            text-wrap: wrap;
        }

        .seo-kicker {
            max-width: 100%;
            white-space: normal;
            overflow-wrap: anywhere;
        }

        .seo-chip-row,
        .seo-highlight-row {
            display: grid;
            grid-template-columns: 1fr;
        }

        .seo-chip,
        .seo-highlight {
            width: 100%;
            min-width: 0;
        }

        .seo-form-grid {
            grid-template-columns: 1fr;
        }

        .seo-page .seo-card,
        .seo-page .seo-panel,
        .seo-page .seo-list-card,
        .seo-page .seo-faq-card,
        .seo-page .seo-blog-card,
        .seo-page .seo-process-card {
            padding: 20px;
        }

        .seo-process-grid,
        .seo-link-grid,
        .seo-cluster-grid,
        .seo-blog-grid {
            grid-template-columns: minmax(0, 1fr);
        }

        .seo-cta-group {
            flex-direction: column;
            align-items: stretch;
        }

        .seo-cta-group .theme-btn,
        .seo-cta-group .theme-btn-white {
            width: 100%;
        }

        .seo-banner {
            padding: 26px 20px;
        }
    }

    @media (min-width: 992px) {
        .seo-hero .seo-highlight-row {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .seo-hero .seo-highlight {
            min-width: 0;
        }
    }

    /* Final location/service landing polish: compact rhythm, stronger cards, safer mobile titles. */
    .seo-section {
        padding: clamp(52px, 5.2vw, 70px) 0;
    }

    .seo-page > .seo-section:first-child {
        padding-top: clamp(42px, 4.6vw, 58px);
    }

    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card {
        padding: clamp(24px, 2.6vw, 30px);
        border-radius: 22px;
        box-shadow: 0 16px 38px rgba(15, 33, 58, 0.075);
    }

    .seo-page .seo-panel {
        box-shadow: 0 22px 54px rgba(15, 33, 58, 0.2);
    }

    .seo-hero h1 {
        font-size: clamp(1.95rem, 3.15vw, 3rem);
        line-height: 1.08;
        margin-bottom: 14px;
        letter-spacing: -0.025em;
    }

    .seo-hero p,
    .seo-page p,
    .seo-page li {
        line-height: 1.74;
    }

    .seo-kicker {
        margin-bottom: 14px;
        padding: 8px 14px;
    }

    .seo-chip-row {
        margin-top: 18px;
        gap: 10px;
    }

    .seo-chip {
        padding: 10px 14px;
    }

    .seo-highlight-row {
        margin-top: 20px;
        gap: 10px;
    }

    .seo-highlight {
        padding: 14px 16px;
    }

    .seo-cta-group {
        margin-top: 20px;
        gap: 10px;
    }

    .seo-hero-media {
        margin-top: 22px;
        border-radius: 22px;
    }

    .seo-hero-media img {
        aspect-ratio: 1.78 / 1;
        object-position: center 42%;
    }

    .local-contact-card {
        top: calc(var(--psfm-fixed-header-height, 94px) + 22px);
    }

    .local-contact-list {
        gap: 9px;
        margin-top: 16px;
    }

    .local-contact-row {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        padding: 11px;
        border-radius: 15px;
    }

    .local-contact-row i {
        width: 30px;
        height: 30px;
    }

    .seo-section-heading {
        margin-bottom: 24px;
    }

    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid {
        gap: 14px;
    }

    .seo-link-card,
    .seo-process-card {
        border-radius: 18px;
    }

    .seo-banner {
        padding: clamp(26px, 3vw, 34px);
        border-radius: 24px;
    }

    @media (max-width: 767.98px) {
        .seo-section {
            padding: 38px 0;
        }

        .seo-page > .seo-section:first-child {
            padding-top: 34px;
        }

        .seo-hero h1 {
            font-size: clamp(1.46rem, 7.2vw, 2.08rem);
            line-height: 1.12;
            letter-spacing: -0.018em;
            overflow-wrap: break-word;
        }

        .seo-hero p,
        .seo-page p,
        .seo-page li {
            line-height: 1.66;
        }

        .seo-page .seo-card,
        .seo-page .seo-panel,
        .seo-page .seo-list-card,
        .seo-page .seo-faq-card,
        .seo-page .seo-blog-card,
        .seo-page .seo-process-card {
            padding: 18px;
            border-radius: 18px;
        }

        .seo-chip-row,
        .seo-highlight-row {
            margin-top: 16px;
            gap: 9px;
        }

        .seo-chip,
        .seo-highlight,
        .local-contact-row {
            border-radius: 14px;
        }

        .seo-hero-media img {
            aspect-ratio: 1.35 / 1;
        }

        .seo-cta-group {
            gap: 9px;
        }

        .seo-banner {
            padding: 22px 18px;
            border-radius: 20px;
        }
    }

    /* Premium CTA and blog detail polish shared by service/location/blog pages. */
    .blog-support-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .blog-support-actions .theme-btn,
    .blog-support-actions .theme-btn-white,
    .seo-cta-group .theme-btn,
    .seo-cta-group .theme-btn-white {
        min-width: 0;
        justify-content: center;
        text-align: center;
        overflow-wrap: anywhere;
    }

    .blog-support-actions .theme-btn:first-child {
        background: #e21f26;
        color: #fff;
        border-color: #e21f26;
    }

    .blog-support-actions .theme-btn:first-child:hover {
        background: #c91b22;
        color: #fff;
        border-color: #c91b22;
    }

    .blog-support-actions .theme-btn-white {
        background: #fff;
        color: #0a1628;
        border-color: #e6eaf0;
        box-shadow: none;
    }

    .blog-support-actions .theme-btn-white:hover {
        background: #0a1628;
        color: #fff;
        border-color: #0a1628;
    }

    .blog-detail-card {
        border: 1px solid #e6eaf0;
        box-shadow: 0 20px 48px rgba(15, 33, 58, 0.08);
    }

    .blog-detail-body {
        overflow-wrap: anywhere;
    }

    @media (max-width: 991.98px) {
        .blog-support-actions {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575.98px) {
        .blog-support-actions {
            grid-template-columns: 1fr;
        }
    }

    /* Jeddah buyer-intent section: local commercial use cases without creating duplicate landing URLs. */
    .jeddah-buyer-intent-card {
        background:
            linear-gradient(135deg, rgba(226, 31, 38, 0.08), transparent 34%),
            #fff;
    }

    .jeddah-buyer-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .jeddah-buyer-card {
        min-height: 176px;
        padding: 18px;
        border: 1px solid rgba(15, 32, 54, 0.08);
        border-radius: 8px;
        background: #f8fafc;
        transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .jeddah-buyer-card:hover {
        transform: translateY(-3px);
        border-color: rgba(226, 31, 38, 0.26);
        box-shadow: 0 18px 36px rgba(10, 22, 40, 0.1);
    }

    .jeddah-buyer-card h3 {
        margin: 0 0 8px;
        color: #0a1628;
        font-size: 1rem;
        line-height: 1.32;
        letter-spacing: 0;
    }

    .jeddah-buyer-card p {
        margin: 0;
        color: #647084;
        font-size: 0.92rem;
        line-height: 1.62;
    }

    .jeddah-buyer-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
    }

    .jeddah-buyer-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 9px 14px;
        border: 1px solid rgba(15, 32, 54, 0.1);
        border-radius: 8px;
        background: #fff;
        color: #0a1628;
        font-weight: 800;
        line-height: 1.2;
    }

    .jeddah-buyer-actions a:hover {
        border-color: #e21f26;
        background: #e21f26;
        color: #fff;
    }

    @media (max-width: 991.98px) {
        .jeddah-buyer-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575.98px) {
        .jeddah-buyer-grid {
            grid-template-columns: 1fr;
        }

        .jeddah-buyer-card {
            min-height: 0;
        }

        .jeddah-buyer-actions a {
            width: 100%;
        }
    }

    /* Corporate landing effects: premium depth for service, city, sector, and blog support pages. */
    .seo-page {
        background:
            linear-gradient(180deg, #f7f9fc 0%, #ffffff 42%, #f4f7fb 100%),
            radial-gradient(circle at 10% 6%, rgba(237, 28, 36, 0.08), transparent 26%),
            radial-gradient(circle at 88% 18%, rgba(7, 23, 44, 0.08), transparent 30%);
    }

    .seo-hero,
    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card,
    .seo-page .seo-process-card,
    .seo-link-card,
    .local-contact-card {
        position: relative;
        overflow: hidden;
        transition:
            transform 0.25s ease,
            box-shadow 0.25s ease,
            border-color 0.25s ease;
    }

    .seo-page .seo-card::after,
    .seo-page .seo-panel::after,
    .seo-page .seo-list-card::after,
    .seo-page .seo-faq-card::after,
    .seo-page .seo-blog-card::after,
    .seo-page .seo-process-card::after,
    .seo-link-card::after,
    .local-contact-card::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 28%),
            radial-gradient(circle at top right, rgba(237, 28, 36, 0.1), transparent 34%);
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .seo-page .seo-card:hover,
    .seo-page .seo-list-card:hover,
    .seo-page .seo-blog-card:hover,
    .seo-page .seo-process-card:hover,
    .seo-link-card:hover,
    .local-contact-row:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 48px rgba(15, 33, 58, 0.13);
        border-color: rgba(237, 28, 36, 0.18);
    }

    .seo-page .seo-card:hover::after,
    .seo-page .seo-panel:hover::after,
    .seo-page .seo-list-card:hover::after,
    .seo-page .seo-faq-card:hover::after,
    .seo-page .seo-blog-card:hover::after,
    .seo-page .seo-process-card:hover::after,
    .seo-link-card:hover::after,
    .local-contact-card:hover::after {
        opacity: 1;
    }

    .seo-kicker,
    .seo-chip,
    .seo-highlight,
    .local-contact-row i {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .seo-chip:hover,
    .seo-highlight:hover,
    .local-contact-row:hover i {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(15, 33, 58, 0.1);
    }

    .seo-hero-media::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        height: 42%;
        pointer-events: none;
        background: linear-gradient(180deg, transparent, rgba(7, 23, 44, 0.28));
    }

    @media (prefers-reduced-motion: reduce) {
        .seo-hero,
        .seo-page .seo-card,
        .seo-page .seo-panel,
        .seo-page .seo-list-card,
        .seo-page .seo-faq-card,
        .seo-page .seo-blog-card,
        .seo-page .seo-process-card,
        .seo-link-card,
        .local-contact-card,
        .seo-kicker,
        .seo-chip,
        .seo-highlight,
        .local-contact-row i {
            transition: none;
        }
    }

    /* PSFM live QA finish: keep Arabic sector pages inside the mobile viewport. */
    @media (max-width: 767.98px) {
        html[dir="rtl"] .site-breadcrumb,
        html[dir="rtl"] .site-breadcrumb-wrapper,
        html[dir="rtl"] .seo-page,
        html[dir="rtl"] .seo-section,
        html[dir="rtl"] .seo-card,
        html[dir="rtl"] .seo-list-card,
        html[dir="rtl"] .seo-faq-card,
        html[dir="rtl"] .local-contact-card {
            max-width: 100%;
            overflow-x: clip;
        }

        html[dir="rtl"] .site-breadcrumb-wrapper .container,
        html[dir="rtl"] .seo-page .container {
            max-width: 100%;
            padding-inline: 14px;
            overflow: hidden;
        }

        html[dir="rtl"] .site-breadcrumb .breadcrumb-title,
        html[dir="rtl"] .seo-hero h1,
        html[dir="rtl"] .seo-section-title,
        html[dir="rtl"] .seo-card h2,
        html[dir="rtl"] .seo-card h3,
        html[dir="rtl"] .seo-page p,
        html[dir="rtl"] .seo-page li,
        html[dir="rtl"] .local-contact-row {
            max-width: 100%;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: normal;
        }

        html[dir="rtl"] .breadcrumb-menu,
        html[dir="rtl"] .seo-chip-row,
        html[dir="rtl"] .seo-cta-group {
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding-inline: 0;
            margin-inline: 0;
            gap: 9px;
        }

        html[dir="rtl"] .breadcrumb-menu li,
        html[dir="rtl"] .breadcrumb-menu a,
        html[dir="rtl"] .seo-chip,
        html[dir="rtl"] .seo-highlight {
            min-width: 0;
            max-width: 100%;
            white-space: normal;
            overflow-wrap: anywhere;
        }

        html[dir="rtl"] .seo-link-grid,
        html[dir="rtl"] .seo-cluster-grid,
        html[dir="rtl"] .seo-process-grid {
            grid-template-columns: 1fr;
            min-width: 0;
        }
    }

/* Premium corporate motion layer for service, location, industry, and blog pages. */
@keyframes psfm-seo-rise {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes psfm-seo-media-drift {
    0% {
        transform: scale(1.01) translate3d(0, 0, 0);
    }

    50% {
        transform: scale(1.05) translate3d(7px, -5px, 0);
    }

    100% {
        transform: scale(1.01) translate3d(0, 0, 0);
    }
}

@keyframes psfm-seo-sweep {
    0% {
        transform: translateX(-120%) skewX(-18deg);
        opacity: 0;
    }

    18%,
    54% {
        opacity: 0.48;
    }

    100% {
        transform: translateX(136%) skewX(-18deg);
        opacity: 0;
    }
}

.seo-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0%, rgba(226, 31, 38, 0.08) 24%, transparent 46%),
        linear-gradient(90deg, rgba(15, 33, 58, 0.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 33, 58, 0.03) 1px, transparent 1px);
    background-size: 48% 100%, 76px 76px, 76px 76px;
    animation: psfm-seo-sweep 9s ease-in-out infinite;
}

.seo-hero > .container,
.seo-page .seo-card,
.seo-page .seo-panel,
.seo-page .seo-list-card,
.seo-page .seo-faq-card,
.seo-page .seo-blog-card,
.seo-page .seo-process-card,
.seo-cluster-card,
.seo-link-card,
.jeddah-buyer-intent-card,
.jeddah-buyer-card,
.local-contact-card {
    animation: psfm-seo-rise 0.68s ease both;
}

.seo-cluster-card:nth-child(2n),
.seo-link-card:nth-child(2n),
.jeddah-buyer-card:nth-child(2n) {
    animation-delay: 0.06s;
}

.seo-cluster-card:nth-child(3n),
.seo-link-card:nth-child(3n),
.jeddah-buyer-card:nth-child(3n) {
    animation-delay: 0.13s;
}

.seo-hero-media,
.seo-page .seo-panel,
.seo-page .seo-card,
.seo-page .seo-list-card,
.seo-page .seo-faq-card,
.seo-page .seo-blog-card,
.seo-page .seo-process-card,
.jeddah-buyer-intent-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.seo-hero-media img {
    transform-origin: center;
    animation: psfm-seo-media-drift 20s ease-in-out infinite;
}

.seo-hero-media::before,
.seo-page .seo-panel::before,
.jeddah-buyer-intent-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -34%;
    width: 25%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
    transform: skewX(-18deg);
    animation: psfm-seo-sweep 8.4s ease-in-out infinite;
    z-index: 1;
}

.seo-hero-media > *,
.seo-page .seo-panel > *,
.jeddah-buyer-intent-card > * {
    position: relative;
    z-index: 2;
}

.seo-page .seo-card,
.seo-page .seo-list-card,
.seo-page .seo-faq-card,
.seo-page .seo-blog-card,
.seo-page .seo-process-card,
.seo-cluster-card,
.seo-link-card,
.jeddah-buyer-card,
.local-contact-card,
.seo-chip,
.seo-highlight,
.seo-cta-group .theme-btn,
.seo-cta-group .theme-btn-white {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease, color 0.28s ease;
}

.seo-page .seo-card:hover,
.seo-page .seo-list-card:hover,
.seo-page .seo-faq-card:hover,
.seo-page .seo-blog-card:hover,
.seo-page .seo-process-card:hover,
.seo-cluster-card:hover,
.seo-link-card:hover,
.jeddah-buyer-card:hover,
.local-contact-card:hover {
    transform: translateY(-5px);
    border-color: rgba(226, 31, 38, 0.24);
    box-shadow: 0 24px 52px rgba(15, 33, 58, 0.12);
}

.seo-cta-group .theme-btn,
.seo-cta-group .theme-btn-white,
.jeddah-buyer-actions a {
    position: relative;
    overflow: hidden;
}

.seo-cta-group .theme-btn::after,
.seo-cta-group .theme-btn-white::after,
.jeddah-buyer-actions a::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -48%;
    width: 36%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
    transform: skewX(-18deg);
    transition: transform 0.62s ease;
}

.seo-cta-group .theme-btn:hover::after,
.seo-cta-group .theme-btn-white:hover::after,
.jeddah-buyer-actions a:hover::after {
    transform: translateX(360%) skewX(-18deg);
}

@media (prefers-reduced-motion: reduce) {
    .seo-hero::before,
    .seo-hero > .container,
    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card,
    .seo-page .seo-process-card,
    .seo-cluster-card,
    .seo-link-card,
    .jeddah-buyer-intent-card,
    .jeddah-buyer-card,
    .local-contact-card,
    .seo-hero-media img,
    .seo-hero-media::before,
    .seo-page .seo-panel::before,
    .jeddah-buyer-intent-card::before {
        animation: none !important;
    }
}

/* PSFM final alignment/size guard: service, RFQ, contact, industries, and blog card rhythm. */
.seo-page,
.seo-section,
.seo-card,
.seo-list-card,
.seo-faq-card,
.seo-link-card,
.seo-process-card,
.service-operating-model-card,
.service-intent-item,
.local-contact-card,
.contact-info,
.contact-form,
.blog-item,
.psfm-blog-card {
    min-width: 0 !important;
}

.seo-cta-group,
.hero-actions,
.premium-product-actions {
    max-width: 100% !important;
}

.seo-cta-group .theme-btn,
.seo-cta-group .theme-btn-white,
.hero-actions .theme-btn,
.hero-actions .theme-btn-white,
.premium-product-actions .theme-btn,
.premium-product-actions .theme-btn-white {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 1199.98px) {
    .seo-page .container,
    .seo-section .container,
    .site-breadcrumb-wrapper .container,
    .contact-area .container,
    .psfm-contact-page .container {
        max-width: min(100%, 940px) !important;
        overflow-x: clip !important;
    }

    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        border-radius: 18px !important;
    }
}

@media (max-width: 767.98px) {
    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        padding: 20px !important;
    }

    .seo-hero h1,
    .site-breadcrumb .breadcrumb-title {
        font-size: clamp(1.62rem, 7.4vw, 2.18rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .seo-section-title,
    .homepage-section-intro h2 {
        font-size: clamp(1.42rem, 6vw, 1.92rem) !important;
        line-height: 1.16 !important;
    }

    .seo-cta-group,
    html[dir="rtl"] .seo-cta-group {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
    }

    .seo-cta-group .theme-btn,
    .seo-cta-group .theme-btn-white,
    html[dir="rtl"] .seo-cta-group .theme-btn,
    html[dir="rtl"] .seo-cta-group .theme-btn-white {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.18 !important;
    }

    .service-intent-strip,
    .service-operating-model-grid,
    .seo-cluster-grid,
    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 430px) {
    .seo-page .container,
    .seo-section .container,
    .site-breadcrumb-wrapper .container,
    .contact-area .container,
    .psfm-contact-page .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        padding: 18px !important;
    }
}

/* 2026-06 GSC mobile CWV guard: reduce LCP/INP pressure on service conversion pages. */
@media (max-width: 767.98px) {
    .seo-page .seo-hero::before,
    .seo-page .seo-hero::after,
    .seo-page .seo-hero > .container,
    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card,
    .seo-page .seo-process-card,
    .seo-page .seo-cluster-card,
    .seo-page .seo-link-card,
    .seo-page .jeddah-buyer-intent-card,
    .seo-page .jeddah-buyer-card,
    .seo-page .local-contact-card,
    .seo-page .service-intent-item,
    .seo-page .seo-hero-media,
    .seo-page .seo-hero-media img,
    .seo-page .seo-hero-media::before,
    .seo-page .seo-hero-media::after,
    .seo-page .seo-cta-group .theme-btn:first-child,
    .seo-page .seo-cta-group .theme-btn,
    .seo-page .seo-cta-group .theme-btn-white,
    .seo-page .seo-cta-group .theme-btn::after,
    .seo-page .seo-cta-group .theme-btn-white::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        will-change: auto !important;
    }

    .seo-page .seo-hero::before,
    .seo-page .seo-hero::after,
    .seo-page .seo-hero-media::before,
    .seo-page .seo-hero-media::after,
    .seo-page .seo-cta-group .theme-btn::after,
    .seo-page .seo-cta-group .theme-btn-white::after {
        content: none !important;
        display: none !important;
    }

    .seo-page .seo-hero {
        contain: layout paint style !important;
        content-visibility: visible !important;
    }

    .seo-page[data-psfm-service="manpower-supply-services"] .seo-hero-media {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* PSFM landing-page breathing room: service, city, blog, and local SEO pages. */
.seo-page,
.psfm-services-page {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 52%, #ffffff 100%) !important;
}

.seo-page .container,
.psfm-services-page .container {
    max-width: min(1240px, calc(100vw - 40px)) !important;
}

.seo-hero {
    padding-block: clamp(76px, 7vw, 118px) !important;
}

.seo-hero > .container {
    gap: clamp(34px, 4vw, 64px) !important;
}

.seo-hero h1 {
    max-width: 880px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

.seo-hero p,
.seo-card p,
.seo-list-card p,
.seo-blog-card p,
.seo-process-card p,
.local-contact-card p,
.jeddah-buyer-card p {
    line-height: 1.72 !important;
}

.seo-section-title,
.seo-card h2,
.seo-card h3,
.seo-list-card h2,
.seo-list-card h3,
.seo-blog-card h3,
.seo-process-card h3,
.jeddah-buyer-card h3 {
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

.seo-page .seo-card,
.seo-page .seo-panel,
.seo-page .seo-list-card,
.seo-page .seo-faq-card,
.seo-page .seo-blog-card,
.seo-page .seo-process-card,
.seo-cluster-card,
.seo-link-card,
.jeddah-buyer-intent-card,
.jeddah-buyer-card,
.local-contact-card {
    border-radius: 22px !important;
    padding: clamp(24px, 2.5vw, 36px) !important;
}

.seo-cluster-grid,
.seo-process-grid,
.seo-link-grid,
.seo-blog-grid,
.jeddah-buyer-grid {
    gap: clamp(18px, 2vw, 28px) !important;
}

.seo-cta-group {
    gap: 14px !important;
}

.seo-cta-group .theme-btn,
.seo-cta-group .theme-btn-white,
.jeddah-buyer-actions a {
    min-height: 54px !important;
    border-radius: 999px !important;
    justify-content: center !important;
}

.local-contact-card {
    max-width: 100% !important;
}

.local-contact-row {
    align-items: flex-start !important;
    gap: 14px !important;
}

@media (max-width: 991.98px) {
    .seo-page .container,
    .psfm-services-page .container {
        max-width: min(92vw, 920px) !important;
        padding-inline: 24px !important;
    }

    .seo-hero {
        padding-block: 66px !important;
    }

    .seo-hero > .container {
        gap: 32px !important;
    }

    .seo-cluster-grid,
    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid,
    .jeddah-buyer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    .seo-page .container,
    .psfm-services-page .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 18px !important;
    }

    .seo-hero {
        padding-block: 54px !important;
    }

    .seo-hero h1 {
        font-size: clamp(1.82rem, 7.4vw, 2.45rem) !important;
    }

    .seo-page .seo-card,
    .seo-page .seo-panel,
    .seo-page .seo-list-card,
    .seo-page .seo-faq-card,
    .seo-page .seo-blog-card,
    .seo-page .seo-process-card,
    .seo-cluster-card,
    .seo-link-card,
    .jeddah-buyer-intent-card,
    .jeddah-buyer-card,
    .local-contact-card {
        padding: 22px !important;
        border-radius: 20px !important;
    }

    .seo-cluster-grid,
    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid,
    .jeddah-buyer-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .seo-cta-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .seo-cta-group .theme-btn,
    .seo-cta-group .theme-btn-white {
        width: 100% !important;
    }
}

/* Canonical manpower landing pages: surface hero CTAs sooner on mobile without affecting other location pages. */
@media (max-width: 575.98px) {
    .psfm-manpower-conversion-page > .seo-section:first-child {
        padding-top: 22px !important;
    }

    .psfm-manpower-conversion-page .seo-hero {
        padding-block: 30px !important;
    }

    .psfm-manpower-conversion-page .seo-hero h1 {
        font-size: clamp(1.62rem, 6.7vw, 2.08rem) !important;
        line-height: 1.08 !important;
        margin-bottom: 12px !important;
    }

    .psfm-manpower-conversion-page .seo-hero p {
        line-height: 1.58 !important;
    }

    .psfm-manpower-conversion-page .seo-chip-row {
        gap: 7px !important;
        margin-top: 14px !important;
    }

    .psfm-manpower-conversion-page .seo-chip {
        min-height: 38px !important;
        padding: 8px 11px !important;
        font-size: 0.78rem !important;
    }

    .psfm-manpower-conversion-page .seo-cta-group {
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .psfm-manpower-conversion-page .seo-cta-group .theme-btn,
    .psfm-manpower-conversion-page .seo-cta-group .theme-btn-white {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 46px !important;
        padding: 6px 8px 6px 18px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .psfm-manpower-conversion-page .seo-cta-group .theme-btn i,
    .psfm-manpower-conversion-page .seo-cta-group .theme-btn-white i {
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-left: 8px !important;
    }

    html[dir="rtl"] .psfm-manpower-conversion-page .seo-cta-group .theme-btn,
    html[dir="rtl"] .psfm-manpower-conversion-page .seo-cta-group .theme-btn-white {
        padding: 6px 18px 6px 8px !important;
    }

    html[dir="rtl"] .psfm-manpower-conversion-page .seo-cta-group .theme-btn i,
    html[dir="rtl"] .psfm-manpower-conversion-page .seo-cta-group .theme-btn-white i {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }
}

/* Premium service pages: make commercial delivery model explicit for buyers. */
.service-operating-model-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.service-operating-model-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.service-operating-model-card {
    min-width: 0;
    min-height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}

.service-operating-model-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(237, 28, 36, 0.10);
    color: #ED1C24;
}

.service-operating-model-card h3 {
    margin-bottom: 8px;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.32;
}

.service-operating-model-card p {
    margin-bottom: 12px;
    color: #475569;
    font-size: 0.92rem;
    line-height: 1.65;
}

.service-operating-model-list {
    display: grid;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.service-operating-model-list li {
    position: relative;
    padding-inline-start: 18px;
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.5;
}

.service-operating-model-list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.62em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ED1C24;
}

@media (max-width: 1199.98px) {
    .service-operating-model-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .service-operating-model-grid {
        grid-template-columns: 1fr;
    }

    .service-operating-model-card {
        padding: 18px;
    }
}

/* PSFM service detail conversion polish. */
.service-intent-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 4px;
}

.service-intent-item {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.service-intent-item strong {
    display: block;
    margin-bottom: 5px;
    color: #0f172a;
    font-size: 0.86rem;
    line-height: 1.3;
}

.service-intent-item span {
    display: block;
    color: #475569;
    font-size: 0.78rem;
    line-height: 1.5;
}

@media (max-width: 767.98px) {
    .service-intent-strip {
        grid-template-columns: 1fr;
        margin-top: 14px;
    }
}

@media (max-width: 575.98px) {
    .seo-hero .seo-cta-group {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .seo-hero .seo-cta-group > :first-child {
        grid-column: 1 / -1 !important;
    }

    .seo-hero .seo-cta-group .theme-btn,
    .seo-hero .seo-cta-group .theme-btn-white {
        min-height: 42px !important;
        padding: 9px 10px !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 0.76rem !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    .seo-hero .seo-cta-group .theme-btn i,
    .seo-hero .seo-cta-group .theme-btn-white i {
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        margin: 0 !important;
    }
}

.seo-hero .seo-cta-group .theme-btn-white i.fab.fa-whatsapp,
html[dir="rtl"] .seo-hero .seo-cta-group .theme-btn-white i.fab.fa-whatsapp {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Premium conversion motion polish: lightweight, CSS-only, and SEO-safe. */
@keyframes psfmPremiumFadeLift {
    from {
        opacity: 0;
        transform: translate3d(0, 14px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes psfmPremiumSoftGlow {
    0%,
    100% {
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    }

    50% {
        box-shadow: 0 18px 44px rgba(237, 28, 36, 0.14);
    }
}

.homepage-hero .hero-copy,
.homepage-hero .hero-panel,
.homepage-shell .homepage-section-intro,
.service-intent-item,
.service-operating-model-card,
.seo-card,
.seo-list-card,
.seo-link-card,
.seo-process-card,
.premium-product-layout > *,
.premium-product-card,
.premium-product-section {
    animation: psfmPremiumFadeLift 560ms ease-out both;
    will-change: transform, opacity;
}

.homepage-hero .hero-panel,
.service-operating-model-card:nth-child(2),
.seo-link-card:nth-child(2),
.premium-product-card:nth-child(2) {
    animation-delay: 80ms;
}

.service-operating-model-card:nth-child(3),
.seo-link-card:nth-child(3),
.premium-product-card:nth-child(3) {
    animation-delay: 140ms;
}

.service-operating-model-card:nth-child(4),
.premium-product-section:nth-of-type(2) {
    animation-delay: 190ms;
}

.service-operating-model-card:nth-child(5),
.premium-product-section:nth-of-type(3) {
    animation-delay: 230ms;
}

.theme-btn,
.theme-btn-white,
.psfm-cta-pill,
.seo-link-card,
.seo-list-card,
.service-operating-model-card,
.premium-product-card,
.premium-product-section {
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease;
}

.theme-btn:hover,
.theme-btn-white:hover,
.psfm-cta-pill:hover {
    transform: translateY(-2px);
}

.seo-link-card:hover,
.seo-list-card:hover,
.service-operating-model-card:hover,
.premium-product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(237, 28, 36, 0.22);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);
}

.homepage-hero .hero-actions .theme-btn:first-child,
.seo-hero .seo-cta-group .theme-btn:first-child,
.seo-banner .seo-cta-group .theme-btn:first-child,
.premium-product-actions .theme-btn:first-child {
    animation: psfmPremiumSoftGlow 3.8s ease-in-out infinite;
}

.psfm-mobile-action-strip a {
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.psfm-mobile-action-strip a:active {
    transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }

    .homepage-hero .hero-actions .theme-btn:first-child,
    .seo-hero .seo-cta-group .theme-btn:first-child,
    .seo-banner .seo-cta-group .theme-btn:first-child,
    .premium-product-actions .theme-btn:first-child {
        animation: none !important;
    }
}

/* PSFM authoritative EOF alignment/size guard: key public page card and CTA rhythm. */
.seo-page,
.seo-section,
.seo-card,
.seo-list-card,
.seo-faq-card,
.seo-link-card,
.seo-process-card,
.service-operating-model-card,
.service-intent-item,
.local-contact-card,
.contact-info,
.contact-form,
.blog-item,
.psfm-blog-card {
    min-width: 0 !important;
}

.seo-cta-group,
.hero-actions,
.premium-product-actions {
    max-width: 100% !important;
}

.seo-cta-group .theme-btn,
.seo-cta-group .theme-btn-white,
.hero-actions .theme-btn,
.hero-actions .theme-btn-white,
.premium-product-actions .theme-btn,
.premium-product-actions .theme-btn-white {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 1199.98px) {
    .seo-page .container,
    .seo-section .container,
    .site-breadcrumb-wrapper .container,
    .contact-area .container,
    .psfm-contact-page .container {
        max-width: min(100%, 940px) !important;
        overflow-x: clip !important;
    }

    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        border-radius: 18px !important;
    }
}

@media (max-width: 767.98px) {
    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        padding: 20px !important;
    }

    .seo-hero h1,
    .site-breadcrumb .breadcrumb-title {
        font-size: clamp(1.62rem, 7.4vw, 2.18rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .seo-section-title,
    .homepage-section-intro h2 {
        font-size: clamp(1.42rem, 6vw, 1.92rem) !important;
        line-height: 1.16 !important;
    }

    .seo-cta-group,
    html[dir="rtl"] .seo-cta-group {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
    }

    .seo-cta-group .theme-btn,
    .seo-cta-group .theme-btn-white,
    html[dir="rtl"] .seo-cta-group .theme-btn,
    html[dir="rtl"] .seo-cta-group .theme-btn-white {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.18 !important;
    }

    .service-intent-strip,
    .service-operating-model-grid,
    .seo-cluster-grid,
    .seo-process-grid,
    .seo-link-grid,
    .seo-blog-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 430px) {
    .seo-page .container,
    .seo-section .container,
    .site-breadcrumb-wrapper .container,
    .contact-area .container,
    .psfm-contact-page .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .seo-hero,
    .seo-card,
    .seo-list-card,
    .seo-faq-card,
    .local-contact-card,
    .service-operating-model-card {
        padding: 18px !important;
    }
}