/* Force full-width layout and remove white sides on iPad */
@media screen and (max-width: 1024px) {
    html, body {
        width: 100%;
        overflow-x: hidden;
        background-color: #121212 !important;
    }

    .t396__artboard {
        width: 100vw !important;
        position: relative;
        background-color: #121212 !important;
    }

    .t396__artboard .t396__carrier,
    .t396__artboard .t396__filter {
        width: 100vw !important;
    }

    .t-container {
        width: 100% !important;
        max-width: 100vw !important;
    }

    .t396__elem {
        max-width: 100vw !important;
    }
}
@media screen and (max-width: 1024px) {
    body {
        overflow-x: hidden;
        background-color: #121212 !important;
    }
    
    .t396__artboard {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        background-color: #121212 !important;
    }

    .t-container {
        width: 100% !important;
    }
}
/* Force center Zero Block elements on all devices */
@media screen and (max-width: 1024px) {
    html, body {
        width: 100vw !important;
        overflow-x: hidden !important;
        background-color: #121212 !important;
    }

    /* Fix the Zero Block Artboard */
    .t396__artboard {
        width: 100vw !important;
        max-width: 100vw !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
        background-color: #121212 !important;
    }

    /* Force center vinyl (PNG image) */
    .t396__elem img {
        position: relative !important;
        max-width: 90vw !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* Center text elements (EAGLE / MGMT) */
    .t396__elem.tn-elem {
        position: relative !important;
        left: 0 !important;
        transform: none !important;
        margin: 0 auto !important;
        max-width: 90vw !important;
    }

    /* Ensure internal containers are centered */
    .t396__carrier, .t396__filter, .t-container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
/* Ensure full-width Zero Blocks without affecting layout */
.t396__artboard {
    width: 100vw !important;
    max-width: 100vw !important;
    background-color: #121212 !important;
}

/* Ensure vinyl only overlaps menu and slightly touches second block */
.t396__artboard {
    z-index: 2 !important;
    overflow: visible !important;
}

/* Force the second block to appear above the vinyl */
#rec887872765 {
    position: relative !important;
    z-index: 3 !important;
    margin-top: -60px !important; /* Adjust for subtle overlap */
    padding-top: 120px !important; /* Ensures content doesn't get hidden */
    overflow: visible !important;
}

/* Prevent second block content from being hidden */
#rec887872765 .t-container {
    overflow: visible !important;
}

/* Strong CSS Override for Block #rec887906806 on Mobile */
@media (max-width: 480px) {
    /* Force Heading Styling */
    #rec887906806 [data-elem-id="heading"] {
        position: absolute !important;
        left: 5% !important;
        top: 5% !important;
        width: 90% !important;
        font-size: 24px !important;
        line-height: 1.4 !important;
        z-index: 5 !important;
    }

    /* Force Text Block Styling */
    #rec887906806 [data-elem-id="text"] {
        position: absolute !important;
        left: 5% !important;
        top: 20% !important;
        width: 90% !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        z-index: 5 !important;
    }

    /* Force Image Styling */
    #rec887906806 [data-elem-id="image"] {
        position: absolute !important;
        right: 5% !important;
        top: 35% !important;
        width: 40% !important;
        height: auto !important;
        z-index: 1 !important;
    }

    /* Force Container Height */
    #rec887906806 .t396__artboard {
        height: 1000px !important;
        overflow: visible !important;
    }

    /* Prevent Clipping and Overflow */
    #rec887906806 .t396__elem {
        overflow: visible !important;
    }
/* Remove Footer Background and Empty Space */
.t-footer__bottom,
.t-site-footer,
div[data-tildа-signature] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    position: absolute !important;
    z-index: -1 !important;
}

/* Remove residual block spacing */
.t-container, .t-col {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Custom Footer Styling */
.custom-footer {
    text-align: center;
    padding: 15px 0;
    background-color: #0c0c0c; /* Rich black background */
    color: #e0e0e0;            /* Light gray text for contrast */
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;          /* Bold font */
    text-transform: uppercase;
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .custom-footer {
        font-size: 10px;
        padding: 12px 0;
    }
}