body {
  width: 100%;
  height: 100%;
}
/* Porovnanie výrobkov vypnuté */
#compare-total {
    display: none !important;
}

/* Košík – rovnaká farba ako hlavné menu */
#cart > .btn,
#cart button {
    background: linear-gradient(
        to bottom,
        #633716 0%,
        #4a260f 55%,
        #351807 100%
    ) !important;

    border: 1px solid #2b1408 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#cart > .btn *,
#cart button * {
    color: #ffffff !important;
}

/* Ľavé menu – označená položka aj prejdenie myšou */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.list-group-item:hover,
.list-group-item:focus {
    background: linear-gradient(
        to bottom,
        #633716 0%,
        #4a260f 55%,
        #351807 100%
    ) !important;

    border-color: #2b1408 !important;
    color: #ffffff !important;
}

.list-group-item.active *,
.list-group-item:hover * {
    color: #ffffff !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #444;
}
legend {
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
/* container */
#container {
  width: 100%;
  min-height: 100%;
  position: absolute;
  margin-bottom: 300px;
}
/* content */
#content, #column-left, #column-right {
  padding-bottom: 730px;
}
@media (min-width: 576px) {
  #content, #column-left, #column-right {
    padding-bottom: 400px;
  }
}
#alert {
  z-index: 9999;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
@media (min-width: 992px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1140px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1320px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
#alert .alert {
  margin-bottom: 15px;
}
#alert .alert-primary {
  box-shadow: 0 0 0 5px rgb(var(--bs-primary-rgb), 0.1);
}
#alert .alert-secondary {
  box-shadow: 0 0 0 5px rgb(var(--bs-secondary-rgb), 0.1);
}
#alert .alert-success {
  box-shadow: 0 0 0 5px rgb(var(--bs-success-rgb), 0.1);
}
#alert .alert-warning {
  box-shadow: 0 0 0 5px rgb(var(--bs-warning-rgb), 0.1);
}
#alert .alert-danger {
  box-shadow: 0 0 0 5px rgb(var(--bs-danger-rgb), 0.1);
}
#alert .alert-info {
  box-shadow: 0 0 0 5px rgb(var(--bs-info-rgb), 0.1);
}
#alert .alert-light {
  box-shadow: 0 0 0 5px rgb(var(--bs-light-rgb), 0.1);
}
#alert .alert-dark {
  box-shadow: 0 0 0 5px rgb(var(--bs-dark-rgb), 0.1);
}
/* top */



/* logo */
#logo {
  text-align: center;
  margin: 7px 0 7px 0;
}
#logo img {
  max-width: 200px;
}
@media (min-width: 768px) {
  #logo {
    text-align: left;
  }
}
/* search */
#search {
  margin-bottom: 10px;
}
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
  margin-bottom: 10px;
}
#cart .img-thumbnail {
  min-width: 100px;
}
#cart .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 14px 35px;
}
#cart .dropdown-menu {
  background: #eee;
}
#cart .dropdown-menu li {
  min-width: 300px;
}
@media (max-width: 768px) {
  #cart .dropdown-menu li {
    min-width: 100%;
  }
}
/* menu */
#menu {
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}
#menu .navbar-nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#menu .dropdown-inner {
  display: flex;
  flex-direction: column;
}
#menu .dropdown-inner ul {
  width: 100%;
  min-width: 200px;
}
@media (min-width: 960px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
  #menu .dropdown-inner {
    flex-direction: row;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -600px;
  }
}
#category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}
/* default boostrap changes */
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}
.nav-tabs {
  margin-bottom: 15px;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
/* footer */
footer {
  border: 1px solid #000000;
  position: absolute;
  bottom: -1px;
  width: 100%;
  padding-top: 30px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
footer h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-tertiary-bg);
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
}
.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 29px;
  height: 29px;
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  transform: rotate(-45deg);
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.product-thumb {
  border: 1px solid #ddd;
  position: relative;
  height: 100%;
}
.product-thumb .image {
  text-align: center;
}
.product-thumb .image a:hover {
  opacity: 0.8;
}
.product-thumb .description {
  padding: 15px;
  margin-bottom: 45px;
}
.product-thumb .description h4 {
  font-weight: bold;
}
.product-thumb .button {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-thumb .button button {
  width: 33.33%;
  border: none;
  border-top: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-gray-600);
  line-height: 38px;
  text-align: center;
}
.product-thumb .button button:hover {
  color: var(--bs-gray-600);
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
.product-thumb .button button + button {
  border-left: 1px solid var(--bs-border-color);
}
@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }
  .product-list .product-thumb .button {
    border-left: 1px solid #ddd;
    width: calc(100% -  15px);
    margin-left: 15px;
  }
}
.rating .fa-stack {
  width: 20px;
}
.rating .fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: #444;
}
.price-new {
  font-weight: 600;
}
.price-old {
  color: #dc512c;
  text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* blog */
.blog-thumb {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.blog-thumb h4 {
  font-weight: bold;
}
.blog-thumb .image {
  text-align: center;
  margin-bottom: 15px;
}
.blog-thumb .image a:hover {
  opacity: 0.8;
}
.blog-thumb .description {
  padding: 15px;
}
/* Theme Custom CSS */
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
/* Väčšia cena na kartách produktov */
.product-thumb .price {
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    padding-right: 15px;
}
/* Väčší názov jedla */
.product-thumb h4 a {
    font-size: 19px;
    line-height: 1.35;
    font-weight: 600;
}

/* Väčšia gramáž a alergény v popise */
.product-thumb .description p {
    font-size: 16px;
    line-height: 1.55;
    }
    
/* Skrytie textu Cena bez DPH */
.price-tax {
    display: none !important;
}
/* Karty jedál – rovnaká poloha ceny a samostatné riadky */
.product-thumb {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-thumb .content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-thumb .description {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-thumb .description p {
    white-space: pre-line;
    font-size: 16px;
    line-height: 1.55;
}

/* Cena vždy vpravo a v rovnakej výške */
.product-thumb .price {
    margin-top: auto;
    width: 100%;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
}

/* Skrytie ceny bez DPH */
.price-tax {
    display: none !important;
}
/* Názov jedla – priestor pre 3 riadky a 1 riadok medzera pod ním */
.product-thumb .description h4 {
    min-height: 4.05em;
    margin: 0 0 1em 0;
}

/* Gramáž a alergény každý na samostatnom riadku */
.product-thumb .gramaz,
.product-thumb .alergeny {
    display: block;
    font-size: 16px;
    line-height: 1.5;
}

/* Pol riadku medzi gramážou a alergénmi */
.product-thumb .gramaz {
    margin-bottom: 0.5em;
}

/* Jeden riadok medzi alergénmi a cenou */
.product-thumb .alergeny {
    margin-bottom: 1em;
}

/* Rovnaký priestor pre údaje pri každom jedle */
.product-thumb .description > p {
    min-height: 4.75em;
    margin: 0;
}

/* Cena vždy v rovnakej výške a napravo */
.product-thumb .price {
    margin-top: 0 !important;
    width: 100%;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
}
/* Jednotná karta jedla */
.product-thumb {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto 250px 1fr 70px auto;
    height: 100%;
    min-height: 545px;
    overflow: hidden;
    background: #fff;
}

/* Umožní presné zoradenie názvu, obrázka, údajov a ceny */
.product-thumb .content,
.product-thumb .description {
    display: contents;
}

/* Názov jedla hore */
.product-thumb .description h4 {
    grid-row: 1;
    min-height: 86px;
    margin: 0 !important;
    padding: 20px 24px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-thumb .description h4 a {
    font-size: 23px !important;
    line-height: 1.3 !important;
    font-weight: 600;
}

/* Obrázok – rovnaká veľkosť pri každom jedle */
.product-thumb .image {
    grid-row: 2;
    height: 250px;
    padding: 0 18px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumb .image img {
    width: 100%;
    height: 100%;
    max-height: 240px;
    object-fit: contain;
}

/* Priestor pre gramáž a alergény */
.product-thumb .description > p {
    grid-row: 3;
    min-height: 110px;
    margin: 0 !important;
    padding: 24px 20px 0;
    font-size: 18px !important;
    line-height: 1.45;
}

.product-thumb .meal-info .gramaz,
.product-thumb .meal-info .alergeny {
    display: block;
}

/* Približne polovica riadku medzi gramážou a alergénmi */
.product-thumb .meal-info .gramaz {
    margin-bottom: 11px;
}

/* Cena vždy na rovnakej úrovni a vpravo */
.product-thumb .price {
    grid-row: 4;
    min-height: 70px;
    width: 100%;
    margin: 0 !important;
    padding: 18px 30px 16px !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right !important;
    font-size: 28px !important;
    line-height: 1;
    font-weight: 700;
}

/* Ovládacie tlačidlá úplne dole */
.product-thumb form {
    grid-row: 5;
    margin: 0 !important;
    align-self: end;
}

/* Nezobrazovať cenu bez DPH */
.product-thumb .price-tax {
    display: none !important;
}

/* Úprava pre mobil */
@media (max-width: 767px) {
    .product-thumb {
        grid-template-rows: auto 220px 1fr 65px auto;
        min-height: 500px;
    }

    .product-thumb .description h4 a {
        font-size: 21px !important;
    }

    .product-thumb .image {
        height: 220px;
    }

    .product-thumb .price {
        font-size: 25px !important;
    }
}/* OPRAVA KARTY JEDLA – pevné proporcie a viditeľná cena */
.product-grid .product-thumb {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 95px 250px 105px 55px 45px !important;

    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;

    overflow: hidden !important;
    background: #fff;
}

/* Rozdelí vnútorný obsah do samostatných riadkov */
.product-grid .product-thumb .content,
.product-grid .product-thumb .description {
    display: contents !important;
}

/* Názov jedla */
.product-grid .product-thumb .description h4 {
    grid-row: 1 !important;

    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 20px 8px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    text-align: center;
    overflow: hidden;
}

.product-grid .product-thumb .description h4 a {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Obrázok */
.product-grid .product-thumb .image {
    grid-row: 2 !important;

    width: 100% !important;
    height: 250px !important;
    padding: 0 15px 8px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
}

.product-grid .product-thumb .image img {
    width: 100% !important;
    height: 240px !important;
    max-height: 240px !important;
    object-fit: contain !important;
}

/* Gramáž a alergény */
.product-grid .product-thumb .description > p {
    grid-row: 3 !important;

    min-height: 0 !important;
    max-height: 105px !important;

    margin: 0 !important;
    padding: 14px 20px 0 !important;

    overflow: hidden;
    white-space: pre-line !important;

    font-size: 18px !important;
    line-height: 1.75 !important;
}

/* Cena – vždy viditeľná a napravo */
.product-grid .product-thumb .description .price,
.product-grid .product-thumb .price {
    grid-row: 4 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;

    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 10px 28px 8px !important;

    overflow: visible !important;
    white-space: normal !important;

    text-align: right !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* Priestor pre tlačidlá */
.product-grid .product-thumb form {
    grid-row: 5 !important;
    margin: 0 !important;
}

/* Cena bez DPH sa nezobrazí */
.product-grid .product-thumb .price-tax {
    display: none !important;
}/* ===== FINÁLNA KARTA JEDLA – OpenCart 4.1.0.3 ===== */

/* Platí iba pre mriežkové zobrazenie */
#product-list:not(.product-list) .product-thumb {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 95px 245px 120px 58px 42px !important;

    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;

    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

/* Sprístupní vnútorné prvky pre mriežku */
#product-list:not(.product-list) .product-thumb > .content,
#product-list:not(.product-list) .product-thumb .description {
    display: contents !important;
}

/* Názov jedla */
#product-list:not(.product-list) .product-thumb .description h4 {
    grid-row: 1 !important;

    margin: 0 !important;
    padding: 15px 20px 8px !important;
    min-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    overflow: hidden !important;
}

#product-list:not(.product-list) .product-thumb .description h4 a {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Obrázok */
#product-list:not(.product-list) .product-thumb > .image {
    grid-row: 2 !important;

    width: 100% !important;
    height: 245px !important;
    padding: 0 16px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#product-list:not(.product-list) .product-thumb > .image img {
    width: 100% !important;
    height: 235px !important;
    max-height: 235px !important;
    object-fit: contain !important;
}

/* Gramáž a alergény */
#product-list:not(.product-list) .product-thumb .description > p {
    grid-row: 3 !important;

    margin: 0 !important;
    padding: 18px 20px 0 !important;
    min-height: 0 !important;
    max-height: none !important;

    font-size: 18px !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
}

#product-list:not(.product-list) .product-thumb .gramaz,
#product-list:not(.product-list) .product-thumb .alergeny {
    display: block !important;
}

#product-list:not(.product-list) .product-thumb .gramaz {
    margin-bottom: 0.5em !important;
}

/* Cena – vždy viditeľná, vpravo a v rovnakej výške */
#product-list:not(.product-list) .product-thumb .description .price {
    grid-row: 4 !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 10px 28px 8px !important;

    align-items: center !important;
    justify-content: flex-end !important;

    text-align: right !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #333333 !important;

    overflow: visible !important;
}

/* Skrytie ceny bez DPH */
#product-list:not(.product-list) .product-thumb .price-tax {
    display: none !important;
}

/* Tlačidlá naspodku */
#product-list:not(.product-list) .product-thumb form {
    grid-row: 5 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#product-list:not(.product-list) .product-thumb .button {
    position: static !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
}
/* Menšia medzera medzi gramážou a alergénmi */
#product-list:not(.product-list) .product-thumb .description > p {
    display: block !important;
}

#product-list:not(.product-list) .product-thumb .gramaz,
#product-list:not(.product-list) .product-thumb .alergeny {
    display: block !important;
    margin-top: 0 !important;
}

#product-list:not(.product-list) .product-thumb .gramaz {
    margin-bottom: 10px !important;
}

#product-list:not(.product-list) .product-thumb .alergeny {
    margin-bottom: 0 !important;
}
/* Dva tesnejšie riadky: gramáž a alergény */
#product-list:not(.product-list) .product-thumb .description > p {
    display: block !important;
    white-space: pre-line !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 18px 20px 0 !important;
}
#product-list:not(.product-list) .product-thumb .description > p {
    white-space: pre-line !important;
    line-height: 1.5 !important;
}
/* Menšia medzera medzi alergénmi a cenou */
#product-list:not(.product-list) .product-thumb {
    grid-template-rows: 95px 245px 84px 58px 42px !important;

    height: 524px !important;
    min-height: 524px !important;
    max-height: 524px !important;
}

#product-list:not(.product-list) .product-thumb .description > p {
    padding: 14px 20px 0 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
}

#product-list:not(.product-list) .product-thumb .description .price {
    padding: 4px 28px 8px !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}
/* ==================================================
   PAPKÁČIK.SK – farby a základné rozloženie stránky
   ================================================== */

:root {
    --pap-cream: #fff8eb;
    --pap-cream-dark: #f1e5d0;
    --pap-brown: #4a260f;
    --pap-brown-light: #6d3b1d;
    --pap-orange: #d95a2b;
    --pap-text: #5b3a20;
    --pap-border: #dfd0b9;
}

/* Celá stránka */
body {
    background: var(--pap-cream) !important;
    color: var(--pap-text) !important;
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    max-width: 1100px;
}







/* ===== PAPKÁČIK – odstránenie modrej farby ===== */

/* Horné menu */
nav#menu,
#menu.navbar,
#menu.bg-primary {
    background-color: #4a260f !important;
    background-image: linear-gradient(to bottom, #6d3b1d, #3b1c0b) !important;
    border-color: #321707 !important;
}

#menu .navbar-nav .nav-link,
#menu .navbar-nav > li > a {
    color: #ffffff !important;
    background: transparent !important;
}

#menu .navbar-nav .nav-link:hover,
#menu .navbar-nav .nav-link:focus,
#menu .navbar-nav > li > a:hover {
    background-color: #d95a2b !important;
    color: #ffffff !important;
}

/* Aktívna kategória vľavo */
.list-group .list-group-item.active,
.list-group .list-group-item.active:hover,
.list-group .list-group-item.active:focus {
    background-color: #d95a2b !important;
    border-color: #c94b20 !important;
    color: #ffffff !important;
}

/* Ostatné kategórie */
.list-group .list-group-item {
    background-color: #f1e5d0 !important;
    border-color: #dfd0b9 !important;
    color: #5b3a20 !important;
}

.list-group .list-group-item:hover {
    background-color: #f8d9bd !important;
}

/* Názvy jedál */
#product-list .product-thumb .description h4 a {
    color: #d95a2b !important;
}

#product-list .product-thumb .description h4 a:hover {
    color: #4a260f !important;
}

/* Modré tlačidlá */
.btn-primary,
.btn-info,
.bg-primary {
    background-color: #d95a2b !important;
    border-color: #c94b20 !important;
}

.btn-primary:hover,
.btn-info:hover {
    background-color: #4a260f !important;
    border-color: #321707 !important;
}

/* Odkazy v navigačnej ceste */
.breadcrumb a,
.breadcrumb i {
    color: #d95a2b !important;
}
/* ===== Tmavší krémový vzhľad a tieňovaný horný pás ===== */

/* Tmavšie pozadie celej stránky */
html,
body {
    background: #f7edda !important;
}

/* Hlavná obsahová časť */
main,
#content {
    background: transparent !important;
}




/* Texty a ikony v hornom páse */




/* Oblasť loga, vyhľadávania a košíka */
header {
    background:
        linear-gradient(
            to bottom,
            #f2e2c4 0%,
            #f8edd8 55%,
            #f7edda 100%
        ) !important;

    border-bottom: 1px solid #e0cfb1 !important;
}

/* Jemný tieň pod hlavičkou */
header::after {
    content: "";
    display: block;
    height: 8px;
    margin-bottom: -8px;

    background: linear-gradient(
        to bottom,
        rgba(89, 54, 27, 0.10),
        rgba(89, 54, 27, 0)
    );
}

/* Obsahové béžové bloky trochu tmavšie */
.list-group,
.list-group .list-group-item {
    background-color: #eee0c5 !important;
}

.breadcrumb {
    background:
        linear-gradient(
            to bottom,
            #fffaf0,
            #f0e1c6
        ) !important;
}
/* ===== PAPKÁČIK – tmavší krémový vzhľad ===== */




/* Oblasť loga, vyhľadávania a košíka */
header {
    background: linear-gradient(
        to bottom,
        #dfc79d 0%,
        #ead8b8 55%,
        #ead9bc 100%
    ) !important;

    border-bottom: 1px solid #c5a575 !important;
}

/* Hlavný obsah */
main,
#content {
    background: transparent !important;
}

/* Ľavé kategórie */
.list-group,
.list-group .list-group-item {
    background: #dfcbaa !important;
    border-color: #c7aa7c !important;
}

.list-group .list-group-item {
    color: #513019 !important;
}

.list-group .list-group-item:hover {
    background: #d3b78d !important;
}

/* Aktívna kategória */
.list-group .list-group-item.active,
.list-group .list-group-item.active:hover {
    background: #cf5428 !important;
    border-color: #b9431c !important;
    color: #ffffff !important;
}

/* Navigačný pás pod menu */
.breadcrumb {
    background: linear-gradient(
        to bottom,
        #ead7b5,
        #dbc095
    ) !important;

    border-color: #c29e69 !important;
}

/* Produktové karty zostanú svetlé, ale nie úplne biele */
.product-thumb {
    background: #fffaf0 !important;
    border-color: #cdb38a !important;
}

/* Pätička */
footer {
    background: linear-gradient(
        to bottom,
        #d7bd94,
        #c9a97a
    ) !important;

    border-top: 5px solid #b9905d !important;
    color: #482812 !important;
}


/* Skrytie pôvodnej meny, jazyka, účtu a ostatných položiek */


/* Dve informačné časti v jednom riadku */






/* Telefón a e-mail pod sebou na menšej obrazovke */






/* Nové rozloženie lišty */


/* Informácia vľavo */


/* Informácia vpravo */


/* Mobilné zobrazenie */



/* Skryje všetky pôvodné položky v hornej lište */


/* Nová lišta */


/* Ľavá informácia */


/* Pravá informácia */


/* Mobil */


/* Skrytie porovnávania výrobkov */
#compare-total,
a[href*="product/compare"],
button[formaction*="product/compare"],
button[formaction*="compare"] {
    display: none !important;
}



/* Ľavý text */


/* Telefón v strede */


/* E-mail vpravo */

/* Telefón presne v strede priestoru medzi adresou a e-mailom */


/* Stredný priestor */


/* Skrytie pôvodných položiek v strede */


/* Telefón */

/* Posunutie telefónu opticky do stredu medzery */

/* Posun telefónu do stredu medzery */




/* Text vľavo */


/* Celý voľný priestor medzi ľavým textom a e-mailom */


/* Telefón presne uprostred voľného priestoru */


/* E-mail vpravo */

/* ==================================================
   MOBILNÉ ZOBRAZENIE PAPKÁČIK
   Aktivuje sa iba na tabletoch a telefónoch
   ================================================== */

@media (max-width: 850px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    
    

    /* Adresa, telefón a e-mail pod sebou */
    

    

    /* Logo, vyhľadávanie a košík */
    html body header .container > .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    html body header #logo,
    html body header #search,
    html body header #cart {
        width: 100% !important;
        max-width: 100% !important;

        margin: 6px 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    html body header #logo img {
        width: auto !important;
        max-width: 260px !important;
        height: auto !important;
    }

    html body header #search {
        display: flex !important;
    }

    html body header #search input {
        min-width: 0 !important;
    }

    html body header #cart > .btn,
    html body header #cart button {
        width: 100% !important;
    }

    /* Hlavné hnedé menu */
    html body #menu {
        width: auto !important;
        height: auto !important;

        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    html body #menu .navbar-nav {
        flex-wrap: wrap !important;
    }

    html body #menu a {
        white-space: normal !important;
    }

    /* Ľavé kategórie sa na mobile zobrazia nad produktmi */
    html body #column-left,
    html body #column-right,
    html body #content {
        width: 100% !important;
        max-width: 100% !important;
    }

    html body #column-left {
        margin-bottom: 18px !important;
    }

    /* Karty produktov nesmú mať pevnú výšku */
    html body .product-thumb {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    html body .product-thumb img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Na úzkych telefónoch bude jeden produkt v riadku */
@media (max-width: 575px) {
    html body #product-list > div,
    html body #product-list [class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body h1 {
        font-size: 28px !important;
    }
}

/* =========================================================
   PAPKÁČIK – JEDINÁ ČISTÁ HORNÁ INFORMAČNÁ LIŠTA
   ========================================================= */

#top {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 20px !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px max(12px, calc((100vw - 1100px) / 2)) !important;
    box-sizing: border-box !important;

    position: relative !important;
    left: auto !important;
    transform: none !important;

    background: #f7edda !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #68471f !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Pôvodné položky: jazyk, účet, obľúbené, košík a pokladňa */
#top > .container,
#top > .container-fluid {
    display: flex !important;
    grid-column: 2 !important;
    justify-self: stretch !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

#top > .container > *,
#top > .container-fluid > * {
    display: none !important;
}

/* Informácia vľavo */
#top::before {
    content: "Papkáčik - Magnezitárska 11, 040 01 Košice | Po–Pi 07:30–13:30";
    display: block !important;
    grid-column: 1 !important;
    justify-self: start !important;

    margin: 0 !important;
    color: #68471f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

/* Telefón presne v strede voľného priestoru */
#top > .container::before,
#top > .container-fluid::before {
    content: "Donáška telefón: 0914 15 15 15";
    display: block !important;

    position: static !important;
    left: auto !important;
    transform: none !important;

    width: auto !important;
    margin: 0 !important;
    color: #68471f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Informácia vpravo */
#top::after {
    content: "Email: papkacikkosice@gmail.com";
    display: block !important;
    grid-column: 3 !important;
    justify-self: end !important;

    margin: 0 !important;
    color: #68471f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/* Telefóny a menšie tablety */
@media screen and (max-width: 900px) {
    #top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        overflow: visible !important;
    }

    #top::before,
    #top > .container,
    #top > .container-fluid,
    #top::after {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: center !important;
        text-align: center !important;
    }

    #top::before,
    #top > .container::before,
    #top > .container-fluid::before,
    #top::after {
        position: static !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

/* ===== PAPKÁČIK: bočné menu – aktívna a zvýraznená položka ===== */
html body #column-left .list-group a.list-group-item.active,
html body #column-left .list-group a.list-group-item.active:hover,
html body #column-left .list-group a.list-group-item.active:focus,
html body #column-left .list-group a.list-group-item:hover,
html body #column-left .list-group a.list-group-item:focus {
    background-color: #4a260f !important;
    background-image: linear-gradient(to bottom, #633716 0%, #4a260f 55%, #351807 100%) !important;
    border-color: #2b1408 !important;
    color: #ffffff !important;
}

html body #column-left .list-group a.list-group-item.active *,
html body #column-left .list-group a.list-group-item:hover *,
html body #column-left .list-group a.list-group-item:focus * {
    color: #ffffff !important;
}

/* ===== PAPKÁČIK: odstránenie riadku medzi horným a bočným menu ===== */
html body .breadcrumb {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* ===== PAPKÁČIK: hlavné menu rovnomerne cez celú šírku ===== */
@media screen and (min-width: 768px) {
    html body nav#menu,
    html body #menu.navbar {
        width: 100% !important;
    }

    html body #menu .navbar-collapse,
    html body #menu [class*="navbar-collapse"] {
        display: flex !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }

    html body #menu ul.navbar-nav,
    html body #menu .navbar-nav {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: none !important;
        flex: 1 1 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #menu .navbar-nav > li,
    html body #menu .navbar-nav > .nav-item,
    html body #menu .navbar-nav > * {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    html body #menu .navbar-nav > li > a,
    html body #menu .navbar-nav > .nav-item > .nav-link,
    html body #menu .navbar-nav > * > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 8px 6px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }
}

/* =========================================================
   PAPKÁČIK – FINÁLNE ZAROVNANIE PRODUKTOVÝCH KARIET
   ========================================================= */
@media screen and (min-width: 768px) {

    html body #product-list:not(.product-list) .product-thumb {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 125px 245px 90px 58px 42px !important;

        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;

        overflow: hidden !important;
        position: relative !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .content,
    html body #product-list:not(.product-list) .product-thumb .description {
        display: contents !important;
    }

    /* Názov: presne štyri riadky, začína hore */
    html body #product-list:not(.product-list) .product-thumb .description h4 {
        grid-row: 1 !important;

        display: block !important;
        height: 125px !important;
        min-height: 125px !important;
        max-height: 125px !important;

        margin: 0 !important;
        padding: 12px 16px 9px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        text-align: center !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;

        width: 100% !important;
        max-height: 104px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;

        font-size: 20px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        text-align: center !important;
    }

    /* Obrázok */
    html body #product-list:not(.product-list) .product-thumb > .image {
        grid-row: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 245px !important;
        min-height: 245px !important;
        max-height: 245px !important;

        margin: 0 !important;
        padding: 5px 15px 10px !important;
        box-sizing: border-box !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        display: block !important;
        width: 100% !important;
        height: 230px !important;
        max-height: 230px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* Gramáž a alergény */
    html body #product-list:not(.product-list) .product-thumb .description > p {
        grid-row: 3 !important;

        display: block !important;
        height: 90px !important;
        min-height: 90px !important;
        max-height: 90px !important;

        margin: 0 !important;
        padding: 13px 20px 0 !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        white-space: pre-line !important;
        font-size: 18px !important;
        line-height: 1.45 !important;
    }

    /* Cena */
    html body #product-list:not(.product-list) .product-thumb .description .price,
    html body #product-list:not(.product-list) .product-thumb .price {
        grid-row: 4 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        position: static !important;
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 5px 28px 8px !important;
        box-sizing: border-box !important;

        overflow: visible !important;
        font-size: 28px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    /* Tlačidlá */
    html body #product-list:not(.product-list) .product-thumb form {
        grid-row: 5 !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button {
        position: static !important;
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
    }
}


/* =========================================================
   PAPKÁČIK – ZOZNAMOVÉ ZOBRAZENIE AKO NA STAROM WEBe
   Použije sa iba po prepnutí na ikonu zoznamu.
   ========================================================= */
@media screen and (min-width: 768px) {

    html body #product-list.product-list > div,
    html body #product-list.product-list [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    html body #product-list.product-list .product-thumb {
        display: grid !important;
        grid-template-columns: 190px minmax(0, 1fr) 175px !important;
        grid-template-rows: auto auto minmax(44px, auto) !important;
        column-gap: 18px !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
        min-height: 175px !important;
        max-height: none !important;
        margin: 0 0 14px 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #f5ead5 !important;
        border: 1px solid #d7c09b !important;
        border-radius: 4px !important;
    }

    html body #product-list.product-list .product-thumb > .image {
        grid-column: 1 !important;
        grid-row: 1 / 4 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 190px !important;
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list.product-list .product-thumb > .image img {
        display: block !important;
        width: 180px !important;
        height: 145px !important;
        max-width: 180px !important;
        max-height: 145px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    html body #product-list.product-list .product-thumb > .content,
    html body #product-list.product-list .product-thumb .description {
        display: contents !important;
    }

    html body #product-list.product-list .product-thumb .description h4 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: left !important;
    }

    html body #product-list.product-list .product-thumb .description h4 a {
        display: block !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        font-size: 17px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        text-align: left !important;
        color: #4b2a16 !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    html body #product-list.product-list .product-thumb .description > p {
        grid-column: 2 !important;
        grid-row: 2 / 4 !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: pre-line !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        text-align: left !important;
        color: #4b2a16 !important;
    }

    html body #product-list.product-list .product-thumb .description .price,
    html body #product-list.product-list .product-thumb .price {
        grid-column: 3 !important;
        grid-row: 1 / 3 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 4px 8px 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: right !important;
        font-size: 20px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        color: #d95a2b !important;
    }

    html body #product-list.product-list .product-thumb form {
        grid-column: 3 !important;
        grid-row: 3 !important;
        display: block !important;
        align-self: end !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list.product-list .product-thumb .button {
        position: static !important;
        display: flex !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body #product-list.product-list .product-thumb .button button {
        width: auto !important;
        min-width: 42px !important;
        height: 36px !important;
        line-height: 34px !important;
        padding: 0 12px !important;
        background: #4a260f !important;
        border: 1px solid #321707 !important;
        border-radius: 3px !important;
        color: #ffffff !important;
    }

    html body #product-list.product-list .product-thumb .button button + button {
        border-left: 1px solid #321707 !important;
    }
}

@media screen and (max-width: 767px) {
    html body #product-list.product-list .product-thumb {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px !important;
    }

    html body #product-list.product-list .product-thumb > .image {
        width: 100% !important;
        height: 220px !important;
        margin-bottom: 12px !important;
    }

    html body #product-list.product-list .product-thumb > .image img {
        width: 100% !important;
        height: 210px !important;
        object-fit: contain !important;
    }

    html body #product-list.product-list .product-thumb > .content,
    html body #product-list.product-list .product-thumb .description {
        display: block !important;
    }

    html body #product-list.product-list .product-thumb .description h4,
    html body #product-list.product-list .product-thumb .description > p,
    html body #product-list.product-list .product-thumb .price {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        text-align: left !important;
    }
}

/* =========================================================
   PAPKÁČIK – FINÁLNA OPRAVA NÁZVU KARTY NA TELEFÓNE
   Štyri celé riadky bez odrezania horného riadku
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Mriežkové zobrazenie na telefóne */
    html body #product-list:not(.product-list) .product-thumb {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 124px 220px 86px 58px 42px !important;

        width: 100% !important;
        height: 530px !important;
        min-height: 530px !important;
        max-height: 530px !important;

        margin: 0 0 14px 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .content,
    html body #product-list:not(.product-list) .product-thumb .description {
        display: contents !important;
    }

    /* Box názvu – začína presne od horného okraja karty */
    html body #product-list:not(.product-list) .product-thumb .description h4 {
        grid-row: 1 !important;

        display: block !important;
        align-self: start !important;

        width: 100% !important;
        height: 124px !important;
        min-height: 124px !important;
        max-height: 124px !important;

        margin: 0 !important;
        padding: 10px 12px 6px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        text-align: center !important;
        line-height: normal !important;
    }

    /* Presne štyri celé riadky a potom tri bodky */
    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 104px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;

        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        text-align: center !important;

        transform: none !important;
        position: static !important;
        top: auto !important;
    }

    /* Obrázok */
    html body #product-list:not(.product-list) .product-thumb > .image {
        grid-row: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;

        margin: 0 !important;
        padding: 4px 12px 8px !important;
        box-sizing: border-box !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        display: block !important;
        width: 100% !important;
        height: 208px !important;
        max-height: 208px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* Gramáž a alergény */
    html body #product-list:not(.product-list) .product-thumb .description > p {
        grid-row: 3 !important;

        display: block !important;
        width: 100% !important;
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;

        margin: 0 !important;
        padding: 10px 15px 0 !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        white-space: pre-line !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        text-align: left !important;
    }

    /* Cena */
    html body #product-list:not(.product-list) .product-thumb .description .price,
    html body #product-list:not(.product-list) .product-thumb .price {
        grid-row: 4 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        position: static !important;
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 5px 18px 8px !important;
        box-sizing: border-box !important;

        font-size: 25px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    /* Tlačidlá */
    html body #product-list:not(.product-list) .product-thumb form {
        grid-row: 5 !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button {
        position: static !important;
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
    }
}

/* =========================================================
   PAPKÁČIK – RIADKOVÉ ZOBRAZENIE:
   obrázok úplne k ľavému, hornému a dolnému okraju karty
   ========================================================= */
@media screen and (min-width: 768px) {

    html body #product-list.product-list .product-thumb {
        padding: 0 !important;
        overflow: hidden !important;
        grid-template-columns: 220px minmax(0, 1fr) 175px !important;
        min-height: 180px !important;
    }

    html body #product-list.product-list .product-thumb > .image {
        grid-column: 1 !important;
        grid-row: 1 / 4 !important;

        width: 220px !important;
        height: 100% !important;
        min-height: 180px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: stretch !important;
        justify-self: stretch !important;

        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;

        overflow: hidden !important;
        background: #ffffff !important;
    }

    html body #product-list.product-list .product-thumb > .image a {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }

    html body #product-list.product-list .product-thumb > .image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 180px !important;
        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;
    }

    /* vnútorný text nech má odstup od obrázka */
    html body #product-list.product-list .product-thumb .description h4 {
        padding-top: 16px !important;
        padding-right: 12px !important;
    }

    html body #product-list.product-list .product-thumb .description > p {
        padding-right: 12px !important;
        padding-bottom: 14px !important;
    }

    html body #product-list.product-list .product-thumb .price {
        padding-top: 16px !important;
        padding-right: 14px !important;
    }

    html body #product-list.product-list .product-thumb form {
        padding-right: 12px !important;
        padding-bottom: 12px !important;
    }
}

/* =========================================================
   PAPKÁČIK – KOMPAKTNÉ KARTY JEDÁL NA TELEFÓNE
   Menej prázdneho priestoru, zachované 4 riadky názvu
   ========================================================= */
@media screen and (max-width: 767px) {

    html body #product-list:not(.product-list) .product-thumb {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 102px 170px 62px 46px 38px !important;

        width: 100% !important;
        height: 418px !important;
        min-height: 418px !important;
        max-height: 418px !important;

        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .content,
    html body #product-list:not(.product-list) .product-thumb .description {
        display: contents !important;
    }

    /* Názov – 4 celé riadky */
    html body #product-list:not(.product-list) .product-thumb .description h4 {
        grid-row: 1 !important;

        display: block !important;
        width: 100% !important;
        height: 102px !important;
        min-height: 102px !important;
        max-height: 102px !important;

        margin: 0 !important;
        padding: 7px 10px 5px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        text-align: center !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;

        width: 100% !important;
        max-height: 88px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;

        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        text-align: center !important;

        position: static !important;
        transform: none !important;
    }

    /* Menší, ale stále dobre viditeľný obrázok */
    html body #product-list:not(.product-list) .product-thumb > .image {
        grid-row: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;

        margin: 0 !important;
        padding: 2px 10px 6px !important;
        box-sizing: border-box !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image a {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        display: block !important;
        width: 100% !important;
        height: 162px !important;
        max-height: 162px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* Gramáž a alergény tesnejšie */
    html body #product-list:not(.product-list) .product-thumb .description > p {
        grid-row: 3 !important;

        display: block !important;
        width: 100% !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;

        margin: 0 !important;
        padding: 6px 10px 0 !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        white-space: pre-line !important;

        font-size: 14px !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    /* Cena bližšie k údajom */
    html body #product-list:not(.product-list) .product-thumb .description .price,
    html body #product-list:not(.product-list) .product-thumb .price {
        grid-row: 4 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        position: static !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        margin: 0 !important;
        padding: 2px 12px 5px !important;
        box-sizing: border-box !important;

        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    /* Spodné tlačidlá */
    html body #product-list:not(.product-list) .product-thumb form {
        grid-row: 5 !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button {
        position: static !important;
        width: 100% !important;
        height: 38px !important;
        margin: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button button {
        line-height: 36px !important;
        height: 38px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBIL: KOMPAKTNEJŠIE KARTY + ŠIRŠIE KATEGÓRIE
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Kategórie na celú šírku rovnako ako košík */
    html body #menu,
    html body nav#menu,
    html body #menu.navbar {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body #menu .navbar-toggler {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        box-sizing: border-box !important;
        border: 0 !important;
    }

    html body #menu #category {
        float: none !important;
        width: auto !important;
        line-height: 1.2 !important;
    }

    /* Kompaktnejšia mobilná karta */
    html body #product-list:not(.product-list) .product-thumb {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 88px 178px 50px 44px 38px !important;

        height: 398px !important;
        min-height: 398px !important;
        max-height: 398px !important;

        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .content,
    html body #product-list:not(.product-list) .product-thumb .description {
        display: contents !important;
    }

    /* Názov – až 4 riadky, bez zbytočnej rezervy */
    html body #product-list:not(.product-list) .product-thumb .description h4 {
        grid-row: 1 !important;
        display: block !important;

        width: 100% !important;
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;

        margin: 0 !important;
        padding: 6px 9px 2px !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        text-align: center !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;

        width: 100% !important;
        max-height: 80px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;

        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        text-align: center !important;

        position: static !important;
        transform: none !important;
    }

    /* Obrázok väčší, priestor okolo menší */
    html body #product-list:not(.product-list) .product-thumb > .image {
        grid-row: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 178px !important;
        min-height: 178px !important;
        max-height: 178px !important;

        margin: 0 !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        display: block !important;
        width: 100% !important;
        height: 176px !important;
        max-height: 176px !important;
        object-fit: contain !important;
        margin: 0 auto !important;

        /* zväčší samotné jedlo aj pri obrázkoch s veľkým bielym okrajom */
        transform: scale(1.28) !important;
        transform-origin: center center !important;
    }

    /* Gramáž a alergény tesne pod obrázkom */
    html body #product-list:not(.product-list) .product-thumb .description > p {
        grid-row: 3 !important;

        display: block !important;
        width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: 0 !important;
        padding: 4px 9px 0 !important;
        box-sizing: border-box !important;

        overflow: hidden !important;
        white-space: pre-line !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    /* Cena bližšie */
    html body #product-list:not(.product-list) .product-thumb .description .price,
    html body #product-list:not(.product-list) .product-thumb .price {
        grid-row: 4 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        position: static !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 2px 10px 4px !important;
        box-sizing: border-box !important;

        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    html body #product-list:not(.product-list) .product-thumb form {
        grid-row: 5 !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button {
        position: static !important;
        width: 100% !important;
        height: 38px !important;
        margin: 0 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .button button {
        height: 38px !important;
        line-height: 36px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBIL: MENU V RIADKU + KOŠÍK ZAROVNANÝ
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Košík zarovnať s menu a bannerom */
    html body header #cart {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 6px 12px 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body header #cart > .btn,
    html body header #cart button {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Celé menu zarovnať s obsahom */
    html body nav#menu,
    html body #menu.navbar,
    html body #menu {
        display: block !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px 16px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Nadpis Kategórie */
    html body #menu .navbar-toggler {
        display: flex !important;
        width: 100% !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 7px 12px !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body #menu #category {
        float: none !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    /* Bootstrap collapse nás nesmie schovať */
    html body #menu .collapse,
    html body #menu .collapse:not(.show),
    html body #menu .navbar-collapse,
    html body #menu .navbar-collapse.collapse,
    html body #menu .navbar-collapse.collapse:not(.show) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Položky menu vodorovne a posuvné prstom */
    html body #menu ul.navbar-nav,
    html body #menu .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        border-top: 1px solid rgba(255,255,255,0.18) !important;
    }

    html body #menu .navbar-nav > li,
    html body #menu .navbar-nav > .nav-item,
    html body #menu .navbar-nav > * {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 145px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-right: 1px solid rgba(255,255,255,0.15) !important;
    }

    html body #menu .navbar-nav > li > a,
    html body #menu .navbar-nav > .nav-item > .nav-link,
    html body #menu .navbar-nav > * > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 145px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        box-sizing: border-box !important;
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    html body #menu .navbar-nav::-webkit-scrollbar {
        height: 4px !important;
    }

    html body #menu .navbar-nav::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.35) !important;
        border-radius: 4px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBILNÉ MENU AKO PREHĽADNÁ LIŠTA
   4 položky v prvom riadku, 3 v druhom
   ========================================================= */
@media (max-width: 991.98px) {

    /* Košík zarovnať s menu a bannerom */
    html body header #cart {
        flex: 0 0 calc(100% - 24px) !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 8px 12px 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body header #cart > .dropdown,
    html body header #cart > div,
    html body header #cart button.btn {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Celá navigácia presne na šírku kontajnera */
    html body main > .container > #menu,
    html body #menu {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border-radius: 5px !important;
    }

    /* Nadpis Kategórie a hamburger na mobile netreba */
    html body #menu #category,
    html body #menu .navbar-toggler {
        display: none !important;
    }

    /* Bootstrap collapse vypnúť */
    html body #menu #navbar-menu,
    html body #menu #navbar-menu.collapse,
    html body #menu #navbar-menu.collapse:not(.show),
    html body #menu #navbar-menu.collapsing {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transition: none !important;
    }

    /* Prehľadná mriežka bez posúvania */
    html body #menu #navbar-menu > ul.navbar-nav {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        white-space: normal !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li.nav-item {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-right: 1px solid rgba(255,255,255,0.16) !important;
        border-bottom: 1px solid rgba(255,255,255,0.16) !important;
    }

    /* Posledné tri položky rovnomerne cez celý druhý riadok */
    html body #menu #navbar-menu > ul.navbar-nav > li.nav-item:nth-child(5) {
        grid-column: 1 / 2 !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li.nav-item:nth-child(6) {
        grid-column: 2 / 4 !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li.nav-item:nth-child(7) {
        grid-column: 4 / 5 !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li.nav-item > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 7px 4px !important;
        box-sizing: border-box !important;
        color: #ffffff !important;
        background: transparent !important;
        font-size: 0 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    /* Kratšie názvy, aby bolo menu čisté a čitateľné */
    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(1) > a::after {
        content: "Pondelok";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(2) > a::after {
        content: "Utorok";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(3) > a::after {
        content: "Streda";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(4) > a::after {
        content: "Štvrtok";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(5) > a::after {
        content: "Piatok";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(6) > a::after {
        content: "Ponuka burgrov";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(7) > a::after {
        content: "Minerálky";
    }

    html body #menu #navbar-menu > ul.navbar-nav > li > a::after {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        color: #ffffff !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li > a:hover,
    html body #menu #navbar-menu > ul.navbar-nav > li > a:focus {
        background: rgba(255,255,255,0.12) !important;
    }
}

/* =========================================================
   PAPKÁČIK – DOMOVSKÁ STRÁNKA NA POČÍTAČI
   Zmenšenie prázdneho priestoru medzi bannerom a pätičkou
   ========================================================= */
@media screen and (min-width: 576px) {
    html body #common-home #content {
        padding-bottom: 240px !important;
    }
}

/* =========================================================
   PAPKÁČIK – DOMOVSKÁ STRÁNKA NA MOBILE
   Zmenšenie hluchého priestoru pod bannerom bez prekrytia pätičkou
   ========================================================= */
@media screen and (max-width: 575px) {
    html body #common-home #content {
        padding-bottom: 620px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBIL: ešte menšia medzera pod bannerom
   ========================================================= */
@media screen and (max-width: 575px) {
    html body #common-home #content {
        padding-bottom: 540px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBIL: vyvážená medzera + názov Nápoje
   ========================================================= */
@media screen and (max-width: 575px) {
    html body #common-home #content {
        padding-bottom: 300px !important;
    }

    html body #menu #navbar-menu > ul.navbar-nav > li:nth-child(7) > a::after {
        content: "Nápoje" !important;
    }
}@media (min-width: 992px) {
  #checkout-checkout {
    font-size: 16px !important;
  }

  #checkout-checkout h1 {
    font-size: 36px !important;
  }

  #checkout-checkout legend,
  #checkout-checkout h2 {
    font-size: 25px !important;
  }

  #checkout-checkout label,
  #checkout-checkout .form-label,
  #checkout-checkout .form-control,
  #checkout-checkout .form-select,
  #checkout-checkout .input-group-text,
  #checkout-checkout .btn,
  #checkout-checkout table {
    font-size: 16px !important;
  }

  #checkout-checkout table small {
    font-size: 14px !important;
  }

  #checkout-checkout table th,
  #checkout-checkout table td {
    padding: 10px 9px !important;
  }

  #checkout-checkout #button-confirm {
    font-size: 16px !important;
    padding: 9px 18px !important;
  }
}/* Pätička – skryť Extra a Môj účet */
footer .row > div:nth-child(3),
footer .row > div:nth-child(4) {
  display: none !important;
}

/* Zostávajúce dva stĺpce rozložiť rovnomerne */
@media (min-width: 576px) {
  footer .row > div:nth-child(1),
  footer .row > div:nth-child(2) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}/* Papkáčik – farby pätičky */
footer {
  background: #FAF3E5 !important;
  color: #8f7a7a !important;
}

footer h5,
footer p,
footer a,
footer li,
footer .list-unstyled,
footer .list-unstyled a {
  color: #8f7a7a !important;
}

footer a:hover {
  color: #6f5f5f !important;
}

/* Spodný pás pätičky */
footer hr {
  border: 0 !important;
  height: 18px !important;
  background: #f1e9d9 !important;
  opacity: 1 !important;
  margin-left: calc(-1 * var(--bs-gutter-x, 1.5rem) / 2);
  margin-right: calc(-1 * var(--bs-gutter-x, 1.5rem) / 2);
}

/* =========================================================
   PAPKÁČIK – FINÁLNE PREPÍSANIA FARIEB A HLAVIČKY
   ========================================================= */

/* Horná informačná lišta */
html body #top {
    background: #fff9ee !important;
    background-image: none !important;
}

/* Hlavička: svetlejší vrch, plynulý prechod nadol */
html body header {
    position: relative !important;
    border-top: 18px solid #c8ad82 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;

    background:
        linear-gradient(
            to top,
            #e1d2b6 0%,
            #dbc9aa 38%,
            #d2bc98 70%,
            #c8ad82 100%
        ) !important;
}

/* Bez svetielok a bez čiar */
html body header::before,
html body header::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Plynulé pozadie hlavnej časti */
html,
body {
    background: #fff9ee !important;
}

html body main {
    background:
        linear-gradient(
            to bottom,
            #e1d2b6 0px,
            #fdf8ef 260px,
            #fdf8ef 42%,
            #fff9ee 100%
        ) !important;
}

html body #container,
html body #content,
html body #column-left,
html body #column-right {
    background: transparent !important;
}

/* Hlavný pás menu */
html body nav#menu,
html body #menu.navbar,
html body #menu.bg-primary {
    background: #2f1c0d !important;
    background-image: none !important;
    border-color: #2f1c0d !important;
}

/* Bočné menu */
html body #column-left .list-group .list-group-item,
html body #column-right .list-group .list-group-item {
    background: #fff9ee !important;
    border-color: #d9cbb8 !important;
    color: #2f1c0d !important;
}

html body #column-left .list-group .list-group-item.active,
html body #column-left .list-group .list-group-item:hover,
html body #column-left .list-group .list-group-item:focus,
html body #column-right .list-group .list-group-item.active,
html body #column-right .list-group .list-group-item:hover,
html body #column-right .list-group .list-group-item:focus {
    background: #2f1c0d !important;
    background-image: none !important;
    border-color: #2f1c0d !important;
    color: #ffffff !important;
}

/* Košík */
html body #cart > .btn,
html body #cart button {
    background: #2f1c0d !important;
    background-image: none !important;
    border-color: #2f1c0d !important;
    color: #ffffff !important;
}

/* Pätička */
html body footer {
    background: #FAF3E5 !important;
    background-image: none !important;
    color: #8f7a7a !important;
    border-top: 14px solid #f1e9d9 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

html body footer h5,
html body footer p,
html body footer li,
html body footer a {
    color: #8f7a7a !important;
}

html body footer hr {
    display: none !important;
}

html body footer .row > div:nth-child(3),
html body footer .row > div:nth-child(4) {
    display: none !important;
}

@media (min-width: 576px) {
    html body footer .row > div:nth-child(1),
    html body footer .row > div:nth-child(2) {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}

/* =========================================================
   PAPKÁČIK – KATEGÓRIA: JEDINÉ FINÁLNE PRAVIDLÁ
   ========================================================= */

/* Súvislý popis zarovnaný do bloku */
html body #product-category .category-description,
html body #product-category .category-description p,
html body #product-category .category-description div {
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

/* PC: pravý okraj riadkového produktu zarovnať s textom nad ním */
@media screen and (min-width: 768px) {
    html body #product-category #content > .row:first-of-type {
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0 !important;
    }

    html body #product-category .category-description {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body #product-category #product-list.product-list {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body #product-category #product-list.product-list > .col,
    html body #product-category #product-list.product-list > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Mobil: prirodzená šírka podľa rovnakých okrajov ako horné menu */
@media screen and (max-width: 767px) {
    html body #product-category {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body #product-category #content > .row:first-of-type {
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0 !important;
    }

    html body #product-category .category-description {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /*
      Pôvodných 730 px vytváralo veľkú prázdnu plochu.
      Rezerva ostáva iba vo výške potrebnej pre mobilnú pätičku.
    */
    html body #product-category #column-left,
    html body #product-category #column-right {
        padding-bottom: 0 !important;
    }

    html body #product-category #content {
        padding-bottom: 170px !important;
    }
}

/* =========================================================
   PAPKÁČIK – UPRATANÁ PÄTIČKA
   ========================================================= */
html body footer.pap-footer {
    background: #FAF3E5 !important;
    border-top: 12px solid #f1e9d9 !important;
    color: #8f7a7a !important;
    padding: 28px 0 12px !important;
    overflow: hidden !important;
}

html body footer.pap-footer .pap-footer-grid {
    display: grid !important;
    grid-template-columns: 190px 190px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: center !important;
}

html body footer.pap-footer h5 {
    margin: 0 0 12px !important;
    color: #4a2b18 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

html body footer.pap-footer .pap-footer-links {
    align-self: start !important;
}

html body footer.pap-footer .pap-footer-links ul {
    margin: 0 !important;
    padding: 0 !important;
}

html body footer.pap-footer .pap-footer-links li {
    margin: 0 0 7px !important;
}

html body footer.pap-footer .pap-footer-links a {
    color: #8f7a7a !important;
    text-decoration: none !important;
}

html body footer.pap-footer .pap-footer-links a:hover,
html body footer.pap-footer .pap-footer-links a:focus {
    color: #4a260f !important;
    text-decoration: underline !important;
}

html body footer.pap-footer .pap-footer-delivery {
    position: relative !important;
    min-height: 190px !important;
    display: flex !important;
    align-items: center !important;
    padding: 18px 24px 18px 34px !important;
    border-left: 1px solid rgba(143, 122, 122, .25) !important;
    overflow: hidden !important;
}

html body footer.pap-footer .pap-footer-delivery-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 44% !important;
    max-width: 330px !important;
}

html body footer.pap-footer .pap-footer-kicker {
    display: inline-block !important;
    margin-bottom: 8px !important;
    padding: 4px 10px !important;
    border: 1px solid rgba(74, 38, 15, .24) !important;
    border-radius: 999px !important;
    color: #8f6d45 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html body footer.pap-footer .pap-footer-delivery h5 {
    margin-bottom: 9px !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
}

html body footer.pap-footer .pap-footer-delivery p {
    margin: 0 !important;
    color: #8f7a7a !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

html body footer.pap-footer .pap-footer-delivery-image {
    position: absolute !important;
    z-index: 1 !important;
    right: 0 !important;
    bottom: -4px !important;
    width: 58% !important;
    max-width: none !important;
    height: auto !important;
    opacity: .78 !important;
    pointer-events: none !important;
}

html body footer.pap-footer .pap-footer-bottom {
    margin-top: 18px !important;
    padding-top: 13px !important;
    border-top: 1px solid #e7dcc9 !important;
}

html body footer.pap-footer .pap-footer-bottom p {
    margin: 0 !important;
    color: #8f7a7a !important;
    font-size: 13px !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer {
        padding-top: 22px !important;
    }

    html body footer.pap-footer .pap-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 22px 18px !important;
        padding: 0 18px !important;
    }

    html body footer.pap-footer .pap-footer-delivery {
        grid-column: 1 / -1 !important;
        min-height: 220px !important;
        margin-top: 2px !important;
        padding: 20px 18px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(143, 122, 122, .25) !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 58% !important;
        max-width: 250px !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5 {
        font-size: 21px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        right: -10% !important;
        bottom: 0 !important;
        width: 68% !important;
        opacity: .70 !important;
    }

    html body footer.pap-footer .pap-footer-bottom {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
}

@media screen and (max-width: 420px) {
    html body footer.pap-footer .pap-footer-grid {
        grid-template-columns: 1fr !important;
    }

    html body footer.pap-footer .pap-footer-delivery {
        grid-column: auto !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 62% !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        right: -20% !important;
        width: 84% !important;
    }
}



/* PAPKÁČIK – finálne doladenie obrázka dopravy */
html body footer.pap-footer .pap-footer-delivery-image {
    right: 2% !important;
    bottom: 2px !important;
    width: 52% !important;
    opacity: .82 !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery-image {
        right: -5% !important;
        bottom: 4px !important;
        width: 62% !important;
        opacity: .74 !important;
    }
}

/* =========================================================
   PAPKÁČIK – PÄTIČKA BEZ PREKRÝVANIA
   Skutočná príčina: pôvodná pätička bola position:absolute.
   Pätička je teraz súčasťou prirodzeného toku stránky.
   ========================================================= */
html,
body {
    min-height: 100% !important;
    height: auto !important;
}

html body #container {
    position: relative !important;
    min-height: 100vh !important;
    height: auto !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

html body main {
    flex: 1 0 auto !important;
}

html body #content,
html body #column-left,
html body #column-right,
html body #common-home #content {
    padding-bottom: 24px !important;
}

html body footer.pap-footer {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* Obnovenie celého pôvodného slimáka */
html body footer.pap-footer .pap-footer-delivery-image {
    right: 0 !important;
    bottom: -4px !important;
    width: 58% !important;
    opacity: .78 !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery-image {
        right: -10% !important;
        bottom: 0 !important;
        width: 68% !important;
        opacity: .70 !important;
    }
}

/* =========================================================
   PAPKÁČIK – širší priestor pre dopravu a obrázok slimáka
   ========================================================= */
@media screen and (min-width: 768px) {
    html body footer.pap-footer .pap-footer-grid {
        grid-template-columns: 165px 165px minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    html body footer.pap-footer .pap-footer-delivery {
        padding-left: 24px !important;
        padding-right: 8px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 37% !important;
        max-width: 280px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        width: 64% !important;
        right: 0 !important;
        bottom: -4px !important;
        object-fit: contain !important;
        object-position: right center !important;
    }
}

/* =========================================================
   PAPKÁČIK – spodná kontaktná lišta pätičky
   ========================================================= */
html body footer.pap-footer .pap-footer-contactbar {
    display: grid !important;
    grid-template-columns: 1.25fr 1fr 1.15fr 1fr auto !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e7dcc9 !important;
}

html body footer.pap-footer .pap-footer-brand,
html body footer.pap-footer .pap-footer-contact-item,
html body footer.pap-footer .pap-footer-copy {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px !important;
}

html body footer.pap-footer .pap-footer-brand {
    padding-left: 0 !important;
}

html body footer.pap-footer .pap-footer-logo {
    display: block !important;
    width: auto !important;
    max-width: 175px !important;
    max-height: 48px !important;
    object-fit: contain !important;
}

html body footer.pap-footer .pap-footer-contact-item {
    justify-content: center !important;
    gap: 10px !important;
    border-left: 1px solid #e7dcc9 !important;
    color: #8f7a7a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body footer.pap-footer .pap-footer-contact-item i {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    border: 1px solid #d7c3a5 !important;
    border-radius: 50% !important;
    color: #b78a50 !important;
    font-size: 17px !important;
}

html body footer.pap-footer .pap-footer-contact-item:hover,
html body footer.pap-footer .pap-footer-contact-item:focus {
    color: #4a260f !important;
}

html body footer.pap-footer .pap-footer-copy {
    justify-content: flex-end !important;
    padding-right: 0 !important;
    border-left: 1px solid #e7dcc9 !important;
    color: #8f7a7a !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 900px) {
    html body footer.pap-footer .pap-footer-contactbar {
        grid-template-columns: 1fr 1fr !important;
        row-gap: 12px !important;
    }

    html body footer.pap-footer .pap-footer-brand,
    html body footer.pap-footer .pap-footer-copy {
        grid-column: 1 / -1 !important;
        justify-content: center !important;
        padding: 0 !important;
        border-left: 0 !important;
    }

    html body footer.pap-footer .pap-footer-contact-item {
        border-left: 0 !important;
        padding: 0 8px !important;
    }
}

@media screen and (max-width: 480px) {
    html body footer.pap-footer .pap-footer-contactbar {
        grid-template-columns: 1fr !important;
    }

    html body footer.pap-footer .pap-footer-brand,
    html body footer.pap-footer .pap-footer-contact-item,
    html body footer.pap-footer .pap-footer-copy {
        grid-column: auto !important;
        justify-content: flex-start !important;
        padding-left: 0 !important;
    }

    html body footer.pap-footer .pap-footer-copy {
        justify-content: center !important;
    }
}

/* =========================================================
   PAPKÁČIK – presné logo z hlavičky a jemné strácanie slimáka
   ========================================================= */
html body footer.pap-footer .pap-footer-logo-copy {
    display: flex !important;
    align-items: center !important;
}

html body footer.pap-footer .pap-footer-logo-copy .pap-footer-logo {
    display: block !important;
    width: auto !important;
    max-width: 185px !important;
    max-height: 54px !important;
    object-fit: contain !important;
}

/* Celý obrázok ostáva zachovaný, iba horný okraj sa jemne stratí */
html body footer.pap-footer .pap-footer-delivery-image {
    top: 0 !important;
    bottom: auto !important;
    right: 0 !important;
    width: 64% !important;
    opacity: .80 !important;

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, .35) 8%,
        #000 22%,
        #000 100%
    ) !important;
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, .35) 8%,
        #000 22%,
        #000 100%
    ) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery-image {
        top: 0 !important;
        bottom: auto !important;
        right: -8% !important;
        width: 72% !important;
    }

    html body footer.pap-footer .pap-footer-logo-copy .pap-footer-logo {
        max-width: 170px !important;
        max-height: 50px !important;
    }
}

/* =========================================================
   PAPKÁČIK – slimák opäť výrazný, bez zmiznutia
   ========================================================= */
html body footer.pap-footer .pap-footer-delivery {
    position: relative !important;
}

/* Zrušenie masky, ktorá slimáka príliš zoslabovala */
html body footer.pap-footer .pap-footer-delivery-image {
    top: auto !important;
    bottom: -4px !important;
    right: 0 !important;
    width: 64% !important;
    opacity: .90 !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* Jemné stratenie iba na hornom okraji obrázka */
html body footer.pap-footer .pap-footer-delivery::after {
    content: "" !important;
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    right: 0 !important;
    width: 64% !important;
    height: 34px !important;
    pointer-events: none !important;
    background: linear-gradient(
        to bottom,
        #FAF3E5 0%,
        rgba(250, 243, 229, .78) 34%,
        rgba(250, 243, 229, 0) 100%
    ) !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery-image {
        top: auto !important;
        bottom: 0 !important;
        right: -8% !important;
        width: 72% !important;
        opacity: .84 !important;
    }

    html body footer.pap-footer .pap-footer-delivery::after {
        width: 72% !important;
        height: 30px !important;
    }
}

/* =========================================================
   PAPKÁČIK – MOBILNÁ PÄTIČKA: 2 STĹPCE, PROMO, SPODNÁ LIŠTA
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Informácie a zákaznícky servis vedľa seba */
    html body footer.pap-footer .pap-footer-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 22px 16px !important;
        padding: 0 16px !important;
        align-items: start !important;
    }

    html body footer.pap-footer .pap-footer-info,
    html body footer.pap-footer .pap-footer-service {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    html body footer.pap-footer .pap-footer-links h5 {
        font-size: 15px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    html body footer.pap-footer .pap-footer-links li {
        margin-bottom: 6px !important;
    }

    html body footer.pap-footer .pap-footer-links a {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* Promo slimák cez celú šírku pod stĺpcami */
    html body footer.pap-footer .pap-footer-delivery {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 230px !important;
        margin: 0 !important;
        padding: 22px 14px 18px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(143, 122, 122, .25) !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 48% !important;
        max-width: 190px !important;
        padding-right: 6px !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5 {
        font-size: 19px !important;
        line-height: 1.15 !important;
        margin-bottom: 8px !important;
    }

    html body footer.pap-footer .pap-footer-delivery p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        width: 58% !important;
        right: -2% !important;
        bottom: 2px !important;
        opacity: .88 !important;
    }

    html body footer.pap-footer .pap-footer-delivery::after {
        width: 58% !important;
        height: 24px !important;
    }

    /* Spodná lišta symetricky */
    html body footer.pap-footer .pap-footer-contactbar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px 10px !important;
        margin: 18px 16px 0 !important;
        padding-top: 16px !important;
    }

    html body footer.pap-footer .pap-footer-brand {
        grid-column: 1 / -1 !important;
        justify-content: center !important;
        padding: 0 !important;
        min-height: 46px !important;
    }

    html body footer.pap-footer .pap-footer-contact-item {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 0 6px !important;
        border-left: 0 !important;
        white-space: normal !important;
        text-align: center !important;
        font-size: 12px !important;
    }

    html body footer.pap-footer .pap-footer-contact-item i {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
        font-size: 14px !important;
    }

    html body footer.pap-footer .pap-footer-copy {
        grid-column: 1 / -1 !important;
        justify-content: center !important;
        padding: 6px 0 0 !important;
        border-left: 0 !important;
        font-size: 12px !important;
    }
}

/* Veľmi úzke telefóny – stále dva horné stĺpce */
@media screen and (max-width: 390px) {
    html body footer.pap-footer .pap-footer-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 18px 12px !important;
        padding: 0 12px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 50% !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        width: 60% !important;
        right: -5% !important;
    }
}

/* =========================================================
   PAPKÁČIK – DOLADENIE MOBILNEJ PÄTIČKY
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Zmenšenie hluchého priestoru nad pätičkou */
    html body #common-home #content {
        padding-bottom: 36px !important;
    }

    /* Horné dva stĺpce posunúť mierne doprava */
    html body footer.pap-footer .pap-footer-grid {
        padding-left: 36px !important;
        padding-right: 16px !important;
    }

    html body footer.pap-footer .pap-footer-info,
    html body footer.pap-footer .pap-footer-service {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Promo časť */
    html body footer.pap-footer .pap-footer-delivery {
        min-height: 210px !important;
        padding: 20px 10px 16px !important;
    }

    /* Text promo vycentrovať a zúžiť, aby sa nadpis rozdelil do 3 riadkov */
    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 47% !important;
        max-width: 170px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body footer.pap-footer .pap-footer-kicker {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5 {
        max-width: 155px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 17px !important;
        line-height: 1.12 !important;
        text-align: center !important;
    }

    html body footer.pap-footer .pap-footer-delivery p {
        max-width: 155px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    /* Slimák mierne menší, aby sa vedľa textu zobrazil čistejšie */
    html body footer.pap-footer .pap-footer-delivery-image {
        width: 54% !important;
        right: 0 !important;
        bottom: 4px !important;
        opacity: .88 !important;
    }

    html body footer.pap-footer .pap-footer-delivery::after {
        width: 54% !important;
    }
}

@media screen and (max-width: 390px) {
    html body footer.pap-footer .pap-footer-grid {
        padding-left: 30px !important;
        padding-right: 12px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        width: 48% !important;
        max-width: 155px !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5,
    html body footer.pap-footer .pap-footer-delivery p {
        max-width: 145px !important;
    }

    html body footer.pap-footer .pap-footer-delivery-image {
        width: 52% !important;
        right: -1% !important;
    }
}

/* =========================================================
   PAPKÁČIK – FINÁLNE DOLADENIE MOBILNEJ PÄTIČKY
   ========================================================= */
@media screen and (max-width: 767px) {

    /* Zmenšenie hluchého priestoru nad pätičkou */
    html body #common-home #content {
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
    }

    html body footer.pap-footer {
        margin-top: 0 !important;
    }

    /* Slimák vycentrovaný vo svojej pravej polovici */
    html body footer.pap-footer .pap-footer-delivery-image {
        width: 50% !important;
        max-width: none !important;
        right: 1% !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        opacity: .90 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    html body footer.pap-footer .pap-footer-delivery::after {
        width: 50% !important;
        right: 1% !important;
    }

    /* Facebook samostatne presne uprostred */
    html body footer.pap-footer .pap-footer-contactbar > a.pap-footer-contact-item:nth-of-type(3) {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 150px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 390px) {
    html body footer.pap-footer .pap-footer-delivery-image {
        width: 49% !important;
        right: 0 !important;
    }

    html body footer.pap-footer .pap-footer-delivery::after {
        width: 49% !important;
        right: 0 !important;
    }
}

/* =========================================================
   PAPKÁČIK – KOŠÍK: TLAČIDLÁ A MNOŽSTVO VO FARBE HORNEJ LIŠTY
   ========================================================= */
html body #checkout-cart .btn-primary,
html body #checkout-cart .btn-danger,
html body #checkout-cart .btn-light,
html body #checkout-cart a.btn,
html body #checkout-cart button.btn {
    background: #2f1c0d !important;
    border-color: #2f1c0d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body #checkout-cart .btn-primary:hover,
html body #checkout-cart .btn-danger:hover,
html body #checkout-cart .btn-light:hover,
html body #checkout-cart a.btn:hover,
html body #checkout-cart button.btn:hover,
html body #checkout-cart .btn-primary:focus,
html body #checkout-cart .btn-danger:focus,
html body #checkout-cart .btn-light:focus,
html body #checkout-cart a.btn:focus,
html body #checkout-cart button.btn:focus {
    background: #4a260f !important;
    border-color: #4a260f !important;
    color: #ffffff !important;
}

html body #checkout-cart .input-group .form-control {
    border-color: #2f1c0d !important;
    color: #2f1c0d !important;
    background: #fff9ee !important;
    box-shadow: none !important;
}

html body #checkout-cart .input-group .form-control:focus {
    border-color: #4a260f !important;
    box-shadow: 0 0 0 0.15rem rgba(47, 28, 13, 0.14) !important;
}

html body #checkout-cart #cart-total,
html body #checkout-cart .table tfoot strong {
    color: #2f1c0d !important;
}

html body #checkout-cart .table a {
    color: #4a260f !important;
}

html body #checkout-cart .table a:hover {
    color: #2f1c0d !important;
}

/* =========================================================
   PAPKÁČIK – POKLADŇA: TLAČIDLÁ VO FARBE HORNEJ LIŠTY
   ========================================================= */
html body #checkout-checkout .btn-primary,
html body #checkout-checkout button.btn-primary,
html body #checkout-checkout a.btn-primary,
html body #checkout-checkout .accordion-button,
html body #checkout-checkout .input-group .btn {
    background: #2f1c0d !important;
    border-color: #2f1c0d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body #checkout-checkout .btn-primary:hover,
html body #checkout-checkout button.btn-primary:hover,
html body #checkout-checkout a.btn-primary:hover,
html body #checkout-checkout .accordion-button:hover,
html body #checkout-checkout .input-group .btn:hover,
html body #checkout-checkout .btn-primary:focus,
html body #checkout-checkout button.btn-primary:focus,
html body #checkout-checkout a.btn-primary:focus {
    background: #4a260f !important;
    border-color: #4a260f !important;
    color: #ffffff !important;
}

html body #checkout-checkout .form-control:focus,
html body #checkout-checkout .form-select:focus {
    border-color: #2f1c0d !important;
    box-shadow: 0 0 0 0.15rem rgba(47, 28, 13, 0.14) !important;
}

/* =========================================================
   PAPKÁČIK – KOMPAKTNÁ KARTA JEDLA
   košík vľavo, cena vpravo, bez obľúbených a porovnávania
   ========================================================= */
@media screen and (min-width: 768px) {
    html body #product-list:not(.product-list) .product-thumb {
        grid-template-rows: 92px 220px 86px 58px !important;
        height: 456px !important;
        min-height: 456px !important;
        max-height: 456px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 {
        height: 92px !important;
        min-height: 92px !important;
        max-height: 92px !important;
        padding: 10px 14px 7px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        max-height: 72px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        -webkit-line-clamp: 3 !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        padding: 2px 12px 6px !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        height: 210px !important;
        max-height: 210px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description > p {
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        padding: 10px 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}

html body #product-list:not(.product-list) .product-thumb .pap-product-bottom {
    grid-row: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    box-sizing: border-box !important;
    border-top: 1px solid var(--bs-border-color) !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-product-bottom form {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 13px !important;
    border: 1px solid #2f1c0d !important;
    border-radius: 4px !important;
    background: #2f1c0d !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-cart-button:hover,
html body #product-list:not(.product-list) .product-thumb .pap-cart-button:focus {
    background: #4a260f !important;
    border-color: #4a260f !important;
    color: #ffffff !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-product-bottom .price {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: 25px !important;
    line-height: 1 !important;
    color: #2f1c0d !important;
}

html body #product-list:not(.product-list) .product-thumb > form,
html body #product-list:not(.product-list) .product-thumb .button {
    display: none !important;
}

@media screen and (max-width: 767px) {
    html body #product-list:not(.product-list) .product-thumb {
        grid-template-rows: 86px 165px 64px 56px !important;
        height: 371px !important;
        min-height: 371px !important;
        max-height: 371px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 {
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        padding: 7px 9px 4px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description h4 a {
        max-height: 72px !important;
        font-size: 16px !important;
        line-height: 22px !important;
        -webkit-line-clamp: 3 !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image {
        height: 165px !important;
        min-height: 165px !important;
        max-height: 165px !important;
        padding: 2px 8px 5px !important;
    }

    html body #product-list:not(.product-list) .product-thumb > .image img {
        height: 158px !important;
        max-height: 158px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .description > p {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 8px 12px 0 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    html body #product-list:not(.product-list) .product-thumb .pap-product-bottom {
        height: 56px !important;
        min-height: 56px !important;
        padding: 7px 9px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .pap-cart-button {
        min-height: 38px !important;
        padding: 7px 10px !important;
        font-size: 12px !important;
    }

    html body #product-list:not(.product-list) .product-thumb .pap-product-bottom .price {
        font-size: 22px !important;
    }
}



/* PAPKÁČIK – cena vľavo, košík vpravo */
html body #product-list:not(.product-list) .product-thumb .pap-product-bottom {
    justify-content: space-between !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-product-bottom .price {
    order: 1 !important;
    margin: 0 auto 0 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

html body #product-list:not(.product-list) .product-thumb .pap-product-bottom form {
    order: 2 !important;
    margin-left: auto !important;
}

/* =========================================================
   PAPKÁČIK – ROZBAĽOVACÍ KOŠÍK: TLAČIDLÁ VO FARBE MENU
   ========================================================= */
html body #cart .dropdown-menu a.btn,
html body #cart .dropdown-menu .btn,
html body #cart .dropdown-menu a[href*="checkout/cart"],
html body #cart .dropdown-menu a[href*="checkout/checkout"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    border: 1px solid #2f1c0d !important;
    border-radius: 4px !important;
    background: #2f1c0d !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body #cart .dropdown-menu a.btn:hover,
html body #cart .dropdown-menu .btn:hover,
html body #cart .dropdown-menu a[href*="checkout/cart"]:hover,
html body #cart .dropdown-menu a[href*="checkout/checkout"]:hover,
html body #cart .dropdown-menu a.btn:focus,
html body #cart .dropdown-menu .btn:focus {
    background: #4a260f !important;
    border-color: #4a260f !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Zarovnanie dvojice tlačidiel v spodnej časti rozbaľovacieho košíka */
html body #cart .dropdown-menu .text-end,
html body #cart .dropdown-menu p.text-end {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

html body #cart .dropdown-menu a i {
    color: #ffffff !important;
}

/* =========================================================
   PAPKÁČIK – DETAIL PRODUKTU: TLAČIDLÁ VO FARBE HORNEJ LIŠTY
   ========================================================= */
html body #product-info #button-cart,
html body #product-info .btn-primary,
html body #product-info .btn-light {
    background: #2f1c0d !important;
    border-color: #2f1c0d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body #product-info #button-cart:hover,
html body #product-info #button-cart:focus,
html body #product-info .btn-primary:hover,
html body #product-info .btn-primary:focus,
html body #product-info .btn-light:hover,
html body #product-info .btn-light:focus {
    background: #4a260f !important;
    border-color: #4a260f !important;
    color: #ffffff !important;
}

html body #product-info #button-cart i,
html body #product-info .btn-light i {
    color: #ffffff !important;
}

html body #product-info #button-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* PAPKÁČIK – doprava v pätičke ako ostatné stĺpce */
html body footer.pap-footer .pap-footer-delivery-copy {
    text-align: left !important;
}

html body footer.pap-footer .pap-footer-delivery h5 {
    margin: 0 0 10px !important;
    color: #4a2b18 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-align: left !important;
    max-width: 310px !important;
}

html body footer.pap-footer .pap-footer-delivery p {
    margin: 0 0 13px !important;
    color: #8f7a7a !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    max-width: 300px !important;
}

html body footer.pap-footer .pap-footer-kosice-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 11px !important;
    border: 1px solid #d7c3a5 !important;
    border-radius: 999px !important;
    color: #8f6d45 !important;
    background: rgba(255, 249, 238, .62) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body footer.pap-footer .pap-footer-kosice-link:hover,
html body footer.pap-footer .pap-footer-kosice-link:focus {
    color: #ffffff !important;
    background: #2f1c0d !important;
    border-color: #2f1c0d !important;
}

html body footer.pap-footer .pap-footer-kicker {
    display: none !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery-copy {
        text-align: center !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5 {
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 15px !important;
        text-align: center !important;
        max-width: 160px !important;
    }

    html body footer.pap-footer .pap-footer-delivery p {
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 11px !important;
        text-align: center !important;
        max-width: 155px !important;
    }

    html body footer.pap-footer .pap-footer-kosice-link {
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 11px !important;
    }
}

/* PAPKÁČIK – zarovnanie všetkých nadpisov pätičky na jednu úroveň */
@media screen and (min-width: 768px) {
    html body footer.pap-footer .pap-footer-grid {
        align-items: start !important;
    }

    html body footer.pap-footer .pap-footer-delivery {
        align-self: start !important;
        min-height: 190px !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    html body footer.pap-footer .pap-footer-delivery-copy {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    html body footer.pap-footer .pap-footer-delivery h5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}



/* PAPKÁČIK – dlhší slogan dopravy */
html body footer.pap-footer .pap-footer-delivery p {
    max-width: 330px !important;
}

@media screen and (max-width: 767px) {
    html body footer.pap-footer .pap-footer-delivery p {
        max-width: 170px !important;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }
}