.mobile-biblical-themes-card {
    display: none !important;
}

.mobile-biblical-themes-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.14);
    transform-origin: center;
}

.mobile-atlas-rose-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(56px, 15.4vw, 66px);
    height: clamp(56px, 15.4vw, 66px);
    min-width: clamp(56px, 15.4vw, 66px);
    overflow: visible;
    transform: translateX(5px);
}

.mobile-atlas-rose-svg,
.mobile-atlas-rose-badge img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 7px 12px rgba(0, 8, 24, 0.28));
}

@media (max-width: 768px) {
    html body .landing-cards-container .landing-card:first-child {
        order: 1 !important;
    }

    html body .landing-cards-container .landing-card:nth-child(2) {
        order: 2 !important;
    }

    html body .landing-cards-container .landing-card:nth-child(3) {
        order: 3 !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card {
        display: grid !important;
        order: 4 !important;
        grid-template-columns: clamp(48px, 13.5vw, 58px) minmax(0, 1fr) clamp(46px, 12.4vw, 54px) !important;
        column-gap: clamp(8px, 2.2vw, 12px) !important;
        padding-right: clamp(10px, 2.8vw, 14px) !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card .card-icon--medallion {
        width: clamp(48px, 13.5vw, 58px) !important;
        height: clamp(48px, 13.5vw, 58px) !important;
        min-width: clamp(48px, 13.5vw, 58px) !important;
        margin-left: 0 !important;
        justify-self: start !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: end !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        font-size: clamp(17px, 4.35vw, 20px) !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card .card-category-label {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: start !important;
        margin: 0 !important;
        font-size: clamp(9px, 2.8vw, 11px) !important;
        line-height: 1 !important;
        letter-spacing: 0.14em !important;
        text-align: left !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card p {
        grid-column: 2 !important;
        grid-row: 3 !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        margin: 0 !important;
        font-size: clamp(11px, 3.1vw, 13.5px) !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card .card-link {
        grid-column: 3 !important;
        grid-row: 1 / span 3 !important;
        align-self: center !important;
        justify-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: clamp(42px, 11.8vw, 50px) !important;
        height: clamp(42px, 11.8vw, 50px) !important;
        min-width: clamp(42px, 11.8vw, 50px) !important;
        min-height: clamp(42px, 11.8vw, 50px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    html body .landing-cards-container .mobile-biblical-themes-card .card-link::after {
        content: "→" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #d7a443 !important;
        font-size: clamp(25px, 7vw, 30px) !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        transform: none !important;
        text-decoration: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    html body .mobile-atlas-compass--rose {
        overflow: visible !important;
        background: none !important;
        border: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }

    html body .mobile-atlas-compass__svg {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        filter: drop-shadow(0 7px 12px rgba(0, 8, 24, 0.28)) !important;
    }

    html body .mobile-atlas-compass__halo {
        fill: rgba(233, 185, 87, 0.08);
        stroke: rgba(216, 168, 71, 0.42);
        stroke-width: 1;
        stroke-dasharray: 2 6;
    }

    html body .mobile-atlas-compass__bezel {
        fill: #d7a13a;
        stroke: #fff0af;
        stroke-width: 3;
    }

    html body .mobile-atlas-compass__face {
        fill: #10264a;
        stroke: #fff5dc;
        stroke-width: 2;
    }

    html body .mobile-atlas-compass__ring {
        fill: none;
        stroke: rgba(221, 180, 94, 0.72);
        stroke-width: 1.5;
    }

    html body .mobile-atlas-compass__ray--ivory {
        fill: #f2d98e;
        stroke: #8c5b18;
        stroke-width: 1;
    }

    html body .mobile-atlas-compass__ray--gold {
        fill: #b77b22;
        stroke: #f4d37a;
        stroke-width: 1.2;
        opacity: 0.95;
    }

    html body .mobile-atlas-compass__jewel {
        fill: #d7a13a;
        stroke: #fff9dc;
        stroke-width: 1.5;
    }

    html body .mobile-atlas-preview .mobile-atlas-rose-badge {
        align-self: center !important;
        justify-self: center !important;
        width: clamp(56px, 15.4vw, 66px) !important;
        height: clamp(56px, 15.4vw, 66px) !important;
        min-width: clamp(56px, 15.4vw, 66px) !important;
        transform: translateX(5px) !important;
    }

    html body .mobile-atlas-preview .mobile-atlas-rose-svg,
    html body .mobile-atlas-preview .mobile-atlas-rose-badge img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}