{"id":14,"date":"2026-03-01T02:11:23","date_gmt":"2026-03-01T02:11:23","guid":{"rendered":"https:\/\/malby.nahromade.cz\/?page_id=14"},"modified":"2026-03-01T02:11:23","modified_gmt":"2026-03-01T02:11:23","slug":"test-barev-3-full-width-last","status":"publish","type":"page","link":"https:\/\/malby.nahromade.cz\/?page_id=14","title":{"rendered":"test barev 3 full width &#8211; last"},"content":{"rendered":"\n<div class=\"mn-styleguide\">\n\n  <style>\n    :root{\n      \/* Brand *\/\n      --brand-red: #E30053;\n      --brand-red-dark: #B80043;\n      --brand-red-tint: #FFE3EE;\n\n      \/* Neutrals *\/\n      --black: #0A0A0A;\n      --charcoal: #171717;\n      --white: #FFFFFF;\n      --offwhite: #F5F5F5;\n      --warm-paper: #F6F2EE;\n\n      \/* Text *\/\n      --text-on-dark: #FFFFFF;\n      --text-muted-on-dark: #D0D0D0;\n      --text-on-light: #0A0A0A;\n      --text-muted-on-light: #555555;\n\n      \/* Borders \/ dividers *\/\n      --border-on-dark: #2A2A2A;\n      --border-on-light: #E6E6E6;\n\n      \/* Overlay *\/\n      --hero-overlay: rgba(0,0,0,0.62);\n\n      \/* Radius + spacing *\/\n      --radius: 10px;\n      --space-1: 8px;\n      --space-2: 16px;\n      --space-3: 24px;\n      --space-4: 32px;\n      --space-5: 48px;\n      --space-6: 64px;\n\n      \/* Shadow *\/\n      --shadow: 0 10px 30px rgba(0,0,0,0.18);\n      --shadow-strong: 0 16px 50px rgba(0,0,0,0.28);\n    }\n\n    \/* Scope only *\/\n    .mn-styleguide{\n      font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      line-height: 1.65;\n      color: var(--text-on-light);\n      overflow-x: clip; \/* full-bleed safety *\/\n    }\n    .mn-styleguide *{ box-sizing:border-box; }\n    .mn-styleguide a{ color: inherit; }\n    .mn-styleguide button, .mn-styleguide input, .mn-styleguide textarea{ font: inherit; }\n\n    \/* Container *\/\n    .mn-wrap{\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 0 var(--space-3);\n    }\n\n    \/* Full width band (background full width, content in container) *\/\n    .mn-band{\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      margin-right: calc(50% - 50vw);\n      padding: var(--space-6) 0;\n      position: relative;\n      overflow: hidden;\n    }\n    .mn-band--white{ background: var(--white); }\n    .mn-band--offwhite{ background: var(--offwhite); }\n    .mn-band--paper{ background: var(--warm-paper); }\n    .mn-band--tint{ background: var(--brand-red-tint); }\n    .mn-band--dark{ background: var(--black); color: var(--text-on-dark); }\n    .mn-band--charcoal{ background: var(--charcoal); color: var(--text-on-dark); }\n\n    \/* Full width \"photo\" band (no external image by default) *\/\n    .mn-band--photo{\n      color: var(--text-on-dark);\n      background:\n        linear-gradient(var(--hero-overlay), var(--hero-overlay)),\n        radial-gradient(1200px 500px at 70% 30%, rgba(255,255,255,0.10), rgba(255,255,255,0)),\n        radial-gradient(900px 420px at 20% 80%, rgba(227,0,83,0.10), rgba(0,0,0,0));\n    }\n    \/* Pokud chce\u0161 re\u00e1lnou fotku na full width, p\u0159epi\u0161 mn-band--photo nap\u0159.:\n       background:\n         linear-gradient(var(--hero-overlay), var(--hero-overlay)),\n         url('https:\/\/TVEJ-FOTO.jpg');\n       background-size: cover;\n       background-position: center;\n    *\/\n\n    @media (max-width: 800px){\n      .mn-band{ padding: var(--space-5) 0; }\n      .mn-wrap{ padding: 0 var(--space-2); }\n    }\n\n    \/* Panels *\/\n    .mn-panel{\n      background: var(--white);\n      border: 1px solid var(--border-on-light);\n      border-radius: calc(var(--radius) * 1.6);\n      box-shadow: var(--shadow);\n      padding: var(--space-5);\n    }\n    .mn-band--dark .mn-panel,\n    .mn-band--charcoal .mn-panel,\n    .mn-band--photo .mn-panel{\n      background: rgba(255,255,255,0.04);\n      border-color: rgba(255,255,255,0.14);\n      box-shadow: none;\n      backdrop-filter: blur(2px);\n    }\n    @media (max-width: 800px){\n      .mn-panel{ padding: var(--space-3); }\n    }\n\n    \/* Typography *\/\n    .mn-kicker{\n      font-size: 12px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      opacity: 0.85;\n      margin-bottom: var(--space-2);\n    }\n    .mn-h1,.mn-h2,.mn-h3{\n      margin: 0 0 var(--space-2) 0;\n      line-height: 1.05;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-family: \"Bebas Neue\", \"Oswald\", Impact, \"Arial Narrow\", sans-serif;\n    }\n    .mn-h1{ font-size: 64px; }\n    .mn-h2{ font-size: 46px; }\n    .mn-h3{ font-size: 28px; letter-spacing: 0.03em; }\n\n    @media (max-width: 800px){\n      .mn-h1{ font-size: 44px; }\n      .mn-h2{ font-size: 34px; }\n      .mn-h3{ font-size: 24px; }\n    }\n\n    .mn-p{\n      margin: 0 0 var(--space-3) 0;\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-p,\n    .mn-band--charcoal .mn-p,\n    .mn-band--photo .mn-p{ color: var(--text-muted-on-dark); }\n\n    .mn-lead{\n      font-size: 18px;\n      line-height: 1.8;\n      margin: 0 0 var(--space-3) 0;\n      color: var(--text-muted-on-light);\n      max-width: 70ch;\n    }\n    .mn-band--dark .mn-lead,\n    .mn-band--charcoal .mn-lead,\n    .mn-band--photo .mn-lead{ color: var(--text-muted-on-dark); }\n\n    .mn-note{\n      font-size: 14px;\n      margin-top: var(--space-2);\n      border-left: 3px solid var(--brand-red);\n      padding-left: var(--space-2);\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-note,\n    .mn-band--charcoal .mn-note,\n    .mn-band--photo .mn-note{ color: var(--text-muted-on-dark); }\n\n    \/* Grid *\/\n    .mn-grid-2{ display:grid; grid-template-columns: 1.1fr .9fr; gap: var(--space-4); }\n    .mn-grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }\n    .mn-grid-4{ display:grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-2); }\n    .mn-grid-5{ display:grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-2); }\n\n    @media (max-width: 980px){\n      .mn-grid-2{ grid-template-columns: 1fr; }\n      .mn-grid-3{ grid-template-columns: 1fr; }\n      .mn-grid-4{ grid-template-columns: 1fr 1fr; }\n      .mn-grid-5{ grid-template-columns: 1fr 1fr; }\n    }\n\n    \/* Icons *\/\n    .mn-ic{\n      width: 20px; height: 20px;\n      display: inline-block;\n      vertical-align: middle;\n      color: currentColor;\n      flex: 0 0 auto;\n    }\n    .mn-ic--lg{ width: 28px; height: 28px; }\n    .mn-ic--sm{ width: 16px; height: 16px; }\n\n    \/* Buttons *\/\n    .mn-btn-row{ display:flex; flex-wrap:wrap; gap: var(--space-2); margin-top: var(--space-2); }\n    .mn-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap: 10px;\n      padding: 12px 18px;\n      border-radius: var(--radius);\n      font-weight: 800;\n      letter-spacing: .02em;\n      text-decoration:none;\n      border: 1px solid transparent;\n      cursor:pointer;\n      transition: transform .08s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;\n      min-height: 44px;\n      user-select:none;\n      background: transparent;\n      white-space: nowrap;\n    }\n    .mn-btn:active{ transform: translateY(1px); }\n\n    .mn-btn--primary{ background: var(--brand-red); color: var(--white); box-shadow: 0 10px 22px rgba(227,0,83,0.22); }\n    .mn-btn--primary:hover{ background: var(--brand-red-dark); box-shadow: 0 12px 28px rgba(184,0,67,0.26); }\n\n    .mn-btn--outline{\n      color: var(--text-on-light);\n      border-color: var(--border-on-light);\n      background: var(--white);\n    }\n    .mn-btn--outline:hover{ border-color: var(--brand-red); color: var(--brand-red); }\n\n    .mn-band--dark .mn-btn--outline,\n    .mn-band--charcoal .mn-btn--outline,\n    .mn-band--photo .mn-btn--outline{\n      background: rgba(255,255,255,0.06);\n      border-color: rgba(255,255,255,0.20);\n      color: var(--white);\n    }\n\n    .mn-btn--ghost{\n      background: transparent;\n      border-color: transparent;\n      color: var(--brand-red);\n      padding-left: 0;\n      padding-right: 0;\n      min-height: auto;\n    }\n    .mn-btn--ghost:hover{ color: var(--brand-red-dark); }\n\n    .mn-btn--sm{ padding: 9px 12px; min-height: 38px; font-weight: 800; }\n    .mn-btn--pill{ border-radius: 999px; }\n\n    .mn-link{\n      color: var(--brand-red);\n      text-decoration:none;\n      border-bottom: 1px solid transparent;\n    }\n    .mn-link:hover{\n      color: var(--brand-red-dark);\n      border-bottom-color: var(--brand-red-dark);\n    }\n\n    \/* Cards *\/\n    .mn-card{\n      background: var(--white);\n      border: 1px solid var(--border-on-light);\n      border-radius: calc(var(--radius) * 1.25);\n      padding: var(--space-3);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    .mn-band--dark .mn-card,\n    .mn-band--charcoal .mn-card,\n    .mn-band--photo .mn-card{\n      background: rgba(255,255,255,0.04);\n      border-color: rgba(255,255,255,0.14);\n      box-shadow: none;\n    }\n    .mn-card__title{\n      font-weight: 900;\n      margin: 0 0 6px 0;\n      color: var(--text-on-light);\n      display:flex;\n      align-items:center;\n      gap: 10px;\n    }\n    .mn-band--dark .mn-card__title,\n    .mn-band--charcoal .mn-card__title,\n    .mn-band--photo .mn-card__title{ color: var(--text-on-dark); }\n\n    .mn-card__text{\n      margin: 0;\n      font-size: 14px;\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-card__text,\n    .mn-band--charcoal .mn-card__text,\n    .mn-band--photo .mn-card__text{ color: var(--text-muted-on-dark); }\n\n    \/* Chips \/ badges *\/\n    .mn-chiprow{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: var(--space-2); }\n    .mn-chip{\n      display:inline-flex;\n      align-items:center;\n      gap: 8px;\n      padding: 6px 10px;\n      border-radius: 999px;\n      font-size: 13px;\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-chip,\n    .mn-band--charcoal .mn-chip,\n    .mn-band--photo .mn-chip{\n      border-color: rgba(255,255,255,0.16);\n      background: rgba(255,255,255,0.06);\n      color: var(--text-muted-on-dark);\n    }\n    .mn-chip b{ color: var(--text-on-light); }\n    .mn-band--dark .mn-chip b,\n    .mn-band--charcoal .mn-chip b,\n    .mn-band--photo .mn-chip b{ color: var(--white); }\n\n    .mn-badge{\n      display:inline-flex;\n      align-items:center;\n      gap: 8px;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.10);\n      border: 1px solid rgba(255,255,255,0.18);\n      font-size: 13px;\n      margin-bottom: var(--space-2);\n      color: var(--white);\n    }\n    .mn-dot{\n      width: 10px; height: 10px; border-radius: 999px;\n      background: var(--brand-red);\n      box-shadow: 0 0 0 3px rgba(227,0,83,0.22);\n    }\n\n    \/* Palette swatches *\/\n    .mn-swatch{\n      border-radius: calc(var(--radius) * 1.25);\n      overflow:hidden;\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n    }\n    .mn-band--dark .mn-swatch,\n    .mn-band--charcoal .mn-swatch{\n      border-color: rgba(255,255,255,0.16);\n      background: rgba(255,255,255,0.04);\n    }\n    .mn-swatch__color{ height: 56px; }\n    .mn-swatch__meta{\n      padding: 10px 12px;\n      font-size: 13px;\n      display:flex;\n      justify-content: space-between;\n      gap: 10px;\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-swatch__meta,\n    .mn-band--charcoal .mn-swatch__meta{ color: var(--text-muted-on-dark); }\n\n    \/* Divider *\/\n    .mn-divider{\n      height: 1px;\n      background: var(--border-on-light);\n      margin: var(--space-4) 0;\n    }\n    .mn-band--dark .mn-divider,\n    .mn-band--charcoal .mn-divider,\n    .mn-band--photo .mn-divider{ background: rgba(255,255,255,0.14); }\n\n    \/* Stats *\/\n    .mn-stat{\n      padding: var(--space-3);\n      border-radius: calc(var(--radius) * 1.25);\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n      text-align: left;\n    }\n    .mn-band--dark .mn-stat,\n    .mn-band--charcoal .mn-stat{\n      border-color: rgba(255,255,255,0.16);\n      background: rgba(255,255,255,0.04);\n    }\n    .mn-stat strong{\n      display:block;\n      font-family: \"Bebas Neue\", \"Oswald\", Impact, \"Arial Narrow\", sans-serif;\n      font-size: 44px;\n      letter-spacing: 0.04em;\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n    .mn-stat span{ color: var(--text-muted-on-light); font-size: 13px; }\n    .mn-band--dark .mn-stat span,\n    .mn-band--charcoal .mn-stat span{ color: var(--text-muted-on-dark); }\n\n    \/* Split layout (text + media) *\/\n    .mn-split{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: var(--space-5);\n      align-items: center;\n    }\n    .mn-split--reverse{\n      grid-template-columns: .95fr 1.05fr;\n    }\n    .mn-media{\n      border-radius: calc(var(--radius) * 1.6);\n      border: 1px solid var(--border-on-light);\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      background:\n        linear-gradient(135deg, rgba(0,0,0,0.06), rgba(0,0,0,0)),\n        radial-gradient(600px 220px at 20% 80%, rgba(227,0,83,0.10), rgba(227,0,83,0));\n      aspect-ratio: 4 \/ 3;\n      min-height: 260px;\n      position: relative;\n    }\n    .mn-band--dark .mn-media,\n    .mn-band--charcoal .mn-media,\n    .mn-band--photo .mn-media{\n      border-color: rgba(255,255,255,0.16);\n      box-shadow: none;\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0)),\n        radial-gradient(600px 220px at 20% 80%, rgba(227,0,83,0.12), rgba(0,0,0,0));\n    }\n    .mn-media__label{\n      position:absolute;\n      left: 12px;\n      bottom: 12px;\n      display:inline-flex;\n      gap: 8px;\n      align-items:center;\n      padding: 8px 10px;\n      border-radius: 999px;\n      font-size: 13px;\n      background: rgba(0,0,0,0.55);\n      border: 1px solid rgba(255,255,255,0.18);\n      color: #fff;\n    }\n\n    @media (max-width: 980px){\n      .mn-split, .mn-split--reverse{ grid-template-columns: 1fr; }\n      .mn-media{ min-height: 220px; }\n    }\n\n    \/* Gallery placeholders *\/\n    .mn-thumb{\n      border-radius: calc(var(--radius) * 1.2);\n      border: 1px solid var(--border-on-light);\n      background:\n        linear-gradient(135deg, rgba(0,0,0,0.06), rgba(0,0,0,0)),\n        linear-gradient(0deg, rgba(227,0,83,0.06), rgba(227,0,83,0.00));\n      aspect-ratio: 4 \/ 3;\n    }\n    .mn-band--dark .mn-thumb,\n    .mn-band--charcoal .mn-thumb{\n      border-color: rgba(255,255,255,0.16);\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0)),\n        radial-gradient(400px 140px at 30% 70%, rgba(227,0,83,0.12), rgba(0,0,0,0));\n    }\n\n    \/* Logo row *\/\n    .mn-logos{\n      display:flex;\n      gap: var(--space-3);\n      flex-wrap: wrap;\n      align-items: center;\n      opacity: .9;\n    }\n    .mn-logo{\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n      border-radius: 999px;\n      padding: 10px 14px;\n      font-size: 13px;\n      color: var(--text-muted-on-light);\n    }\n    .mn-band--dark .mn-logo,\n    .mn-band--charcoal .mn-logo{\n      border-color: rgba(255,255,255,0.16);\n      background: rgba(255,255,255,0.06);\n      color: var(--text-muted-on-dark);\n    }\n\n    \/* Table *\/\n    .mn-table{\n      width:100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      overflow:hidden;\n      border-radius: calc(var(--radius) * 1.25);\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n    }\n    .mn-table th, .mn-table td{\n      padding: 14px 14px;\n      border-bottom: 1px solid var(--border-on-light);\n      text-align:left;\n      font-size: 14px;\n      vertical-align: top;\n    }\n    .mn-table th{\n      font-size: 13px;\n      letter-spacing: .10em;\n      text-transform: uppercase;\n      color: var(--text-muted-on-light);\n      background: var(--offwhite);\n    }\n    .mn-table tr:last-child td{ border-bottom:none; }\n    .mn-row--hl td{ background: rgba(227,0,83,0.06); }\n\n    \/* Pricing cards *\/\n    .mn-price{\n      border-radius: calc(var(--radius) * 1.6);\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n      padding: var(--space-4);\n      box-shadow: 0 10px 28px rgba(0,0,0,0.08);\n    }\n    .mn-price--featured{\n      border-color: rgba(227,0,83,0.35);\n      box-shadow: 0 18px 50px rgba(227,0,83,0.14);\n      position: relative;\n    }\n    .mn-price--featured:before{\n      content:\"Doporu\u010deno\";\n      position:absolute;\n      top: 14px; right: 14px;\n      font-size: 12px;\n      letter-spacing: .10em;\n      text-transform: uppercase;\n      padding: 6px 10px;\n      border-radius: 999px;\n      color: var(--brand-red);\n      background: rgba(227,0,83,0.08);\n      border: 1px solid rgba(227,0,83,0.18);\n    }\n    .mn-price h4{\n      margin: 0 0 6px 0;\n      font-size: 16px;\n      text-transform: uppercase;\n      letter-spacing: .10em;\n      color: var(--text-muted-on-light);\n    }\n    .mn-price .mn-amount{\n      font-family: \"Bebas Neue\",\"Oswald\",Impact,\"Arial Narrow\",sans-serif;\n      font-size: 54px;\n      letter-spacing: 0.04em;\n      margin: 0 0 var(--space-2) 0;\n      line-height: 1;\n    }\n    .mn-list{ margin: 0; padding-left: 18px; color: var(--text-muted-on-light); }\n    .mn-list li{ margin: 8px 0; }\n\n    \/* FAQ *\/\n    .mn-faq{\n      border: 1px solid var(--border-on-light);\n      border-radius: calc(var(--radius) * 1.25);\n      background: var(--white);\n      padding: 0;\n      overflow:hidden;\n    }\n    .mn-faq + .mn-faq{ margin-top: var(--space-2); }\n    .mn-faq summary{\n      list-style: none;\n      cursor: pointer;\n      padding: 14px 14px;\n      font-weight: 900;\n      display:flex;\n      align-items:center;\n      justify-content: space-between;\n      gap: 12px;\n    }\n    .mn-faq summary::-webkit-details-marker{ display:none; }\n    .mn-faq .mn-faq__body{\n      padding: 0 14px 14px 14px;\n      color: var(--text-muted-on-light);\n      font-size: 14px;\n    }\n    .mn-faq summary .mn-faq__chev{\n      width: 18px; height: 18px; opacity: .8;\n      transition: transform .15s ease;\n    }\n    .mn-faq[open] summary .mn-faq__chev{ transform: rotate(180deg); }\n\n    \/* Form *\/\n    .mn-form{ display:grid; gap: var(--space-2); }\n    .mn-label{\n      font-size: 13px;\n      font-weight: 900;\n      color: var(--text-on-light);\n    }\n    .mn-band--dark .mn-label,\n    .mn-band--photo .mn-label{ color: var(--text-on-dark); }\n\n    .mn-input, .mn-textarea{\n      width: 100%;\n      padding: 12px 12px;\n      border-radius: var(--radius);\n      border: 1px solid var(--border-on-light);\n      background: var(--white);\n      outline: none;\n      transition: border-color .15s ease, box-shadow .15s ease;\n    }\n    .mn-band--dark .mn-input, .mn-band--dark .mn-textarea,\n    .mn-band--photo .mn-input, .mn-band--photo .mn-textarea{\n      background: rgba(255,255,255,0.06);\n      border-color: rgba(255,255,255,0.18);\n      color: var(--white);\n    }\n    .mn-input:focus, .mn-textarea:focus{\n      border-color: var(--brand-red);\n      box-shadow: 0 0 0 3px rgba(227,0,83,0.18);\n    }\n    .mn-textarea{ min-height: 120px; resize: vertical; }\n\n    \/* Mini nav *\/\n    .mn-nav{\n      display:flex;\n      flex-wrap:wrap;\n      gap: 10px;\n      margin-top: 14px;\n    }\n    .mn-nav a{\n      font-size: 13px;\n      text-decoration:none;\n      padding: 6px 10px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.20);\n      background: rgba(255,255,255,0.06);\n      color: rgba(255,255,255,0.92);\n    }\n    .mn-nav a:hover{ border-color: rgba(227,0,83,0.50); color: #fff; }\n\n    \/* Testimonial *\/\n    .mn-quote{\n      display:flex;\n      gap: 12px;\n      align-items:flex-start;\n    }\n    .mn-quote .mn-quote__text{\n      margin: 0;\n      color: var(--text-muted-on-light);\n      font-size: 14px;\n    }\n    .mn-quote .mn-quote__name{\n      margin-top: 10px;\n      font-weight: 900;\n      font-size: 14px;\n      color: var(--text-on-light);\n    }\n    .mn-quote .mn-quote__meta{\n      font-size: 13px;\n      color: var(--text-muted-on-light);\n    }\n  <\/style>\n\n  <!-- SVG ICON SPRITE (free icons, inline) -->\n  <svg aria-hidden=\"true\" style=\"position:absolute; width:0; height:0; overflow:hidden;\">\n    <symbol id=\"mn-ic-phone\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M6.6 10.8c1.5 3 3.6 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3c0-.6.4-1 1-1h3.2c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1L6.6 10.8z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-pin\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 22s7-4.4 7-12a7 7 0 1 0-14 0c0 7.6 7 12 7 12zm0-9a3 3 0 1 1 0-6 3 3 0 0 1 0 6z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-check\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M9.2 16.6 4.9 12.3l1.4-1.4 2.9 2.9 8.5-8.5 1.4 1.4-9.9 9.9z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-clock\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-10.6V6h-2v6l5 3 1-1.7-4-2.3z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-roller\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 0 4H6a2 2 0 0 1-2-2zm13 2h2a2 2 0 0 1 2 2v2h-4V8zM7 10h2v3.2c0 .5.2 1 .6 1.4l1.4 1.4V22H9v-4.2l-1-1c-.6-.6-1-1.4-1-2.2V10z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-shield\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 2 4 5v6c0 5.3 3.4 10.2 8 11 4.6-.8 8-5.7 8-11V5l-8-3zm0 18c-3.1-.9-6-4.7-6-9.1V6.3L12 4l6 2.3v4.6c0 4.4-2.9 8.2-6 9.1z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-chevron\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 15.5 5.5 9l1.4-1.4L12 12.7l5.1-5.1L18.5 9 12 15.5z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-star\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 17.3 6.2 20.6l1.1-6.5-4.7-4.6 6.5-.9L12 2.7l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-quote\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M10 11H6c0-2.8 1.6-5.3 4-6l1 1.8C9.8 7.4 9 9.1 9 11h1v7H5v-7zm9 0h-4c0-2.8 1.6-5.3 4-6l1 1.8c-1.2.6-2 2.3-2 4.2h1v7h-5v-7z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-home\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 3 2.5 10.5l1.3 1.6L5 11v10h5v-6h4v6h5V11l1.2 1.1 1.3-1.6L12 3z\"\/>\n    <\/symbol>\n    <symbol id=\"mn-ic-spark\" viewBox=\"0 0 24 24\">\n      <path fill=\"currentColor\" d=\"M12 2l1.2 4.1L17.3 8l-4.1 1.2L12 13.3l-1.2-4.1L6.7 8l4.1-1.9L12 2zm7 9l.8 2.7L22 15l-2.2.7L19 18l-.8-2.3L16 15l2.2-1.3L19 11zM5 12l.9 3L8 16l-2.1 1-.9 3-.9-3L2 16l2.1-1 .9-3z\"\/>\n    <\/symbol>\n  <\/svg>\n\n  <!-- 01 HERO \/ PHOTO BAND -->\n  <section class=\"mn-band mn-band--photo\" id=\"top\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-grid-2\" style=\"align-items:center;\">\n        <div>\n          <div class=\"mn-badge\"><span class=\"mn-dot\"><\/span> Preview: full-width sekce + moduly<\/div>\n          <div class=\"mn-h1\">POCTIV\u00c9 \u0158EMESLO<\/div>\n          <p class=\"mn-lead\">Pozad\u00ed sekce na celou \u0161\u00ed\u0159ku, ale obsah v containeru. \u010cernob\u00edl\u00fd feeling + jeden \u010derven\u00fd akcent p\u016fsob\u00ed pr\u00e9miov\u011b a \u201e\u010dist\u011b\u201c.<\/p>\n\n          <div class=\"mn-chiprow\">\n            <div class=\"mn-chip\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> <b>\u010cist\u011b<\/b> a pe\u010dliv\u011b<\/div>\n            <div class=\"mn-chip\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-clock\"><\/use><\/svg> <b>V\u010das<\/b> a domluven\u011b<\/div>\n            <div class=\"mn-chip\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-shield\"><\/use><\/svg> <b>Jistota<\/b> v\u00fdsledku<\/div>\n          <\/div>\n\n          <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n            <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">\n              <svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-phone\"><\/use><\/svg>\n              Kontaktovat\n            <\/a>\n            <a class=\"mn-btn mn-btn--outline\" href=\"#mn-services\">Slu\u017eby<\/a>\n            <a class=\"mn-btn mn-btn--ghost\" href=\"#mn-modules\">Dal\u0161\u00ed moduly \u2192<\/a>\n          <\/div>\n\n          <nav class=\"mn-nav\" aria-label=\"Rychl\u00e1 navigace\">\n            <a href=\"#mn-palette\">Paleta<\/a>\n            <a href=\"#mn-typography\">Typografie<\/a>\n            <a href=\"#mn-services\">Slu\u017eby<\/a>\n            <a href=\"#mn-splits\">Sekce s fotkou<\/a>\n            <a href=\"#mn-gallery\">Galerie<\/a>\n            <a href=\"#mn-pricing\">Bal\u00ed\u010dky<\/a>\n            <a href=\"#mn-faq\">FAQ<\/a>\n            <a href=\"#mn-contact\">Kontakt<\/a>\n          <\/nav>\n\n          <div class=\"mn-note\">Tip: hero m\u016f\u017ee m\u00edt background image na full width + overlay. Obsah z\u016fst\u00e1v\u00e1 v\u017edy v containeru.<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"mn-panel\">\n            <div class=\"mn-h3\">Rychl\u00e1 popt\u00e1vka<\/div>\n            <p class=\"mn-p\">Karta na tmav\u00e9m pozad\u00ed (glass). Hod\u00ed se na \u201erychl\u00fd kontakt\u201c, term\u00edny, nebo info.<\/p>\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Nez\u00e1vazn\u011b poptat<\/a>\n              <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Cen\u00edk<\/a>\n            <\/div>\n            <div class=\"mn-divider\"><\/div>\n            <div class=\"mn-logos\" aria-label=\"Uk\u00e1zkov\u00e9 zna\u010dky\">\n              <div class=\"mn-logo\">Dulux<\/div>\n              <div class=\"mn-logo\">Jupol<\/div>\n              <div class=\"mn-logo\">Primalex<\/div>\n              <div class=\"mn-logo\">Caparol<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 02 PALETTE -->\n  <section id=\"mn-palette\" class=\"mn-band mn-band--white\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">02 \/ Colors<\/div>\n        <div class=\"mn-h2\">BAREVN\u00c1 PALETA<\/div>\n        <p class=\"mn-p\">Jedna \u010derven\u00e1 pro akce a odkazy, zbytek neutr\u00e1ly. N\u00ed\u017ee jsou swatche s hex k\u00f3dy.<\/p>\n\n        <div class=\"mn-grid-5\">\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--brand-red)\"><\/div><div class=\"mn-swatch__meta\"><span>Brand Red<\/span><strong>#E30053<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--brand-red-dark)\"><\/div><div class=\"mn-swatch__meta\"><span>Red Dark<\/span><strong>#B80043<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--brand-red-tint)\"><\/div><div class=\"mn-swatch__meta\"><span>Red Tint<\/span><strong>#FFE3EE<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--warm-paper)\"><\/div><div class=\"mn-swatch__meta\"><span>Warm Paper<\/span><strong>#F6F2EE<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--offwhite)\"><\/div><div class=\"mn-swatch__meta\"><span>Off White<\/span><strong>#F5F5F5<\/strong><\/div><\/div>\n        <\/div>\n\n        <div class=\"mn-divider\"><\/div>\n\n        <div class=\"mn-grid-4\">\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--black)\"><\/div><div class=\"mn-swatch__meta\"><span>Black<\/span><strong>#0A0A0A<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: var(--charcoal)\"><\/div><div class=\"mn-swatch__meta\"><span>Charcoal<\/span><strong>#171717<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: #D0D0D0\"><\/div><div class=\"mn-swatch__meta\"><span>Muted on dark<\/span><strong>#D0D0D0<\/strong><\/div><\/div>\n          <div class=\"mn-swatch\"><div class=\"mn-swatch__color\" style=\"background: #555555\"><\/div><div class=\"mn-swatch__meta\"><span>Muted on light<\/span><strong>#555555<\/strong><\/div><\/div>\n        <\/div>\n\n        <div class=\"mn-note\">Pravidlo: \u010derven\u00e1 jen jako akcent (CTA, linky, drobn\u00e9 zv\u00fdrazn\u011bn\u00ed).<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 03 TYPOGRAPHY + UI -->\n  <section id=\"mn-typography\" class=\"mn-band mn-band--paper\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">03 \/ Type &#038; UI<\/div>\n        <div class=\"mn-h2\">TYPOGRAFIE, TLA\u010c\u00cdTKA, BADGE<\/div>\n\n        <div class=\"mn-grid-2\">\n          <div>\n            <div class=\"mn-h3\">Test diakritiky<\/div>\n            <p class=\"mn-p\"><strong>\u201eP\u0159\u00edli\u0161 \u017elu\u0165ou\u010dk\u00fd k\u016f\u0148 \u00fap\u011bl \u010f\u00e1belsk\u00e9 \u00f3dy.\u201c<\/strong><br>\n              Link: <a class=\"mn-link\" href=\"#0\">Kontaktujte n\u00e1s<\/a> \u2022 Hover: podtr\u017een\u00ed + tmav\u0161\u00ed \u010derven\u00e1.<\/p>\n\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--primary\" href=\"#0\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-phone\"><\/use><\/svg> Zavolat<\/a>\n              <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Zaslat popt\u00e1vku<\/a>\n              <a class=\"mn-btn mn-btn--outline mn-btn--sm mn-btn--pill\" href=\"#0\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-spark\"><\/use><\/svg> Mal\u00fd pill<\/a>\n              <a class=\"mn-btn mn-btn--ghost\" href=\"#0\">Ghost link \u2192<\/a>\n            <\/div>\n\n            <div class=\"mn-chiprow\">\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-star\"><\/use><\/svg> <b>4.9\/5<\/b> hodnocen\u00ed<\/div>\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-home\"><\/use><\/svg> <b>Byty<\/b> \/ domy<\/div>\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-pin\"><\/use><\/svg> <b>Praha<\/b> a okol\u00ed<\/div>\n            <\/div>\n\n            <div class=\"mn-note\">Tip: H2\/H3 velk\u00e9, kr\u00e1tk\u00e9 a jist\u00e9. Dlouh\u00e9 texty nech v b\u011b\u017en\u00e9m \u0159ezu bez uppercase.<\/div>\n          <\/div>\n\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> Karta \/ info box<\/div>\n            <p class=\"mn-card__text\">Vhodn\u00e9 pro shrnut\u00ed v\u00fdhod, reference, rychl\u00e9 info o slu\u017eb\u011b. Vlevo ikonka, naho\u0159e title, pod t\u00edm text.<\/p>\n            <div class=\"mn-divider\"><\/div>\n            <p class=\"mn-card__text\"><strong>Mini checklist<\/strong><\/p>\n            <ul class=\"mn-list\">\n              <li>Zakryt\u00ed a ochrana podlah<\/li>\n              <li>\u010cist\u00e9 hrany a detaily<\/li>\n              <li>\u00daklid a p\u0159ed\u00e1n\u00ed<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 04 SERVICES GRID (WHITE) -->\n  <section id=\"mn-services\" class=\"mn-band mn-band--white\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">04 \/ Services<\/div>\n        <div class=\"mn-h2\">NA\u0160E SLU\u017dBY (grid)<\/div>\n        <p class=\"mn-p\">Karty se hod\u00ed na homepage \u2013 jednoduch\u00e9, \u010diteln\u00e9, s ikonou a linkem.<\/p>\n\n        <div class=\"mn-grid-3\">\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-roller\"><\/use><\/svg> MAL\u00cd\u0158SK\u00c9 PR\u00c1CE<\/div>\n            <p class=\"mn-card__text\">V\u00fdmalba byt\u016f, dom\u016f, kancel\u00e1\u0159\u00ed. Pe\u010dliv\u011b a \u010dist\u011b.<\/p>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--ghost\" href=\"#0\">V\u00edce \u2192<\/a><\/div>\n          <\/div>\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> N\u00c1T\u011aRY A TAPETY<\/div>\n            <p class=\"mn-card__text\">Dve\u0159e, z\u00e1rubn\u011b, radi\u00e1tory, tapetov\u00e1n\u00ed. Detail.<\/p>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--ghost\" href=\"#0\">Zjistit v\u00edce \u2192<\/a><\/div>\n          <\/div>\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-spark\"><\/use><\/svg> FIN\u00c1LN\u00cd \u00daKLID<\/div>\n            <p class=\"mn-card__text\">Po dokon\u010den\u00ed uklizeno a p\u0159ipraveno k u\u017e\u00edv\u00e1n\u00ed.<\/p>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--ghost\" href=\"#0\">Jak to prob\u00edh\u00e1 \u2192<\/a><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 05 FULL-WIDTH CTA STRIP (TINT) -->\n  <section class=\"mn-band mn-band--tint\" id=\"mn-modules\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-split\" style=\"gap:var(--space-4);\">\n        <div>\n          <div class=\"mn-kicker\">05 \/ CTA strip<\/div>\n          <div class=\"mn-h2\">VOLN\u00c9 TERM\u00cdNY?<\/div>\n          <p class=\"mn-p\">Tahle r\u016f\u017eov\u00e1 tint sekce funguje skv\u011ble jako \u201emoment p\u0159ekvapen\u00ed\u201c mezi \u010dernob\u00edl\u00fdmi bloky.<\/p>\n          <div class=\"mn-btn-row\">\n            <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Chci term\u00edn<\/a>\n            <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Orienta\u010dn\u00ed cena<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"mn-card\" style=\"background:rgba(255,255,255,0.70); border-color:rgba(227,0,83,0.18); box-shadow:none;\">\n          <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-clock\"><\/use><\/svg> Rychl\u00e1 odpov\u011b\u010f<\/div>\n          <p class=\"mn-card__text\">Uk\u00e1zka mini boxu: \u201eOdpov\u00edme do 24h\u201c, \u201ePraha a okol\u00ed\u201c, \u201ePo\u2013P\u00e1 8\u201318\u201c.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 06 SPLIT SECTIONS (alternating text\/image) -->\n  <section id=\"mn-splits\" class=\"mn-band mn-band--offwhite\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-kicker\">06 \/ Split sections<\/div>\n      <div class=\"mn-h2\">SEKCE S FOTKOU (st\u0159\u00edd\u00e1n\u00ed)<\/div>\n      <p class=\"mn-p\">Tady p\u0159esn\u011b vznik\u00e1 ten dojem \u201eportfolio \/ premium\u201c. Pozad\u00ed full width, obsah v containeru, st\u0159\u00edd\u00e1n\u00ed layoutu.<\/p>\n\n      <div class=\"mn-panel\" style=\"margin-bottom:var(--space-4);\">\n        <div class=\"mn-split\">\n          <div>\n            <div class=\"mn-h3\">V\u00fdmalba byt\u016f<\/div>\n            <p class=\"mn-p\">Kr\u00e1tk\u00fd popis: zakryt\u00ed, malov\u00e1n\u00ed, kontrola detailu, \u00faklid. Hod\u00ed se na podstr\u00e1nky i homepage.<\/p>\n            <ul class=\"mn-list\">\n              <li>\u010cist\u00e9 hrany, rohy, z\u00e1suvky<\/li>\n              <li>Ochrana podlah a n\u00e1bytku<\/li>\n              <li>Po pr\u00e1ci uklizeno<\/li>\n            <\/ul>\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Poptat v\u00fdmalbu<\/a>\n              <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Uk\u00e1zky realizac\u00ed<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mn-media\">\n            <div class=\"mn-media__label\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-roller\"><\/use><\/svg> Fotka \/ realizace<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mn-panel\" style=\"margin-bottom:var(--space-4);\">\n        <div class=\"mn-split mn-split--reverse\">\n          <div class=\"mn-media\">\n            <div class=\"mn-media__label\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> Detail pr\u00e1ce<\/div>\n          <\/div>\n          <div>\n            <div class=\"mn-h3\">N\u00e1t\u011bry a tapety<\/div>\n            <p class=\"mn-p\">St\u0159\u00edd\u00e1n\u00ed layoutu (fotka vlevo). P\u016fsob\u00ed dynamicky, ale po\u0159\u00e1d \u010dist\u011b.<\/p>\n            <div class=\"mn-chiprow\">\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> <b>Z\u00e1rubn\u011b<\/b><\/div>\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> <b>Dve\u0159e<\/b><\/div>\n              <div class=\"mn-chip\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> <b>Radi\u00e1tory<\/b><\/div>\n            <\/div>\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Jak to prob\u00edh\u00e1<\/a>\n              <a class=\"mn-btn mn-btn--ghost\" href=\"#0\">Tipy a p\u0159\u00edprava \u2192<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mn-panel\">\n        <div class=\"mn-split\">\n          <div>\n            <div class=\"mn-h3\">Fin\u00e1ln\u00ed \u00faklid<\/div>\n            <p class=\"mn-p\">T\u0159et\u00ed split pro uk\u00e1zku. V re\u00e1lu sem d\u00e1v\u00e1\u0161 fotku uklizen\u00e9ho prostoru + kr\u00e1tk\u00fd popis.<\/p>\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--primary\" href=\"#0\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-spark\"><\/use><\/svg> Chci hotovo \u201ena kl\u00ed\u010d\u201c<\/a>\n              <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Co je v cen\u011b<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"mn-media\">\n            <div class=\"mn-media__label\"><svg class=\"mn-ic mn-ic--sm\" aria-hidden=\"true\"><use href=\"#mn-ic-spark\"><\/use><\/svg> Po pr\u00e1ci uklizeno<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 07 STATS (DARK) -->\n  <section class=\"mn-band mn-band--dark\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-kicker\">07 \/ Trust<\/div>\n      <div class=\"mn-h2\">D\u016eV\u011aRA A \u010c\u00cdSLA<\/div>\n      <p class=\"mn-p\">Na tmav\u00e9m bandu v\u00fdborn\u011b funguj\u00ed statistiky a d\u016fv\u011bryhodnost.<\/p>\n\n      <div class=\"mn-grid-4\">\n        <div class=\"mn-stat\"><strong>50+<\/strong><span>let tradice (uk\u00e1zka)<\/span><\/div>\n        <div class=\"mn-stat\"><strong>300+<\/strong><span>realizac\u00ed (uk\u00e1zka)<\/span><\/div>\n        <div class=\"mn-stat\"><strong>4.9\/5<\/strong><span>hodnocen\u00ed (uk\u00e1zka)<\/span><\/div>\n        <div class=\"mn-stat\"><strong>Praha<\/strong><span>Mod\u0159any a okol\u00ed<\/span><\/div>\n      <\/div>\n\n      <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n        <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Nez\u00e1vazn\u011b poptat<\/a>\n        <a class=\"mn-btn mn-btn--outline\" href=\"#0\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-pin\"><\/use><\/svg> Kde p\u016fsob\u00edme<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 08 PROCESS (PAPER) -->\n  <section class=\"mn-band mn-band--paper\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">08 \/ Process<\/div>\n        <div class=\"mn-h2\">POSTUP SPOLUPR\u00c1CE<\/div>\n\n        <div class=\"mn-grid-3\">\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-phone\"><\/use><\/svg> 01 Konzultace<\/div>\n            <p class=\"mn-card__text\">Zavol\u00e1me si \/ nap\u00ed\u0161ete. Up\u0159esn\u00edme rozsah a term\u00edn.<\/p>\n          <\/div>\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-roller\"><\/use><\/svg> 02 Realizace<\/div>\n            <p class=\"mn-card__text\">Zakryt\u00ed, pr\u00e1ce, kontrola detail\u016f. \u010cist\u00e9 proveden\u00ed.<\/p>\n          <\/div>\n          <div class=\"mn-card\">\n            <div class=\"mn-card__title\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg> 03 \u00daklid a p\u0159ed\u00e1n\u00ed<\/div>\n            <p class=\"mn-card__text\">Uklizeno, p\u0159ed\u00e1no, hotovo. Bez p\u0159ekvapen\u00ed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mn-note\">Tenhle modul funguje i na tmav\u00e9m pozad\u00ed (je\u0161t\u011b v\u00edc \u201epremium\u201c).<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 09 TESTIMONIALS (WHITE) -->\n  <section class=\"mn-band mn-band--white\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">09 \/ Testimonials<\/div>\n        <div class=\"mn-h2\">REFERENCE (uk\u00e1zka)<\/div>\n        <p class=\"mn-p\">Bez slideru, \u010dist\u011b jako grid. V re\u00e1lu jen dopln\u00ed\u0161 texty a lokality.<\/p>\n\n        <div class=\"mn-grid-3\">\n          <div class=\"mn-card\">\n            <div class=\"mn-quote\">\n              <svg class=\"mn-ic mn-ic--lg\" aria-hidden=\"true\"><use href=\"#mn-ic-quote\"><\/use><\/svg>\n              <div>\n                <p class=\"mn-quote__text\">\u201eSkv\u011ble odveden\u00e1 pr\u00e1ce, v\u0161e \u010dist\u00e9 a rychl\u00e9. Domluva perfektn\u00ed.\u201c<\/p>\n                <div class=\"mn-quote__name\">Jana K.<\/div>\n                <div class=\"mn-quote__meta\">Praha 4 \u2022 v\u00fdmalba bytu<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"mn-card\">\n            <div class=\"mn-quote\">\n              <svg class=\"mn-ic mn-ic--lg\" aria-hidden=\"true\"><use href=\"#mn-ic-quote\"><\/use><\/svg>\n              <div>\n                <p class=\"mn-quote__text\">\u201eZ\u00e1rubn\u011b jako nov\u00e9. Doporu\u010duji, precizn\u00ed detail.\u201c<\/p>\n                <div class=\"mn-quote__name\">Petr M.<\/div>\n                <div class=\"mn-quote__meta\">Praha \u2022 n\u00e1t\u011bry<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"mn-card\">\n            <div class=\"mn-quote\">\n              <svg class=\"mn-ic mn-ic--lg\" aria-hidden=\"true\"><use href=\"#mn-ic-quote\"><\/use><\/svg>\n              <div>\n                <p class=\"mn-quote__text\">\u201ePo malov\u00e1n\u00ed uklizeno, v\u0161e p\u0159ed\u00e1no bez starost\u00ed.\u201c<\/p>\n                <div class=\"mn-quote__name\">Lucie S.<\/div>\n                <div class=\"mn-quote__meta\">Praha \u2022 po st\u011bhov\u00e1n\u00ed<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n          <a class=\"mn-btn mn-btn--primary\" href=\"#0\"><svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-star\"><\/use><\/svg> Zobrazit dal\u0161\u00ed<\/a>\n          <a class=\"mn-btn mn-btn--outline\" href=\"#0\">P\u0159idat referenci<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 10 GALLERY (CHARCOAL) -->\n  <section id=\"mn-gallery\" class=\"mn-band mn-band--charcoal\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-kicker\">10 \/ Gallery<\/div>\n      <div class=\"mn-h2\">GALERIE (placeholder)<\/div>\n      <p class=\"mn-p\">Pozad\u00ed full width, galerie v containeru. Nahra\u010f fotkami realizac\u00ed.<\/p>\n\n      <div class=\"mn-grid-4\">\n        <div class=\"mn-thumb\"><\/div>\n        <div class=\"mn-thumb\"><\/div>\n        <div class=\"mn-thumb\"><\/div>\n        <div class=\"mn-thumb\"><\/div>\n      <\/div>\n\n      <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n        <a class=\"mn-btn mn-btn--primary\" href=\"#0\">Zobrazit v\u00edce<\/a>\n        <a class=\"mn-btn mn-btn--outline\" href=\"#0\">Filtrovat realizace<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 11 PRICING (WHITE) -->\n  <section id=\"mn-pricing\" class=\"mn-band mn-band--white\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-panel\">\n        <div class=\"mn-kicker\">11 \/ Pricing<\/div>\n        <div class=\"mn-h2\">BAL\u00cd\u010cKY A CEN\u00cdK<\/div>\n        <p class=\"mn-p\">Dv\u011b varianty: (A) rychl\u00e9 bal\u00ed\u010dky jako karty, (B) tabulka. Ob\u011b funguj\u00ed.<\/p>\n\n        <div class=\"mn-grid-3\" style=\"margin-bottom: var(--space-4);\">\n          <div class=\"mn-price\">\n            <h4>Byt (rychle)<\/h4>\n            <div class=\"mn-amount\">1\u20132 dny<\/div>\n            <ul class=\"mn-list\">\n              <li>V\u00fdmalba 1\u20132 m\u00edstnosti<\/li>\n              <li>Zakryt\u00ed + \u00faklid<\/li>\n              <li>\u010cist\u00e9 hrany<\/li>\n            <\/ul>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--outline\" href=\"#mn-contact\">Poptat<\/a><\/div>\n          <\/div>\n\n          <div class=\"mn-price mn-price--featured\">\n            <h4>Byt po st\u011bhov\u00e1n\u00ed<\/h4>\n            <div class=\"mn-amount\">Komplet<\/div>\n            <ul class=\"mn-list\">\n              <li>Opravy drobn\u00fdch vad<\/li>\n              <li>V\u00fdmalba + detail<\/li>\n              <li>P\u0159ed\u00e1n\u00ed uklizeno<\/li>\n            <\/ul>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Chci nab\u00eddku<\/a><\/div>\n          <\/div>\n\n          <div class=\"mn-price\">\n            <h4>D\u016fm \/ kancel\u00e1\u0159<\/h4>\n            <div class=\"mn-amount\">Individu\u00e1ln\u011b<\/div>\n            <ul class=\"mn-list\">\n              <li>V\u00edce m\u00edstnost\u00ed<\/li>\n              <li>Pr\u00e1ce po etap\u00e1ch<\/li>\n              <li>Domluva term\u00edn\u016f<\/li>\n            <\/ul>\n            <div class=\"mn-btn-row\"><a class=\"mn-btn mn-btn--outline\" href=\"#mn-contact\">Domluvit<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <table class=\"mn-table\" role=\"table\" aria-label=\"Uk\u00e1zkov\u00fd cen\u00edk\">\n          <thead>\n            <tr>\n              <th>Slu\u017eba<\/th>\n              <th>Co obsahuje<\/th>\n              <th>Pozn\u00e1mka<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td><strong>V\u00fdmalba byt\u016f<\/strong><\/td>\n              <td>zakryt\u00ed, malov\u00e1n\u00ed, z\u00e1kladn\u00ed \u00faklid<\/td>\n              <td>nej\u010dast\u011bj\u0161\u00ed volba<\/td>\n            <\/tr>\n            <tr class=\"mn-row--hl\">\n              <td><strong>Po st\u011bhov\u00e1n\u00ed<\/strong><\/td>\n              <td>opravy drobn\u00fdch vad + v\u00fdmalba<\/td>\n              <td>rychl\u00e9 p\u0159ed\u00e1n\u00ed bytu<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>N\u00e1t\u011br z\u00e1rubn\u00ed<\/strong><\/td>\n              <td>p\u0159\u00edprava, n\u00e1t\u011br, kontrola detailu<\/td>\n              <td>ide\u00e1ln\u00ed s v\u00fdmalbou<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n\n        <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n          <a class=\"mn-btn mn-btn--primary\" href=\"#mn-contact\">Chci nab\u00eddku<\/a>\n          <a class=\"mn-btn mn-btn--outline\" href=\"#0\">St\u00e1hnout cen\u00edk<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 12 FAQ (OFFWHITE) -->\n  <section id=\"mn-faq\" class=\"mn-band mn-band--offwhite\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-kicker\">12 \/ FAQ<\/div>\n      <div class=\"mn-h2\">FAQ (bez JS)<\/div>\n      <p class=\"mn-p\">Detaily\/summary funguj\u00ed i bez skript\u016f. Sta\u010d\u00ed doplnit re\u00e1ln\u00fd obsah.<\/p>\n\n      <details class=\"mn-faq\">\n        <summary>\n          <span>Jak rychle m\u016f\u017eete nastoupit?<\/span>\n          <svg class=\"mn-faq__chev\" aria-hidden=\"true\"><use href=\"#mn-ic-chevron\"><\/use><\/svg>\n        <\/summary>\n        <div class=\"mn-faq__body\">Podle vyt\u00ed\u017een\u00ed. Typicky domluva term\u00ednu do n\u011bkolika dn\u00ed (uk\u00e1zkov\u00fd text).<\/div>\n      <\/details>\n\n      <details class=\"mn-faq\">\n        <summary>\n          <span>D\u011bl\u00e1te i opravy prasklin a d\u011br?<\/span>\n          <svg class=\"mn-faq__chev\" aria-hidden=\"true\"><use href=\"#mn-ic-chevron\"><\/use><\/svg>\n        <\/summary>\n        <div class=\"mn-faq__body\">Ano, drobn\u00e9 opravy jsou sou\u010d\u00e1st\u00ed realizace nebo samostatn\u00e1 slu\u017eba (uk\u00e1zka).<\/div>\n      <\/details>\n\n      <details class=\"mn-faq\">\n        <summary>\n          <span>Co je v cen\u011b \u00faklid?<\/span>\n          <svg class=\"mn-faq__chev\" aria-hidden=\"true\"><use href=\"#mn-ic-chevron\"><\/use><\/svg>\n        <\/summary>\n        <div class=\"mn-faq__body\">Z\u00e1kladn\u00ed \u00faklid po pr\u00e1ci + odvoz drobn\u00e9ho odpadu dle domluvy (uk\u00e1zka).<\/div>\n      <\/details>\n    <\/div>\n  <\/section>\n\n  <!-- 13 CONTACT (DARK) -->\n  <section id=\"mn-contact\" class=\"mn-band mn-band--dark\">\n    <div class=\"mn-wrap\">\n      <div class=\"mn-grid-2\">\n        <div>\n          <div class=\"mn-kicker\">13 \/ Contact<\/div>\n          <div class=\"mn-h2\">KONTAKT<\/div>\n          <p class=\"mn-p\">Pozad\u00ed full width, obsah v containeru. Vedle sebe \u201evelk\u00e9 \u010d\u00edslo\u201c a formul\u00e1\u0159.<\/p>\n\n          <div class=\"mn-panel\" style=\"padding:24px;\">\n            <div class=\"mn-h3\" style=\"margin-bottom:10px;\">774 244 705<\/div>\n            <p class=\"mn-p\" style=\"margin-bottom:0;\">\n              <svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-pin\"><\/use><\/svg>\n              Praha (Mod\u0159any a okol\u00ed) \u2022 Po\u2013P\u00e1 8:00\u201318:00\n            <\/p>\n          <\/div>\n\n          <div class=\"mn-btn-row\" style=\"margin-top:16px;\">\n            <a class=\"mn-btn mn-btn--outline\" href=\"#top\">Zp\u011bt nahoru<\/a>\n            <a class=\"mn-btn mn-btn--ghost\" href=\"#0\">Odeslat WhatsApp \u2192<\/a>\n          <\/div>\n        <\/div>\n\n        <div>\n          <div class=\"mn-panel\">\n            <div class=\"mn-h3\">Napi\u0161te n\u00e1m<\/div>\n            <form class=\"mn-form\">\n              <div>\n                <div class=\"mn-label\">Jm\u00e9no<\/div>\n                <input class=\"mn-input\" type=\"text\" placeholder=\"Nap\u0159. Jan Nov\u00e1k\">\n              <\/div>\n              <div>\n                <div class=\"mn-label\">Telefon<\/div>\n                <input class=\"mn-input\" type=\"tel\" placeholder=\"+420 777 000 000\">\n              <\/div>\n              <div>\n                <div class=\"mn-label\">Popis popt\u00e1vky<\/div>\n                <textarea class=\"mn-textarea\" placeholder=\"Kr\u00e1tce popi\u0161te, co pot\u0159ebujete\u2026\"><\/textarea>\n              <\/div>\n              <div class=\"mn-btn-row\">\n                <button class=\"mn-btn mn-btn--primary\" type=\"button\">\n                  <svg class=\"mn-ic\" aria-hidden=\"true\"><use href=\"#mn-ic-check\"><\/use><\/svg>\n                  Odeslat\n                <\/button>\n                <button class=\"mn-btn mn-btn--outline\" type=\"button\">Nez\u00e1vazn\u011b poptat<\/button>\n              <\/div>\n            <\/form>\n            <div class=\"mn-note\">Tohle je vizu\u00e1ln\u00ed uk\u00e1zka. Ve fin\u00e1le napoj\u00ed\u0161 na CF7 \/ Fluent \/ GP form.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Preview: full-width sekce + moduly POCTIV\u00c9 \u0158EMESLO Pozad\u00ed sekce na celou \u0161\u00ed\u0159ku, ale obsah v containeru. \u010cernob\u00edl\u00fd feeling + jeden \u010derven\u00fd akcent p\u016fsob\u00ed pr\u00e9miov\u011b a \u201e\u010dist\u011b\u201c. \u010cist\u011b a pe\u010dliv\u011b V\u010das a domluven\u011b Jistota v\u00fdsledku Kontaktovat Slu\u017eby Dal\u0161\u00ed moduly \u2192 Paleta Typografie Slu\u017eby Sekce s fotkou Galerie Bal\u00ed\u010dky FAQ Kontakt Tip: hero m\u016f\u017ee m\u00edt background image &#8230; <a title=\"test barev 3 full width &#8211; last\" class=\"read-more\" href=\"https:\/\/malby.nahromade.cz\/?page_id=14\" aria-label=\"\u010c\u00edst v\u00edce o test barev 3 full width &#8211; last\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":2,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}