.single-google-ad {
    padding: 16px 0 18px;
    background: #f8fafc;
    border-top: 1px solid var(--kps-line);
}

.single-google-ad .public-container {
    max-width: 1000px;
    margin-inline: auto;
}

.ad-label {
    text-align: center;
    color: #98a2b3;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 7px;
}

.kps-single-ad {
    display: block;
    width: 100%;
    max-width: 970px;
    height: 90px;
    margin: 0 auto;
}

.public-urdu .ad-label {
    font-family: "Noto Nastaliq Urdu", serif;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
}

@media (max-width: 760px) {
    .single-google-ad {
        padding: 12px 0 14px;
    }

    .single-google-ad .public-container {
        padding-inline: 12px;
    }

    .kps-single-ad {
        width: 100%;
        max-width: 100%;
        height: 100px;
    }
}

@media (max-width: 360px) {
    .kps-single-ad {
        height: 100px;
    }
}


/* =========================================================
   STEP 12F — ADSENSE SAFETY / UNFILLED SPACE
   ========================================================= */

/*
 * Google adds data-ad-status="unfilled" when an ad request has no fill.
 * Hide the unfilled <ins> so it does not reserve the 90/100px ad height.
 */
.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

/* Modern browsers: also collapse the wrapper when the only ad is unfilled. */
.single-google-ad:has(.adsbygoogle[data-ad-status="unfilled"]) {
    display: none;
}