/* Overview of the online services — /konsultacje-online/ plus the teaser used
   on the home and pricing pages.

   Layout comes from the theme's Bootstrap grid (row / col-lg-4) so the cards
   line up with the price-list cards; the card shell, section headings, step
   markers, typography and buttons all come from online-care.css and the theme.
   Only the price block is unique to this view. */

/* Price block, pinned to the bottom of the card like in .product. */
.zp-online__price { margin-top: auto; padding-top: 20px; }
.zp-online__price > span { display: block; }
.zp-online__price .zp-online__amount { margin-bottom: 4px; }

.zp-online__more { display: inline-block; margin-top: 8px; }

/* Price-list view: the cards are zp-theme's .document-services card (colours,
   type, price rows and button all come from the theme) with the service photo
   on top. The heading tile keeps the theme's -22px overlap, so it now straddles
   the photo's lower edge instead of the card's top border. */
.zp-online__card { padding-top: 24px; }
.zp-online__card .zp-care__card-media { margin-bottom: 0; }
.zp-online__card .document-services__heading { position: relative; z-index: 1; padding: 0 12px; }
/* .zp-care :where(h3) adds a 24px bottom margin; the tile must stay flush. */
.zp-online__card .document-services__name { margin-bottom: 0; }
/* /konsultacje-online/ keeps its old 80px gap below the fact strip. */
.zp-online--page .zp-online__grid { margin-top: 80px; }