/*
 * WooCommerce price markup integration.
 * The approved prototype uses plain text inside price cards, while WooCommerce
 * adds nested spans. Keep those spans inline so card height remains canonical.
 */
.popular-price-card > span {
    padding: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.popular-price-card > span span,
.popular-price-card > span b span,
.price-variant strong span {
    display: inline;
    padding: 0;
}

.popular-price-card > span > b {
    display: block;
    line-height: 1.25;
}

.popular-price-card .screen-reader-text,
.price-variant .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 820px) {
    /*
     * catalog.css is shared with the services catalogue and suppresses the
     * global bar there. The prices page uses the approved global
     * «Позвонить / Записаться» bar, revealed by main.js after the first screen.
     */
    body.grandthai-canonical-prices .mobile-sticky {
        display: grid !important;
    }
}