﻿﻿﻿﻿{"id":22,"date":"2026-03-01T13:17:49","date_gmt":"2026-03-01T13:17:49","guid":{"rendered":"https:\/\/malby.nahromade.cz\/?page_id=22"},"modified":"2026-03-01T13:17:50","modified_gmt":"2026-03-01T13:17:50","slug":"test-barev-6-full-width-last","status":"publish","type":"page","link":"https:\/\/malby.nahromade.cz\/?page_id=22","title":{"rendered":"test barev 6 full width &#8211; last"},"content":{"rendered":"\n<div class=\"mn-styleguide\">\n\n  <style>\n    \/* Fonts (bez <head>) *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Bebas+Neue&display=swap');\n\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: #2A0A0A;\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.14);\n      --shadow-strong: 0 16px 50px rgba(0,0,0,0.22);\n    }\n\n    \/* Scope only *\/\n    .mn-styleguide{\n      font-family: \"Montserrat\", 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;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\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 *\/\n    .mn-band{\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      margin-right: calc(50% - 50vw);\n      padding: 56px 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    .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\n    @media (max-width: 800px){\n      .mn-band{ padding: 44px 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.05);\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: 10px;\n    }\n\n    \/* HERO LOGOTYPE (jen tady Bebas) *\/\n    .mn-hero-title{\n      margin: 0 0 12px 0;\n      line-height: 0.95;\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n      font-weight: 400;\n      font-family: \"Bebas Neue\", Impact, \"Arial Narrow\", sans-serif;\n      font-size: 64px;\n    }\n\n    \/* V\u0161echny nadpisy Montserrat *\/\n    .mn-h1,.mn-h2,.mn-h3{\n      margin: 0 0 10px 0;\n      line-height: 1.12;\n      font-family: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      letter-spacing: 0.02em;\n      text-transform: uppercase;\n    }\n    .mn-h1{ font-weight: 900; font-size: 36px; }\n    .mn-h2{ font-weight: 900; font-size: 32px; }\n    .mn-h3{ font-weight: 800; font-size: 18px; letter-spacing: 0.01em; text-transform: none; }\n\n    @media (max-width: 800px){\n      .mn-hero-title{ font-size: 44px; }\n      .mn-h1{ font-size: 30px; }\n      .mn-h2{ font-size: 26px; }\n      .mn-h3{ font-size: 17px; }\n    }\n\n    .mn-p{\n      margin: 0 0 var(--space-3) 0;\n      color: var(--text-muted-on-light);\n      font-size: 15px;\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: 17px;\n      line-height: 1.85;\n      margin: 0 0 var(--space-3) 0;\n      color: var(--text-muted-on-light);\n      max-width: 72ch;\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{ width: 18px; height: 18px; display:inline-block; vertical-align:middle; color: currentColor; }\n    .mn-ic--lg{ width: 26px; height: 26px; }\n    .mn-ic--sm{ width: 16px; height: 16px; }\n\n    \/* Buttons (kompaktn\u00ed, klidn\u00e9) *\/\n    .mn-btn-row{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }\n    .mn-btn{\n      font-family: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-weight: 700;\n      letter-spacing: 0;\n      text-transform: none;\n\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap: 10px;\n\n      padding: 10px 14px;\n      border-radius: calc(var(--radius) * 0.95);\n      text-decoration:none !important;\n\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: 40px;\n      user-select:none;\n      background: transparent;\n      white-space: nowrap;\n      font-size: 14px;\n    }\n    .mn-btn:active{ transform: translateY(1px); }\n    .mn-btn:focus-visible{ outline: 2px solid rgba(227,0,83,0.55); outline-offset: 2px; }\n\n    .mn-btn--primary{\n      background: var(--brand-red) !important;\n      color: var(--white) !important;\n      box-shadow: 0 10px 18px rgba(227,0,83,0.18);\n    }\n    .mn-btn--primary:hover{\n      background: var(--brand-red-dark) !important;\n      color: var(--white) !important;\n      box-shadow: 0 12px 22px rgba(184,0,67,0.18);\n    }\n    .mn-btn--primary.mn-hover-black:hover{\n      background: var(--black) !important;\n      color: var(--white) !important;\n      box-shadow: 0 12px 22px rgba(0,0,0,0.26);\n    }\n    .mn-btn--primary.mn-hover-tint:hover{\n      background: var(--brand-red-tint) !important;\n      color: var(--black) !important;\n      border-color: rgba(227,0,83,0.35) !important;\n      box-shadow: 0 10px 18px rgba(227,0,83,0.10);\n    }\n\n    .mn-btn--outline{\n      color: var(--text-on-light) !important;\n      border-color: var(--border-on-light);\n      background: var(--white);\n    }\n    .mn-btn--outline:hover{\n      border-color: rgba(227,0,83,0.55);\n      color: var(--text-on-light) !important;\n      background: rgba(227,0,83,0.06);\n    }\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) !important;\n    }\n    .mn-band--dark .mn-btn--outline:hover,\n    .mn-band--charcoal .mn-btn--outline:hover,\n    .mn-band--photo .mn-btn--outline:hover{\n      border-color: rgba(255,255,255,0.32);\n      background: rgba(255,255,255,0.10);\n      color: var(--white) !important;\n    }\n\n    .mn-btn--ghost{\n      background: transparent;\n      border-color: transparent;\n      color: var(--brand-red) !important;\n      padding-left: 0;\n      padding-right: 0;\n      min-height: auto;\n      font-weight: 700;\n      font-size: 14px;\n    }\n    .mn-btn--ghost:hover{ color: var(--brand-red-dark) !important; }\n\n    .mn-btn--sm{ padding: 8px 12px; min-height: 36px; font-weight: 700; font-size: 13px; }\n    .mn-btn--pill{ border-radius: 999px; }\n\n    .mn-link{ color: var(--brand-red); text-decoration:none; border-bottom: 1px solid transparent; font-weight: 600; }\n    .mn-link:hover{ color: var(--brand-red-dark); border-bottom-color: var(--brand-red-dark); }\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 18px 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      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: .14em;\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{ margin: 0; font-size: 14px; color: var(--text-muted-on-light); }\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 \/ badge *\/\n    .mn-chiprow{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 12px; }\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: 12px;\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-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\n    \/* Divider *\/\n    .mn-divider{ height: 1px; background: var(--border-on-light); margin: var(--space-4) 0; }\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: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-size: 28px;\n      letter-spacing: 0.02em;\n      line-height: 1.1;\n      margin-bottom: 6px;\n      font-weight: 900;\n      text-transform: uppercase;\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 *\/\n    .mn-split{ display:grid; grid-template-columns: 1.05fr .95fr; gap: var(--space-5); align-items: center; }\n    .mn-split--reverse{ 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-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    @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\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: 12px;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      color: var(--text-muted-on-light);\n      background: var(--offwhite);\n      font-weight: 800;\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.12);\n      position: relative;\n    }\n    .mn-price--featured:before{\n      content:\"Doporu\u010deno\";\n      position:absolute;\n      top: 14px; right: 14px;\n      font-size: 11px;\n      letter-spacing: .12em;\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      font-weight: 900;\n    }\n    .mn-price h4{\n      margin: 0 0 6px 0;\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: .14em;\n      color: var(--text-muted-on-light);\n      font-weight: 800;\n    }\n    .mn-price .mn-amount{\n      font-family: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-size: 28px;\n      letter-spacing: 0.02em;\n      margin: 0 0 var(--space-2) 0;\n      line-height: 1.1;\n      font-weight: 900;\n      text-transform: uppercase;\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: 800;\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{ font-size: 13px; font-weight: 800; color: var(--text-on-light); }\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      font-family: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-size: 14px;\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{ display:flex; flex-wrap:wrap; gap: 8px; margin-top: 12px; }\n    .mn-nav a{\n      font-size: 12px;\n      text-decoration:none;\n      padding: 6px 10px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.18);\n      background: rgba(255,255,255,0.06);\n      color: rgba(255,255,255,0.92);\n      font-weight: 600;\n    }\n    .mn-nav a:hover{ border-color: rgba(227,0,83,0.45); color: #fff; }\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\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-pin\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-check\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-clock\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-roller\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-shield\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-chevron\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 15.5 5.5 9l1.4-1.4L12 12.7l5.1-5.1L18.5 9 12 15.5z\"\/><\/symbol>\n    <symbol id=\"mn-ic-star\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-quote\" viewBox=\"0 0 24 24\"><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\"\/><\/symbol>\n    <symbol id=\"mn-ic-home\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 3 2.5 10.5l1.3 1.6L5 11v10h5v-6h4v6h5V11l1.2 1.1 1.3-1.6L12 3z\"\/><\/symbol>\n    <symbol id=\"mn-ic-spark\" viewBox=\"0 0 24 24\"><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\"\/><\/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-hero-title\">POCTIV\u00c9 \u0158EMESLO<\/div>\n          <p class=\"mn-lead\">V\u0161echny nadpisy jsou Montserrat (klidn\u011bj\u0161\u00ed \u201epremium katalog\u201c). Bebas je pou\u017eit\u00fd jen jako hero logotype.<\/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\">\n            <a class=\"mn-btn mn-btn--primary mn-hover-black\" 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\">Pokud bude\u0161 cht\u00edt, m\u016f\u017eeme je\u0161t\u011b zjemnit uppercase u H2 (nechat jen sentence case).<\/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).<\/p>\n            <div class=\"mn-btn-row\">\n              <a class=\"mn-btn mn-btn--primary mn-hover-tint\" 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              <span class=\"mn-chip\">Dulux<\/span>\n              <span class=\"mn-chip\">Jupol<\/span>\n              <span class=\"mn-chip\">Primalex<\/span>\n              <span class=\"mn-chip\">Caparol<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- D\u00e1l m\u016f\u017ee\u0161 ponechat sv\u016fj p\u016fvodn\u00ed HTML obsah sekc\u00ed (02\u201313) beze zm\u011bn,\n       proto\u017ee typografie H1\/H2\/H3 a CTA u\u017e jsou upraven\u00e9 glob\u00e1ln\u011b v CSS. -->\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Preview: full-width sekce + moduly POCTIV\u00c9 \u0158EMESLO V\u0161echny nadpisy jsou Montserrat (klidn\u011bj\u0161\u00ed \u201epremium katalog\u201c). Bebas je pou\u017eit\u00fd jen jako hero logotype. \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 Pokud bude\u0161 cht\u00edt, m\u016f\u017eeme je\u0161t\u011b zjemnit uppercase u H2 (nechat jen &#8230; <a title=\"test barev 6 full width &#8211; last\" class=\"read-more\" href=\"https:\/\/malby.nahromade.cz\/?page_id=22\" aria-label=\"\u010c\u00edst v\u00edce o test barev 6 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-22","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":2,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/malby.nahromade.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}