.luigi-container {
    margin: 0px auto;
    background: white;
    z-index: 102;
}

.luigi-ul {
    list-style-type: none;
}

.luigi-container .luigi-entity-text {
    max-width: 77%;
    margin-top: 1rem;
}

.search-overlay .luigi-product-li {
    margin-bottom: 3.3rem;
}

.search-overlay .luigi-submit-container {
    padding-top: 1rem;
}

.search-overlay .luigi-entity-text {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-weight: 700;
    line-height: 1;
    border-radius: 0.25rem;
    color: #212529;
    background-color: #f6f6f6;
}

.images-luigi img {
    max-width: 4.5rem;
    max-height: 5.2rem;
}

.bold {
    font-weight: bold !important;
}

.splide__pagination {
    padding-top: 1rem;
}

.limited-height {
    line-height: 1.5rem;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
    max-height: 11.7rem;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.long {
    max-height: 9990px !important;
    -webkit-mask-image: none;
    mask-image: none;
    transition: all 0.8s ease-in-out;
}

.luigi-product-li a, .luigi-top-product a {
    color: black;
}

.flag {
    max-width: 2.6rem;
}

.product-info-flag-span .flag {
    max-width: 2.2rem;
}

.product-info-flag-span {
    transform: translate(0px, 5px);
    display: inline-block;
}

.limited-height-label-search {
    font-size: 2rem;
}

.products__list .flag {
    max-width: 3.4rem;
}

.product__variants-item-komplet th, .product__variants-item-komplet td {
    background-color: var(--color-dimmed);
}

.align-self-center {
    align-self: center;
}

.ucfirst {
    text-transform: capitalize;
}

/*frontend.kontakt page css */
.open-hours {
    font-size: 2.2rem;
}

.open-hours-details {
    padding-left: 1rem;
}

.custom-alert {
    margin-top: 0.5rem;
    padding: 1rem 2rem;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    border-radius: 1.375rem;
}

.address-title {
    font-size: 1.5rem;
}

.address-details {
    padding-left: 1rem;
}

.social-icons {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.social-icon {
    padding-right: 1rem;
}

.social-icon a {
    text-decoration: none;
}

.social-icon img {
    width: 45px;
    height: auto;
}

.contact-info {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto the next line */
    gap: 1rem; /* Space between items */
    margin-bottom: 1rem;
}

.contact-section {
    flex: 1 1 calc(33% - 1rem); /* Default to 3 columns with space between */
    max-width: calc(33% - 1rem);
    margin-bottom: 3rem;
    box-sizing: border-box; /* Ensure padding/margins are included in width */
}

.contact-phone, .contact-email {
    font-size: 1.5rem;
    padding-top: 0.5rem;
}

.map-container {
    height: 36rem;
}

#map {
    height: 100%;
}

.contact-images-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Space between images */
    padding-top: 3rem;
}

.contact-images-item {
    flex: 1 1 calc(50% - 1rem); /* Two columns with spacing */
    max-width: calc(50% - 1rem);
}

.contact-images-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; /* Rounded corners for thumbnail effect */
    transition: transform 0.3s ease-in-out;
}

.contact-images-item img:hover {
    transform: scale(1.05); /* Zoom effect on hover */
}

.contact-images-item a {
    text-decoration: none;
}

.contact-images-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

.authors-page .btn--small {
    padding: calc(0.6rem + var(--_increase-block-padding) - .1rem * var(--is-small)) calc(1.4rem - .4rem * var(--is-small));
}

.authors-page .button-container {
    gap: 0.5rem;
}

.authors-page .cut-description {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.authors-page .col-lg-6 {
    padding-right: 3rem;
}

.pbhs-smaller {
    width: calc(16.8rem - 3rem * var(--is-medium) - 6rem * var(--is-small) - 1.8rem * var(--is-tight));
}

.main-category-title {
    font-weight: 500;
}

.main-category-title:not(:hover) {
    color: var(--color-text);

}

.main-category-div {
    margin-bottom: 3rem;
}

.main-category-div .filters__count {
    font-size: 1.5rem;
    font-family: var(--font-primary);
}

/* Existing styles */
.main-nav__wrapper {
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
}

.book-cat {
    display: flex;
    flex-direction: column;
}

.book-cats-sub {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.book-cat-sub {
    flex: 0 0 auto;
}

.main-nav__tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
}

.main-nav__tag-item {
    list-style: none;
    flex: 0 0 auto;
}

.main-nav__sublink {
    text-decoration: none;
}

.main-nav__sublink:hover {
    text-decoration: underline;
}

.main-nav__tag-item a {
    display: block;
    border-radius: 20px;
    text-align: center;
    transition: background-color 0.3s ease;
    white-space: nowrap;
}

.main-nav__categories {
    flex: 2 1 auto;
    min-width: 0;
}

.main-nav__sidebar {
    flex: 1 0 auto;
    max-width: 33%;
}

/* New styles from inline extraction */
.main-nav__subitem--spaced {
    margin-bottom: 1rem;
}

.main-nav__sublink--fit {
    width: -moz-fit-content;
    width: fit-content;
}

.main-nav__subitem--indented {
    margin-left: 10px;
}

.main-nav__subitem--hidden {
    display: none;
}

.book-cats-sub {
    margin: 0.5rem 0; /* Moved from ul.main-nav__subitems--sub */
}

.main-nav__tags--spaced {
    margin-bottom: 1rem;
}

.main-nav__subitem--no-padding {
    padding-left: 0;
}

.main-nav__text {
    text-decoration: none; /* Removes underline by default */
    cursor: default;
}

.main-nav__arrow {
    cursor: default;
}

.main-nav__btn {
    cursor: default;
}

.main-nav__text:hover {
    text-decoration: none; /* Ensures no underline on hover; remove this if you want underline on hover */
}

.va-sub {
    vertical-align: sub;
}

.doprava-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}

.doprava-table th, .doprava-table td {
    padding: 10px;
    text-align: left;
}

.doprava-table thead th {
    background-color: #D65A31;
    color: #FFFFFF;
    border-bottom: 2px solid #222831;
    padding: 15px;
}

.doprava-table tbody tr {
    background-color: #FFFFFF;
    color: #222831;
}

.doprava-table tbody tr:hover {
    background-color: #D65A31;
    color: #FFFFFF;
}

.doprava-table-success {
    background-color: #D65A31;
    color: #FFFFFF;
}

.doprava-table th {
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.doprava-table td {
    border-bottom: 1px solid #eee;
}

.doprava-table th, .doprava-table td {
    text-align: left;
    padding: 8px;
    border-right: 1px solid #eee;
}

.doprava-table th:last-child, .doprava-table td:last-child {
    border-right: none;
}

.doprava-table tbody tr:last-child td {
    border-bottom: none;
}

.doprava-table tbody tr {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.doprava-table tbody td:first-child {
    background-color: #222831;
    color: #FFFFFF;
}

.doprava-table tbody tr:hover td:first-child {
    background-color: #D65A31;
    color: #FFFFFF;
}

.ty-title {
    text-align: center;
    margin-bottom: 50px;
}

.ty-paragraph {
    margin-bottom: 40px;
}

.ty-subtitle {
    margin-bottom: 30px;
}

.ty-heading {
    margin-bottom: 10px;
}

.ty-margin-top {
    margin-top: 20px;
}

.ty-progress {
    height: 3px;
    background-color: #f3f3f3;
    margin: 20px 0;
}

.ty-progress-bar {
    height: 3px;
    background-color: var(--color-primary);
    transition: width 1s;
}

.page-header__logo-img {
    padding-bottom: 0.8rem;
    padding-top: 0.4rem;
}

.pulsating {
    background-color: #bbbbbb;
    color: #bbbbbb;
    animation-name: color;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation: pulsatingrey 2s infinite;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0.5rem;
}

.pulsating .filters__count,
.pulsating .filters__name {
    opacity: 0;
}


.filters__count {
    color: var(--color-darker);
    font-size: smaller;
}

.filters__group-wrapper .pulsating {
    /*transform: scaleY(0.8);*/
}

.page-header__main-mobile-fixable,
.page-header__main-desktop-fixable {
    padding-top: 0;
    padding-bottom: 0;
}

@keyframes pulsatingrey {
    0% {
        background-color: #afafaf;
        color: #afafaf !important;
    }
    50% {
        background-color: #c9c9c9;
        color: #c9c9c9 !important;
    }
    100% {
        background-color: #afafaf;
        color: #afafaf !important;
    }
}

.faded {
    opacity: 0.3;
}

.faded-5 {
    opacity: 0.5;
}

.loader-container {
    position: absolute;
    top: 29%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 20%;
}

.fcb-language span, .fcb-language input {
    align-self: center;
}

.social-media-list-contact {
    --_color: var(--color-text);
    --_hover-color: var(--color-primary);
    --_active-color: var(--color-primary);

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.4rem;

}

.cut-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.cut-description-longer {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    /* number of lines to show */
    line-clamp: 12;
    -webkit-box-orient: vertical;
}

.author-box__placeholder {
    flex-grow: 16;
}

.btn-darker-fill {
    font-weight: 600;
    color: var(--color-text-inverse);
    background-color: var(--color-darker);
    border-color: var(--color-darker);
}

li.product-box__category::after {
    /*transform: scale(1.9) translateX(-30%);*/
    font-size: 24px;
    padding-left: 0.65rem;
    margin-left: 0px !important;
    top: -7px;
    cursor: pointer;
}

.show {
    display: flex !important;
}

.all-content-shown .product-box__category::after {
    display: none !important;
}

.force-show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.main-nav__subitems-wrapper {
    gap: initial;
}

.one-column-nav {
    -moz-column-count: 1;
    column-count: 1;
    min-width: 23rem;
}

.underline {
    text-decoration: underline;
}

.product__variants-price-group {
    align-items: flex-end;
}

.variants__state {
    white-space: nowrap;
}

.cursor-default {
    cursor: default !important;
}

.font-large {
    font-size: large;
}

.product__current-price-cart.btn--stroke:not(:focus, :hover) {
    background: white;
}

.product-box__gallery-link {
    border-radius: 0.5rem;
}

.product-box__gallery-controller-item {
    border-radius: 0.5rem;
}

.ordered-items__form {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

.pb-3-with-translate {
    padding-bottom: 1rem;
    transform: translate(0, 0.5rem);
}

.simple-fr-product-row .products__info {
    display: none;
}

.simple-fr-product-row .products__btn {
    margin-top: auto;
}

.product__current-price-cart-group .products__btn {
    margin-block: auto;
}

.simple-fr-product-row .products__list {
    --_size: calc(
        75% / var(--columns)
        - (var(--_inline-gap) / var(--columns)) * (var(--columns) - 1)
        - var(--_overflow-size, 0rem) / var(--columns)
    )
}

.label-lk:before {
    content: "LK";
    color: white;
    font-weight: bold;
}

.input-gray:disabled + label {
    color: gray;
    opacity: 0.6;
    cursor: not-allowed;
}

.grey-box {
    background-color: var(--color-light-dimmed);
    border-radius: 2.2rem;
}

.orange-box {
    background-color: var(--color-primary-dimmed);
    border-radius: 2.2rem;
}

.white-box {
    background-color: #ffffff;
    border-radius: 2.2rem;
}

.td-label {
    color: black !important;
    padding-right: 1rem;
}

.grey-box meter::-webkit-meter-bar {
    background: white !important;
}

.first-child-full h6:first-child {
    flex-basis: 100%;
}

.products__authors :where(a) {
    color: var(--color-text);
    font-weight: inherit;
    -webkit-text-decoration-color: rgba(var(--color-text-rgb), .5);
    text-decoration-color: rgba(var(--color-text-rgb), .5);
}

@media (hover: hover) {
    :is(.products__authors :where(a)):hover {
        color: var(--color-primary);
        -webkit-text-decoration-color: rgba(var(--color-primary), 0.5);
        text-decoration-color: rgba(var(--color-primary), 0.5);
    }
}

:is(.products__authors :where(a)):active {
    color: var(--color-primary);
}

/* Styling for the entire product cart count section */
/* Label styling */
.product_cart_count__label {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
    color: #333;
}

/* Container for input and button */
.product_cart_count__input-container {
    display: flex;
    align-items: center;
    width: auto;
}

/* Input styling with rounded corners on the left side */
.product_cart_count__input {
    font-size: 2rem;
    padding: 0.5rem; /* Ensure padding is equal to button padding */
    height: 4.5rem; /* Explicit height to match the button */
    width: 4.5rem; /* Adjust width as needed for a smaller size */
    text-align: center;
    border: 1px solid #ccc;
    border-right: none; /* Remove right border to merge with button */
    border-radius: 50px 0 0 50px; /* Left half-circle */
    background-color: #f9f9f9;
    transition: border-color 0.2s ease-in-out;
}

.product_cart_count__input:focus {
    outline: none;
    border-color: var(--color-primary);
}

/* Button container */
.product_cart_count__button-container {
    display: flex;
    align-items: center;
}

/* Button styling with rounded right side */
.product_cart_count__button {
    background-color: var(--color-primary);
    color: white;
    border: 1px solid var(--color-primary); /* Matching border to input */
    border-left: none; /* Remove left border to merge with input */
    padding: 0.5rem 1rem; /* Ensure padding is equal to input padding */
    font-size: 1.5rem;
    border-radius: 0 50px 50px 0; /* Right half-circle */
    cursor: pointer;
    transition: background-color 0.2s ease;
    height: 4.5rem; /* Explicit height to match the input */
    text-align: center;
}

.product_cart_count__button:hover {
    background-color: var(--color-primary); /* Slightly darker on hover */
}

.product_cart_count__button:focus {
    outline: none;
}

.products__image-link:hover picture {
    transform: scale(1.02);
}

.products__image-link picture {
    transition: transform 0.4s ease;
}

.ordered-items__availability {
    font-size: calc(
        1.4rem
        - 0.1rem * var(--is-small)
    );
    color: var(--color-primary);
}

.products-box__footer .loader-container {
    width: calc(5%
    + 5% * var(--is-medium)
    + 10% * var(--is-small)
    + 12% * var(--is-tight)
    );
}

.navbar .dropdown-menu .btn {
    border: none;
    padding: 0.4rem 1rem;
    border-radius: 0.25rem;
}

.dropdown-item {
    align-items: baseline;
}

.dropdown-menu {
    margin: 0;
}

.nav-item.dropdownDesktop {
    margin-top: 0;
}

.nav-link {
    font-weight: 600;
}

.badge {
    padding: 0.2rem 0.6rem;
}

.hide-table-borders table,
.hide-table-borders td,
.hide-table-borders th {
    border: none; /* Removes all borders from table, rows, and cells */
}

.products__info.pulsating {
    margin-top: calc(0.6rem - 0.1rem * var(--is-medium) - 0.3rem * var(--is-small));
    padding-top: 0;
}

@media only screen and (min-width: 1025px) {
    .dropdownDesktop:hover .dropdown-menu {
        display: block;
    }
}

.admin-search-form,
.admin-search-form input {
    height: 3rem;
}

.navbar {
    padding: 0;
}

.sticky-top {
    z-index: 11;
}

.black-link {
    font-weight: inherit;
    -webkit-text-decoration-color: rgba(var(--color-text-rgb), 0.5);
    text-decoration-color: rgba(var(--color-text-rgb), 0.5);
    color: var(--color-text);
}

.deco-none:not(:hover) {
    text-decoration: none;
}

a.main-nav__text {
    font-weight: normal;
    color: initial;
}

a.main-nav__text:hover {
    color: var(--color-primary);
}

.product__collective-releases {
    margin-top: 2.5rem;
    line-height: 2.4rem;
}

/* Default grid layout */
.ordered-items__item {
    --_image-size: calc(
        12rem
        - 1.5rem * var(--is-medium)
        - 3rem * var(--is-small)
        - 0.6rem * var(--is-tight)
    );

    display: grid;
    grid-template-columns: var(--_image-size) minmax(0, 1fr) minmax(max-content, 12ch) min-content min-content;
    grid-template-areas: "image product count price remove";
    align-items: center;
    -moz-column-gap: calc(
        3rem
        - 0.8rem * var(--is-medium)
        - 1.6rem * var(--is-small)
        - 0.6rem * var(--is-tight)
    );
    column-gap: calc(
        3rem
        - 0.8rem * var(--is-medium)
        - 1.6rem * var(--is-small)
        - 0.6rem * var(--is-tight)
    );
}

.nav-link svg {
    height: 18px;
    vertical-align: top;
}


/* Modal Overlay */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0; /* Hidden by default */
    overflow: hidden;
    transition: opacity 0.5s ease, height 0.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -9999;
}

/* Modal (Main container) */
.custom-modal {
    transition: opacity 0.5s ease, height 0.5s ease;
    height: 0;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 40px;
    width: 80%;
    max-width: 80%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Header section */
.custom-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--color-light-dimmed-darker);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.custom-modal-title {
    font-size: calc(
        4.0rem
        - 0.2rem * var(--is-medium)
        - 0.6rem * var(--is-small)
        - 0.2rem * var(--is-tight)
    );
    color: var(--color-dark);
}

.custom-modal-close-btn {
    background-color: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--color-dark-dimmed);
}

.custom-modal-close-btn:hover {
    color: var(--color-primary);
}

/* Body section */
.custom-modal-body {
    margin-bottom: 20px;
}

.custom-modal-body p {
    font-size: 16px;
    color: var(--color-dark);
}

/* Visibility class */
.custom-modal-visible {
    z-index: 9999;
    opacity: 1; /* Fully visible */
}

.custom-modal-visible .custom-modal {
    height: auto; /* Or a specific height */
}

.dropdown-menu.show {
    flex-direction: column;
}

.lc-3 {
    --_line-clamp: 3;
}

.bs-notification {
    right: calc(var(--page-padding));
    top: 2rem;
    min-width: 30%;
    border-radius: 3rem;
    box-shadow: 0.7rem 0.8rem 1rem 0rem rgba(0, 0, 0, 0.06);
    z-index: 20;
}

.bs-progress-bar {
    height: 3px;
    width: 100%;
    transform-origin: left;
    transform: scaleX(1);
    transition: transform linear;
    border-radius: 2rem;
}

.alert-success .bs-progress-bar {
    background-color: #008800;
}

.bs-notification.alert-success {
    border: solid 3px #008800;
}

.dont-react-on-hover {
    pointer-events: none;
}

.luigi-container-purchase .products__image {
    top: calc(1.2rem - 0.3rem * var(--is-medium) - 0.6rem * var(--is-small));
    right: calc(1.6rem - 0.5rem * var(--is-medium) - 1.0rem * var(--is-small));
    bottom: calc(1.2rem - 0.3rem * var(--is-medium) - 0.6rem * var(--is-small));
    left: calc(1.6rem - 0.5rem * var(--is-medium) - 1.0rem * var(--is-small));
}

.luigi-container-purchase {
    padding: 2rem;
    border-radius: 1rem; /* Adjust the value as needed */
}

.error-heading {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.--color-darker {
    color: var(--color-darker);
}

.back-to-top-button {
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    padding: 15px; /* Some padding */
    transition: none; /* Remove transition - conflict with JQuery */
}

.filter-children-box {
    padding-left: 0.6rem;
    padding-bottom: 1.2rem;
}

.filter-children-box:first-child {
    padding-top: 2px;
    padding-bottom: 2px;
}

.filter-children-box .nested > .child {
    border: 0;
    padding-left: 2.5rem;
}

.child {
    border-left: solid #d3d3d3;
    margin-bottom: 0 !important;
    padding-left: 1rem;
}

.navbar.bg-violet a,
.navbar.bg-success a,
.navbar.bg-danger a,
.navbar.bg-pink a,
.navbar.bg-warning a,
.navbar.bg-secondary-light a,
.navbar.bg-peach-light a,
.navbar.bg-red-light a,
.navbar.bg-happy-yellow a,
.navbar.bg-lemon a,
.navbar.bg-pastel-purple a,
.navbar.bg-light-bobek a,
.navbar.bg-white-privelage a,
.navbar.bg-tyrkys-tiger a,
.navbar.bg-pudr-pink a,
.navbar.bg-hardcore-avion a,
.navbar.bg-hezu-zelena a,
.navbar.bg-ghostly a {
    color: black !important;
}

.bg-black .nav-item a:not(.dropdown-item),
.bg-danger .nav-item a:not(.dropdown-item),
.bg-brown .nav-item a:not(.dropdown-item),
.bg-crimson .nav-item a:not(.dropdown-item),
.bg-bg-danger-light .nav-item a:not(.dropdown-item),
.bg-dry-red-wine .nav-item a:not(.dropdown-item),
.bg-royal-blue .nav-item a:not(.dropdown-item),
.bg-dark .nav-item a:not(.dropdown-item) {
    color: rgb(255, 255, 255) !important;
}

.bg-light-bobek {
    background: linear-gradient(0deg, #bb956c 0%, #c68642 100%);
}

.bg-white-privelage {
    background: linear-gradient(0deg, #ffebd1 0%, #ffdbac 100%);
}

.bg-royal-blue {
    color: #fff;
    background: linear-gradient(0deg, #3c3799 0%, #1a13a2 100%);
}

.bg-dry-red-wine {
    color: #fff;
    background: linear-gradient(0deg, #9c514b 0%, #a53c35 100%);
}

.bg-tyrkys-tiger {
    background: linear-gradient(0deg, #34a9b6 0%, #00abbe 100%);
}

.bg-hardcore-avion {
    background: linear-gradient(0deg, #ff963f 0%, #ff7400 100%);
}

.bg-hezu-zelena {
    background: linear-gradient(0deg, #b0cfc1 0%, #96ceb4 100%);
}

.bg-pudr-pink {
    background: linear-gradient(0deg, #f4cfc7 0%, #f4cfc7 100%);
}

.bg-peach-light {
    background: linear-gradient(0deg, #f79592 0%, #ffc9c7 100%);
}

.bg-red-light {
    background: linear-gradient(0deg, #b5445a 0%, #da6d83 100%);
}

.bg-dark {
    color: white;
}

.bg-happy-yellow {
    background: linear-gradient(0deg, #ffff55 0%, #fdfd04 100%);
}

.bg-lemon {
    background: linear-gradient(0deg, #bada55 0%, #b9ed8c 100%);
}

.bg-pastel-purple {
    background: linear-gradient(0deg, #a26888 0%, #e2bcd0 100%);
}

.bg-ghostly {
    background: linear-gradient(0deg, #bba2c6 0%, #f2e2f9 100%);
}

.bg-crimson {
    color: white;
    background: linear-gradient(0deg, #7e0f3a 0%, #d53170 100%);
}

.bg-primary {
    background: linear-gradient(
        0deg,
        rgba(222, 57, 0, 1) 0%,
        rgba(255, 115, 67, 1) 100%
    );
}

.bg-primary-light {
    background: linear-gradient(
        0deg,
        rgba(222, 57, 0, 0.33) 0%,
        rgba(255, 115, 67, 0.33) 100%
    );
}

.bg-primary-dimmed {
    background-color: var(--color-primary-dimmed);
}

.bg-primary-dimmed:hover {
    background-color: var(#FFDCC5FF);
}

.bg-pink {
    background: linear-gradient(0deg, #e854a3, #ff8cc9);
}

.bg-secondary {
    background: linear-gradient(
        0deg,
        rgba(221, 221, 221, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

.bg-secondary-dark {
    background: linear-gradient(0deg, #b8b8b8 0%, #d9d9d9 100%);
}

.bg-violet {
    background: rgb(161, 0, 214);
    background: linear-gradient(
        0deg,
        rgba(161, 0, 214, 1) 0%,
        rgba(206, 56, 255, 1) 100%
    );
}

.bg-brown {
    color: white;
    background: #630;
    background: linear-gradient(0deg, #630, #a05000);
}

.bg-warning {
    background: rgb(224, 176, 0);
    background: linear-gradient(
        0deg,
        rgba(224, 176, 0, 1) 0%,
        rgba(255, 217, 64, 1) 100%
    );
}

.bg-success {
    background: rgb(23, 167, 0);
    background: linear-gradient(
        0deg,
        rgba(23, 167, 0, 1) 0%,
        rgba(61, 212, 0, 1) 100%
    );
}

.bg-black {
    color: white;
    background: rgb(15, 15, 15);
    background: linear-gradient(0deg, rgb(32, 32, 32) 0% rgb(87, 87, 87) 100%);
}

.bg-success-light {
    background: rgb(23, 167, 0);
    background: linear-gradient(0deg, #9edfa3 0%, #c0fac4 100%) !important;
}

.bg-info {
    background: rgb(0, 151, 186);
    background: linear-gradient(
        0deg,
        rgba(0, 151, 186, 1) 0%,
        rgba(0, 207, 255, 1) 100%
    );
}

.bg-info-light {
    background: rgb(0, 151, 186);
    background: linear-gradient(
        0deg,
        rgba(0, 151, 186, 0.3) 0%,
        rgba(0, 207, 255, 0.3) 100%
    );
}

.bg-danger-light {
    background: rgb(228, 31, 0);
    background: linear-gradient(
        0deg,
        rgba(186, 27, 2, 0.3) 0%,
        rgba(228, 31, 0, 0.3) 100%
    );
}

.bg-secondary-light {
    background: rgb(221, 221, 221) !important;
}

.bg-secondary-ultralight {
    background: rgb(241, 241, 241) !important;
}

.badge-success-ultralight {
    color: #000000;
    background-color: #1883182e;
}

.badge-warning-ultralight {
    color: #000000;
    background-color: #e0b0004f;
}

.badge-danger-ultralight {
    color: #000000;
    background-color: #df382c47;
}

.badge-violet {
    color: #fff;
    background-color: #c900db;
}

.badge-black {
    color: #fff;
    background-color: #000000;
}

.badge-white {
    color: grey;
    background-color: #ffffff;
}

.badge-brown {
    color: #fff;
    background-color: #630;
}

.badge-pink {
    color: #fff;
    background-color: #ff8cc9;
}

.badge-info-light {
    color: #000000;
    background-color: #7bfff6;
}

.badge-warning {
    color: #fff;
    background-color: rgb(224, 176, 0);
}

.badge-success-light {
    color: #000000;
    background-color: #9edfa3;
}

.badge-success-ultralight {
    color: #000000;
    background-color: #1883182e;
}

.badge-warning-ultralight {
    color: #000000;
    background-color: #e0b0004f;
}

.badge-danger-ultralight {
    color: #000000;
    background-color: #df382c47;
}

.badge-lemon {
    color: #000;
    background-color: #bada55;
}

.badge-crimson {
    color: #fff;
    background-color: #7e0f3a;
}

.badge-red-light {
    color: #000000;
    background-color: #b5445a;
}

.badge-pastel-purple {
    color: #000000;
    background-color: #a26888;
}

.badge-ghostly {
    color: #000000;
    background-color: #bba2c6;
}

.badge-peach-light {
    color: #000000;
    background-color: #f79592;
}

.badge-happy-yellow {
    color: #000000;
    background-color: #ffff55;
}

.badge-ultralight {
    color: #3d3d3d;
    background-color: #f3f3f3;
}

.bg-ultralight {
    background-color: #f3f3f3;
}

.badge-medium-light {
    background-color: #d3d3d3;
    color: #000000;
}

.badge-light-bobek {
    background-color: #c68642;
    color: #000000;
}

.badge-white-privelage {
    background-color: #ffdbac;
    color: #000000;
}

.badge-royal-blue {
    background-color: #1a13a2;
    color: #fff;
}

.badge-dry-red-wine {
    background-color: #a53c35;
    color: #fff;
}

.badge-tyrkys-tiger {
    background-color: #00abbe;
    color: #000000;
}

.badge-hardcore-avion {
    background-color: #ff7400;
    color: #ffffff;
}

.badge-hezu-zelena {
    background-color: #96ceb4;
    color: #000000;
}

.badge-pudr-pink {
    background-color: #f4cfc7;
    color: #000000;
}

.variants__state-record {
    display: flex;
    gap: 0.4rem;
}

.mw-100 {
    max-width: 100%;
}

.more-info-release,
.release-additional-info b {
    white-space: normal;
}

#blueimp-gallery {
    background-color: rgb(0 0 0 / 70%);
}

/* Media query adjustments */
@media (max-width: 22.49375em) {
    .ordered-items__item {
        --_image-size: 8rem;
    }
}

@media (max-width: 56.24375em) {
    .ordered-items__availibility {
        grid-area: avail;
    }

    .ordered-items__item {
        grid-template-columns: var(--_image-size) 0rem auto minmax(0, 1fr) min-content min-content;
        grid-template-rows: min-content min-content minmax(min-content, 1fr) min-content;
        grid-template-areas:
            "image  .      avail   avail   avail"
            "image  .      authors authors authors"
            "image  .      title   title   title  "
            "image  .      info-1  info-1  info-1 "
            "info-2 info-2 info-2  info-2  info-2 "
            "count    count    count   price   remove "
            "div      div      div   div     div    ";
        align-items: start;
        -moz-column-gap: calc(
            1.8rem
            - 0.5rem * var(--is-small)
            - 0.2rem * var(--is-tight)
        );
        column-gap: calc(
            1.8rem
            - 0.5rem * var(--is-small)
            - 0.2rem * var(--is-tight)
        );
        row-gap: calc(
            0.8rem
            - 0.2rem * var(--is-medium)
            - 0.4rem * var(--is-small)
        );
    }
}

@media (max-width: 56.24375em) {
    :where(.ordered-items--summary) .ordered-items__item {
        grid-template-columns: var(--_image-size) auto max-content min-content min-content;
        grid-template-rows: min-content;
        grid-template-areas:
            "image title count price remove"
            "div   div   div   div   div   ";
        align-items: center;
        -moz-column-gap: calc(
            2.4rem
            - 0.6rem * var(--is-small)
            - 0.2rem * var(--is-tight)
        );
        column-gap: calc(
            2.4rem
            - 0.6rem * var(--is-small)
            - 0.2rem * var(--is-tight)
        );
        row-gap: 0rem;
    }
}

* + .ordered-items__item {
    margin-top: 2rem;
}

@media (max-width: 56.24375em) {
    :where(.ordered-items--summary) :is(* + .ordered-items__item) {
        margin-top: calc(
            2.0rem
            - 0.4rem * var(--is-small)
            - 0.2rem * var(--is-tight)
        );
    }
}

/* Define the grid area for ordered-items__count */
.ordered-items__count {
    grid-area: count;
}

/* Ensure other elements are properly positioned */
.ordered-items__image-link {
    grid-area: image;
}

.ordered-items__product {
    grid-area: product;
}

.ordered-items__price {
    grid-area: price;
}

.ordered-items__remove {
    grid-area: remove;
}

.smaller-plus-icon {
    width: calc(3rem - 0.3rem * var(--is-small));
    height: calc(3rem - 0.3rem * var(--is-small));
    margin-right: 0.75rem;
    transform: translate(0, -0.24rem);
}

.release h4 {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 2.15rem;
}

.release h5 {
    font-weight: 500;
    font-size: 1.9rem;
}

.pt-7 {
    padding-top: 7rem !important;
}

.range-přidáno, .range-rok {
    padding-right: 2rem !important;
}

.bullet-as a::before {
    content: "•"; /* Add the bullet */
    position: absolute; /* Position it next to the link */
    transform: translate(-1.1rem, 0.3rem); /* Move it to the left */
    /*left: 0; !* Align to the left of the link *!*/
    color: black; /* Customize bullet color */
    font-size: 1.2em; /* Adjust bullet size */
    line-height: 1; /* Align vertically with the link */
}

.unreactive {
    cursor: default !important;
}

.textlike-btn {
    border: none;
    background-color: inherit;
    cursor: pointer;
    display: inline-block;
    color: var(--color-primary);
    font-size: calc(1.4rem - .1rem * var(--is-small));
}

.ordered-items__count-input {
    border: none;
    background-color: inherit;
    display: inline-block;
    width: 30px;
    font-size: calc(1.4rem - .1rem * var(--is-small));
}

.ordered-items__count-label {
    font-size: calc(1.4rem - .1rem * var(--is-small));
}

.order-box__delivery-form .form__item {
    padding-bottom: 0.5rem;
}

.form__input {
    font-weight: bold;
}

.custom-form-group {
    display: flex;
    align-items: center;
    gap: 1rem; /* Space between elements */
    padding: 0.5rem; /* Padding around the form group */
    margin-bottom: 1rem; /* Space below the form */
    justify-content: flex-end;
}

.custom-input {
    padding: 0.5rem 1rem; /* Padding inside the input */
    font-size: 1.5rem; /* Larger font size */
    border: 1px solid var(--color-dark-dimmed); /* Light border */
    border-radius: 3.5rem; /* Rounded corners */
    flex-grow: 0; /* Allow input to grow */
    outline: none; /* Remove default outline */
}

.custom-input:focus {
    border-color: var(--color-primary); /* Border color on focus */
    box-shadow: 0 0 5px var(--color-primary); /* Subtle shadow on focus */
}

.custom-button {
    padding: 0.5rem 2rem; /* Padding inside the button */
    font-size: 1.5rem; /* Font size */
    font-weight: bold; /* Bold text */
    color: #fff; /* White text color */
    background-color: var(--color-primary); /* Primary blue background */
    border: none; /* Remove default border */
    border-radius: 3rem; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth background color transition */
    white-space: nowrap; /* Prevent button text from wrapping */
}

.custom-button:hover {
    background-color: var(--color-dark-dimmed); /* Darker blue on hover */
}

.custom-button:active {
    background-color: var(--color-primary); /* Even darker blue on click */
}

.ordered-items__availability-badge {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: var(--color-light-dimmed);
    border-radius: 1em; /* Rounded corners */
    font-size: 0.9em; /* Slightly smaller text */
    font-weight: bold; /* Bold text */
    text-align: center; /* Center the text */
    min-width: 120px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: var(--color-dark);
    white-space: nowrap;
}

/* Styling for discount and gift list items */
.discount-gift-item {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Aligning the entire item to the right */
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Container for text and button to align them horizontally */
.discount-gift-item div {
    display: flex; /* Ensure they stay in a row */
    align-items: center;
    justify-content: flex-end; /* Ensures the text starts from the left */
    flex-wrap: nowrap; /* Prevents wrapping */
}

/* Title and amount styling */
.discount-gift-item p {
    font-size: 1.4rem;
    color: var(--color-dark);
    margin: 0;
    margin-right: 1rem; /* Space between text and button */
}

.discount-gift-item strong {
    font-weight: 500;
}

/* Styling for amounts, highlighting if the discount is valid or not */
.discount-gift-item span {
    font-size: 1.4rem;
    color: var(--color-primary);
}

/* If discount or gift is not applicable (e.g., the order doesn't meet the minimum) */
.discount-gift-item span.invalid {
    color: #e74c3c; /* Red for invalid offers */
}

/* Button styling */
.discount-gift-item button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.p-absolute {
    position: absolute;
}

.w-100 {
    width: 100% !important;
}

.btn-sm {
    padding: 0.25rem 1rem;
    font-size: small;
}

.converted-buttons {
    padding-top: 2rem;
}

.converted-buttons svg {
    margin-right: 1rem;
}

.converted-buttons .cb-bottom {
    display: flex;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
}

.btn-secondary {
    background: var(--color-light-dimmed);
}

.btn-info {
    background: var(--color-info-dimmed);
}

.btn-success {
    background: var(--color-success-dimmed);
}

.btn-danger {
    background: var(--color-danger-dimmed);
}

.btn-warning {
    background: var(--color-warning-dimmed);
}


.release-image {
    max-height: 8.2rem;
    width: auto;
    height: auto;
    min-height: 8.2rem;
    cursor: zoom-in;
    border-radius: 0.25rem;
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.45);
}

.flex-info {
    text-align: left;
}

.ws-nowrap {
    white-space: nowrap;
}

.release-identifier {
    opacity: 0.6;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
}


.release {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    border-radius: 1rem;
    cursor: default !important;
    /*width: 333%;*/
    flex-direction: column;
}

.compact-info-release {
    white-space: normal;
    height: -moz-fit-content;
    height: fit-content;
}

.flex_buttons {
    margin-left: 3rem !important;
}

/*Remove hover effect on release*/
.release:hover {
    color: black;
    background-color: var(--color-light-dimmed);
}

.release-icons {
    display: flex;
    right: 5px;
}

.btn-link {
    padding: 0;
    vertical-align: baseline;
    box-shadow: none !important;
    border: none;
}

.remove-release {
    display: none;
}

.more-info-release {
    max-height: -moz-fit-content;
    max-height: fit-content;
}

.more-info-release div h4 {
    text-overflow: ellipsis;
}

.more-info-release div h5,
.more-info-release div h6,
.more-info-release div small.note {
    text-overflow: ellipsis;
}

.more-info-release div small.note {
    display: block !important;
}

.compact-info-release div h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.compact-info-release div h5,
.compact-info-release div h6,
.compact-info-release div small.note {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.compact-collective-info-release {
    max-height: -moz-fit-content;
    max-height: fit-content;
}

.compact-collective-info-release div h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.compact-collective-info-release div h5,
.compact-collective-info-release div h6,
.compact-collective-info-release div small.note {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}


@media (min-width: 640px) {
    .admin-buttons-release-show {
        grid-column: span 2;
    }
}

/* Media Query for responsiveness */
@media (max-width: 56.24375em) {
    .discount-gift-item {
        flex-direction: column;
        align-items: flex-end; /* Aligning items vertically on smaller screens */
        gap: 1rem;
        padding-right: 1.4rem;
    }

    .discount-gift-item div {
        flex-direction: row; /* Keep text and button in a row */
        align-items: center; /* Ensure vertical alignment */
        justify-content: flex-start;
        flex-wrap: nowrap; /* Prevent wrapping even on small screens */
    }

    .discount-gift-item p {
        font-size: 1.2rem;
        margin-right: 0; /* Remove margin when stacking */
    }

    .discount-gift-item button {
        margin-top: 0; /* No space between text and button on mobile */
    }
}

.luigi-container {
    visibility: visible;
    opacity: 1;
    display: none;
}

.luigi-inner-container {
    display: flex;
    flex-direction: row;
    gap: 15px;
    border-radius: 8px;
    background-color: #fff;
    flex-wrap: wrap;
}

.luigi-entities, .top-product, .luigi-container .products, .luigi-all-results {
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
}

.luigi-container .luigi-entities {
    flex: 1;
    min-width: 200px; /* Ensure minimum width */
}

.luigi-container .top-product {
    flex: 1;
    min-width: 300px; /* Ensure minimum width */
}

.luigi-container .products {
    flex: 4;
    min-width: 300px; /* Ensure minimum width */
}

.luigi-all-results {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
    padding-bottom: 3rem;
}

.luigi-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.luigi-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.luigi-container em {
    font-weight: bold;
    font-style: normal;
}

.luigi-container :where(:not(._reset)) a {
    font-weight: normal;
}

.luigi-container :where(:not(._reset)) h5 {
    font-weight: normal;
}

@media (max-width: 768px) {
    .luigi-all-results {
        order: 4;
    }

    .mh-mob-30 {
        max-height: 30rem;
    }
}

@media (min-width: 769px) {
    .pc-long {
        max-height: 9990px !important;
        -webkit-mask-image: none;
        mask-image: none;
        transition: all 0.8s ease-in-out;
    }
}

@media (max-width: 1200px) {
    .luigi-container {
        flex-direction: column;
    }
}

.luigi-container .entities-section {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.luigi-container .entities-title {
    font-size: 3rem;
    margin-bottom: 0.2rem;
    margin-top: 1.4rem;
}

.luigi-container .entities-list {
    display: flex;
    flex-direction: column;
}

.luigi-container .entity-item {
    color: var(--color-primary);
    padding: 2px 0;
    transition: color 0.3s ease;
    font-style: normal;
}

.luigi-container .entity-item a {
    text-decoration: none;
    color: inherit;
}

.luigi-container .entity-item:hover {
    color: var(--color-dark-dimmed); /* Changes text color on hover */
}

.luigi-container .entity-item a:hover {
    text-decoration: underline; /* Underline links on hover */
}

.luigi-container .row {
    gap: 5px; /* Space between product items */
}

.luigi-container .luigi-product-li {
    flex: 1 1 100%; /* Always take full width */
    list-style: none;
}

.luigi-container .images-luigi {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between the image and text */
}

.luigi-container .media-body {
    flex: 1;
}

.luigi-container .media-body p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5; /* Ensure there's space between lines */
    word-wrap: break-word; /* Allow long words to break and wrap */
    overflow-wrap: break-word; /* Handle very long words that might overflow */
}

.two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit text to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Hide the overflowed text */
    text-overflow: ellipsis; /* Add ellipsis if needed */
}

.three-line {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit text to three lines */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Hide the overflowed text */
    text-overflow: ellipsis; /* Add ellipsis if needed */
}

.bi-check-square {
    background-color: white;
    padding: 1px;
    border-radius: 3px;
}

.breadcrumbs__list {
    --_inline-gap: calc(
        2.7rem
        - 0.4rem * var(--is-medium)
        - 0.7rem * var(--is-small)
        - 0.2rem * var(--is-tight)
    );
    --_arrow-width: 0.6rem;

    padding-top: calc(
        2.6rem
        - 0.2rem * var(--is-medium)
        - 0.4rem * var(--is-small)
        - 0.1rem * var(--is-tight)
    );

    padding-bottom: calc(
        2.6rem
        - 0.2rem * var(--is-medium)
        - 0.4rem * var(--is-small)
        - 0.1rem * var(--is-tight)
    );
}

.breadcrumbs__item {
    position: relative;

    display: inline;
    margin-left: calc(var(--_inline-gap) + var(--_arrow-width) / 2);
    margin-right: calc(var(--_inline-gap) - var(--_arrow-width) / 2);

    font-size: calc(
        1.6rem
        - 0.1rem * var(--is-medium)
        - 0.2rem * var(--is-small)
    );
}

.breadcrumbs__item::before {
    content: "";

    position: absolute;
    top: 0.35em;
    left: calc(-1 * var(--_inline-gap) - var(--_arrow-width) / 2);

    width: var(--_arrow-width);
    height: 1rem;

    background-image: url("data:image/svg+xml,%3Csvg fill='%23D65A31' width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25684' y='9.2276' width='1.77766' height='6.22179' transform='rotate(-135 1.25684 9.2276)'/%3E%3Crect x='5.65625' y='4.82819' width='1.77766' height='6.22179' transform='rotate(135 5.65625 4.82819)'/%3E%3C/svg%3E");
}

@media (min-width: 30em) {
    .breadcrumbs__item:first-child {
        margin-left: 0;
    }

    .breadcrumbs__item:first-child::before {
        content: none;
    }
}

@media (max-width: 29.99375em) {
    :not(:has(:not(:first-child) > :active,:focus-visible)) > .breadcrumbs__item:not(:first-child) {
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/

        /*width: 1px;*/
        /*height: 1px;*/
        /*margin: -1px;*/

        /*clip-path: polygon(0px 0px, 0px 0px, 0px 0px);*/
        /*overflow: hidden;*/
    }

    .breadcrumbs__item:first-child::before {
        /*transform: rotate(180deg);*/
    }
}

.breadcrumbs__link {
    font-weight: 400;
}

@media (max-width: 767px) {
    /* MOBILE MENU STARTS HERE */
    .luigi-container .row {
        gap: 10px; /* Reduce the gap for smaller screens */
    }

    .custom-modal {
        padding: 10px 20px;
        width: 90%;
        max-width: 90%;
    }

    .main-nav__wrapper {
        flex-wrap: wrap;
        padding: 0 1rem;
    }

    .main-nav__sidebar {
        max-width: 100%;
    }

    .main-nav__subitem--spaced {
        margin-top: 1rem;
    }
}

@media (min-width: 1200px) {
    .luigi-container .col-xl-6 {
        max-width: 49%; /* Two columns on larger screens - WTF bootstrap why dont you work with 50%? */
    }

    .error-heading {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }
}

.state-page p {
    max-width: 70rem;
}

.state-page h3 {
    padding-bottom: 1rem;
}

.state-page .list-group-item {
    border: none;
    padding-bottom: 1rem;
}

.giftModalPadding {
    display: none;
}

#glsPanel {
    display: none;
}

#zasilkovnaPanel {
    display: none;
}

#balikovnaPanel {
    display: none;
}

.pt2em {
    padding-top: 2em;
}

/*!* Define the grid areas for the new count element *!*/
/*.ordered-items__count {*/
/*    grid-area: count;*/
/*}*/

/*************** PLACE ALL MEDIA QUERIES BELOW ***************/

@media (min-width: 40em) {
    .product__current {
        grid-template-columns: initial;
    }
}

@media (max-width: 1023px) {
    /* For all smaller screens */
    .author-box__placeholder {
        display: none;
    }
}

@media (max-width: 768px) {
    /* For tablets and smaller screens */
    .contact-section {
        flex: 1 1 calc(50% - 1rem); /* Switch to 2 columns */
        max-width: calc(50% - 1rem);
    }

    .main-nav__subitems-wrapper {
        flex-direction: column;
    }

    .compact-info-release,
    .more-info-release {
        flex-direction: column;
    }

    .navbar-nav {
        margin-left: 1.5rem;
    }
}

@media (max-width: 480px) {
    /* For mobile screens */
    .contact-section {
        flex: 1 1 100%; /* Stack items in one column */
        max-width: 100%;
    }
}

/*//COOKIE CONSENT -start*/
.cookie-consent-banner {
    position: fixed;
    margin: auto;
    width: 95%;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    z-index: 9999;
    display: none;
    background-color: #333;
    border: solid 1px lightgrey;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    /* Darker background color */
    color: white;
    /* Text color */
    padding: 20px;
    /* Add some padding for spacing */
}

.cookie-consent-button-container {
    display: flex;
    /* Use flexbox to align buttons horizontally */
    justify-content: space-between;
    /* Add space between buttons */
}

/* Style link text */
.cookie-consent-link {
    color: #ff7343;
    /* Pink color */
    text-decoration: none;
    margin-bottom: 5px;
    /* Remove underline */
}

/* Style link text on hover */
.cookie-consent-link:hover {
    text-decoration: underline;
    /* Add underline on hover */
}

.cookie-consent-text {
    margin-bottom: 5px;
    /* font-size: 12px; */
}

.cookie-consent-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.cookie-consent-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-consent-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px;
}

.cookie-consent-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .cookie-consent-slider {
    background-color: #ff7343;
}

input:checked + .cookie-consent-slider.disabled {
    background-color: #ccc;
}

input:focus + .cookie-consent-slider {
    box-shadow: 0 0 1px #ff7343;
}

input:checked + .cookie-consent-slider:before {
    transform: translateX(16px);
}

/* Disable switch when in modify mode */
.cookie-consent-switch.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.cookie-consent-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow-y: scroll;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards; /* Add animation for smooth roll down */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.cookie-consent-modal-content {
    position: relative;
    background-color: #ffffff;
    margin: 10% auto;
    width: 100%;
    max-width: 1000px;
    border-radius: 6px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-20%);
    animation: slideIn 0.5s ease forwards; /* Add animation for smooth roll down */
}

/* Align preference switches to the right */
.cookie-consent-align-right {
    float: right;
    clear: both;
}

@keyframes slideIn {
    from {
        transform: translateY(-20%);
    }
    to {
        transform: translateY(0);
    }
}

.cookie-consent-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

/*//COOKIE CONSENT -end*/

.splide__pagination {
    display: flex;
    justify-content: center; /* Center the pagination dots */
    gap: 10px; /* Add spacing between dots */
}

.splide__pagination__page {
    width: 16px; /* Set the desired width */
    height: 16px; /* Set the desired height */
    border-radius: 50%; /* Make the dots circular */
    /*background: #ccc; !* Default color *!*/
    transition: background 0.3s ease;
}

.splide__pagination__page.is-active {
    background: var(--color-danger-dimmed); /* Change color for active dot */
    transform: scale(1.2); /* Slightly enlarge the active dot */
}

@media (min-width: 48em) {
    .compact-menu-items .main-nav__btn, .main-nav__link {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .compact-menu-items .main-nav__arrow {
        margin-left: 0.6rem;
    }
}

#phone_prefix {
    min-width: -moz-fit-content;
    min-width: fit-content;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="gray"><polygon points="0,0 10,0 5,5"/></svg>') no-repeat right center;
    padding: 0 15px 0 0; /* Space for arrow */
    margin: 0 6px 0 0; /* Space between input and arrow */
    font: inherit;
    color: inherit;
    cursor: pointer;
}

#phone_prefix:hover {
    color: #000; /* Optional: Darken on hover */
    border-bottom-color: #000;
}

.instruction-text {
    color: #555;
    font-size: 16px;
    margin-bottom: 15px;
}

.image-caption {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
}

.main-nav__subitems-wrapper {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.06); /* Even shadow on all sides */
    border-radius: 0 0 2.7rem 2.7rem; /* Only bottom corners rounded */
}

/*--------------------------------------------------------------------*/
/*----------------------- CART-STEPS-INFO-PANEL -----------------------*/
/*--------------------------------------------------------------------*/

.box__cart-steps-info-panel {
    background-color: var(--color-primary-dimmed);;
    border-radius: calc(
        3rem
        - 0.7rem * var(--is-medium)
        - 1.4rem * var(--is-small)
        - 0.3rem * var(--is-tight)
    );
    padding: 1.2rem;
    margin-bottom: 1.6rem;
    position: relative;
    z-index: 1;
    margin-left: calc(-1 * var(--_cart-steps-inset));
    margin-right: calc(-1 * var(--_cart-steps-inset));
    white-space: break-spaces;
    word-break: break-word; /* Handle long words or URLs */
    box-sizing: border-box; /* Ensure padding doesn’t cause overflow */
    width: calc(98% + 2 * var(--_cart-steps-inset)); /* Match parent’s inset width */
}

/* Responsive adjustments */
@media (min-width: 40em) {
    .box__cart-steps-info-panel {
        padding: 1.4rem;
    }
}

@media (min-width: 56.25em) {
    .box__cart-steps-info-panel {
        padding: 1.6rem;
    }
}

@media (min-width: 64em) {
    .box__cart-steps-info-panel {
        margin-bottom: 2rem;
    }
}

@media (min-width: 94em) {
    .box__cart-steps-info-panel {
        padding: 1.8rem;
        margin-bottom: 2.4rem;
    }
}

/* Ensure the panel doesn’t overlap with the drawing on smaller screens */
@media (max-width: 63.99375em) {
    .box__cart-steps-info-panel {
        margin-top: 0.8rem; /* Extra margin when drawing is hidden */
    }
}

.pagination__jump-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem; /* Small gap between input and button */
}

.pagination__jump-input {
    margin-left: 4rem;
    min-width: 4rem;
    text-align: center; /* Center the number horizontally */
}

/* Center the switch and label on one line */
.form__item--switch {
    margin-bottom: 1.5rem; /* Consistent with other form items */
    display: flex; /* Ensure items are on one line */
    justify-content: flex-start; /* Align to start for consistency */
    align-items: center; /* Vertically center the label and switch */
}

.form__item--switch .form__ui {
    display: flex;
    align-items: center; /* Center vertically */
    transition: all 0.3s ease;
}

.form__item--switch .form__label {
    display: inline-flex; /* Inline-flex to keep label and link on one line */
    align-items: center; /* Center label text and link vertically */
    margin-bottom: 0; /* Remove bottom margin to avoid extra space */
    margin-right: 1rem; /* Space between label and switch */
    font-size: calc(1.6rem - 0.2rem * var(--is-small));
    color: #222831; /* --color-text */
}

/* Style for the FAQ link */
.faq-link {
    display: inline-block;
    margin-left: 0.5rem; /* Space between label text and icon */
}

.faq-link .icon {
    fill: #838992; /* --color-dark-dimmed */
}

.faq-link:hover .icon {
    fill: #D65A31; /* --color-primary */
}

/* Existing switch styles remain unchanged */
.fr-switch__container {
    position: relative;
    display: inline-block;
    width: 4.5rem;
    height: 2.5rem;
    margin-top: 0; /* Remove margin-top since we're centering */
}

.fr-switch__input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

.fr-switch__slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CACACA;
    border-radius: 1.25rem;
    transition: background-color 0.3s ease;
}

.fr-switch__slider:before {
    position: absolute;
    content: "";
    height: 2.1rem;
    width: 2.1rem;
    left: 0.2rem;
    bottom: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.fr-switch__input:checked + .fr-switch__slider {
    background-color: #D65A31;
}

.fr-switch__input:checked + .fr-switch__slider:before {
    transform: translateX(2rem);
}

.fr-switch__input:focus + .fr-switch__slider {
    box-shadow: 0 0 0 0.25rem rgba(214, 90, 49, 0.3);
}

.fr-switch__input:disabled + .fr-switch__slider {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 63.99375em) {
    .fr-switch__container {
        width: 4rem;
        height: 2.2rem;
    }

    .fr-switch__slider:before {
        height: 1.8rem;
        width: 1.8rem;
        left: 0.2rem;
        bottom: 0.2rem;
    }

    .fr-switch__input:checked + .fr-switch__slider:before {
        transform: translateX(1.8rem);
    }
}

.form__item--switch .form__error {
    font-size: 1.4rem;
    color: red;
    margin-top: 0.5rem;
    display: none;
}

.sales__price-discounted {
    font-size: calc(1.6rem - 0.2rem * var(--is-medium) - 0.4rem * var(--is-small));
    font-weight: normal;
    color: var(--color-text, #222831);
    background-color: var(--color-primary-dimmed, #ffebde);
    padding: calc(0.3rem - 0.1rem * var(--is-medium)) calc(0.6rem - 0.2rem * var(--is-medium));
    border-radius: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    flex-shrink: 0; /* Prevent shrinking */
    transition: var(--transition, 0.275s cubic-bezier(0.5, 0.25, 0.5, 1) 0s);
}

.sales__price-discounted .sales__discount-code {
    font-weight: 900;
    color: var(--color-primary, #D65A31);
}

.sales__price-discounted .sales__discount-prefix {
    display: inline;
}

@media (max-width: 1024px) {
    .sales__price-discounted .sales__discount-prefix {
        display: none;
    }
}

@media (min-width: 768px) {
    /* Adjust breakpoint to match your desktop threshold */
    .sales__price-discounted--right-desktop {
        margin-left: auto; /* Push to the right within flex container */
        flex-shrink: 0; /* Prevent shrinking to avoid wrapping */
    }
}

.sales__discount-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: calc(2.2rem - 0.5rem * var(--is-medium) - 1rem * var(--is-small));
    font-size: calc(1.6rem - 0.2rem * var(--is-medium) - 0.4rem * var(--is-small));
    font-weight: normal;
    color: var(--color-text, #222831);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.sales__discount--main-header {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; /* Prevent flex items from wrapping */
    margin-top: calc(2.2rem - 0.5rem * var(--is-medium) - 1rem * var(--is-small));
    font-size: calc(1.6rem - 0.2rem * var(--is-medium) - 0.4rem * var(--is-small));
    font-weight: normal;
    color: var(--color-text, #222831);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.sales__discount-header .product-box__product-label {
    font-weight: normal;
    color: var(--color-text, #222831);
}

.sales__discount-header .sales__discount-header-amount {
    font-weight: bold;
    /*color: var(--color-primary, #D65A31);*/
}

.sales__discount-header-amount {
    white-space: nowrap; /* Ensure content stays on one line */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.sales__discount-header .sales__discount-header-new-book {
    font-weight: bold;
    /*color: var(--color-primary, #D65A31);*/
}

.sales__discount--main-header .sales__discount-header-min-order {
    font-weight: normal;
    color: var(--color-dark-dimmed, #838992);
}

.sales__discount--main-header .sales__discount-header-countdown {
    font-weight: normal;
    color: var(--color-text, #222831);
}

/* Ensure existing countdown styles are preserved */
.sales__discount--main-header .countdown-wrapper .countdown {
    font-weight: bold;
    color: var(--color-primary, #D65A31);
}

.sales__discount-header-amount {
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: bold;
}

.sales__discount--main-header-countdown {
    font-weight: normal;
    color: var(--color-text, #222831);
    white-space: nowrap; /* Ensure countdown stays on one line */
}

/* Hide "Zbývá už jen: " on mobile */
@media (max-width: 576px) {
    .sales__discount-header-countdown::before {
        content: "Zbývá už jen: "; /* Add the text via pseudo-element */
        display: inline;
    }

    .sales__discount-header-countdown::before {
        display: none; /* Hide the text on mobile */
    }
}

/* Ensure countdown text remains bold and colored */
.sales__discount-header-countdown .countdown {
    font-weight: bold;
    color: var(--color-primary, #D65A31);
}

.countdown-nojs {
    font-weight: bold;
    color: var(--color-primary, #D65A31);
}

.discount-badge {
    position: fixed;
    top: 22%;
    right: 30px;
    z-index: 1100;
    display: flex;
    flex-direction: column; /* Stack rows vertically */
    gap: 4px;
    padding: 8px 12px;
    background-color: #f5e0d7; /* Light peach background */
    border: 1px solid #f5e0d7;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    color: #333;
    max-width: 300px;
    font-family: Arial, sans-serif;
}

.badge-row {
    display: flex;
    align-items: center;
    /*justify-content: space-between; !* Distribute space between columns *!*/
    width: 100%;
    min-height: 20px; /* Ensure minimum height for centering */
}

.content-column {
    display: flex;
    align-items: center;
    gap: 2px; /* Small gap between text elements */
    flex-grow: 1; /* Take available space */
}

.close-column {
    display: flex;
    align-items: center; /* Center the close button vertically */
    justify-content: center; /* Center horizontally within the column */
    margin-left: 10px; /* Space between content and close button */
    min-height: 20px; /* Match badge-row min-height */
}

.discount-badge {
    position: fixed;
    top: 85%;
    left: 40px;
    z-index: 1100;
    display: grid;
    grid-template-columns: 1fr auto; /* One column for content, one for close button */
    gap: 10px; /* Space between content and close button */
    padding: 8px 12px;
    background-color: #f5e0d7; /* Light peach background */
    border: 1px solid #f5e0d7;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    color: #333;
    max-width: 300px;
    font-family: Arial, sans-serif;
    min-height: 50px; /* Ensure enough height for centering */
}

.badge-content {
    display: flex;
    flex-direction: column;
    gap: 4px; /* Space between rows */
}

.badge-row {
    display: flex;
    align-items: center;
    gap: 0.5em; /* Small gap between text elements */
}

.badge-info {
    font-size: 14px;
    color: #333; /* Plain text color */
    line-height: 1.2;
}

.discount-text {
    font-size: 20px; /* Larger bold text */
    font-weight: bold;
    color: #000; /* Black color */
}

.badge-key {
    font-size: 16px;
    font-weight: bold;
    color: #d35400; /* Orange text for key */
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge-key:hover {
    text-decoration: underline;
}

.badge-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; /* Center horizontally */
    background-color: #fff; /* White background for circle */
    border-radius: 50%; /* Circular shape */
    width: 20px;
    height: 20px;
    border: 1px solid #ddd; /* Light border */
    align-self: center; /* Center vertically within the grid column */
}

.badge-close svg {
    width: 10px;
    height: 10px;
    fill: #333;
    transition: fill 0.2s ease;
}

.badge-close:hover svg {
    fill: #d35400;
}

/*.product__current-price-discounted,*/
/*.product__variants-price-discounted {*/
/*    font-size: calc(*/
/*        2.4rem*/
/*        - 0.4rem * var(--is-medium)*/
/*        - 0.8rem * var(--is-small)*/
/*    );*/
/*    font-weight: bold;*/
/*    white-space: nowrap;*/
/*    color: #e74c3c; !* Use a distinct color, e.g., red *!*/
/*    background-color: #ffe6e6; !* Light background for emphasis *!*/
/*    padding: calc(0.4rem - 0.1rem * var(--is-medium)) calc(0.8rem - 0.2rem * var(--is-medium));*/
/*    border-radius: 0.4rem;*/
/*    margin-left: calc(1.0rem - 0.2rem * var(--is-medium) - 0.4rem * var(--is-small));*/
/*}*/

/*.discount-code {*/
/*    font-weight: 900;*/
/*    color: #c0392b;*/
/*}*/