@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: "Poppins", sans-serif; }



.header-margin {

  height: 100px;

  width: 100%; }



.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: 13px;

  color: #d22229;

  font-weight: 400;

  display: block;

  padding: 20px 10px;

  padding-left: 0;

  text-decoration: none;

  text-transform: uppercase;

  font-weight: 600; }



.header li a:hover,

.header .menu-btn:hover {

  color: #d22229; }



.header .logo {

  display: block;

  float: left;

  height: 100px;

  text-decoration: none; }

  .header .logo img {

    max-width: 150px;

    max-height: 100px;

    margin-top: 22px; }



.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: 1200px) {

  .header li {

    float: left;

    height: 100%;

    display: flex;

    align-items: center; }



  .header li a {

    display: inline-block;

    text-align: center;

    margin-left: 10px; }



  .header li a::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #d22229;

    transition: width .3s; }



  .header li a:hover::after {

    width: 100%; }



  .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 {

  background: #ebeff2;

  box-shadow: 0px 5px 15px #adadad inset; }

  footer .footer-content {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    color: #383838; }

    footer .footer-content .footer-block {

      width: 30%; }

      footer .footer-content .footer-block h2 {

        font-size: 1.25em;

        margin-bottom: 0.5em;

        text-transform: uppercase; }

    footer .footer-content .footer-second ul li {

      line-height: 2; }

      footer .footer-content .footer-second ul li a {

        text-decoration: none;

        color: #383838; }

      footer .footer-content .footer-second ul li a:hover {

        text-decoration: underline; }

  footer .links-copy-author {

    margin-top: 4em;

    font-size: 0.9em; }

    footer .links-copy-author .links {

      text-align: center; }

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

      margin-top: 4em;

      text-align: right; }

    footer .links-copy-author p {

      line-height: 1.25; }



@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: 2em; }

    footer .footer-content .footer-first {

      display: flex;

      justify-content: center; }



  .links-copy-author .copy-author {

    text-align: center !important; } }

.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; }



.uvod-1 {

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

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 500px; }

  .uvod-1 .uvod-1-content {

    display: flex;

    flex-direction: column; }

    .uvod-1 .uvod-1-content img {

      max-width: 600px;

      width: 100%;

      height: auto;

      margin: 0 auto; }

    .uvod-1 .uvod-1-content h1 {

      font-size: 3.5em;

      color: #fff;

      text-transform: uppercase;

      font-weight: 600;

      text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);

      max-width: 800px;

      margin: 0 auto;

      text-align: center; }



@media (max-width: 450px) {

  .uvod-1 .uvod-1-content img {

    max-width: 600px;

    width: 100%;

    height: auto;

    margin: 0 auto; }

  .uvod-1 .uvod-1-content h1 {

    font-size: 2.5em; } }

.uvod-2 .uvod-2-content {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap; }

  .uvod-2 .uvod-2-content a {

    width: 16.6666666%;

    height: 300px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    text-shadow: 2px 2px 4px #000000;

    transition: transform .2s; }

    .uvod-2 .uvod-2-content a h3 {

      background-color: #385E72;

      width: 75%;

      text-align: center;

      padding: 5px 0;

      border-radius: 8px; }

  .uvod-2 .uvod-2-content a:hover {

    transform: scale(1.05);

    box-shadow: 5px 10px 18px #888888; }



@media (max-width: 1200px) {

  .uvod-2 .uvod-2-content a {

    width: 33.33333333%; } }

@media (max-width: 700px) {

  .uvod-2 .uvod-2-content a {

    width: 50%; } }

@media (max-width: 450px) {

  .uvod-2 .uvod-2-content a {

    width: 100%; } }

.uvod-3 h2 {

  text-align: center;

  font-size: 2em;

  font-weight: 600;

  color: #383838;

  margin-bottom: 1em; }

.uvod-3 .uvod-3-content {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  flex-wrap: wrap; }

  .uvod-3 .uvod-3-content img {

    width: 150px;

    height: 150px;

    margin: 0 2em;

    -webkit-filter: grayscale(100%);

    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%); }

  .uvod-3 .uvod-3-content img:hover {

    -webkit-filter: grayscale(0%);

    /* Safari 6.0 - 9.0 */

    filter: grayscale(0%); }



.uvod-4 .uvod-4-wrap {

  background-color: #fff;

  box-shadow: 5px 5px 18px #cccccc;

  padding: 32px;

  border-radius: 8px;

  max-width: 600px;

  margin: 0 auto; }

  .uvod-4 .uvod-4-wrap h3 {

    font-size: 1.75em;

    font-weight: 600;

    color: #385E72;

    margin-bottom: 1em; }

  .uvod-4 .uvod-4-wrap ul li {

    line-height: 2;

    color: #383838; }



.kontakt-wrap .kontakt-content {

  display: flex;

  flex-direction: row;

  justify-content: space-around; }

  .kontakt-wrap .kontakt-content .kontakt-left {

    width: 30%; }

  .kontakt-wrap .kontakt-content .kontakt-right {

    width: 30%; }

  .kontakt-wrap .kontakt-content ul li {

    line-height: 2;

    color: #383838; }

    .kontakt-wrap .kontakt-content ul li a {

      text-decoration: none;

      color: #383838; }

    .kontakt-wrap .kontakt-content ul li a:hover {

      text-decoration: underline;

      color: #385E72; }

    .kontakt-wrap .kontakt-content ul li i {

      font-size: 1.1em;

      margin-right: 0.5em; }

    .kontakt-wrap .kontakt-content ul li strong {

      font-weight: 600; }



@media (max-width: 800px) {

  .kontakt-wrap .kontakt-content {

    flex-direction: column;

    text-align: center; }

    .kontakt-wrap .kontakt-content .kontakt-left {

      width: 100%; }

    .kontakt-wrap .kontakt-content .kontakt-right {

      width: 100%;

      margin-top: 2em; } }

.sluzba-wrap .sluzba-content .sluzba-text {

  text-align: center;

  max-width: 800px;

  margin: 0 auto; }

  .sluzba-wrap .sluzba-content .sluzba-text h1 {

    font-size: 2em;

    color: #385E72;

    font-weight: 600; }

  .sluzba-wrap .sluzba-content .sluzba-text p {

    color: #383838;

    margin: 0.75em 0;

    line-height: 2; }

    .sluzba-wrap .sluzba-content .sluzba-text p strong {

      font-weight: 600;

      color: #385E72; }



.sluzba-wrap .sluzba-content .sluzba-block {

  color: #383838;

  line-height: 2;

  margin-top: 1em; }

  .sluzba-wrap .sluzba-content .sluzba-block img {

    width: 100%;

    height: auto; }

  .sluzba-wrap .sluzba-content .sluzba-block ul {

    margin-bottom: 2em; }

    .sluzba-wrap .sluzba-content .sluzba-block ul li {

      color: #383838;

      line-height: 1.5;

      font-size: 16x; }

    .sluzba-wrap .sluzba-content .sluzba-block ul .ul-h1 {

      font-size: 1.4em;

      color: #385E72;

      font-weight: 600;

      margin-bottom: 0.5em; }

  .sluzba-wrap .sluzba-content .sluzba-block a {

    color: #385E72; }

  .sluzba-wrap .sluzba-content .sluzba-block a:hover {

    color: #274250; }

.sluzba-wrap .sluzba-content .sluzba-block1 {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin-bottom: 2em; }

  .sluzba-wrap .sluzba-content .sluzba-block1 p {

    width: 45%;

    margin-bottom: 1em; }

  .sluzba-wrap .sluzba-content .sluzba-block1 div {

    width: 45%; }

.sluzba-wrap .sluzba-content .sluzba-block2 {

  display: flex;

  flex-direction: row;

  justify-content: space-between; }

  .sluzba-wrap .sluzba-content .sluzba-block2 ul {

    width: 45%; }

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

  .sluzba-wrap .sluzba-content .sluzba-block1 {

    flex-direction: column; }

    .sluzba-wrap .sluzba-content .sluzba-block1 p {

      width: 100%; }

    .sluzba-wrap .sluzba-content .sluzba-block1 div {

      width: 100%; }

  .sluzba-wrap .sluzba-content .sluzba-block2 {

    flex-direction: column; }

    .sluzba-wrap .sluzba-content .sluzba-block2 ul {

      width: 100%; } }



.sluzba-buttons-wrap {

  margin-top: 3em;

  display: flex;

  flex-direction: row;

  justify-content: center; }

  .sluzba-buttons-wrap a {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    background-color: #385E72;

    padding: 16px 32px;

    text-decoration: none;

    margin: 1em; }

  .sluzba-buttons-wrap a:hover {

    background-color: #274250; }



@media (max-width: 700px) {

  .sluzba-buttons-wrap {

    flex-direction: column;

    text-align: center; }

    .sluzba-buttons-wrap a {

      display: inline-block;

      margin: 1em 0; } }

.article-image-grid {

  width: 100%;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center; }

  .article-image-grid .article-image {

    width: 25%; }

    .article-image-grid .article-image .image {

      height: 250px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover; }



@media (max-width: 900px) {

  .article-image-grid .article-image {

    width: 25%; }

    .article-image-grid .article-image .image {

      height: 250px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover; } }

@media (max-width: 650px) {

  .article-image-grid .article-image {

    width: 33.33333333%; }

    .article-image-grid .article-image .image {

      height: 250px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover; } }

@media (max-width: 450px) {

  .article-image-grid .article-image {

    width: 50%; }

    .article-image-grid .article-image .image {

      height: 250px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover; } }

/* ================================

   Katalog (seznam produktů)

=================================== */

.katalog-filtry {

  margin: 0 0 4em;

  display: flex;

  flex-wrap: wrap;

  gap: 8px; }

  .katalog-filtry .tag {

    display: inline-block;

    padding: 8px 16px;

    background-color: #d22229;

    text-decoration: none;

    color: #fff;

    font-size: 18px;

    font-weight: 600; }

    .katalog-filtry .tag.active {

      background: #111;

      color: #fff;

      border-color: #111; }

    .katalog-filtry .tag.tag-small {

      font-size: 12px;

      padding: 4px 8px; }



.katalog-wrap {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

  gap: 16px; }

  .katalog-wrap .produkt-cell {

    border: 1px solid #eee;

    border-radius: 10px;

    overflow: hidden;

    background: #fff; }

    .katalog-wrap .produkt-cell a {

      text-decoration: none;

      color: inherit;

      display: block; }

    .katalog-wrap .produkt-cell .bck-image {

      width: 100%;

      padding-top: 62%;

      position: relative;

      overflow: hidden;

      background: #f7f7f7; }

      .katalog-wrap .produkt-cell .bck-image span {

        position: absolute;

        inset: 0;

        background-size: cover;

        background-position: center;

        display: block; }

    .katalog-wrap .produkt-cell h2 {

      font-size: 18px;

      margin: 10px 12px 4px; }

    .katalog-wrap .produkt-cell .cena {

      margin: 0 12px 10px;

      font-weight: 600; }

    .katalog-wrap .produkt-cell .produkt-kategorie {

      display: flex;

      flex-wrap: wrap;

      gap: 6px;

      padding: 0 12px 12px; }

      .katalog-wrap .produkt-cell .produkt-kategorie .tag {

        display: inline-block;

        padding: 6px 12px;

        background-color: #d22229;

        text-decoration: none;

        color: #fff;

        font-size: 14px; }

    .katalog-wrap .produkt-cell.hidden {

      display: none !important; }



/* ================================

   Detail produktu (+ související)

=================================== */

.produkt-wrap .produkt-detail-wrap {

  padding: 10px 0 30px;

  /* Galerie */

  /* Perex + Text (ponechávám tvé původní styly, jen zasazuji do kontextu) */

  /* --- Související produkty podle kategorií --- */ }

  .produkt-wrap .produkt-detail-wrap .produkt-top {

    display: flex;

    flex-direction: row; }

    .produkt-wrap .produkt-detail-wrap .produkt-top .produkt-top-text {

      width: 50%;

      padding-top: 20px;

      padding-left: 40px;

      order: 2; }

    .produkt-wrap .produkt-detail-wrap .produkt-top .produkt-top-galerie {

      width: 50%;

      order: 1; }

  .produkt-wrap .produkt-detail-wrap .produkt-head {

    display: flex;

    justify-content: space-between;

    flex-direction: column; }

    .produkt-wrap .produkt-detail-wrap .produkt-head h1 {

      font-size: 36px;

      font-weight: 600;

      margin: 0;

      color: #d22229; }

    .produkt-wrap .produkt-detail-wrap .produkt-head .cena {

      font-size: 28px;

      font-weight: 600;

      margin-top: 1em;

      margin-bottom: 0.75em;

      white-space: nowrap;

      color: #12b844; }

  .produkt-wrap .produkt-detail-wrap .original-link a {

    padding: 6px 12px;

    background-color: #d22229;

    color: #fff;

    font-size: 14px;

    text-decoration: none; }

  .produkt-wrap .produkt-detail-wrap .back-link {

    margin-top: 2em; }

  .produkt-wrap .produkt-detail-wrap .produkt-kategorie {

    margin: 10px 0 16px;

    display: flex;

    gap: 8px;

    flex-wrap: wrap; }

    .produkt-wrap .produkt-detail-wrap .produkt-kategorie .tag {

      display: inline-block;

      padding: 8px 16px;

      background-color: #d22229;

      text-decoration: none;

      color: #fff;

      font-size: 18px;

      font-weight: 600; }

  .produkt-wrap .produkt-detail-wrap .produkt-galerie {

    margin: 16px 0; }

    .produkt-wrap .produkt-detail-wrap .produkt-galerie .gal-main img {

      width: 100%;

      max-height: 520px;

      object-fit: contain;

      border: 1px solid #eee;

      border-radius: 10px;

      background: #fff; }

    .produkt-wrap .produkt-detail-wrap .produkt-galerie .gal-thumbs {

      margin-top: 10px;

      display: flex;

      gap: 8px;

      flex-wrap: wrap; }

      .produkt-wrap .produkt-detail-wrap .produkt-galerie .gal-thumbs .thumb {

        width: 120px;

        height: 90px;

        object-fit: cover;

        border: 1px solid #eee;

        border-radius: 6px;

        cursor: pointer; }

  .produkt-wrap .produkt-detail-wrap .produkt-perex {

    line-height: 1.6;

    margin: 1em 0 3em; }

    .produkt-wrap .produkt-detail-wrap .produkt-perex p b {

      font-weight: 600;

      color: #d22229; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h1, .produkt-wrap .produkt-detail-wrap .produkt-text h2, .produkt-wrap .produkt-detail-wrap .produkt-text h3, .produkt-wrap .produkt-detail-wrap .produkt-text h4, .produkt-wrap .produkt-detail-wrap .produkt-text h5, .produkt-wrap .produkt-detail-wrap .produkt-text h6 {

    font-weight: 600;

    margin: 1em 0; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h1 {

    font-size: 28px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h2 {

    font-size: 26px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h3 {

    font-size: 24px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h4 {

    font-size: 22px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h5 {

    font-size: 20px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text h6 {

    font-size: 18px; }

  .produkt-wrap .produkt-detail-wrap .produkt-text ul {

    margin: 1em 0 1em 20px;

    list-style-type: disc; }

    .produkt-wrap .produkt-detail-wrap .produkt-text ul li {

      line-height: 1.6; }

  .produkt-wrap .produkt-detail-wrap .produkt-text ol {

    margin: 1em 0 1em 20px;

    list-style-type: decimal; }

    .produkt-wrap .produkt-detail-wrap .produkt-text ol li {

      line-height: 1.6; }

  .produkt-wrap .produkt-detail-wrap .produkt-text p {

    line-height: 1.6; }

  .produkt-wrap .produkt-detail-wrap .produkt-text b {

    font-weight: 600;

    color: #d22229; }

  .produkt-wrap .produkt-detail-wrap .produkt-text i {

    font-style: italic; }

  .produkt-wrap .produkt-detail-wrap .produkt-text u {

    text-decoration: underline; }

  .produkt-wrap .produkt-detail-wrap .produkt-video .yt-wrap iframe {

    width: 100%;

    max-width: 600px;

    height: 400px; }

  .produkt-wrap .produkt-detail-wrap .souvisejici-wrap {

    margin-top: 3em; }

    .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie {

      margin-top: 3em; }

      .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .sekce-head {

        display: flex;

        justify-content: space-between;

        align-items: baseline; }

        .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .sekce-head h2 {

          margin: 0 0 12px;

          font-size: 22px; }

        .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .sekce-head a {

          padding: 6px 12px;

          background-color: #d22229;

          color: #fff;

          font-size: 14px;

          text-decoration: none; }

      .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid {

        display: grid;

        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

        gap: 16px; }

        .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell {

          border: 1px solid #eee;

          border-radius: 10px;

          overflow: hidden;

          background: #fff; }

          .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell a {

            text-decoration: none;

            color: inherit;

            display: block; }

          .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell .bck-image {

            width: 100%;

            padding-top: 62%;

            position: relative;

            overflow: hidden;

            background: #f7f7f7; }

            .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell .bck-image span {

              position: absolute;

              inset: 0;

              background-size: cover;

              background-position: center;

              display: block; }

          .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell h3 {

            font-size: 16px;

            margin: 10px 12px 4px; }

          .produkt-wrap .produkt-detail-wrap .souvisejici-wrap .sekce-kategorie .produkty-grid .produkt-cell .cena {

            margin: 0 12px 12px;

            font-weight: 600; }



/* ================================

   (Volitelné) responsivní doladění

=================================== */

@media (max-width: 480px) {

  .katalog-wrap .produkt-cell h2 {

    font-size: 16px; }



  .produkt-wrap .produkt-detail-wrap .produkt-head {

    flex-direction: column;

    align-items: flex-start; }

    .produkt-wrap .produkt-detail-wrap .produkt-head .cena {

      margin-top: 6px; } }

@media (max-width: 950px) {

  .produkt-wrap .produkt-detail-wrap .produkt-top {

    flex-direction: column; }

    .produkt-wrap .produkt-detail-wrap .produkt-top .produkt-top-text {

      width: 100%;

      padding-left: 0;

      margin-bottom: 2em; }

    .produkt-wrap .produkt-detail-wrap .produkt-top .produkt-top-galerie {

      width: 100%; } }



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