@charset "UTF-8";

.wrap-content {

  text-align: left;

  margin: 0 auto; }



@media screen and (max-width: 1199px) {

  .wrap-content {

    width: 100%; } }

@media screen and (min-width: 1200px) {

  .wrap-content {

    width: 1200px; } }

.content {

  padding-left: 4%;

  padding-right: 4%; }



.vcontent {

  padding-top: 6em;

  padding-bottom: 6em; }



body {

  font-family: "Open Sans", Arial, Helvetica; }



.header {

  background-color: white;

  width: 100%;

  position: fixed;

  z-index: 3;

  box-shadow: 0px -22px 20px 20px #000; }



.header ul {

  list-style: none;

  overflow: hidden; }



.header li a {

  font-size: 16px;

  color: #222;

  text-transform: uppercase;

  display: block;

  margin: 20px 17.5px;

  margin-left: 0px;

  font-weight: 600;

  text-decoration: none; }



.nav-last-item {

  padding: 10px;

  border-radius: 14px;

  background-color: #D88028; }



.header li a:hover,

.header .menu-btn:hover {

  color: #D88028; }



.nav-last-item:hover {

  color: #fff !important; }



.header .logo {

  display: block;

  float: left;

  width: 100px;

  height: 100px;

  text-decoration: none; }

  .header .logo img {

    max-height: 100px; }



.header .logo:hover {

  cursor: pointer; }



/* menu */

.header .menu {

  clear: both;

  max-height: 0;

  transition: max-height .2s ease-out; }



/* menu icon */

.header .menu-icon {

  cursor: pointer;

  display: inline-block;

  float: right;

  padding: 32px 20px;

  position: relative;

  margin-top: 17px; }



.header .menu-icon .navicon {

  background: #333;

  display: block;

  height: 2px;

  position: relative;

  transition: background .2s ease-out;

  width: 25px; }



.header .menu-icon .navicon:before,

.header .menu-icon .navicon:after {

  background: #333;

  content: '';

  display: block;

  height: 100%;

  position: absolute;

  transition: all .2s ease-out;

  width: 100%; }



.header .menu-icon .navicon:before {

  top: 5px; }



.header .menu-icon .navicon:after {

  top: -5px; }



/* menu btn */

.header .menu-btn {

  display: none; }



.header .menu-btn:checked ~ .menu {

  max-height: 400px; }



.header .menu-btn:checked ~ .menu-icon .navicon {

  background: transparent; }



.header .menu-btn:checked ~ .menu-icon .navicon:before {

  transform: rotate(-45deg); }



.header .menu-btn:checked ~ .menu-icon .navicon:after {

  transform: rotate(45deg); }



.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

  top: 0; }



/* 48em = 768px */

@media (min-width: 900px) {

  .header li {

    float: left;

    height: 100%;

    display: flex;

    align-items: center; }



  .header li a {

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    margin-left: 17.5px; }



  .header li a::before {

    display: block;

    content: attr(title);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden; }



  .header-content-wrap {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }



  .header .menu {

    clear: none;

    float: right;

    max-height: none; }



  .header .menu-icon {

    display: none; } }

footer {

  --orange: #d88028;

  --brown: #99682e;

  background: #2b2b2b;

  color: #eaeaea;

  /* ===== SPODNÍ ČÁST FOOTERU ===== */ }

  footer .footer-content {

    display: flex;

    justify-content: space-between;

    gap: 40px; }

    footer .footer-content .footer-block {

      width: 30%; }

      footer .footer-content .footer-block h2 {

        font-size: 1.1em;

        margin-bottom: 0.75em;

        text-transform: uppercase;

        font-weight: 900;

        color: #ffffff;

        position: relative; }

        footer .footer-content .footer-block h2::after {

          content: "";

          display: block;

          width: 40px;

          height: 3px;

          margin-top: 6px;

          background: linear-gradient(90deg, var(--orange), var(--brown));

          border-radius: 99px; }

      footer .footer-content .footer-block ul {

        list-style: none;

        padding: 0;

        margin: 0; }

        footer .footer-content .footer-block ul li {

          margin-bottom: 8px;

          line-height: 1.5;

          color: #d6d6d6; }

          footer .footer-content .footer-block ul li i {

            margin-right: 8px;

            color: var(--orange); }

    footer .footer-content .footer-first img {

      max-width: 200px;

      height: auto; }

  footer .links-copy-author {

    margin-top: 60px;

    padding-top: 24px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    font-size: 0.9em;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    align-items: center; }

    footer .links-copy-author p {

      margin: 0;

      line-height: 1.4;

      color: #cfcfcf; }

    footer .links-copy-author a {

      color: var(--orange);

      text-decoration: none;

      font-weight: 700;

      transition: color 0.15s ease; }

      footer .links-copy-author a:hover {

        color: #ffffff; }

    footer .links-copy-author .links {

      text-align: left; }

    footer .links-copy-author .copy-author {

      text-align: right; }

      footer .links-copy-author .copy-author i {

        color: var(--orange);

        margin: 0 4px; }



/* ===== RESPONZIVITA ===== */

@media only screen and (max-width: 800px) {

  footer .footer-content {

    flex-direction: column;

    text-align: center; }

    footer .footer-content .footer-block {

      width: 100%;

      margin-bottom: 32px; }

      footer .footer-content .footer-block h2::after {

        margin-left: auto;

        margin-right: auto; }

    footer .footer-content .footer-first {

      display: flex;

      justify-content: center; }

  footer .links-copy-author {

    grid-template-columns: 1fr;

    text-align: center; }

    footer .links-copy-author .links {

      text-align: center; }

    footer .links-copy-author .copy-author {

      text-align: center; } }

.cookies-wrap .cookies-content {

  padding-top: 4em;

  color: #333333; }

  .cookies-wrap .cookies-content h1, .cookies-wrap .cookies-content h2, .cookies-wrap .cookies-content h3 {

    text-transform: uppercase; }

  .cookies-wrap .cookies-content h1 {

    font-size: 1.6em;

    font-weight: 600; }

  .cookies-wrap .cookies-content h2 {

    font-size: 1.4em;

    margin: 1em 0; }

  .cookies-wrap .cookies-content h3 {

    font-size: 1.25em;

    margin: 1em 0; }

  .cookies-wrap .cookies-content ul {

    margin-top: 1em; }

    .cookies-wrap .cookies-content ul li {

      font-size: 1.2em;

      list-style-type: circle;

      line-height: 1.2;

      margin-left: 1.2em; }

  .cookies-wrap .cookies-content p {

    font-size: 1.2em;

    line-height: 1.2; }

  .cookies-wrap .cookies-content .cookies-links {

    margin-top: 1em; }

    .cookies-wrap .cookies-content .cookies-links a {

      font-size: 1.35em;

      color: #4287f5;

      margin-right: 0.3em;

      line-height: 1.2; }

    .cookies-wrap .cookies-content .cookies-links a:hover {

      color: #083f96; }



.chyba-wrap .chyba-content {

  padding-top: 6em;

  height: 50vh;

  color: #333333;

  text-align: center; }

  .chyba-wrap .chyba-content h1 {

    text-transform: uppercase;

    font-size: 2em;

    font-weight: 600; }

  .chyba-wrap .chyba-content p {

    font-size: 1.2em;

    line-height: 1.2; }

  .chyba-wrap .chyba-content a {

    font-size: 1.35em;

    color: #4287f5;

    margin-right: 0.3em;

    line-height: 1.2; }

  .chyba-wrap .chyba-content a:hover {

    color: #083f96; }



.oos-wrap .oos-content {

  padding-top: 4em;

  color: #333333; }

  .oos-wrap .oos-content h1, .oos-wrap .oos-content h2 {

    text-transform: uppercase; }

  .oos-wrap .oos-content h1 {

    font-size: 1.6em;

    margin: 1em 0; }

  .oos-wrap .oos-content h2 {

    font-size: 1.6em;

    margin: 1em 0; }

  .oos-wrap .oos-content p {

    font-size: 1.2em;

    line-height: 1.2; }



section {

  height: 600px; }



.intro-1-wrap {

  --brown: #99682e;

  --orange: #d88028;

  position: relative;

  overflow: hidden;

  background: #0b0b0b;

  min-height: 700px;

  display: flex;

  align-items: center; }

  .intro-1-wrap::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: min(65vw, 1000px);

    background-image: url("../image/static/intro-1a.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0.7) 28%, black 48%);

    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0.7) 28%, black 48%);

    z-index: 0; }

  .intro-1-wrap::after {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(1200px 600px at 15% 50%, rgba(216, 128, 40, 0.18) 0%, rgba(153, 104, 46, 0.08) 35%, rgba(0, 0, 0, 0) 70%), linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%);

    z-index: 1;

    pointer-events: none; }

  .intro-1-wrap .intro-1-content {

    position: relative;

    z-index: 2;

    color: #fff;

    max-width: 720px;

    padding: 0; }

  .intro-1-wrap .intro-1-kicker {

    display: inline-block;

    margin: 0 0 14px 0;

    padding: 8px 12px;

    border-radius: 999px;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.09em;

    text-transform: uppercase;

    color: #fff;

    background: rgba(153, 104, 46, 0.35);

    border: 1px solid rgba(216, 128, 40, 0.35);

    backdrop-filter: blur(6px); }

  .intro-1-wrap h1 {

    margin: 0 0 14px 0;

    font-weight: 900;

    line-height: 1.06;

    font-size: clamp(30px, 4vw, 54px);

    text-shadow: 0 10px 35px rgba(0, 0, 0, 0.45); }

    .intro-1-wrap h1 span {

      color: var(--orange); }

  .intro-1-wrap .intro-1-text {

    margin: 0 0 22px 0;

    max-width: 60ch;

    font-size: clamp(15px, 1.2vw, 18px);

    line-height: 1.6;

    color: rgba(255, 255, 255, 0.9); }

  .intro-1-wrap .intro-1-btns-wrap {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin: 0 0 20px 0; }

    .intro-1-wrap .intro-1-btns-wrap a {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      padding: 12px 16px;

      border-radius: 14px;

      font-weight: 900;

      text-decoration: none;

      border: 1px solid transparent;

      transition: transform 0.15s ease, filter 0.15s ease, background 0.15s ease, border-color 0.15s ease; }

      .intro-1-wrap .intro-1-btns-wrap a:hover {

        transform: translateY(-1px);

        filter: brightness(1.03); }

      .intro-1-wrap .intro-1-btns-wrap a:active {

        transform: translateY(0); }

    .intro-1-wrap .intro-1-btns-wrap a:first-child {

      color: #1a1108;

      background: linear-gradient(135deg, var(--orange), var(--brown));

      border-color: rgba(255, 255, 255, 0.12);

      box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28); }

    .intro-1-wrap .intro-1-btns-wrap a:last-child {

      color: #fff;

      background: rgba(0, 0, 0, 0.18);

      border-color: rgba(216, 128, 40, 0.45);

      backdrop-filter: blur(8px); }

  .intro-1-wrap .intro-1-vyhody {

    display: flex;

    flex-wrap: wrap;

    gap: 10px; }

    .intro-1-wrap .intro-1-vyhody .vyhody {

      margin: 0;

      padding: 8px 10px;

      border-radius: 999px;

      font-size: 14px;

      font-weight: 700;

      color: rgba(255, 255, 255, 0.92);

      background: rgba(0, 0, 0, 0.22);

      border: 1px solid rgba(255, 255, 255, 0.16);

      backdrop-filter: blur(6px); }

  @media (max-width: 900px) {

    .intro-1-wrap {

      min-height: 520px;

      padding: 40px 0; }

      .intro-1-wrap::before {

        width: 100%;

        left: 0;

        right: 0;

        -webkit-mask-image: none;

        mask-image: none; }

      .intro-1-wrap::after {

        background: radial-gradient(900px 500px at 50% 40%, rgba(216, 128, 40, 0.16) 0%, rgba(153, 104, 46, 0.08) 35%, rgba(0, 0, 0, 0) 70%), linear-gradient(180deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.64) 55%, rgba(0, 0, 0, 0.4) 100%); }

      .intro-1-wrap .intro-1-content {

        max-width: 620px; } }



@media (max-width: 520px) {

  .intro-1-wrap .intro-1-content {

    text-align: center;

    margin-left: auto;

    margin-right: auto; }

  .intro-1-wrap .intro-1-kicker {

    margin-left: auto;

    margin-right: auto;

    line-height: 1.4; }

  .intro-1-wrap h1 {

    text-align: center; }

  .intro-1-wrap .intro-1-text {

    margin-left: auto;

    margin-right: auto; }

  .intro-1-wrap .intro-1-btns-wrap {

    justify-content: center; }

    .intro-1-wrap .intro-1-btns-wrap a {

      width: 100%;

      max-width: 320px; }

  .intro-1-wrap .intro-1-vyhody {

    justify-content: center; } }

.intro-2-wrap {

  background: #ffffff; }

  .intro-2-wrap .intro-2-content {

    text-align: center; }

  .intro-2-wrap h2 {

    margin: 0 0 48px 0;

    font-size: clamp(26px, 3vw, 38px);

    font-weight: 900;

    color: #222; }

  .intro-2-wrap .sluzby-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px; }

    @media (max-width: 900px) {

      .intro-2-wrap .sluzby-list {

        grid-template-columns: 1fr;

        gap: 28px; } }

  .intro-2-wrap .sluzba-cell a {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-decoration: none;

    padding: 24px 16px;

    border-radius: 20px;

    background: #fff;

    transition: transform 0.2s ease, box-shadow 0.2s ease; }

    .intro-2-wrap .sluzba-cell a:hover {

      transform: translateY(-6px);

      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12); }

  .intro-2-wrap .sluzba-cell img {

    width: 140px;

    height: 140px;

    object-fit: cover;

    border-radius: 50%;

    background: #f6f6f6;

    padding: 14px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    transition: transform 0.25s ease; }

  .intro-2-wrap .sluzba-cell a:hover img {

    transform: scale(1.05); }

  .intro-2-wrap .sluzba-cell h2 {

    margin: 18px 0 0 0;

    font-size: 20px;

    font-weight: 800;

    color: #222; }



.intro-3-wrap {

  --brown: #99682e;

  --orange: #d88028;

  background: #fff; }

  .intro-3-wrap h2 {

    margin: 0 0 18px 0;

    font-size: clamp(24px, 2.6vw, 36px);

    font-weight: 900;

    color: #222; }

  .intro-3-wrap strong {

    color: var(--orange);

    font-weight: 900; }

  .intro-3-wrap .o-nas {

    display: grid;

    grid-template-columns: 1.15fr 0.85fr;

    gap: clamp(18px, 3vw, 44px);

    align-items: center; }

    @media (max-width: 900px) {

      .intro-3-wrap .o-nas {

        grid-template-columns: 1fr; } }

  .intro-3-wrap .o-nas-text p {

    margin: 0;

    color: #333;

    font-size: 16px;

    line-height: 1.75; }

  .intro-3-wrap .o-nas-img img {

    max-height: 450px;

    max-width: 600px;

    width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

    border-radius: 18px;

    object-fit: cover;

    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);

    border: 1px solid rgba(0, 0, 0, 0.06); }

  .intro-3-wrap .intro-3-recenze {

    margin-top: clamp(34px, 5vw, 64px);

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px; }

    .intro-3-wrap .intro-3-recenze > h2 {

      text-align: center;

      margin-bottom: 26px; }

    @media (max-width: 900px) {

      .intro-3-wrap .intro-3-recenze {

        grid-template-columns: repeat(2, 1fr); } }

    @media (max-width: 520px) {

      .intro-3-wrap .intro-3-recenze {

        grid-template-columns: 1fr;

        text-align: center; } }

  .intro-3-wrap .recenze-cell {

    background: #fff;

    border-radius: 18px;

    padding: 18px 18px 16px 18px;

    border: 1px solid rgba(0, 0, 0, 0.08);

    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);

    position: relative;

    overflow: hidden; }

    .intro-3-wrap .recenze-cell::before {

      content: "";

      position: absolute;

      left: 0;

      top: 0;

      height: 4px;

      width: 100%;

      background: linear-gradient(90deg, var(--orange), var(--brown));

      opacity: 0.9; }

    .intro-3-wrap .recenze-cell p {

      margin: 0;

      color: #444;

      line-height: 1.65;

      font-size: 15px; }

  .intro-3-wrap .recenze-jmeno {

    font-weight: 900;

    color: #111;

    margin: 6px 0 10px 0;

    display: inline-flex;

    align-items: center;

    gap: 8px; }

    .intro-3-wrap .recenze-jmeno::before {

      color: var(--orange);

      font-size: 14px;

      transform: translateY(-1px); }

  @media (max-width: 520px) {

    .intro-3-wrap .o-nas-img img {

      border-radius: 16px; }

    .intro-3-wrap .o-nas-text p {

      font-size: 15px; } }



.intro-4-wrap {

  --orange: #d88028;

  --brown: #99682e;

  background: #ffffff;

  /* ===== LIST ZAKÁZEK ===== */

  /* ===== CTA V KARTĚ (Zobrazit více fotek) ===== */

  /* ===== DOLNÍ TLAČÍTKO (Zobrazit více zakázek) ===== */

  /* ===== MOBIL DOLADĚNÍ ===== */ }

  .intro-4-wrap .intro-4-content {

    text-align: center; }

  .intro-4-wrap h2 {

    margin: 0 0 42px 0;

    font-size: clamp(24px, 2.6vw, 36px);

    font-weight: 900;

    color: #222; }

  .intro-4-wrap .zakazky-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 28px;

    margin-bottom: 36px; }

    @media (max-width: 900px) {

      .intro-4-wrap .zakazky-list {

        grid-template-columns: repeat(2, 1fr); } }

    @media (max-width: 520px) {

      .intro-4-wrap .zakazky-list {

        grid-template-columns: 1fr;

        gap: 24px; } }

  .intro-4-wrap .zakazka-cell {

    background: #fff;

    border-radius: 18px;

    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);

    display: flex;

    flex-direction: column;

    text-align: left;

    transition: transform 0.18s ease, box-shadow 0.18s ease; }

    .intro-4-wrap .zakazka-cell:hover {

      transform: translateY(-4px);

      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12); }

  .intro-4-wrap .zakazka-cell img {

    width: 100%;

    aspect-ratio: 4 / 3;

    object-fit: cover;

    display: block;

    background: #eee; }

  .intro-4-wrap .zakazka-cell .nazev {

    margin: 16px 16px 6px 16px;

    font-size: 18px;

    font-weight: 900;

    color: #222; }

  .intro-4-wrap .zakazka-cell .text {

    margin: 0 16px 16px 16px;

    font-size: 15px;

    line-height: 1.6;

    color: #555;

    flex-grow: 1; }

  .intro-4-wrap .zakazka-detail-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin: 0 16px 18px 16px;

    width: fit-content;

    font-weight: 800;

    text-decoration: none;

    color: var(--orange);

    transition: color 0.15s ease, gap 0.15s ease; }

    .intro-4-wrap .zakazka-detail-btn::after {

      content: "→";

      font-size: 16px;

      transition: transform 0.15s ease; }

    .intro-4-wrap .zakazka-detail-btn:hover {

      color: var(--brown);

      gap: 12px; }

      .intro-4-wrap .zakazka-detail-btn:hover::after {

        transform: translateX(3px); }

  .intro-4-wrap .zakazky-vice {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 14px 22px;

    border-radius: 14px;

    font-weight: 900;

    text-decoration: none;

    color: #1a1108;

    background: linear-gradient(135deg, var(--orange), var(--brown));

    border: 1px solid rgba(0, 0, 0, 0.08);

    transition: transform 0.15s ease, filter 0.15s ease; }

    .intro-4-wrap .zakazky-vice::after {

      content: "→";

      font-size: 16px;

      transition: transform 0.15s ease; }

    .intro-4-wrap .zakazky-vice:hover {

      transform: translateY(-2px);

      filter: brightness(1.04); }

      .intro-4-wrap .zakazky-vice:hover::after {

        transform: translateX(3px); }

    .intro-4-wrap .zakazky-vice:active {

      transform: translateY(0); }

  @media (max-width: 520px) {

    .intro-4-wrap .zakazka-cell {

      text-align: center; }

    .intro-4-wrap .zakazka-detail-btn {

      margin-left: auto;

      margin-right: auto; } }



.intro-5-wrap {

  --brown: #99682e;

  --orange: #d88028;

  background: linear-gradient(135deg, #d88028 0%, #99682e 100%);

  position: relative;

  overflow: hidden; }

  .intro-5-wrap::before {

    content: "";

    position: absolute;

    inset: -120px -120px auto auto;

    width: 520px;

    height: 520px;

    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 65%);

    transform: rotate(10deg);

    pointer-events: none; }

  .intro-5-wrap::after {

    content: "";

    position: absolute;

    inset: auto auto -140px -140px;

    width: 520px;

    height: 520px;

    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0) 70%);

    pointer-events: none; }

  .intro-5-wrap .intro-5-content {

    position: relative;

    z-index: 1;

    text-align: center; }

  .intro-5-wrap h2 {

    margin: 0 0 42px 0;

    font-size: clamp(26px, 3vw, 40px);

    font-weight: 900;

    color: #fff;

    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }

  .intro-5-wrap .certifikaty-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px; }

    @media (max-width: 900px) {

      .intro-5-wrap .certifikaty-list {

        grid-template-columns: repeat(2, 1fr); } }

    @media (max-width: 520px) {

      .intro-5-wrap .certifikaty-list {

        grid-template-columns: 1fr; } }

  .intro-5-wrap .certifikat-cell {

    background: rgba(255, 255, 255, 0.92);

    border-radius: 18px;

    padding: 18px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);

    display: grid;

    gap: 14px;

    justify-items: center;

    text-align: center;

    transition: transform 0.18s ease, box-shadow 0.18s ease; }

    .intro-5-wrap .certifikat-cell:hover {

      transform: translateY(-4px);

      box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22); }

    .intro-5-wrap .certifikat-cell img {

      width: min(280px, 100%);

      aspect-ratio: 3 / 4;

      object-fit: cover;

      display: block;

      border-radius: 14px;

      background: #f3f3f3;

      border: 1px solid rgba(0, 0, 0, 0.08);

      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); }

    .intro-5-wrap .certifikat-cell a {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      padding: 12px 16px;

      border-radius: 14px;

      font-weight: 900;

      text-decoration: none;

      color: #1a1108;

      background: linear-gradient(135deg, var(--orange), var(--brown));

      border: 1px solid rgba(0, 0, 0, 0.08);

      transition: transform 0.15s ease, filter 0.15s ease; }

      .intro-5-wrap .certifikat-cell a:hover {

        transform: translateY(-1px);

        filter: brightness(1.04); }

      .intro-5-wrap .certifikat-cell a:active {

        transform: translateY(0); }

      .intro-5-wrap .certifikat-cell a i {

        font-size: 14px;

        transform: translateY(-1px); }

  @media (max-width: 520px) {

    .intro-5-wrap h2 {

      margin-bottom: 28px; }

    .intro-5-wrap .certifikat-cell {

      padding: 16px; } }



.intro-6-wrap {

  background: #ffffff; }

  .intro-6-wrap .intro-6-content {

    text-align: center; }

  .intro-6-wrap h2 {

    margin: 0 0 36px 0;

    font-size: clamp(24px, 2.6vw, 36px);

    font-weight: 900;

    color: #222; }

  .intro-6-wrap .dodavatele-list {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 32px;

    align-items: center; }

    @media (max-width: 1000px) {

      .intro-6-wrap .dodavatele-list {

        grid-template-columns: repeat(4, 1fr); } }

    @media (max-width: 800px) {

      .intro-6-wrap .dodavatele-list {

        grid-template-columns: repeat(3, 1fr);

        gap: 28px; } }

    @media (max-width: 520px) {

      .intro-6-wrap .dodavatele-list {

        grid-template-columns: repeat(2, 1fr);

        gap: 22px; } }

  .intro-6-wrap .dodavatele-list a {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 90px;

    text-decoration: none;

    background: #fff;

    border-radius: 14px;

    border: 1px solid rgba(0, 0, 0, 0.06);

    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; }

  .intro-6-wrap .dodavatele-list a:hover {

    transform: translateY(-3px);

    border-color: rgba(0, 0, 0, 0.12);

    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08); }

  .intro-6-wrap .dodavatele-list img {

    max-width: 85%;

    max-height: 48px;

    width: auto;

    height: auto;

    object-fit: contain;

    filter: grayscale(100%) contrast(1.05);

    opacity: 0.85;

    transition: filter 0.18s ease, opacity 0.18s ease; }

  .intro-6-wrap .dodavatele-list a:hover img {

    filter: grayscale(0%) contrast(1);

    opacity: 1; }

  .intro-6-wrap .dodavatele-financovani {

    margin-top: 34px;

    padding: 16px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    border-radius: 16px;

    background: linear-gradient(90deg, rgba(216, 128, 40, 0.12) 0%, rgba(153, 104, 46, 0.08) 100%);

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); }

  .intro-6-wrap .dodavatele-financovani p {

    margin: 0;

    color: #222;

    font-size: 15px;

    line-height: 1.45; }

  .intro-6-wrap .dodavatele-financovani strong {

    color: var(--orange);

    font-weight: 900; }

  .intro-6-wrap .financovani-logo {

    width: auto;

    height: auto;

    max-width: 180px;

    object-fit: contain;

    flex: 0 0 auto;

    opacity: 0.95; }

  @media (max-width: 520px) {

    .intro-6-wrap .dodavatele-financovani {

      flex-direction: column;

      text-align: center;

      justify-content: center;

      padding: 16px 14px; }

    .intro-6-wrap .financovani-logo {

      height: auto;

      max-width: 200px; } }



.intro-kontakt {

  --orange: #d88028;

  --brown: #99682e;

  background: #f7f7f7;

  /* ===== LEVÝ BLOK (logo + text) ===== */

  /* ===== NADPISY BLOKŮ ===== */

  /* ===== IKONY ===== */

  /* ===== ODKAZY ===== */

  /* ===== FACEBOOK IKONA ===== */

  /* ===== MOBIL – CENTROVÁNÍ ===== */ }

  .intro-kontakt .intro-kontakt-content {

    display: grid;

    grid-template-columns: 1.4fr 1fr 1fr;

    gap: 32px;

    align-items: start; }

    @media (max-width: 1000px) {

      .intro-kontakt .intro-kontakt-content {

        grid-template-columns: 1fr 1fr; } }

    @media (max-width: 650px) {

      .intro-kontakt .intro-kontakt-content {

        grid-template-columns: 1fr;

        gap: 26px; } }

  .intro-kontakt ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 10px;

    color: #222;

    font-size: 15px;

    line-height: 1.6; }

  .intro-kontakt ul:first-child img {

    max-width: 180px;

    height: auto;

    margin-bottom: 10px; }

  .intro-kontakt ul:first-child li {

    color: #444; }

  .intro-kontakt .kontakt-header {

    font-weight: 900;

    font-size: 16px;

    color: #111;

    margin-bottom: 6px; }

  .intro-kontakt i {

    margin-right: 10px;

    color: var(--orange);

    width: 18px;

    text-align: center; }

  .intro-kontakt a {

    color: var(--orange);

    text-decoration: none;

    font-weight: 700;

    transition: color 0.15s ease; }

    .intro-kontakt a:hover {

      color: var(--brown); }

  .intro-kontakt .fa-facebook {

    font-size: 20px; }

  @media (max-width: 650px) {

    .intro-kontakt .intro-kontakt-content {

      text-align: center; }

    .intro-kontakt ul {

      align-items: center; }

    .intro-kontakt i {

      margin-right: 6px; } }



.podporujeme-wrap {

  --orange: #d88028;

  --brown: #99682e;

  background: #ffffff;

  /* ===== HEADER (logo + nadpis – stejný styl jako jinde) ===== */

  /* ===== BLOK S OSOBNOSTÍ ===== */ }

  .podporujeme-wrap .podporujeme-content {

    display: grid;

    gap: 28px; }

  .podporujeme-wrap .podporujeme-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 10px; }

    .podporujeme-wrap .podporujeme-header img {

      width: 44px;

      height: 44px;

      object-fit: contain; }

    .podporujeme-wrap .podporujeme-header h2 {

      margin: 0;

      font-size: clamp(24px, 2.6vw, 36px);

      font-weight: 900;

      color: #222;

      line-height: 1.1;

      position: relative; }

      .podporujeme-wrap .podporujeme-header h2::after {

        content: "";

        display: block;

        height: 4px;

        width: min(220px, 60%);

        margin-top: 10px;

        border-radius: 99px;

        background: linear-gradient(90deg, var(--orange), var(--brown)); }

    @media (max-width: 520px) {

      .podporujeme-wrap .podporujeme-header {

        flex-direction: column;

        text-align: center; }

        .podporujeme-wrap .podporujeme-header h2::after {

          margin-left: auto;

          margin-right: auto; } }

  .podporujeme-wrap .podporujeme-kincl {

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: clamp(18px, 3vw, 36px);

    align-items: center;

    background: #fafafa;

    border-radius: 20px;

    padding: 18px;

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08); }

    @media (max-width: 900px) {

      .podporujeme-wrap .podporujeme-kincl {

        grid-template-columns: 1fr;

        text-align: center; } }

  .podporujeme-wrap .podporujeme-kincl img {

    width: 100%;

    max-width: 320px;

    margin: 0 auto;

    display: block;

    border-radius: 18px;

    object-fit: cover;

    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18); }

  .podporujeme-wrap .podporujeme-kincl p {

    margin: 0;

    font-size: 16px;

    line-height: 1.7;

    color: #333; }

    .podporujeme-wrap .podporujeme-kincl p a {

      color: var(--orange); }

  .podporujeme-wrap .podporujeme-kincl strong {

    color: var(--orange);

    font-weight: 900; }



.hotove-zakazky-wrap {

  --orange: #d88028;

  --brown: #99682e;

  background: #ffffff;

  /* ===== HEADER ===== */

  /* ===== SEZNAM (ANCHORY NA ZAKÁZKY) ===== */

  /* ===== LIST ZAKÁZEK (KARTY) ===== */

  /* ===== GALERIE (původně .image-grid) ===== */

  /* ===== MOBILE DOLADĚNÍ ===== */ }

  .hotove-zakazky-wrap .hotove-zakazky-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin: 0 0 26px 0; }

    .hotove-zakazky-wrap .hotove-zakazky-header img {

      width: 44px;

      height: 44px;

      object-fit: contain; }

    .hotove-zakazky-wrap .hotove-zakazky-header h1 {

      margin: 0;

      font-size: clamp(26px, 3vw, 44px);

      font-weight: 900;

      color: #222;

      line-height: 1.1;

      position: relative; }

      .hotove-zakazky-wrap .hotove-zakazky-header h1::after {

        content: "";

        display: block;

        height: 4px;

        width: min(220px, 55%);

        margin-top: 10px;

        border-radius: 99px;

        background: linear-gradient(90deg, var(--orange), var(--brown));

        opacity: 0.95; }

    @media (max-width: 520px) {

      .hotove-zakazky-wrap .hotove-zakazky-header {

        flex-direction: column;

        align-items: center;

        text-align: center; }

        .hotove-zakazky-wrap .hotove-zakazky-header h1::after {

          margin-left: auto;

          margin-right: auto; } }

  .hotove-zakazky-wrap .hotove-zakazky-seznam {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin: 0 0 34px 0; }

    .hotove-zakazky-wrap .hotove-zakazky-seznam a {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      padding: 10px 12px;

      border-radius: 999px;

      text-decoration: none;

      font-weight: 800;

      font-size: 14px;

      color: #222;

      background: rgba(0, 0, 0, 0.03);

      border: 1px solid rgba(0, 0, 0, 0.08);

      transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease; }

      .hotove-zakazky-wrap .hotove-zakazky-seznam a:hover {

        transform: translateY(-1px);

        background: rgba(216, 128, 40, 0.1);

        border-color: rgba(216, 128, 40, 0.35);

        color: var(--brown); }

      .hotove-zakazky-wrap .hotove-zakazky-seznam a:active {

        transform: translateY(0); }

    @media (max-width: 520px) {

      .hotove-zakazky-wrap .hotove-zakazky-seznam {

        justify-content: center;

        text-align: center; }

        .hotove-zakazky-wrap .hotove-zakazky-seznam a {

          width: 100%;

          max-width: 520px;

          border-radius: 14px; } }

  .hotove-zakazky-wrap .hotove-zakazky-list {

    display: grid;

    gap: 22px; }

  .hotove-zakazky-wrap .hotove-zakazky-cell {

    background: #fff;

    border-radius: 18px;

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);

    padding: 18px;

    overflow: hidden;

    transition: transform 0.18s ease, box-shadow 0.18s ease; }

    .hotove-zakazky-wrap .hotove-zakazky-cell:hover {

      transform: translateY(-3px);

      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12); }

    .hotove-zakazky-wrap .hotove-zakazky-cell h2 {

      margin: 0 0 10px 0;

      font-size: clamp(18px, 2vw, 24px);

      font-weight: 900;

      color: #222;

      line-height: 1.2;

      position: relative;

      padding-left: 12px; }

      .hotove-zakazky-wrap .hotove-zakazky-cell h2::before {

        content: "";

        position: absolute;

        left: 0;

        top: 0.2em;

        width: 4px;

        height: 1.2em;

        border-radius: 99px;

        background: linear-gradient(180deg, var(--orange), var(--brown)); }

    .hotove-zakazky-wrap .hotove-zakazky-cell p {

      margin: 0 0 16px 0;

      color: #555;

      line-height: 1.65;

      font-size: 15px; }

  .hotove-zakazky-wrap .hotove-zakazky-galerie {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    margin-top: 10px;

    gap: 10px; }

    .hotove-zakazky-wrap .hotove-zakazky-galerie a {

      width: calc(25% - 7.5px);

      text-decoration: none; }

      @media (max-width: 1100px) {

        .hotove-zakazky-wrap .hotove-zakazky-galerie a {

          width: calc(33.33333% - 6.666px); } }

      @media (max-width: 850px) {

        .hotove-zakazky-wrap .hotove-zakazky-galerie a {

          width: calc(50% - 5px); } }

      @media (max-width: 350px) {

        .hotove-zakazky-wrap .hotove-zakazky-galerie a {

          width: 100%; } }

    .hotove-zakazky-wrap .hotove-zakazky-galerie .image {

      background-color: #cccccc;

      height: 240px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover;

      border-radius: 14px;

      overflow: hidden;

      border: 1px solid rgba(0, 0, 0, 0.06);

      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);

      transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease; }

      .hotove-zakazky-wrap .hotove-zakazky-galerie .image:hover {

        transform: translateY(-2px);

        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);

        filter: saturate(1.03) contrast(1.02); }

    @media (max-width: 850px) {

      .hotove-zakazky-wrap .hotove-zakazky-galerie .image {

        height: 190px; } }

    @media (max-width: 550px) {

      .hotove-zakazky-wrap .hotove-zakazky-galerie .image {

        height: 150px; } }

  @media (max-width: 520px) {

    .hotove-zakazky-wrap .hotove-zakazky-cell {

      text-align: center; }

      .hotove-zakazky-wrap .hotove-zakazky-cell h2 {

        padding-left: 0; }

        .hotove-zakazky-wrap .hotove-zakazky-cell h2::before {

          display: none; }

      .hotove-zakazky-wrap .hotove-zakazky-cell p {

        margin-bottom: 14px; } }



.sluzba-wrap {

  --orange: #d88028;

  --brown: #99682e;

  background: #ffffff;

  /* ===== HEADER (stejný styl jako hotové zakázky) ===== */

  /* ===== LAYOUT (obrázek + text vedle sebe) ===== */

  /* ===== OBRAZEK ===== */

  /* ===== TEXT ===== */

  /* ===== SEZNAM ===== */

  /* ===== MOBIL (centrování + menší spacing) ===== */ }

  .sluzba-wrap .sluzba-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin: 0 0 26px 0; }

    .sluzba-wrap .sluzba-header img {

      width: 44px;

      height: 44px;

      object-fit: contain; }

    .sluzba-wrap .sluzba-header h1 {

      margin: 0;

      font-size: clamp(26px, 3vw, 44px);

      font-weight: 900;

      color: #222;

      line-height: 1.1;

      position: relative; }

      .sluzba-wrap .sluzba-header h1::after {

        content: "";

        display: block;

        height: 4px;

        width: min(220px, 55%);

        margin-top: 10px;

        border-radius: 99px;

        background: linear-gradient(90deg, var(--orange), var(--brown));

        opacity: 0.95; }

    @media (max-width: 520px) {

      .sluzba-wrap .sluzba-header {

        flex-direction: column;

        align-items: center;

        text-align: center; }

        .sluzba-wrap .sluzba-header h1::after {

          margin-left: auto;

          margin-right: auto; } }

  .sluzba-wrap .sluzba-text {

    display: grid;

    grid-template-columns: 0.95fr 1.05fr;

    gap: clamp(18px, 3vw, 40px);

    align-items: start; }

    @media (max-width: 900px) {

      .sluzba-wrap .sluzba-text {

        grid-template-columns: 1fr; } }

    .sluzba-wrap .sluzba-text > .sluzba-text {

      display: block; }

  .sluzba-wrap .sluzba-img img {

    width: 100%;

    height: auto;

    display: block;

    border-radius: 18px;

    object-fit: cover;

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12); }

  .sluzba-wrap .sluzba-text p {

    margin: 0 0 14px 0;

    font-size: 16px;

    line-height: 1.75;

    color: #333; }

  .sluzba-wrap .sluzba-text strong {

    color: var(--orange);

    font-weight: 900; }

  .sluzba-wrap .sluzba-text ul {

    margin: 14px 0 0 0;

    padding: 0;

    list-style: none;

    display: grid;

    gap: 10px; }

  .sluzba-wrap .sluzba-text li {

    position: relative;

    padding-left: 30px;

    color: #333;

    line-height: 1.55; }

    .sluzba-wrap .sluzba-text li::before {

      content: "✓";

      position: absolute;

      left: 0;

      top: 0;

      width: 20px;

      height: 20px;

      border-radius: 999px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      font-size: 12px;

      font-weight: 900;

      color: #1a1108;

      background: linear-gradient(135deg, var(--orange), var(--brown));

      transform: translateY(2px); }

  .sluzba-wrap .sluzba-text .sluzba-li-header {

    font-weight: 900;

    color: #111; }

    .sluzba-wrap .sluzba-text .sluzba-li-header::before {

      content: "★";

      font-size: 12px; }

  @media (max-width: 520px) {

    .sluzba-wrap .sluzba-img img {

      border-radius: 16px; }

    .sluzba-wrap .sluzba-text {

      text-align: center; }

    .sluzba-wrap .sluzba-text ul {

      justify-items: center; }

    .sluzba-wrap .sluzba-text li {

      padding-left: 0; }

      .sluzba-wrap .sluzba-text li::before {

        position: static;

        margin-right: 8px;

        transform: none; } }



/*# sourceMappingURL=style.css.map */