/* Baashir — shared UX polish: hero rhythm + softer corners + friendlier interactions */
:root {
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --ease-out: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }

/* Soften harsh 0-radius UI without turning everything into pills */
.btn-g, .btn-w, .btn-gold, .btn-ghost, .btn-navy, .btn-line, .btn-submit,
.btn, .btn-outline, .btn-signup, .btn-login, .btn-book-now,
.hp-panel, .ab-side, .sv-side, .th-side, .ct-side, .rs-side,
.ct-form, .wl-card, .info-card, .help, .t-card, .res-card,
.desk, .client-card, .interest-item, .cta-band,
.why-cell, .stat, .sacred-quote-box,
.field input, .field select, .field textarea,
.form-group input, .form-group select, .form-group textarea,
.social-row a, .pill, .desk-chips span,
.finder-opt, .chip, .page-rail a {
    border-radius: var(--radius-sm);
}

.hp-panel, .ct-form, .wl-card, .cta-band, .desk, .res-card, .t-card, .help {
    border-radius: var(--radius-md);
}

/* Friendlier press targets & motion */
.btn-g, .btn-w, .btn-gold, .btn-ghost, .btn-navy, .btn-line, .btn-submit,
.btn, .btn-outline {
    transition: background .25s var(--ease-out), border-color .25s var(--ease-out),
        color .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.btn-g:hover, .btn-gold:hover, .btn-submit:hover, .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(10, 17, 40, .12);
}
.btn-g:active, .btn-gold:active, .btn-submit:active, .btn:active {
    transform: translateY(0);
    box-shadow: none;
}

.help, .t-card, .res-card, .info-card, .client-card, .interest-item, .desk {
    transition: border-color .25s var(--ease-out), transform .25s var(--ease-out),
        box-shadow .25s var(--ease-out), background .25s var(--ease-out);
}
.help:hover, .t-card:hover, .res-card:hover, a.info-card:hover, .client-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(10, 17, 40, .07);
}

/* Service / legacy page heroes — keep copy centred, not sitting in empty space */
.page-hero,
.form-hero {
    min-height: 280px !important;
    align-items: center !important;
}
.page-hero .hero-inner,
.form-hero .hero-inner {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

@media (max-width: 640px) {
    .page-hero,
    .form-hero {
        min-height: 240px !important;
    }
    .btn-g, .btn-w, .btn-gold, .btn-ghost, .btn-navy, .btn-line, .btn-submit {
        justify-content: center;
        text-align: center;
    }
    .hp-hero, .ab-hero, .sv-hero, .rs-hero, .th-hero, .ct-hero, .wl-hero {
        min-height: 0 !important;
        padding-top: calc(85px + 24px) !important;
        padding-bottom: 36px !important;
    }
}