/* Proklik hlavní kategorie v horním menu */
.MenuCategoriesRwdView.v1.big ul.root>li:not(.leaf)>a.name { pointer-events: auto;}

li[data-cat-id="15591"] {
    background-color: yellow !important;
}

li[data-cat-id="15591"] > a > span {
    color: #d9000d !important;
    font-weight: bold;
}

h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

h2.lusja-heading {
    font-size: 2em;
}

h3.lusja-heading {
    font-size: 1.6em;
}

._lusjaAge button {
    width: initial !important;
    height: initial !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.uc-footer {
    padding-top: 0px !important;
}

.ActionIconsView .icons>.icon.discount {
    background-color: #32CD32 !important;
    left: 0 !important;
}

.price.bs-priceLayout.vat.primary.retail {
    font-size: 1.2em !important;
    color: var(--price-primary-color) !important;
}

.price.bs-priceLayout.vat.primary.user .value {
    font-size: 1.2em !important;
    color: #32CD32 !important;
}

.lusja-button {
  color: var(--main-button-text-color);
  border: var(--main-button-border);
  background-color: var(--main-color);
  border-radius: var(--border-radius);
  padding: 1em 2.5em;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
}

.lusja-table, .ProductDetailTableView table {
    width: 100%;
    border: 1px solid var(--bscheck-border-disabled-color);
    border-radius: var(--border-radius);
    padding: 1em;
    background-color: white;
}

.lusja-table td, .ProductDetailTableView table td {
    padding: 0.5em 1em;
}

.ProductDetailTableView table td.value {
    font-weight: bold;
    color: var(--price-primary-color);
}

.lusja-table-accent {
    color: var(--price-primary-color);
}

.lusja-table tr:nth-child(even), .ProductDetailTableView table tr:nth-child(even) {
    background-color: var(--primary-90-color);
}

.lusja-table tr:hover .ProductDetailTableView table tr:hover {
    background-color: var(--neutral-panel-d10-color);
}

.lusja-natur-pack-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1450px;
}

.lusja-natur-pack-wrapper div {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.lusja-natur-pack-wrapper div {
  max-width: 250px;
  width: 100%;
}

.lusja-natur-pack-wrapper img {
  width: 100%;
  height: auto;
}

.lusja-notif-item {
  background-color: #d9000d;
  text-align: center;
  font-weight: bold;
  color: white;
  padding: 0.5em;
}

.lusja-notif-item a {
  text-decoration: none;
}

.lusja-notif-item-circle {
  display: inline-block;
  width: 22px;
  background-color: white;
  padding: 0.3em;
  border-radius: 50%;
  text-align: center;
  color: #d9000d;
  margin-right: 0.3em;
}

.lusja-sale-countdown {
    color: yellow;
    margin-bottom: 1em;
}

.lusja-sale-countdown .lusja-days,
.lusja-sale-countdown .lusja-hours,
.lusja-sale-countdown .lusja-minutes,
.lusja-sale-countdown .lusja-seconds {
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: var(--price-primary-color);
    border-radius: var(--border-radius);
}

.lusja-sale-countdown-standalone {
    color: yellow;
}

.lusja-sale-countdown-standalone .lusja-days,
.lusja-sale-countdown-standalone .lusja-hours,
.lusja-sale-countdown-standalone .lusja-minutes,
.lusja-sale-countdown-standalone .lusja-seconds {
    font-weight: bold;
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: var(--price-primary-color);
    border-radius: var(--border-radius);
}

.lusja-tipy-na-darceky-a {
    background-color: #30a8e0;
    background-image: url("https://cdn.lusja.sk/data/user-content/lusja-flakes.png");
}

@media only screen and (max-width: 800px) {
  .lusja-natur-pack-wrapper {
    width: 100%;
    display: block;
  }

  .lusja-natur-pack-wrapper div {
    margin: 0 auto;
  }
}

.lusja-product-row {
  display: flex;
}
.lusja-product-blank {
  width: calc(100%/3);
  margin: 10px;
  padding: 20px;
}
.lusja-product {
  width: calc(100%/3);
  background-color: white;
  padding: 20px;
  margin: 10px;
  text-align: center;
  border-radius: 4px;
}
.lusja-product a {
  color: #787878;
}
.lusja-product img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
.lusja-product-price {
  margin-top: 0.5em;
  font-size: 1.2em;
  color: #32cd32;
  font-weight: bold;
}
.lusja-product-button {
  color: white;
  background-color: #d9000d;
  border-radius: 5px;
  border: none;
  padding: 1em 2.5em;
  font-weight: bold;
  cursor: pointer;
  margin-top: 1em;
}

.lusja-hr {
    height: 1px;
    background-color: var(--link-color);
    color: var(--link-color);
    border: none;
    margin: 3em;
}

.lusja-salon-diffusers-vonna-skala-container {
    display: flex;
}

.lusja-salon-diffusers-vonna-skala {
    width: 25%;
}

.lusja-salon-diffusers-vonna-skala p {
    font-weight: bold;
}

.lusja-kontakty-h2 {
    margin-top: 2em;
}

.lusja-kontakty-container {
    background-color: var(--primary-75-color);
    border-radius: var(--border-radius);
    padding: 2em;
    font-size: 1.2em;
}

.lusja-kontakty-container-row {
    display: flex;
}

.lusja-kontakty-container-col {
    width: 50%;
}

.lusja-kontakty-container-head, .lusja-kontakty-container-contant {
    display: flex;
    align-items: center;
}

.lusja-kontakty-container-head img {
    max-width: 1.5em;
    margin-right: 1em;
}

.lusja-kontakty-container-head h3 {
    text-transform: uppercase;
}

.lusja-kontakty-container-head p {
    margin-top: 0em;
}

.lusja-kontakty-container-contact img {
    max-width: 0.8em;
}

#PDXynActionPanel, .lusja-akcia-info-inline {
    background-color: yellow;
    border-radius: var(--border-radius);
}

.lusja-akcia-info-inline {
    padding: 1em;
    margin: 1em 0em;
}

.lusja-responsive-ytb {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.lusja-responsive-ytb iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lusja-gadgets {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lusja-gadgets-gadget {
    margin-left: 2em;
}

.lusja-gadgets-gadget img {
    max-width: 75px;
    padding-left: 0.5em;
}

@media only screen and (max-width: 800px) {
    .lusja-kontakty-container-row {
        display: block;
    }
    .lusja-kontakty-container-col {
        width: 100%;
    }
    .lusja-notif-item-flex {
        display: block !important;
    }
}

@media only screen and (max-width: 700px) {
  .lusja-salon-diffusers-vonna-skala-container {
    display: block;
  }
  .lusja-salon-diffusers-vonna-skala {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .lusja-product-row {
    display: block;
  }
  .lusja-product {
    width: 100%;
  }
  .lusja-product-blank {
    display: none;
  }
}

.lusja-pulsating-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #cbe9cb;
  border-radius: 50%;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
    background-color: #cbef3c; /*#ebe50e;*/
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.lusja-tipy-na-valentina {
    background-color: #cf45d0;
}

.lusja-tipy-na-valentina:hover {
    background-color: #d63697 !important;
}

.lusja-tipy-pani-ucitelke {
    background-color: #1a90ce;
}

.lusja-tipy-pani-ucitelke:hover {
    background-color: #1a90ce !important;
}

.lusja-fresh-letne-tipy {
    background-color: #8c7aa2;
}

.lusja-fresh-letne-tipy:hover {
    background-color: #caa8cb !important;
}

.lusja-fresh-letne-tipy {
    background-color: #8c7aa2;
}

.lusja-fresh-letne-tipy:hover {
    background-color: #caa8cb !important;
}

.lusja-top-jesenne-tipy {
    background-color: #9c4206 !important;
    background-image: url(https://cdn.lusja.sk/data/user-content/landing-pages/lusja-autumn-leaves.webp);
    background-position: center;
    background-size: 150px;
    backdrop-filter: saturate(0.5);
}

.lusja-top-jesenne-tipy:hover {
    background-color: #6b2d03 !important;
}

@media only screen and (max-width: 550px) {
  #PDQuantityDiscount {
    grid-row: 1;
  }
}

#PDQuantityDiscount {
    background-color: yellow;
    padding: 0.5em;
    border-radius: var(--border-radius);
}

#PDQuantityDiscount dc-root.headerRow > span {
    color: var(--primary-color);
    font-weight: bold;
}

.QuantityDiscountView.v1 .bodyRow:nth-child(odd) {
    background-color: white;
}

.lusja-payment-note, .lusja-pickup-note {
    color: white;
    background-color: var(--price-primary-color);
    padding: 3px 6px;
    border-radius: var(--border-radius);
}


.pricePerUnit {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

.perUnitText {
  background-color: var(--primary-90-color);
  font-weight: bold !important;
  padding: 0.2em 0.5em;
  border-radius: var(--border-radius);
}

.UserContentPanelView {
    padding: unset !important;
    line-height: initial !important;
}

.lusja-narrow-extra, .lusja-extra-lang {
    display: none;
}

@media only screen and (max-width: 819px) {
  .lusja-narrow-extra {
      display: block;
  }
}

@media only screen and (max-width: 419px) {
  .lusja-extra-lang {
      display: inline;
  }
}

@media only screen and (max-width: 329px) {
  .lusja-extra-lang {
      display: block;
      margin-top: 1em;
  }
}

/* Christmas menu: Darčekové sety */
#MenuCategories li[data-cat-id="18987"] > a.name {
    background: linear-gradient(
        110deg,
        #124d39,
        #27835b,
        #124d39
    );
    background-size: 250% 250%;
    color: #fff !important;
    border-radius: 5px;

    animation: christmasGradient 7s ease infinite;
    transition: box-shadow 0.3s ease, filter 0.3s ease;
}

/* Keep text white */
#MenuCategories li[data-cat-id="18987"] > a.name > span {
    color: #fff !important;
}

/* Hover effect */
#MenuCategories li[data-cat-id="18987"] > a.name:hover {
    filter: brightness(1.2);
    box-shadow: 0 3px 12px rgba(18, 77, 57, 0.3);
}

/* Animated gradient */
@keyframes christmasGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    #MenuCategories li[data-cat-id="18987"] > a.name {
        animation: none;
        transition: none;
    }
}