/* app-promo.css — the "Explore Our Test Prep Apps" promo section, for use OUTSIDE the
   app pages (exam hubs + Bachelors). Subash Feedback v1, 2026-07-14.

   EXTRACTED from app.css by tmp/build_app_promo.py and SCOPED under `.galv-app-promo`.

   Why scoped, and why a separate file: app.css styles the app pages with BARE class names
   (it defines `.section-subtitle` and `.container` globally). exam-hub.css defines its own
   `.section-subtitle`. Enqueuing app.css on a hub would therefore restyle the entire page.
   Every selector below is prefixed, so this file can only ever touch markup inside the
   promo wrapper. Do not un-scope it. */

.galv-app-promo .other-apps-section {
            background-color: var(--accent-blue);
            padding: 60px 0;
            text-align: center;
        }

.galv-app-promo .other-apps-card {
            background: #fff;
            border-radius: 50px;
            padding: 0;
            display: grid;
            grid-template-columns: 1.15fr 0.85fr;
            gap: 0;
            align-items: stretch;
            text-align: left;
            max-width: 1400px;
            margin: 0 auto;
            overflow: hidden;
        }

.galv-app-promo .other-apps-content {
            padding: 50px;
            display: flex;
            flex-direction: column;
            justify-content: start;
        }

.galv-app-promo .other-apps-content h3 {
            font-size: 24px;
            line-height: 32px;
            color: var(--primary-blue);
            margin-bottom: 25px;
        }

.galv-app-promo .other-apps-features {
            list-style: none;
            margin-bottom: 35px;
        }

.galv-app-promo .other-apps-features li {
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            font-size: 18px;
            line-height: 29px;
            color: var(--text-dark);
        }

.galv-app-promo .other-apps-features li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: var(--text-dark);
            font-weight: bold;
            font-size: 24px;
            line-height: 24px;
        }

.galv-app-promo .other-apps-buttons {
            display: flex;
            gap: 20px;
        }

.galv-app-promo .other-apps-buttons img {
            height: 55px;
            width: auto;
            transition: transform 0.3s ease;
        }

.galv-app-promo .other-apps-buttons img:hover {
            transform: scale(1.05);
        }

.galv-app-promo .other-apps-image {
            width: 100%;
            height: 100%;
            display: flex;
            position: relative;
            overflow: hidden;
        }

.galv-app-promo .other-apps-image img {
            height: 260%;
            width: auto;
            max-width: none;
            position: absolute;
            top: 70%;
            left: -60%;
            transform: translateY(-50%);
            object-fit: contain;
        }

@media (max-width:1200px) {
.galv-app-promo .other-apps-section {
                padding: 40px 0;
            }

.galv-app-promo .other-apps-buttons img {
                height: 40px;
                width: auto;
            }

.galv-app-promo .other-apps-image img {
                left: -70%;
                top: 50%;
            }
}

@media (max-width:991px) {
.galv-app-promo .other-apps-card {
                display: flex;
                flex-direction: column;
            }

.galv-app-promo .other-apps-content {
                order: 2;
                padding: 40px 20px;
            }

.galv-app-promo .other-apps-image {
                order: 1;
                width: 100%;
                height: 350px;
            }

.galv-app-promo .other-apps-image img {
                left: 50%;
                top: 80%;
                transform: translate(-50%, -50%);
                height: 440%;
            }
}

@media (max-width:768px) {
.galv-app-promo .other-apps-section {
                padding: 40px 0;
            }

.galv-app-promo .other-apps-card {
                padding: 0;
            }

.galv-app-promo .other-apps-content {
                order: 2;
                padding: 25px 20px;
                width: 100%;
                flex: none;
            }

.galv-app-promo .other-apps-image {
                border-radius: 25px 25px 0 0;
                flex: none;
                height: 200px;
            }

.galv-app-promo .other-apps-content h3 {
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 20px;
            }

.galv-app-promo .other-apps-features {
                margin-bottom: 15px;
            }

.galv-app-promo .other-apps-features li {
                font-size: 16px;
                line-height: 24px;
                padding-left: 22px;
            }

.galv-app-promo .other-apps-image img {
                left: 50%;
                top: 68%;
                transform: translate(-50%, -50%);
                height: 480%;
            }

.galv-app-promo .other-apps-buttons {
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
            }

.galv-app-promo .other-apps-buttons img {
                width: auto;
                height: 44px;
            }
}

@media (max-width:400px) {
.galv-app-promo .other-apps-buttons {
                gap: 15px;
            }

.galv-app-promo .other-apps-buttons img {
                width: auto;
                height: 36px;
            }
}

/* Subash Feedback v2 (2026-07-15) -- promo palette + heading spacing (scoped) */
.galv-app-promo .other-apps-section { background-color: #FFFDFE; }
.galv-app-promo .other-apps-content { background-color: #E6EBFF; }
.galv-app-promo .section-title { margin-bottom: 30px; }