body {
      font-family: Arial, sans-serif;
    }
    .lobster-regular {
      font-family: "Lobster", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 30px;
    }
    .lobster-regular-nadpis {
      font-family: "Lobster", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 50px;
      text-align:center;
    }
    header, footer {
      text-align: center;
      padding: 0px 0;
    }
    .header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* Carousel se skryje na mobilních zařízeních */
    @media (max-width: 768px) {
      .carousel {
        display: none;
      }
    }
    a.odkaz:link {color:#000000;}
    a.odkaz:visited {color:#000000;}
    a.odkaz:hover {color:rgb(0, 141, 173);}
    a.odkaz:active {color:rgb(0, 180, 220);}

    h3::before {
      content: "\2022"; /* Unicode pro tečku */
      margin-right: 5px; /* volitelné nastavení mezery mezi tečkou a textem */
      font-size: 30px; /* Velikost tečky */
    }
    #myBtn {
      display: none;
      position: fixed;
      bottom: 20px;
      right: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background-color: red;
      color: white;
      cursor: pointer;
      padding: 10px;
      border-radius: 4px;
    }

    #myBtn:hover {
      background-color: #555;
    }
    .logo {
      max-width: 200px; 
    }
    .jumbotron {
      margin-top: 30px;
    }
    .accordion {
      margin-bottom: 50px; /* Větší odsazení od patičky */
    }
    .carousel-container {
      margin-top: 50px; /* Větší odsazení od jumbotron */
    }
    .text-odstavec {
      margin-top: 50px; /* Větší odsazení od textového odstavce */
    }
    .custom-primary-btn {
      background-color: rgb(0, 180, 220);
      border-style: none;
    }
    .custom-primary-btn:link {
      background-color: rgb(0, 180, 220);
      border-style: none;
    }
    .custom-primary-btn:visited {
      background-color: rgb(0, 180, 220);
      border-style: none;
    }
    .custom-primary-btn:hover {
      background-color: rgb(0, 141, 173);
      border-style: none;
    }
    .custom-primary-btn:active {
      background-color: rgb(0, 141, 173);
      border-style: none;
    }
    .custom-primary-btn-off {
      background-color: rgb(160, 160, 160);
      border-style: none;
    }
    .custom-primary-btn-off:link {
      background-color: rgb(125, 125, 125);
      border-style: none;
    }
    .custom-primary-btn-off:visited {
      background-color: rgb(125, 125, 125);
      border-style: none;
    }
    .custom-primary-btn-off:hover {
      background-color: rgb(125, 125, 125);
      border-style: none;
    }
    .custom-primary-btn-off:active {
      background-color: rgb(125, 125, 125);
      border-style: none;
    }
    .product-primary-btn {
      background-color: rgb(140, 198, 63);
      border-style: none;
	  padding: 10px 15px 10px 15px;
    }
    .product-primary-btn:link {
      background-color: rgb(140, 198, 63);
      border-style: none;
    }
    .product-primary-btn:visited {
      background-color: rgb(140, 198, 63);
      border-style: none;
    }
    .product-primary-btn:hover {
      background-color: rgb(95, 148, 24);
      border-style: none;
    }
    .product-primary-btn:active {
      background-color: rgb(95, 148, 24);
      border-style: none;
    }
    .product-name {
      color: rgb(0, 180, 220);
    }
    .card {
      border: 1px solid rgb(0, 180, 220);
    }
    .accordion-button:focus {
      box-shadow: none;
      border-color: rgb(0, 141, 173);
      background-color: rgb(0, 141, 173);
      color: white;
    }
    .accordion-button:hover {
      box-shadow: none;
      border-color: rgb(0, 180, 220);
      background-color: rgb(0, 180, 220);
      color: white;
    }
    .accordion-button:visited {
      box-shadow: none;
      border-color: rgb(0, 180, 220);
      background-color: rgb(0, 180, 220);
      color: white;
    }
    .accordion-button:active {
      box-shadow: none;
      border-color: rgb(0, 180, 220);
      background-color: rgb(0, 180, 220);
      color: white;
    }
    .accordion-button:active {
      box-shadow: none;
      border-color: rgb(0, 180, 220);
      background-color: rgb(0, 180, 220);
      color: white;
    }  
    .accordion-button:not(.collapsed) {
      box-shadow: none;
      border-color: rgb(0, 180, 220);
      background-color: rgb(0, 180, 220);
      color: white;
    }  
    .accordion-item {
      border-color: rgb(0, 141, 173);
    }
    .pes-kocka {
      margin-top: 50px;
      border: 0px;
    }

    .row {
      display: flex;
      flex-wrap: wrap;
    }

    .col {
      flex: 1;
      padding: 0 5px; /* Optionally adjust spacing between cards */
    }

    .card {
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .card-body {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between; /* Tlačítko bude zarovnáno na spodní část */
    }

    ul {
      padding: 10px 10px 10px 30px;
      border-radius: 8px;
      background-color: rgb(92, 103, 110);
    }

    /* Styling pro jednotlivé položky seznamu */
    li {
      margin-bottom: 5px;


      color: white;
    }

    /* Oblé rohy */
    ul, li {
      border-radius: 8px;
	  font-size: 20px;
    }
    .produkt-odsazeni {
      margin-top: 50px;
    }
    .produkt-nadpis-puppy-mini-duck-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #f08961;
      color: white;
    }
    .produkt-nadpis-adult-mini-duck-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #37a8e0;
      color: white;
    }
    .produkt-nadpis-real-meat-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e71c58;
      color: white;
    }
    .produkt-nadpis-real-meat-beef-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e71c58;
      color: white;
    }
    .produkt-nadpis-real-meat-rabbit-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e71c58;
      color: white;
    }
    .produkt-nadpis-puppy-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e75d76;
      color: white;
    }
    .produkt-nadpis-puppy-lamb-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e75d76;
      color: white;
    }
    .produkt-nadpis-adult-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #5c6bac;
      color: white;
    }
    .produkt-nadpis-adult-lamb-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #3eaeae;
      color: white;
    }
    .produkt-nadpis-active-beef-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e0092b;
      color: white;
    }
    .produkt-nadpis-senior-light-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #6e4f92;
      color: white;
    }
    .produkt-nadpis-junior-maxi-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #e44482;
      color: white;
    }
    .produkt-nadpis-adult-maxi-chicken-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #f39d16;
      color: white;
    }
    .produkt-nadpis-adult-maxi-lamb-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #f39d16;
      color: white;
    }
    .produkt-nadpis-kitten-duck-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #dfc33e;
      color: white;
    }
    .produkt-nadpis-adult-hairball-duck-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #85c145;
      color: white;
    }
    .produkt-nadpis-active-salmon-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #30bfe1;
      color: white;
    }
    .produkt-nadpis-castrated-duck-rice {
      padding: 10px 10px 10px 15px;
      border-radius: 8px;
      background-color: #7838a6;
      color: white;
    }
    .benefity {
      padding: 5px 0px 0px 0px;
      border-radius: 8px;
      background-color: rgb(0, 180, 220);
      margin-bottom: 25px;
      word-wrap: break-word;
    }
    .benefity-normal {
      color: white;
      text-align: center;
    }
    .benefity-tucne {
      color: white;
      font-size: 40px;
      font-weight: bold;
      text-align: center;
      margin-top: -20px;
    }
    .styled-citation {
      position: relative;
      font-size: 18px;
      font-style: italic;
      margin: 40px 0;
    }
    .divider {
      border-top: 1px solid #ccc;
      margin-top: 20px;
    }
    .seznam-produktu {
      text-align: center;
	  padding: 20px 20px 0px 20px;
	  display: inline-block;
    }
    .vypis-produktu-v-kategorii {
      text-align: center;
	  margin-top: 25px;
	  font-size: 20px;
	  
    }