/**
 * mavatex.cz - Navrhar / mockupy (?sekce=mockups, scripts/_class.Shop5_mockups.php + inc/mockups.php).
 * Markup je jadrovy (canvas/JS \Mockups\RenderMockup) - jen zakladni nastylovani v mrizce.
 */
div#sekce > h1 { margin: 20px 0 16px; padding: 0; border: 0; font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: var(--mvx-ink); text-align: left; }
div.mockups_dalsi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 22px; margin: 0 0 32px; }
div.mockups_dalsi > span { display: block; min-width: 0; }
div.mockups_dalsi > span > div { display: flex; flex-direction: column; gap: 8px; }
div.mockups_dalsi a { font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--mvx-ink); text-decoration: none; }
div.mockups_dalsi a:hover { color: var(--mvx-pink); }
div.mockups_dalsi img.mockup_image, div.mockups_dalsi canvas { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--mvx-radius-l); background: var(--mvx-surface); }
div#sekce div.cb { display: none; }
@media (max-width: 1100px) { div.mockups_dalsi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px) {
    div#sekce > h1 { font-size: 24px; }
    div.mockups_dalsi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}