/* General */
:root {
    --grey: #f7f7f7;
    --grey-darker: #d9d9d9;
    --blue: #00334d;
    --green: #00ffa3;
    --white: #ffffff;
    --template-font: "acumin-pro-wide";
    --template-headings-font: "acumin-pro-wide";
}

html,
body {
    font-size: 16px;
    background: var(--grey);
    color: var(--blue);
    font-family: "acumin-pro-wide", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    overflow-x: clip;
    line-height: 1.5 !important;
}

.external-fonts-loaded body,
.external-fonts-loaded h1,
.external-fonts-loaded h2,
.external-fonts-loaded h3,
.external-fonts-loaded h4,
.external-fonts-loaded h5,
.external-fonts-loaded h6,
.external-fonts-loaded .h1,
.external-fonts-loaded .h2,
.external-fonts-loaded .h3,
.external-fonts-loaded .h4,
.external-fonts-loaded .h5,
.external-fonts-loaded .h6,
.external-fonts-loaded .cart-table .main-link,
.external-fonts-loaded .cart-related-name {
    font-family: "acumin-pro-wide", sans-serif;
}

.blank-mode h1,
.blank-mode h2,
.blank-mode h3,
.blank-mode h4,
.blank-mode h5,
.blank-mode h6,
.blank-mode .h1,
.blank-mode .h2,
.blank-mode .h3,
.blank-mode .h4,
.blank-mode .h5,
.blank-mode .h6,
.blank-mode .cart-table .main-link,
.blank-mode .cart-related-name {
    font-family: "acumin-pro-wide", sans-serif;
}

.content-wrapper {
    background-color: var(--grey);
    margin: 0 auto;
}

.container-narrow {
    max-width: 100%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .container-narrow {
        width: 747px;
    }
}
@media (min-width: 992px) {
    .container-narrow {
        width: 972px;
    }
}
@media (min-width: 1200px) {
    .container-narrow {
        width: 1178px;
    }
}
@media (min-width: 1440px) {
    .container-narrow {
        width: 1418px;
    }
}
@media (min-width: 1640px) {
    .container-narrow {
        width: 1520px;
    }
}

.container {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
@media (min-width: 1640px) {
    .container {
        width: 1520px;
    }
}

.content {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    .content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.in-index .container-narrow .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#content-wrapper #content {
    padding: 0;
}

#content {
    line-height: 1.6;
}

#content p {
    margin-bottom: 30px;
}

#content img {
    margin-bottom: 5px;
    margin-top: 5px;
}

#content ul li {
    margin-bottom: 10px;
}

.homepage-group-title {
    font-size: 28px;
    color: var(--blue);
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .homepage-group-title {
        font-size: 40px;
    }
}

.top-navigation-bar {
    display: none !important;
}

h1 {
    font-size: 32px;
    color: var(--blue);
}
@media (min-width: 768px) {
    h1 {
        font-size: 40px;
    }
}

/* Breadcrumbs */
.breadcrumbs {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    opacity: 0.7;
}

@media (min-width: 768px) {
    .breadcrumbs {
        margin-top: 60px;
        margin-bottom: 30px;
    }
}

.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs span,
.breadcrumbs span:hover {
    color: var(--blue);
}

/* Footer */
#footer {
    background-color: var(--blue);
    padding-top: 30px;
}
@media (min-width: 768px) {
    #footer {
        background-color: var(--blue);
        padding-top: 60px;
    }
}

#footer h4 {
    color: var(--green);
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 700;
}

#footer .news-item-widget {
    padding-bottom: 8px;
    padding-top: 8px;
}

#footer .news-item-widget a {
    color: var(--white);
}

#footer .custom-footer__articles ul li {
    padding-bottom: 4px;
    padding-top: 4px;
}

#footer .custom-footer__articles a {
    color: var(--white);
}

#footer .banner {
    min-height: 0;
}

#footer .footer-button-all {
    font-size: 16px;
    font-weight: 700;
    color: var(--blue);
    text-transform: none;
    padding: 7px 12px;
    background-color: var(--green);
    transition: all 0.3s;
    border-radius: 3px;
    margin-top: 15px;
}

#footer .footer-button-all:hover {
    background-color: var(--grey-darker);
}

/* Footer contact */
.footer-contact {
    color: var(--white);
}

.footer-contact__link {
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 6px;
    padding-top: 6px;
}

.footer-contact__link-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 5px;
}

.footer-contact__link-text {
    font-size: 16px;
    font-weight: 700;
    color: var(--white);
}
.footer-contact__link-text:hover {
    text-decoration: underline;
}

.footer-contact__address {
    margin-top: 12px;
}

/* Footer social */
.footer-social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer-social__link {
    border: 0;
    outline: 0;
}

.footer-social__link-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 12px;
}

/* Blog */
.blog-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.blog-wrapper.homepage-blog-wrapper {
    padding: 0;
    margin: 0 0 40px 0;
}
@media (min-width: 768px) {
    .blog-wrapper.homepage-blog-wrapper {
        margin: 40px 0 80px 0;
    }
}

.blog-wrapper .homepage-group-title {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}
@media (min-width: 768px) {
    .blog-wrapper .homepage-group-title {
        margin-bottom: 50px !important;
    }
}

.blog-wrapper .news-item {
    border-radius: 3px;
    flex-basis: 100%;
    width: 100%;
    background-color: var(--white);
    padding: 20px !important;
    margin-bottom: 0;
}
@media (min-width: 568px) {
    .blog-wrapper .news-item {
        flex-basis: calc(50% - 10px);
        width: calc(50% - 10px);
    }
}
@media (min-width: 992px) {
    .blog-wrapper .news-item {
        flex-basis: calc(33% - 13.333px);
        width: calc(33% - 13.333px);
    }
}
@media (min-width: 1200px) {
    .blog-wrapper .news-item {
        flex-basis: calc(25% - 15px);
        width: calc(25% - 15px);
    }
}

.blog-wrapper .news-item .image img {
    height: 220px;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
}

.blog-wrapper .news-item .text .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 25px;
    color: var(--blue);
}

.blog-wrapper .news-item .text .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--blue);
}

.blog-wrapper .news-item .read-article {
    display: block;
    font-size: 14px;
    color: var(--blue);
    font-weight: 700;
    margin-top: 25px;
    text-decoration: underline;
    margin-bottom: 10px;
}

.blog-wrapper .news-item .read-article:hover {
    text-decoration: none;
}

.blog-wrapper .homepage-group-title {
    margin-top: 66px;
}

.blog-more {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: var(--blue);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex: 1 0 100%;
    margin-top: 40px;
    text-decoration: underline;
}
@media (min-width: 768px) {
    .blog-more {
        width: auto;
    }
}
.blog-more:after {
    content: "";
    width: 16px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/user/documents/images2/arrow-right.svg);
    display: inline-block;
    position: relative;
    margin-bottom: -1px;
}
.blog-more:hover {
    text-decoration: none;
}

/* News */
.news-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.news-wrapper .news-item {
    border-radius: 3px;
    flex-basis: 100%;
    width: 100%;
    background-color: var(--white);
    padding: 20px !important;
    margin-bottom: 0;
}
@media (min-width: 568px) {
    .news-wrapper .news-item {
        flex-basis: calc(50% - 10px);
        width: calc(50% - 10px);
    }
}
@media (min-width: 992px) {
    .news-wrapper .news-item {
        flex-basis: calc(33% - 13.333px);
        width: calc(33% - 13.333px);
    }
}
@media (min-width: 1200px) {
    .news-wrapper .news-item {
        flex-basis: calc(25% - 15px);
        width: calc(25% - 15px);
    }
}

.news-wrapper .news-item .news-image {
    height: 220px;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
}

.news-wrapper .news-item h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
    color: var(--blue);
}

.news-wrapper .news-item time {
    margin-bottom: 20px;
}

.news-wrapper .news-item .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--blue);
}

.news-wrapper .news-item .description p {
    margin: 0 !important;
}

.news-wrapper .news-item .read-article {
    display: block;
    font-size: 14px;
    color: var(--blue);
    font-weight: 700;
    margin-top: 25px;
    text-decoration: underline;
    margin-bottom: 10px;
}

.news-wrapper .news-item .read-article:hover {
    text-decoration: none;
}

body.in-nase-novinky #content-wrapper {
    padding-bottom: 60px;
}

/* HP features */
.feature {
    position: relative;
    width: 100dvw;
    width: 100vw;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--blue);
    overflow: hidden;
}

.feature__outer {
    position: relative;
    z-index: 10;
}

.feature__inner {
    position: relative;
    max-width: 720px;
    padding: 60px 0;
}
@media (min-width: 768px) {
    .feature__inner {
        padding: 80px 0;
    }
}
@media (min-width: 992px) {
    .feature__inner {
        padding: 120px 0;
    }
}

.feature__gradient {
    position: absolute;
    width: 160%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 51, 77);
    background: linear-gradient(90deg, rgba(0, 51, 77, 1) 0%, rgba(0, 51, 77, 1) 50%, rgba(0, 51, 77, 0) 100%);
}

.feature__intro {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .feature__intro {
        margin-bottom: 60px;
    }
}

.feature__heading {
    font-size: 28px;
    color: var(--green) !important;
    margin-bottom: 20px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .feature__heading {
        font-size: 40px;
        margin-bottom: 40px;
    }
}

.feature__text {
    font-size: 14px;
    color: var(--white);
}
@media (min-width: 768px) {
    .feature__text {
        font-size: 16px;
    }
}

.feature__list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
@media (min-width: 768px) {
    .feature__list {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}

.feature__item {
    display: flex;
}

.feature__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--green);
    flex-shrink: 0;
}

.feature__item-icon-img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

.feature__item-content {
    padding-left: 20px;
}

.feature__item-heading {
    color: var(--green);
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.feature__item-text {
    color: var(--white);
    font-size: 14px;
}
@media (min-width: 768px) {
    .feature__item-text {
        font-size: 16px;
    }
}

.feature__graphics {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}
@media (min-width: 768px) {
    .feature__graphics {
        display: block;
    }
}

.feature__graphicsGradient {
    position: absolute;
    z-index: 4;
    width: 25%;
    height: 100%;
    top: 0;
    right: 45%;
    background: rgb(0, 51, 77);
    background: linear-gradient(90deg, rgba(0, 51, 77, 1) 0%, rgba(0, 51, 77, 0) 100%);
}

.feature__graphicsLayer {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3;
}

.feature__graphicsImg {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    object-fit: cover;
    object-position: center left;
    z-index: 2;
}

/* HP references */
.references {
    width: 100dvw;
    width: 100vw;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
    padding: 60px 0;
}
@media (min-width: 768px) {
    .references {
        padding: 120px 0;
    }
}

.references__inner {
    max-width: 720px;
    margin: 0 auto;
}

.references__slider {
    display: block;

    --swiper-pagination-color: var(--green);
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
}

.references__slider .swiper-references {
    padding-bottom: 38px;
}

.references__sliderItem {
    text-align: center;
}

.references__sliderItemLogo {
    display: block;
    height: 75px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.references__sliderItemText {
    font-size: 16px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .references__sliderItemText {
        font-size: 20px;
    }
}

.references__sliderItemCompany {
    font-size: 14px;
}

/* HP Benefts banner - logos */
.benefitBanner {
    width: 100vw;
    width: 100dvw;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
    justify-content: center;
}
@media (min-width: 992px) {
    .benefitBanner {
        padding: 60px 25px;
    }
}
.benefitBanner .benefitBanner__item {
    flex: initial !important;
    width: initial !important;
    margin: 0;
    overflow: visible;
    padding: 0 30px;
    justify-content: center;
}
@media (max-width: 992px) {
    .benefitBanner .benefitBanner__item {
        flex: 1;
    }
}
.benefitBanner .benefitBanner__item .benefitBanner__picture {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefitBanner .benefitBanner__item img {
    max-width: 150px !important;
    height: auto;
    width: auto !important;
    max-height: 50px;
}
@media (min-width: 768px) {
    .benefitBanner .benefitBanner__item img {
        max-height: 60px;
    }
}

/* Header top */
#header {
    background-color: var(--blue);
}

@media (min-width: 768px) {
    #header {
        background-color: var(--white);
    }
}

#header .header-top .container {
    min-height: 70px;
}
.overall-wrapper {
    padding-top: 70px;
}

@media (min-width: 480px) {
    #header .header-top .container {
        min-height: 80px;
    }
    .overall-wrapper {
        padding-top: 80px;
    }
}

@media (min-width: 768px) {
    #header .header-top .container {
        min-height: unset;
    }
    .overall-wrapper {
        padding-top: 0;
    }
}

.navigation-buttons a[data-target="login"],
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="cart"],
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons a[data-target="navigation"],
.navigation-buttons a[data-target="navigation"]:hover,
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons .btn.btn-icon::before,
.navigation-buttons .btn.btn-icon:hover::before {
    background-color: transparent;
    color: var(--white);
}
@media (min-width: 768px) {
    .navigation-buttons a[data-target="login"],
    .navigation-buttons a[data-target="search"],
    .navigation-buttons a[data-target="cart"],
    .navigation-buttons a[data-target="search"]:hover,
    .navigation-buttons a[data-target="navigation"],
    .navigation-buttons a[data-target="navigation"]:hover,
    .navigation-buttons a[data-target="search"],
    .navigation-buttons a[data-target="search"]:hover {
        background-color: transparent;
        color: var(--blue);
    }
}

.container.navigation-wrapper .site-name {
    flex-basis: 135px;
}
@media (min-width: 480px) {
    .container.navigation-wrapper .site-name {
        flex-basis: 140px;
    }
}
@media (min-width: 768px) {
    .container.navigation-wrapper .site-name {
        flex-basis: 200px;
    }
}

#header .header-top .site-name {
}
@media (min-width: 768px) {
    #header .header-top .site-name {
        display: none;
        margin-right: 30px;
    }

    body.in-krok-1 #header .header-top .site-name,
    body.in-krok-2 #header .header-top .site-name {
        order: -1;
        flex-basis: initial;
        display: block;
    }
}

@media (min-width: 768px) {
    #header .header-top .header-top-wrapper {
        justify-content: flex-end;
    }
}

/* Header search */
#header .header-top .search {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    #header .header-top .search {
        flex-basis: 180px;
        padding-right: 20px;
    }
}

#header .header-top .search .query-input {
    background-color: var(--white);
    color: var(--blue);
}

#header .header-top .search .query-input::placeholder {
    color: var(--blue);
}

#header .header-top .search-input-icon {
    font-size: 20px;
}

#header .header-top .search-input-icon::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/user/documents/images2/search.svg);
    background-position: center 2px;
    background-repeat: no-repeat;
    background-size: contain;
}

#header .header-top .search-input {
    font-size: 14px;
}

/* Header login + register + currency */
#header .header-top .top-navigation-tools {
    display: none;
    font-size: 14px;
    font-weight: 700;
    flex-basis: initial;
}

@media (min-width: 768px) {
    #header .header-top .top-navigation-tools {
        display: flex;
    }
}

#header .header-top .top-navigation-tools .dropdown {
    display: flex;
}

#header .header-top .top-navigation-tools .dropdown > span {
    display: none;
}

#header .header-top .top-navigation-tools .dropdown > button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    padding-right: 10px;
    position: relative;
    font-weight: 700;
    color: var(--blue);
}

#header .header-top .top-navigation-tools .dropdown .caret {
    display: none;
}

#header .header-top .top-navigation-tools .top-nav-button-login,
#header .header-top .top-navigation-tools .top-nav-button-logout,
#header .header-top .top-navigation-tools a:nth-of-type(2),
top-nav-button-logout {
    display: flex;
    align-items: center;
    padding: 4px 15px;
}

#header .header-top .top-navigation-tools .top-nav-button-login:before,
#header .header-top .top-navigation-tools a:nth-of-type(2):before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/user/documents/images2/account.svg);
    background-position: center 2px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    margin-right: 7px;
}

/* Header currency selector */
#header .header-top .top-navigation-tools .dropdown .dropdown-menu {
    top: 35px;
    border: none;
    min-width: 120px;
    border-radius: 3px;
}

#header .header-top .top-navigation-tools .dropdown .dropdown-menu > li > a {
    padding: 5px 10px;
    color: var(--blue);
    font-size: 14px;
    opacity: 0.8;
}

#header .header-top .top-navigation-tools .dropdown .dropdown-menu > li > a::before {
    display: none;
}

.user-action-in .popup-widget.login-widget {
    top: 70px;
    border: none;
}

@media (min-width: 480px) {
    .user-action-in .popup-widget.login-widget {
        top: 80px;
    }
}

/* Login popup */
@media (min-width: 768px) {
    .user-action-in .popup-widget.login-widget {
        top: 62px;
    }

    body.admin-logged .user-action-in .popup-widget.login-widget {
        top: 87px;
    }
}

.popup-widget.login-widget .popup-widget-inner {
    border: none;
    background-color: var(--grey);
}

.popup-widget.login-widget .form-control {
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

.popup-widget.login-widget::before {
    display: none;
}

.user-action-in .popup-widget.cart-widget {
    top: 70px;
    border: none;
}

@media (min-width: 480px) {
    .user-action-in .popup-widget.cart-widget {
        top: 80px;
    }
}

@media (min-width: 768px) {
    .user-action-in .popup-widget.cart-widget {
        top: 62px;
    }

    body.admin-logged .user-action-in .popup-widget.cart-widget {
        top: 87px;
    }
}

.popup-widget.cart-widget .popup-widget-inner {
    border: none;
    background-color: var(--grey);
}

.popup-widget.cart-widget::before {
    display: none;
}

.popup-widget.cart-widget .quantity {
    color: var(--blue);
    background: var(--grey-darker);
    border-radius: 3px;
    overflow: hidden;
    border: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    margin-right: 20px;
}

.popup-widget.cart-widget .quantity input {
    width: 40px;
    border: 0 !important;
    font-family: "acumin-pro-wide", sans-serif !important;
}

.popup-widget.cart-widget .quantity .decrease,
.popup-widget.cart-widget .quantity .increase {
    background-color: inherit;
    border: 0 !important;
}

.popup-widget.cart-widget .quantity .decrease:hover,
.popup-widget.cart-widget .quantity .increase:hover {
    background-color: var(--green);
}

.popup-widget.cart-widget .quantity .decrease:hover::before,
.popup-widget.cart-widget .quantity .increase:hover::before {
    background-color: var(--green);
}

/* Header cart */
#header .header-top .header-top-wrapper .navigation-buttons {
    flex-shrink: 0;
    flex-basis: initial;
    padding-left: 15px;
}

@media (min-width: 768px) {
    #header .header-top .header-top-wrapper .navigation-buttons {
        margin-left: initial;
    }
}

#header .header-top .header-top-wrapper .navigation-buttons .cart-price {
    font-size: 14px;
    font-weight: 700;
}

#header .header-top .header-top-wrapper .navigation-buttons .btn.btn-icon {
    margin-left: 0;
}

@media (min-width: 768px) {
    #header .header-top .header-top-wrapper .navigation-buttons .btn.btn-icon::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(/user/documents/images2/cart.svg);
        background-position: center 2px;
        background-repeat: no-repeat;
        background-size: contain;
        flex-shrink: 0;
        margin-right: 7px;
    }
}

/* Header phone contact number */
#header .header-top .header-top-wrapper .header-phone-prepended {
    display: none;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--blue);
    text-transform: none;
    margin-right: auto;
    flex-shrink: 0;

    padding: 7px 10px;
    background-color: var(--green);
    transition: all 0.3s;
    border-radius: 3px;
}
#header .header-top .header-top-wrapper .header-phone-prepended:hover {
    background-color: var(--grey-darker);
}
@media (min-width: 768px) {
    #header .header-top .header-top-wrapper .header-phone-prepended {
        display: flex;
    }
}

#header .header-top .header-top-wrapper .header-phone-prepended::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/user/documents/images2/phone-blue.svg);
    background-position: center 2px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    margin-right: 7px;
}

/* Header bottom */
@media (min-width: 768px) {
    #header .header-bottom .navigation-wrapper #navigation .navigation-in > ul > li.exp > a,
    #header .header-bottom .navigation-wrapper #navigation .navigation-in > ul > li > a {
        background-color: transparent;
        color: var(--white);
        padding-bottom: 31px;
        padding-top: 31px;
    }

    #header .header-bottom .navigation-wrapper #navigation.navigation-in > ul > li > a:hover {
        background-color: transparent;
        color: var(--green);
    }
}

@media (max-width: 480px) {
    #header #navigation {
        top: 70px;
    }
}

#header .header-bottom {
    border: none;
    background-color: var(--blue);
}

#header .header-bottom .site-name {
    display: none;
}
@media (min-width: 768px) {
    #header .header-bottom .site-name {
        display: block;
    }
}

#header .header-bottom .navigation-wrapper #navigation .navigation-in {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 768px) {
    #header .header-bottom .navigation-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #header .header-bottom .navigation-wrapper #navigation {
        background-color: var(--blue);
        height: 80px;
    }

    #header .header-bottom .navigation-wrapper #navigation .navigation-in ul {
        justify-content: flex-start;
    }

    #header .header-bottom .navigation-wrapper .menu-helper {
        height: 80px;
    }

    #header .header-bottom .navigation-wrapper .menu-helper > span {
        font-size: 14px;
        line-height: 18px;
        padding-top: 31px;
        padding-bottom: 31px;
        color: var(--white);
    }
}

@media (max-width: 767px) {
    #header .navigation-in > ul > li > a > b,
    #header .navigation-in > ul > li > a > span {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    #header .navigation-in ul.menu-level-2 li a {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.navigation-buttons > a[data-target="cart"] i {
    font-weight: 700;
    background-color: var(--green);
    color: var(--blue);
}

/* HP main categories banner */
.next-to-carousel-banners {
    display: grid;
    grid-template-columns: 1fr;
    width: 101dvw;
    width: 101vw;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: -10px;
}
@media (min-width: 768px) {
    .next-to-carousel-banners {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .next-to-carousel-banners {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.next-to-carousel-banners .banner-wrapper,
.next-to-carousel-banners .banner-wrapper > span {
    display: block;
    margin: 0;
    padding: 0;
}

.cat-banner {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.cat-banner::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 60px 15px rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.banner-wrapper a.cat-banner {
    display: block;
    position: relative;
}

/*
.cat-banner__image {
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: center 25%;
    width: 40%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 5;
    margin: 0 !important;
}
*/
@media (min-width: 992px) {
    .cat-banner__image {
        width: 100%;
        left: 0;
        right: initial;
        object-position: center;
    }
}

.cat-banner__content {
    position: absolute;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 20px;
    z-index: 15;
}
@media (min-width: 568px) {
    .cat-banner__content {
        padding: 30px;
    }
}
@media (min-width: 992px) {
    .cat-banner__content {
        opacity: 1;
        padding: 40px;
        width: 100%;
        height: 160px;
    }
}

.cat-banner__content--green {
    background-color: var(--green);
    color: var(--blue);
}
.cat-banner__content--green .cat-banner__heading {
    color: var(--blue);
}
.cat-banner__content--blue {
    background-color: var(--blue);
    color: var(--white);
}
.cat-banner__content--blue .cat-banner__heading {
    color: var(--white);
}

.cat-banner__heading {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
@media (min-width: 568px) {
    .cat-banner__heading {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    .cat-banner__heading {
        font-size: 24px;
    }
}

.cat-banner__link {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-decoration: underline;
}
@media (min-width: 568px) {
    .cat-banner__link {
        font-size: 16px;
    }
}

/* Top register bar */
body.customer_logged_in .site-msg.information,
body.ordering-process .site-msg.information {
    display: none;
}

@media (min-width: 768px) {
    body .overall-wrapper {
        padding-top: 36px;
    }

    body.customer_logged_in .overall-wrapper,
    body.ordering-process .overall-wrapper {
        padding-top: 0;
    }
}

.site-msg.information {
    position: relative;
    bottom: auto;
    width: 100%;
    top: 0;
    left: 0;
    max-width: none;
    box-shadow: none;
    background: var(--green);
    text-align: center;
    color: var(--blue);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 15px !important;
    opacity: 1;
    box-shadow: 0px 4px 20px rgba(0, 51, 77, 0.6);
}

@media (min-width: 768px) {
    .site-msg.information {
        box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.24);
        position: fixed;
    }
}

.site-msg.information a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--blue);
}

.site-msg.information a:hover {
    font-weight: 700;
    text-decoration: none;
}

.site-msg.information .close {
    display: none;
}

/* .site-msg.information .close::before {
    color: var(--blue);
} */

/* @media (max-width: 768px) {
    body:has(.site-msg) #navigation {
        top: 102px;
    }
} */

/* Products */
.products.products-page {
    margin-left: -10px;
    margin-right: -10px;
}

.product-slider-holder.has-navigation {
    padding-left: 0;
    padding-right: 0;
}

.product:not(#_) {
    padding: 10px;
}

.product:not(#_):hover {
    box-shadow: none;
}

.product:not(#_):hover .p {
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.16);
}

.product:not(#_) .p {
    background-color: var(--white);
    padding: 35px 25px;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.04);
}

.product:not(#_) .p .p-in {
    text-align: left;
}
.product:not(#_) .p .p-in .p-in-in .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    color: var(--blue);
    height: 48px;
}
.product:not(#_) .p .p-in .p-in-in .name:hover {
    text-decoration: none;
}

.product:not(#_) .p .p-in .p-in-in .p-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--blue);
    height: 48px;
}

.product:not(#_) .p .p-in .p-in-in .ratings-wrapper {
    margin-bottom: 20px;
}

.product:not(#_) .p .p-in .p-in-in .ratings-wrapper .stars-placeholder {
    display: none;
}

.product:not(#_) .p .p-in .p-in-in .ratings-wrapper .prices {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0em;
    color: var(--blue);
    white-space: nowrap;
}

.product:not(#_) .p .p-in .p-in-in .ratings-wrapper .availability {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0em;
    order: 2;
}

.product:not(#_) .p .p-in .p-bottom {
    padding: 0;
}
.product:not(#_) .p .p-in .p-bottom .p-tools {
    padding: 0;
    text-align: left;
}

.product:not(#_) .p .p-code {
    display: none;
}

.product .quantity {
    color: var(--blue);
    background: var(--grey-darker);
    border-radius: 3px;
    overflow: hidden;
    border: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    margin-right: 20px;
}

.product .quantity input {
    width: 40px;
    border: 0 !important;
    font-family: "acumin-pro-wide", sans-serif !important;
}

.product .quantity .decrease,
.product .quantity .increase {
    background-color: inherit;
    border: 0 !important;
}

.product .quantity .decrease:hover,
.product .quantity .increase:hover {
    background-color: var(--green);
}

.product .quantity .decrease:hover::before,
.product .quantity .increase:hover::before {
    background-color: var(--green);
}

.product .btn:where(:not(.search-button)).add-to-cart-button:not(#_) {
    font-weight: 700;
    font-size: 16px;
    color: var(--green);
    background: var(--blue);
    border-radius: 3px;
    border: 0 !important;
}

.product .btn:where(:not(.search-button)).add-to-cart-button:hover:not(#_) {
    color: var(--blue);
    background: var(--green);
}

.product .p .p-bottom > div .p-tools > .btn:last-child {
    /* Hide product detail button */
    display: none;
}

.products-register {
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    width: 100%;
}

.products-register-link {
    font-weight: 700;
    text-decoration: underline;
}

/* Disable HP product slider */
body.in-index .products-wrapper .products .products-block {
    width: 100% !important;
    transform: none !important;
}

body.in-index .products .product:not(#_) {
    display: none;
}
body.in-index .products .product:nth-child(n + 5) {
    display: none;
}
body.in-index .products .product:not(#_):nth-child(1),
body.in-index .products .product:not(#_):nth-child(2),
body.in-index .products .product:not(#_):nth-child(3),
body.in-index .products .product:not(#_):nth-child(4) {
    display: block;
}

body.in-index .products-wrapper .product-slider-pagination {
    display: none;
}

body.in-index .products-wrapper .product-slider-navigation {
    display: none;
}

.flag {
    border-radius: 3px;
    font-weight: 700;
    line-height: 1.25;
    padding: 5px 8px;
}

/* Category */
.category-header {
    margin-bottom: 25px;
    box-shadow: 0 0;
}

.sidebar-inner {
    margin-top: 0;
    padding-top: 0;
    padding-right: 40px;
}

.content-wrapper-in .category-top {
    display: none;
}

.sidebar-inner > div.box-sm {
    margin: 10px 0 0;
}

.box {
    border-radius: 3px;
    border: 0 !important;
}

.box.box-filters {
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.04);
}

.subcategories {
    margin: 0 -10px;
    margin-bottom: 20px;
}

.subcategories.with-image li {
    padding: 5px 0;
}

.subcategories li a {
    background-color: var(--white);
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.04);
    border-radius: 3px;
    overflow: hidden;
    margin: 0 10px;
    height: 70px;
    justify-content: center;
}

.subcategories li a .image {
    display: none !important;
}

.subcategories li a .text {
    padding: 0 15px;
    font-size: 16px;
    overflow: initial;
}

.category-perex,
.category__secondDescription {
    font-size: 14px;
    color: var(--blue);
}

@media (min-width: 768px) {
    .category-perex,
    .category__secondDescription {
        font-size: 15px;
    }
}

.category__secondDescription h1,
.category__secondDescription h2,
.category__secondDescription h3,
.category__secondDescription h4,
.category__secondDescription h5,
.category__secondDescription h6 {
    color: var(--blue);
}

.filters-wrapper .slider-wrapper {
    display: none !important;
}

.filter-sections {
    background-color: transparent;
}

.category-header #products-listing-order {
    border-color: transparent;
}

.type-category .category__secondDescription {
    padding-top: 50px;
    color: var(--blue);
}

.type-category .category__secondDescription p {
    color: var(--blue);
}

.type-category #content-wrapper {
    padding-bottom: 60px;
}

/* Button */
.btn.btn-default,
a.btn.btn-default,
.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-secondary,
a.btn.btn-secondary,
.btn.btn-conversion,
a.btn.btn-conversion {
    background-color: var(--color-secondary);
    color: var(--green);
    border: none;
    border-radius: 3px;
}

.btn.btn-default:hover,
a.btn.btn-default:hover,
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.btn.btn-secondary:hover,
a.btn.btn-secondary:hover,
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover {
    background-color: var(--green);
    color: var(--blue);
}

/* Post + text page + znacky + o nas */
body.type-post #content-wrapper {
    max-width: 1080px;
    padding-bottom: 60px;
}

body.in-znacka #content-wrapper {
    padding-bottom: 60px;
}

body.in-o-nas #content-wrapper {
    max-width: 1200px;
}

/* About benefits */
.abene {
    padding: 20px 0 60px 0;
}
@media (min-width: 768px) {
    .abene {
        padding: 60px 0 100px 0;
    }
}

.abene__inner {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 1200px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .abene__inner {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.abene__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .abene__item {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        margin-bottom: 0;
        padding: 0 20px;
    }
}

.abene__itemCircle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .abene__itemCircle {
        width: 90px;
        height: 90px;
    }
}

.abene__itemCircleImg {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
}
@media (min-width: 768px) {
    .abene__itemCircleImg {
        width: 40px;
        height: 40px;
    }
}

.abene__itemContent {
    display: block;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .abene__itemContent {
        text-align: center;
        padding-left: 0;
    }
}

.abene__itemHeading {
    font-size: 18px;
    font-weight: 700;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .abene__itemHeading {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 20px;
    }
}

.abene__itemText {
    font-size: 14px;
    font-weight: 400;
    color: var(--blue);
}

/* About logos */
.alogos {
    padding: 60px 0;
}
@media (min-width: 768px) {
    .alogos {
        padding: 120px 0;
    }
}

.alogos__heading {
    font-size: 28px;
    color: var(--blue);
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}
@media (min-width: 768px) {
    .alogos__heading {
        font-size: 40px;
        margin-bottom: 40px;
    }
}

.alogos__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.alogos__item {
    display: block;
    padding: 20px 30px;
}

.alogos__itemImg {
    display: block;
    object-fit: contain;
    object-position: center;
    width: 150px;
    height: 80px;
}

/* Four benefits */
.fourbene {
    padding: 40px 0 40px 0;
}
@media (min-width: 768px) {
    .fourbene {
        padding: 60px 0 60px 0;
    }
}

.fourbene__inner {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .fourbene__inner {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.fourbene__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .fourbene__item {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        margin-bottom: 0;
        padding: 0 20px;
    }
}

.fourbene__itemCircle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .fourbene__itemCircle {
        width: 90px;
        height: 90px;
    }
}

.fourbene__itemCircleImg {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
}
@media (min-width: 768px) {
    .fourbene__itemCircleImg {
        width: 40px;
        height: 40px;
    }
}

.fourbene__itemContent {
    display: block;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .fourbene__itemContent {
        text-align: center;
        padding-left: 0;
    }
}

.fourbene__itemHeading {
    font-size: 18px;
    font-weight: 700;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .fourbene__itemHeading {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 20px;
    }
}

.fourbene__itemText {
    font-size: 14px;
    font-weight: 400;
    color: var(--blue);
}

/* Two cols */
.twocols {
    padding: 20px 0 20px 0;
}

.twocols h1,
.twocols h2,
.twocols h3,
.twocols h4,
.twocols h5,
.twocols h6 {
    color: var(--blue);
}

@media (min-width: 768px) {
    .twocols {
        padding: 40px 0 40px 0;
    }
}

.twocols__inner {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    align-items: center;
}
@media (min-width: 992px) {
    .twocols__inner {
        gap: 60px;
        grid-template-columns: 1fr 1fr;
    }
}

.twocols__image {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    order: 2;
    border-radius: 3px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .twocols__image {
        order: initial;
    }
}

.twocols__imageImg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.twocols__text {
    display: block;
}

/* Brand heading */
.brand-heading {
    font-size: 28px;
    color: var(--blue);
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .brand-heading {
        font-size: 40px;
    }
}

/* Product detail */
.type-product .breadcrumbs {
    width: 100%;
}
.type-detail #content-wrapper {
    padding-bottom: 60px;
}

.type-detail .p-short-description {
    line-height: 1.5;
}

.type-detail .p-short-description ul {
    line-height: 2;
    list-style-type: disc;
    padding-left: 25px;
}

.type-detail .p-short-description ul li::before {
    display: none;
}

.type-detail #product-detail-form table.detail-parameters {
    margin-bottom: 15px;
}

.type-detail #product-detail-form table.detail-parameters tbody tr th {
    display: none !important;
}

.type-detail #product-detail-form table.detail-parameters tbody tr td {
    padding-left: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}

.type-detail #product-detail-form .price-additional {
    margin-top: 8px;
}

.type-detail #product-detail-form .price-measure {
    font-weight: bold;
    font-size: 14px;
}

.type-detail #product-detail-form .p-variants-block {
    margin-bottom: 15px;
}

.type-detail #product-detail-form .p-variants-block .sold-out-wrapper {
    font-weight: 700;
}

.type-detail #product-detail-form .availability-label {
    margin-left: 0;
}

.type-detail .p-to-cart-block {
    gap: 15px 20px;
}

.type-detail .p-to-cart-block .add-to-cart {
    margin-left: 0;
}

.type-detail .btn.btn-cart.chatgo-hide-price-no-before {
    font-weight: 700;
    font-size: 16px;
    color: var(--green);
    background: var(--blue);
    border-radius: 3px;
    border: 0 !important;
    margin-left: -20px;
    margin-top: 10px;
}

.type-detail .btn.btn-cart.chatgo-hide-price-no-before:hover {
    color: var(--blue);
    background: var(--green);
}

.type-detail .p-to-cart-block .add-to-cart .quantity {
    color: var(--blue);
    background: var(--grey-darker);
    border-radius: 3px;
    overflow: hidden;
    border: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
}

.type-detail .p-to-cart-block .add-to-cart .quantity input {
    width: 40px;
    border: 0 !important;
    font-family: "acumin-pro-wide", sans-serif !important;
}

.type-detail .p-to-cart-block .add-to-cart .quantity .decrease,
.type-detail .p-to-cart-block .add-to-cart .quantity .increase {
    background-color: inherit;
    border: 0 !important;
}

.type-detail .p-to-cart-block .add-to-cart .quantity .decrease:hover,
.type-detail .p-to-cart-block .add-to-cart .quantity .increase:hover {
    background-color: var(--green);
}

.type-detail .p-to-cart-block .add-to-cart .quantity .decrease:hover::before,
.type-detail .p-to-cart-block .add-to-cart .quantity .increase:hover::before {
    background-color: var(--green);
}

.type-detail .p-to-cart-block .btn:where(:not(.search-button)).add-to-cart-button:not(#_) {
    font-weight: 700;
    font-size: 16px;
    color: var(--green);
    background: var(--blue);
    border-radius: 3px;
    border: 0 !important;
    flex-grow: 0;
    width: 200px;
}

.type-detail .p-to-cart-block .btn:where(:not(.search-button)).add-to-cart-button:hover:not(#_) {
    color: var(--blue);
    background: var(--green);
}

@media (min-width: 1200px) {
    .type-detail .wide .p-detail-inner .p-image-wrapper {
        padding-right: 60px;
        width: 50%;
    }
}

.type-detail .p-detail-inner .p-to-cart-block {
    padding-left: 0;
    padding-right: 0;
}

.type-detail .p-detail-inner .p-final-price-wrapper {
    width: 100%;
}

.type-detail .wide .p-detail-inner .p-image-wrapper .p-image .p-main-image {
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.04);
}

.type-detail .wide .p-detail-inner .p-image-wrapper .flags {
    padding: 15px;
}

.type-detail .social-buttons-wrapper {
    display: none;
}
.type-detail .responsive-nav {
    display: none;
}
.type-detail #productDiscussion {
    display: none;
}

.type-detail #accordion-content .shp-accordion .shp-accordion-link {
    display: none !important;
}

.type-detail #accordion-content .shp-accordion .shp-accordion-content {
    margin-top: 0 !important;
}

.type-detail .description-inner-top {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    width: 100%;
    padding-right: 0;
}
@media (min-width: 768px) {
    .type-detail .description-inner-top {
        flex-direction: row;
        padding: 80px 0;
        width: 100%;
        padding-right: 60px;
    }
}

.type-detail .download-description {
    order: 2;
    width: 100%;
}
@media (min-width: 768px) {
    .type-detail .download-description {
        width: calc(50% - 20px);
    }
}
.type-detail .download-description p strong {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    color: var(--blue);
}
.type-detail .download-description li {
    list-style-type: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7a7a7a;
    padding: 10px 20px;
    position: relative;
    display: flex;
}
@media (min-width: 768px) {
    .type-detail .download-description li {
        font-size: 16px;
        line-height: 24px;
    }
}
.type-detail .download-description li:nth-child(even) {
    background-color: var(--white);
}
.type-detail .download-description li:nth-child(odd) {
    background-color: rgba(0, 51, 77, 0.04);
}
.type-detail .download-description li a {
    display: block;
    width: 100%;
    word-wrap: break-word;
    padding-right: 70px;
}
.type-detail .download-description li a:after {
    content: "Stáhnout";
    color: var(--blue);
    text-decoration: underline;
    text-align: right;
    position: absolute;
    right: 20px;
}
.type-detail .download-description li img {
    display: none;
}

.type-detail .extended-description {
    margin-right: 0;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--blue);
    width: 100%;
}
@media (min-width: 768px) {
    .type-detail .extended-description {
        margin-right: 20px;
        margin-bottom: 0;
        width: calc(50% - 20px);
    }
}
.type-detail .extended-description p strong {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    color: var(--blue);
}
.type-detail .extended-description .detail-parameters {
}
.type-detail .extended-description .detail-parameters .row-header-label {
    background-color: transparent;
}
.type-detail .extended-description .detail-parameters th,
.type-detail .extended-description .detail-parameters td {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--blue);
    padding: 10px 20px;
}
@media (min-width: 768px) {
    .type-detail .extended-description .detail-parameters th,
    .type-detail .extended-description .detail-parameters td {
        font-size: 16px;
        line-height: 24px;
    }
}
.type-detail .extended-description .detail-parameters th:after,
.type-detail .extended-description .detail-parameters td:after {
    content: none;
}
.type-detail .extended-description .detail-parameters tr:nth-child(even) th,
.type-detail .extended-description .detail-parameters tr:nth-child(even) td {
    background-color: rgba(0, 255, 163, 0.04);
}
.type-detail .extended-description .detail-parameters tr:nth-child(odd) th,
.type-detail .extended-description .detail-parameters tr:nth-child(odd) td {
    background-color: var(--white);
}
.type-detail .extended-description .detail-parameters tr td {
    text-align: right;
    color: var(--blue);
    font-weight: bold;
}

.type-detail .products-related-header.products-header {
    font-size: 28px;
    color: var(--blue);
    margin-bottom: 0px;
    margin-top: 40px;
}
@media (min-width: 768px) {
    .type-detail .products-related-header.products-header {
        font-size: 40px;
        margin-bottom: 10px;
        margin-top: 60px;
    }
}

.basic-description h1,
.basic-description h2,
.basic-description h3,
.basic-description h4,
.basic-description h5,
.basic-description h6 {
    color: var(--blue);
}

/* Login */
body.in-login #content-wrapper {
    padding-bottom: 60px;
}

#formLogin {
    max-width: 600px;
    color: var(--blue);
}

#formLogin .form-control {
    border: none !important;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

#formLogin .password-helper a {
    text-decoration: underline;
}

#formLogin .password-helper {
    margin-left: 15px;
}

#formLogin .login-wrapper .btn {
    float: left;
}

/* Register */
body.in-registrace #content-wrapper {
    padding-bottom: 60px;
}

#register-form {
    max-width: 1000px;
    color: var(--blue);
}

#register-form h1,
#register-form h2,
#register-form h3,
#register-form h4,
#register-form h5,
#register-form h6 {
    color: var(--blue);
}

#register-form #additionalInformation {
    width: 100%;
}

#register-form .co-box.co-registration.box.box-bg-transparent {
    margin-top: 20px;
}

#register-form .form-control {
    border: none !important;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

#register-form .form-group.submit-wrapper {
    margin-top: 10px;
}

#register-form #additionalInformation .form-group.regions-wrapper {
    display: none !important;
}

.stay-in-touch {
    opacity: 0.6;
}

.stay-in-touch h4 {
    display: none;
}

.id--8 h4 {
    margin-top: 25px;
}

/* Password */
body.in-zapomenute-heslo #content-wrapper {
    padding-bottom: 60px;
}

#formForgottenPassword {
    max-width: 600px;
    color: var(--blue);
}

#formForgottenPassword .form-control {
    border: none !important;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

#formForgottenPassword .login-wrapper .btn {
    float: left;
}

.sidebar-inner > div.box-sm {
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
    background-color: var(--white);
}

/* Kosik */
body.in-kosik #content-wrapper {
    padding-top: 60px;
}

body.in-kosik h1,
body.in-kosik h2,
body.in-kosik h3,
body.in-kosik h4,
body.in-kosik h5,
body.in-kosik h6 {
    color: var(--blue);
}

/* Contact page */

body.in-kontakty #content-wrapper {
    padding-bottom: 60px;
    max-width: 1200px;
}

.cpage {
    display: block;
}

.cpage__heading {
    font-size: 28px;
    color: var(--blue);
}
@media (min-width: 992px) {
    .cpage__heading {
        font-size: 32px;
    }
}

.cpage__subheading {
    font-size: 18px;
    color: var(--blue);
    margin-bottom: 15px;
    margin-top: 0;
}
@media (min-width: 992px) {
    .cpage__subheading {
        font-size: 20px;
    }
}

.cpage__text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--blue);
}

.cpage__text a {
    text-decoration: underline;
}

.cpage__inner {
    display: block;
}

.cpage__quick {
    display: flex;
    align-items: center;
}

.cpage__quickImage {
    width: 120px;
    border-radius: 3px;
    margin-right: 20px;
}

.cpage__quickImageImg {
    display: block;
}

.cpage__quickText {
    /* Stylování pro třídu cpage__quickText */
}

.cpage__blocks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 30px 0;
}

.cpage__map {
    margin: 0 auto;
    margin-top: 60px;
}

.cpage__mapWrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 40%;
}

.cpage__mapWrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 992px) {
    .cpage__blocks--2 {
        grid-template-columns: 1fr 1fr;
    }

    .cpage__blocks--3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.cpage__block {
    padding: 30px;
    background-color: var(--white);
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

.cpage__blockImage {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px;
}

.cpage__blockImageImg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.cpage__form {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 60px;
}

#formContact .form-control {
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

/* Vyhledavani page */
body.in-vyhledavani #content-wrapper {
    padding-bottom: 60px;
}

/* Zakaznicka sekce page */
body.customer-page #content-wrapper {
    padding-bottom: 60px;
}

body.customer-page .sidebar-inner {
    padding-right: 0;
}
@media (min-width: 768px) {
    body.customer-page .sidebar-inner {
        padding-right: 40px;
    }
}

body.customer-page .sidebar-inner .client-center-box ul {
    padding-left: 15px;
    list-style-type: none;
}

body.customer-page .sidebar-inner .client-center-box ul li a:hover {
    text-decoration: underline;
}

body.customer-page .form-control {
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

/* Artice */
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    color: var(--blue);
}

/* Cart */
#cart-wrapper {
    color: var(--blue);
}

.cart-inner .cart-table,
.cart-table {
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--white);
}

.cart-table tr {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--grey-darker);
}

ol.cart-header {
    margin-bottom: 60px;
    margin-top: 20px;
}

body.in-krok-1 ol.cart-header,
body.in-krok-2 ol.cart-header {
    margin-top: 60px;
}

ol.cart-header li.active a::before,
ol.cart-header li.active strong::before,
ol.cart-header li.completed a::before,
ol.cart-header li.completed strong::before {
    background-color: var(--color-secondary);
    color: var(--green);
    font-weight: bold;
    border-color: var(--color-secondary);
}

ol.cart-header li.active a,
ol.cart-header li.active strong,
ol.cart-header li.completed a,
ol.cart-header li.completed strong,
ol.cart-header li.hover a,
ol.cart-header li.hover strong {
    background-color: transparent;
}

.cart-inner .order-button-text {
    font-weight: 700;
    margin-top: -3px;
    display: inline-block;
}

.cart-inner .quantity {
    color: var(--blue);
    background: var(--grey-darker);
    border-radius: 3px;
    overflow: hidden;
    border: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    margin-right: 20px;
}

.cart-inner .quantity input {
    width: 40px;
    border: 0 !important;
    font-family: "acumin-pro-wide", sans-serif !important;
}

.cart-inner .quantity .decrease,
.cart-inner .quantity .increase {
    background-color: inherit;
    border: 0 !important;
}

.cart-inner .quantity .decrease:hover,
.cart-inner .quantity .increase:hover {
    background-color: var(--green);
}

.cart-inner .quantity .decrease:hover::before,
.cart-inner .quantity .increase:hover::before {
    background-color: var(--green);
}

.cart-inner .checkout-box {
    background-color: var(--white);
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

.cart-inner .checkout-box .btn {
    color: var(--blue);
}

.cart-inner #summary-box .price-wrapper .price-label.price-primary {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6;
    color: var(--blue);
}

.cart-inner #summary-box .price-wrapper .price.price-primary {
    font-size: 16px;
    font-weight: 700;
    opacity: 0.6;
    color: var(--blue);
}

.cart-inner #summary-box .price-wrapper .price-label.price-secondary {
    flex: 1 1 100%;
    font-size: 16px;
    font-weight: 400;
    color: var(--blue);
}

.cart-inner #summary-box .price-wrapper .price.price-secondary {
    flex: 1 1 100%;
    font-size: 24px;
    font-weight: 700;
    color: var(--blue);
}

.cart-inner #summary-box {
    background-color: var(--white);
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
    padding: 20px;
}

.cart-inner #summary-box .order-summary-item.helper {
    display: none;
}

.cart-inner #summary-box .cart-item-amount .unit-value {
    color: var(--blue);
}

.cart-inner #summary-box .order-summary-item .cart-item-price,
.cart-inner #summary-box #shipping-billing-summary .recapitulation-shipping-billing-info span,
.cart-inner #summary-box #shipping-shipping-summary .recapitulation-shipping-billing-info span {
    font-weight: bold;
}

.cart-inner #summary-box .order-summary-item .cart-item-price::after {
    content: " bez DPH";
}

.cart-inner #summary-box .order-summary-item > div:not(.price-wrapper):last-child {
    flex: 0 0 140px;
}

.cart-inner #select-country-payment .co-basic-information .row .col-sm-6::before {
    display: block;
    content: "Zadejte PSČ pro dopravu:";
    font-weight: 400;
    font-size: 16px;
    color: var(--blue);
    margin-top: 10px;
    margin-bottom: 10px;
}

.cart-inner .form-control {
    border: none;
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
}

.cart-inner h1,
.cart-inner h2,
.cart-inner h3,
.cart-inner h4,
.cart-inner h5,
.cart-inner h6 {
    color: var(--blue);
}

.for-free,
.radio-wrapper.active .for-free {
    color: #00d085;
}

body.in-krok-2 .cart-inner .regions-wrapper {
    display: none !important;
}

body.in-krok-2 #shipping-address .box.co-shipping-address > .form-group.smart-label-wrapper.populated {
    display: none;
}

.cart-inner .toggle-coupon-input-button {
    display: none !important;
}

.cart-inner .discount-coupon {
    display: block !important;
}

.cart-inner .coupon-input .coupon-label-custom {
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Order summary */
body.in-dekujeme h1,
body.in-dekujeme h2,
body.in-dekujeme h3,
body.in-dekujeme h4,
body.in-dekujeme h5,
body.in-dekujeme h6 {
    color: var(--blue);
}

body.in-dekujeme .recapitulation-wrapper .recapitulation-table-payment .qrcode {
    display: none;
}

body.in-dekujeme .recapitulation-wrapper .recapitulation-table-payment {
    display: none;
}

.recapitulation-wrapper table tr th .row-header-label {
    background-color: var(--grey);
    font-weight: 700;
}

.recapitulation-wrapper .cart-table .p-total {
    padding-right: 15px;
}

/* Cookies */
.siteCookies,
.siteCookies__form,
.siteCookies--bottom.siteCookies--scrolled {
    background-color: var(--blue);
}

/* Content modal */
.content-modal {
    padding: 35px;
    background-color: #f7f7f7;
}

.content-modal h1:first-child,
.content-modal h2:first-child {
    margin-top: 0;
}

.content-modal .form-control {
    box-shadow: 0px 0px 15px rgba(0, 51, 77, 0.08);
    background-color: var(--white);
    border: 0;
}

.content-modal textarea.form-control {
    height: 100px;
}