.home-skeleton { display: none; }

.home-related-links .post-thumb {
    width: 100%;
    margin-left: 0;
}
.home-related-links .post-thumb a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72px;
}
.home-related-links .post-thumb img {
    width: auto;
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
}

html.home-skeleton-enabled {
    --home-skeleton-base: #e4ebf3;
    --home-skeleton-shine: #f8fafc;
    --home-skeleton-surface: #fff;
}

html.home-skeleton-enabled [data-theme="dark"] {
    --home-skeleton-base: #293b50;
    --home-skeleton-shine: #3c5067;
    --home-skeleton-surface: #182638;
}

html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) {
    pointer-events: none;
}

/* Preserve the real layout: every CMS card supplies its own placeholder. */
html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) :is(
    .ppid-hero-badge, .ppid-hero-title, .ppid-hero-subtitle,
    .ppid-action-title, .ppid-action-desc, .ppid-search,
    .ppid-card-icon, .ppid-card-title, .ppid-card-desc, .ppid-card-arrow,
    .post-thumb, .home-tags, .post-content h6, .post-excerpt, .entry-meta,
    .post-title, .ppid-side-card, .blog-news__button, .announcements-container,
    .ppid-hero-help, .blog-slider__img, .blog-slider__title, .blog-slider__text, .blog-slider__button,
    .editorial-media, .editorial-card-body h2, .editorial-excerpt, .editorial-kind,
    .editorial-card-meta time, .editorial-views, .editorial-card-action, .editorial-tags > *, .home-media-more a,
    .testimonial-quote-icon, .testimonial-quote p, .testimonial-portrait, .testimonial-person strong,
    .home-media-empty > i, .home-media-empty h3, .home-media-empty p,
    .home-network-link, .home-network-empty, .home-link-logo, .home-link-name
) {
    position: relative;
    overflow: hidden;
    color: transparent !important;
    border-color: transparent !important;
    background: var(--home-skeleton-base) !important;
    border-radius: 8px;
    box-shadow: none;
}

html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) :is(
    .ppid-hero-badge, .ppid-hero-title, .ppid-hero-subtitle,
    .ppid-action-title, .ppid-action-desc, .ppid-search,
    .ppid-card-icon, .ppid-card-title, .ppid-card-desc, .ppid-card-arrow,
    .post-thumb, .home-tags, .post-content h6, .post-excerpt, .entry-meta,
    .post-title, .ppid-side-card, .blog-news__button, .announcements-container,
    .ppid-hero-help, .blog-slider__img, .blog-slider__title, .blog-slider__text, .blog-slider__button,
    .editorial-media, .editorial-card-body h2, .editorial-excerpt, .editorial-kind,
    .editorial-card-meta time, .editorial-views, .editorial-card-action, .editorial-tags > *, .home-media-more a,
    .testimonial-quote-icon, .testimonial-quote p, .testimonial-portrait, .testimonial-person strong,
    .home-media-empty > i, .home-media-empty h3, .home-media-empty p,
    .home-network-link, .home-network-empty, .home-link-logo, .home-link-name
) > * { visibility: hidden; }

html.home-skeleton-enabled [data-home-loading="services"]:not(.home-is-ready) .ppid-card {
    background: var(--home-skeleton-surface) !important;
    transform: none;
}
html.home-skeleton-enabled [data-home-loading="services"]:not(.home-is-ready) .ppid-card::before {
    display: none;
}
html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) :is(
    .ppid-hero-badge, .ppid-hero-title, .ppid-hero-subtitle,
    .ppid-action-title, .ppid-action-desc, .ppid-search,
    .ppid-card-icon, .ppid-card-title, .ppid-card-desc, .ppid-card-arrow,
    .post-thumb, .home-tags, .post-content h6, .post-excerpt, .entry-meta,
    .post-title, .ppid-side-card, .blog-news__button, .announcements-container,
    .ppid-hero-help, .blog-slider__img, .blog-slider__title, .blog-slider__text, .blog-slider__button,
    .editorial-media, .editorial-card-body h2, .editorial-excerpt, .editorial-kind,
    .editorial-card-meta time, .editorial-views, .editorial-card-action, .editorial-tags > *, .home-media-more a,
    .testimonial-quote-icon, .testimonial-quote p, .testimonial-portrait, .testimonial-person strong,
    .home-media-empty > i, .home-media-empty h3, .home-media-empty p,
    .home-network-link, .home-network-empty, .home-link-logo, .home-link-name
)::after,
html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) .home-skeleton :is(
    .home-skeleton__image, .home-skeleton__line, .home-skeleton__button, .home-skeleton__dots span
)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, var(--home-skeleton-shine), transparent);
    animation: homeSkeletonShimmer 1.4s ease-in-out infinite;
    transform: translateX(-100%);
}

html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) .home-skeleton {
    display: flex;
    position: absolute;
    inset: 0;
    gap: 20px;
    z-index: 5;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
    background: var(--home-skeleton-surface);
}
html.home-skeleton-enabled :is(.home-related-links, [data-home-loading="testimonials"], [data-home-loading="exim"]) {
    position: relative;
}
html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) { min-height: 70px; }
html.home-skeleton-enabled [data-home-loading="exim"]:not(.home-is-ready) { min-height: 420px; }
html.home-skeleton-enabled [data-home-loading="social"]:not(.home-is-ready) { position: relative; min-height: 320px; }
html.home-skeleton-enabled [data-home-loading="social"]:not(.home-is-ready) .home-social-content { visibility: hidden; }
html.home-skeleton-enabled [data-home-loading="graphic"]:not(.home-is-ready) .card-image {
    position: relative;
    overflow: hidden;
    background: var(--home-skeleton-base);
}
html.home-skeleton-enabled [data-home-loading="graphic"]:not(.home-is-ready) .card-image > * { visibility: hidden; }
html.home-skeleton-enabled [data-home-loading="graphic"]:not(.home-is-ready) .card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, var(--home-skeleton-shine), transparent);
    animation: homeSkeletonShimmer 1.4s ease-in-out infinite;
}
/* Keep actual carousel cards visible so their placeholders share the final dimensions. */
html.home-skeleton-enabled [data-home-loading="testimonials"]:not(.home-is-ready) .carausel-testimoni:not(.slick-initialized),
html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) .carausel-3-columns:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}
html.home-skeleton-enabled [data-home-loading="testimonials"]:not(.home-is-ready) .carausel-testimoni:not(.slick-initialized) > div { flex: 0 0 33.333%; min-width: 0; padding: 0 9px 6px; }
html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) .carausel-3-columns:not(.slick-initialized) > div { flex: 0 0 14.285%; min-width: 0; padding: 0 6px 5px; }
@media (max-width: 1023.98px) { html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) .carausel-3-columns:not(.slick-initialized) > div { flex-basis: 20%; } }
@media (max-width: 779.98px) { html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) .carausel-3-columns:not(.slick-initialized) > div { flex-basis: 33.333%; } }
@media (max-width: 479.98px) { html.home-skeleton-enabled [data-home-loading="links"]:not(.home-is-ready) .carausel-3-columns:not(.slick-initialized) > div { flex-basis: 50%; } }
.testimonial-portrait { display: block; width: 46px; height: 46px; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
@media (max-width: 991.98px) {
    html.home-skeleton-enabled [data-home-loading="testimonials"]:not(.home-is-ready) .carausel-testimoni:not(.slick-initialized) > div { flex-basis: 50%; }
}
@media (max-width: 575.98px) {
    html.home-skeleton-enabled [data-home-loading="testimonials"]:not(.home-is-ready) .carausel-testimoni:not(.slick-initialized) > div { flex-basis: 100%; }
}

.home-skeleton__card { flex: 1 0 0; min-width: 0; padding: 20px; }
.home-skeleton :is(.home-skeleton__image, .home-skeleton__line, .home-skeleton__button, .home-skeleton__dots span) {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--home-skeleton-base);
    border-radius: 8px;
}
.home-skeleton__image { width: 100%; height: 60px; }
.home-skeleton__line { height: 14px; width: 90%; margin: 16px 0; }
.home-skeleton__line:last-of-type { width: 65%; }
.home-skeleton__line--title { height: 24px; width: 80%; }
.home-skeleton__button { width: 160px; height: 48px; margin-top: 24px; }
.home-skeleton--testimonials .home-skeleton__card { text-align: center; border: 1px solid var(--home-skeleton-base); border-radius: 12px; }
.home-skeleton--testimonials .home-skeleton__image { width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 24px; }
.home-skeleton--testimonials .home-skeleton__line { margin-left: auto; margin-right: auto; }
.home-skeleton--links .home-skeleton__card { flex: 0 0 calc((100% - 120px) / 7); padding: 10px; }
.home-skeleton--links .home-skeleton__image { height: 45px; }
html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) .home-skeleton--slider {
    background: transparent;
    align-items: center;
    padding: 35px;
}
.home-skeleton--slider > .home-skeleton__image { flex: 0 0 260px; height: 220px; border-radius: 20px; }
.home-skeleton__copy { flex: 1; min-width: 0; padding: 0 50px; }
.home-skeleton__dots { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; }
.home-skeleton__dots span { width: 11px; height: 11px; border-radius: 50%; }
html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) .home-skeleton--exim { flex-direction: column; gap: 12px; padding: 20px; }
.home-skeleton--exim .home-skeleton__card { display: flex; align-items: center; gap: 20px; padding: 10px; }
.home-skeleton--exim .home-skeleton__image { width: 30%; height: 24px; }
.home-skeleton--exim .home-skeleton__line { flex: 1; }

@media (max-width: 1023.98px) {
    .home-skeleton--links .home-skeleton__card { flex-basis: calc((100% - 100px) / 6); }
    .home-skeleton--testimonials .home-skeleton__card { flex: 0 0 calc((100% - 20px) / 2); }
}
@media (max-width: 779.98px) {
    .home-skeleton--links .home-skeleton__card { flex-basis: calc((100% - 40px) / 3); }
}
@media (max-width: 768px) {
    html.home-skeleton-enabled [data-home-loading]:not(.home-is-ready) .home-skeleton--slider { flex-direction: column; overflow: visible; padding: 0 20px 30px; }
    .home-skeleton--slider > .home-skeleton__image { flex: none; width: 90%; height: 200px; margin-top: -60px; }
    .home-skeleton__copy { flex: none; width: 100%; padding: 10px; }
    .home-skeleton__dots { top: auto; bottom: 10px; right: 50%; transform: translateX(50%); flex-direction: row; max-width: 90%; overflow: hidden; }
    .home-skeleton__dots span { flex-shrink: 0; }
}
@media (max-width: 575.98px) {
    .home-skeleton--testimonials .home-skeleton__card { flex-basis: 100%; }
}
@keyframes homeSkeletonShimmer { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
    html.home-skeleton-enabled [data-home-loading] *::after { animation: none !important; }
}