body, html {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent scrolling */
}

#parent-container {
    position: fixed; /* Keep it fixed at the top */
    bottom: 3px; /* Distance from the top */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    width: 90%; /* Responsive width */
    max-width: 320px; /* Max width for larger screens */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Base styles for the ad */
.adsbygoogle {
    width: 100%; /* Fill the parent container */
    height: auto; /* Maintain aspect ratio */
    max-height: 90px; /* Limit max height */
    box-sizing: border-box; /* Include padding/border in dimensions */
    display: inline-block; /* Ensure the ad displays correctly */
}

/* Media query for portrait mode */
@media (max-width: 480px) and (orientation: portrait) {
    #parent-container {
        bottom: px; /* Adjust distance from top */
        width: 90%; /* Keep the same width for portrait */
    }

    .adsbygoogle {
        max-height: 90px; /* Limit height for portrait */
    }
}