/* ==========================================================
   HYGSI.SK – VLASTNÉ ŠTÝLY
   ========================================================== */

/* ==========================================================
   TOPBAR
   ========================================================== */

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


/* ==========================================================
   HLAVNÉ MENU – PÔVODNÝ OBSAH HYGSI.SK
   ========================================================== */

@media (min-width: 768px) {
    html body #header {
        position: relative;
        z-index: 1000;
    }

    html body.search-focused #header {
        z-index: auto;
    }

    html body #navigation.hygsi-original-navigation {
        overflow: visible !important;
    }

    html body #navigation.hygsi-original-navigation.fitted {
        overflow: visible !important;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in,
    html body #navigation.hygsi-original-navigation
    .navigation-wrapper {
        overflow: visible !important;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in {
        position: relative;
        z-index: 1001;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-native-menu {
        display: none !important;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu {
        display: flex !important;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li {
        flex: 0 1 auto;
        min-width: 0;
        position: static;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li:not(:first-child) > a::after {
        content: "";
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 0;
        width: 1px;
        background: #d9dbe2;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li > a {
        position: relative;
        display: flex;
        align-items: center;
        height: 64px;
        padding: 0 17px !important;
        color: #060633;
        font-size: 17px !important;
        font-weight: 600;
        line-height: 64px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li.hygsi-has-submenu > a::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 4px;
        background: #009fe3;
        opacity: 0;
        transform: scaleX(0);
        transition: opacity .15s ease, transform .15s ease;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li:hover > a::before,
    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li:focus-within > a::before,
    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li.hygsi-menu-active > a::before {
        opacity: 1;
        transform: scaleX(1);
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li > a > b {
        font-size: inherit !important;
        font-weight: inherit !important;
        letter-spacing: 0;
    }

    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-custom-menu > li > a
    .hygsi-submenu-arrow {
        display: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li > .hygsi-mega-menu {
        position: absolute;
        z-index: 1001;
        top: 100%;
        right: auto;
        left: var(--hygsi-menu-left, 0);
        display: none !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 0;
        row-gap: 30px;
        width: 100vw;
        margin: 0;
        padding: 40px var(--hygsi-menu-gutter, 40px) 40px;
        border: 0;
        border-radius: 0;
        background:
            url("https://www.hygsi.sk/assets/hygsi.sk/images/logo_drop_down.svg")
            right bottom / auto 88% no-repeat #e4f4fc;
        box-shadow:
            inset 0 3px 3px -3px rgba(0, 0, 0, .2),
            0 3px 6px rgba(13, 13, 115, .2);
        max-height: min(670px, calc(100vh - 205px));
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        box-sizing: border-box;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li:hover > .hygsi-mega-menu,
    .hygsi-custom-menu > li:focus-within > .hygsi-mega-menu,
    .hygsi-custom-menu > li.hygsi-menu-active > .hygsi-mega-menu {
        display: grid !important;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li > .hygsi-mega-menu::after {
        content: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-mega-menu > li {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        align-items: center;
        gap: 24px;
        min-width: 0;
        min-height: 80px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-mega-menu > li > .hygsi-menu-image {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #fff;
        overflow: hidden;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-mega-menu > li > .hygsi-menu-image img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-mega-menu > li > div > a {
        display: block;
        margin: 0 0 12px;
        padding: 0;
        color: #060633;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
        text-decoration: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-menu-level-3 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-menu-level-3 a {
        display: block;
        position: relative;
        padding: 9px 0 9px 20px;
        color: #060633;
        font-size: 14px;
        line-height: 1.2;
        text-decoration: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu .hygsi-menu-level-3 a::before {
        content: "";
        position: absolute;
        top: 16px;
        left: 4px;
        width: 8px;
        height: 2px;
        background: #009fe3;
    }
}

@media (max-width: 767px) {
    html body #navigation.hygsi-original-navigation
    .navigation-in > .hygsi-native-menu {
        display: none !important;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li {
        border-bottom: 1px solid #e7e7ea;
        list-style: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 18px;
        color: #0d0d73;
        text-decoration: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li > .hygsi-mega-menu {
        display: none !important;
        position: static;
        margin: 0;
        padding: 0 14px 12px;
        background: #fff;
        box-shadow: none;
    }

    html body #navigation.hygsi-original-navigation
    .hygsi-custom-menu > li.hygsi-menu-open > .hygsi-mega-menu {
        display: block !important;
    }
}

.hygsi-topbar {
    width: 100%;
    height: 40px;
    background: #0d0d73;
    color: #fff;
    font-size: 13px;
}

.hygsi-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1418px;
    height: 40px;
    margin: 0 auto;
    box-sizing: border-box;
}

.hygsi-topbar a {
    color: #fff;
    text-decoration: none;
    transition: color .25s;
}

.hygsi-topbar a:hover {
    color: #009fe3;
}

.hygsi-topbar-left,
.hygsi-topbar-right {
    display: flex;
    align-items: center;
    flex: 1;
}

.hygsi-topbar-left {
    justify-content: flex-start;
}

.hygsi-topbar-center {
    display: flex;
    justify-content: center;
    flex: 2;
    gap: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.hygsi-topbar-right {
    justify-content: flex-end;
    gap: 12px;
}


/* ==========================================================
   LOGO V HLAVIČKE
   ========================================================== */

#header .site-name,
.header .site-name {
    height: 100px !important;
    max-height: 100px !important;
}

#header .site-name a,
.header .site-name a {
    display: flex !important;
    align-items: center !important;
    height: 100px !important;
}

#header .site-name img,
.header .site-name img {
    width: auto !important;
    height: 90px !important;
    max-height: 90px !important;
}

/* ==========================================================
   HLAVIČKA – DELIACA ČIARA A VYHĽADÁVANIE
   ========================================================== */

@media (min-width: 768px) {
    html body #header .header-bottom {
        border-top: 0 !important;
        border-bottom: 1px solid #dadada !important;
    }

    html body #header .header-bottom-wrapper,
    html body #header #navigation {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    html body #header .search-form {
        width: 100% !important;
        max-width: 550px !important;
        height: 48px;
        margin: 0 auto !important;
    }

    html body #header .search-form .search-input {
        width: 100% !important;
        height: 48px !important;
        padding: 0 12px 0 40px !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d8df !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #5c5d70 !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 48px !important;
    }

    html body #header .search-form .search-input::placeholder {
        color: #5c5d70 !important;
        opacity: 1;
    }

    html body #header .search-form .search-input:focus {
        border-bottom-color: #009fe3 !important;
        outline: 0 !important;
    }

    html body #header .search-form .search-input-icon {
        top: 50% !important;
        left: 20px !important;
        width: 34px !important;
        height: 40px !important;
        color: #b8bac5 !important;
    }

    html body #header .search-form .search-input-icon::before {
        color: #b8bac5 !important;
        font-size: 24px !important;
    }
}


/* ==========================================================
   HLAVNÝ SLIDER
   ========================================================== */

.carousel-control {
    display: none !important;
}

.hygsi-indicators {
    position: absolute;
    left: 40px;
    bottom: 25px;
    z-index: 20;
    display: flex;
    gap: 14px;
}

.hygsi-indicators span {
    width: 38px;
    height: 4px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .45);
    cursor: pointer;
    transition: background .3s;
}

.hygsi-indicators span.active {
    background: #009fe3;
}

/* ==========================================================
   DOMOV – ŽIVÝ PORADCA S NÁKUPOM
   ========================================================== */

html body.type-index
.next-to-carousel-banners .banner-wrapper{
    height:100%!important;
}

@media (min-width: 768px) {
    html body.type-index .banners-row {
        display: flex !important;
        align-items: stretch;
        flex-wrap: nowrap;
        margin-top: 8px !important;
    }

    html body.type-index .banners-row::before,
    html body.type-index .banners-row::after {
        display: none !important;
    }

    html body.type-index .banners-row > .col-sm-8 {
        float: none !important;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    html body.type-index .banners-row > .col-sm-4 {
        display: flex;
        float: none !important;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    html body.type-index .next-to-carousel-banners {
        display: flex;
        flex: 1 1 auto;
        align-self: stretch;
        width: 100%;
        max-width: none;
        padding-left: clamp(18px, 1.35vw, 28px) !important;
        box-sizing: border-box;
    }

    html body.type-index
    .next-to-carousel-banners .banner-wrapper {
        width: 100%;
        height: 100% !important;
    }

    html body.type-index .hygsi-home-advisor {
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
    }
}

html body.type-index .hygsi-home-advisor{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:100%;
    aspect-ratio:807 / 955;
    padding:7.2% 6.2% 7%;
    overflow:hidden;
    box-sizing:border-box;
    background:#dff4fc;
    color:#09075e;
    font-family:Roboto,Arial,sans-serif;
}

html body.type-index .hygsi-home-advisor-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:5%;
}

html body.type-index .hygsi-home-advisor-photo{
    position:relative;
    display:block;
    flex:0 0 36%;
    width:36%;
    aspect-ratio:1;
    overflow:hidden;
    border-radius:50%;
    background:#009fda;
}

html body.type-index .hygsi-home-advisor-photo img{
    position:absolute;
    top:-24.5%;
    left:-16%;
    display:block;
    width:278%;
    max-width:none;
    height:auto;
    margin:0;
}

html body.type-index .hygsi-home-advisor h2{
    margin:0!important;
    color:#09075e!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:clamp(24px,2.25vw,34px)!important;
    font-weight:700!important;
    line-height:1.14!important;
    letter-spacing:-.02em;
}

html body.type-index .hygsi-home-advisor-subtitle{
    position:relative;
    z-index:2;
    width:96%;
    margin:14% 0 0!important;
    color:#09075e!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:clamp(15px,1.28vw,19px)!important;
    font-weight:700!important;
    line-height:1.42!important;
}

html body.type-index .hygsi-home-advisor-links{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:13px;
    margin-top:8%;
}

html body.type-index .hygsi-home-advisor-links a{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:center;
    gap:6px;
    color:#09075e!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:clamp(13px,1.08vw,16px)!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
    transition:color .2s ease;
}

html body.type-index .hygsi-home-advisor-links a > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:18px;
    color:#00a3e0;
    font-size:26px;
    font-weight:400;
    line-height:1;
    transition:transform .2s ease;
}

html body.type-index .hygsi-home-advisor-links a:hover,
html body.type-index .hygsi-home-advisor-links a:focus-visible{
    color:#00a3e0!important;
}

html body.type-index
.hygsi-home-advisor-links a:hover > span,
html body.type-index
.hygsi-home-advisor-links a:focus-visible > span{
    transform:translateX(3px);
}

html body.type-index
.hygsi-home-advisor-links a:focus-visible{
    border-radius:3px;
    outline:2px solid #00a3e0;
    outline-offset:3px;
}

html body.type-index .hygsi-home-advisor-watermark{
    position:absolute;
    right:-4%;
    bottom:-10%;
    z-index:1;
    color:rgba(0,163,224,.12);
    font-family:Arial,sans-serif;
    font-size:clamp(180px,19vw,270px);
    font-weight:700;
    line-height:.8;
    user-select:none;
    pointer-events:none;
}

@media(max-width:991px){
    html body.type-index .hygsi-home-advisor{
        padding:7% 6% 6%;
    }

    html body.type-index .hygsi-home-advisor h2{
        font-size:clamp(20px,2.6vw,28px)!important;
    }

    html body.type-index .hygsi-home-advisor-subtitle{
        margin-top:11%!important;
        font-size:clamp(13px,1.55vw,16px)!important;
    }

    html body.type-index .hygsi-home-advisor-links{
        gap:9px;
        margin-top:7%;
    }

    html body.type-index .hygsi-home-advisor-links a{
        grid-template-columns:15px minmax(0,1fr);
        gap:4px;
        font-size:clamp(11px,1.3vw,14px)!important;
    }

    html body.type-index
    .hygsi-home-advisor-links a > span{
        width:15px;
        font-size:21px;
    }
}

@media(max-width:767px){
    html body.type-index .hygsi-home-advisor{
        min-height:0;
        aspect-ratio:807 / 835;
    }

    html body.type-index .hygsi-home-advisor h2{
        font-size:clamp(27px,8vw,38px)!important;
    }

    html body.type-index .hygsi-home-advisor-subtitle{
        margin-top:9%!important;
        font-size:clamp(16px,4.4vw,21px)!important;
    }

    html body.type-index .hygsi-home-advisor-links{
        gap:12px;
        margin-top:6%;
    }

    html body.type-index .hygsi-home-advisor-links a{
        grid-template-columns:20px minmax(0,1fr);
        gap:7px;
        font-size:clamp(14px,4vw,18px)!important;
    }

    html body.type-index
    .hygsi-home-advisor-links a > span{
        width:20px;
        font-size:27px;
    }
}


/* ==========================================================
   BENEFITY A PRODUKTY
   ========================================================== */

.benefitBanner {
    margin: 70px auto !important;
}

.benefitBanner__data {
    font-size: 12px !important;
    line-height: 1.6;
}

.products-block .p-desc {
    font-size: 13px !important;
    line-height: 1.5;
}

.btn-cart,
.btn-cart span {
    font-weight: 600 !important;
}


/* ==========================================================
   TLAČIDLO „ZOBRAZIŤ ĎALŠIE PRODUKTY“
   ========================================================== */

.hygsi-more-products {
    margin: 28px 0 10px;
    text-align: center;
}

.hygsi-more-products a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border: 2px solid #8fd3f5;
    border-radius: 8px;
    background: #e4f4fc;
    color: #0d0d73;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s;
}

.hygsi-more-products a::after {
    content: "›";
    font-size: 28px;
    line-height: 1;
}

.hygsi-more-products a:hover {
    border-color: #009fe3;
    background: #009fe3;
    color: #fff;
}


/* ==========================================================
   ŠÍRKA HOMEPAGE SEKCIÍ
   ========================================================== */

#content .container-narrow {
    width: 100% !important;
    max-width: 1418px !important;
}


/* ==========================================================
   O NÁS
   ========================================================== */

.welcome-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.welcome {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.welcome .hygsi-about {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    align-items: center;
    gap: 70px;
    width: 100% !important;
    max-width: none !important;
}

.welcome .hygsi-about-text,
.welcome .hygsi-about-image {
    min-width: 0;
}

.welcome .hygsi-about-text h2 {
    margin: 0 0 26px;
    color: #0d0d73;
    font-size: 28px !important;
    font-weight: 600;
    line-height: 1.25;
}

.welcome .hygsi-about-text p {
    margin: 0 0 22px;
    color: #555a75;
    font-size: 15px !important;
    line-height: 1.7;
}

.welcome .hygsi-about-text p:first-of-type {
    color: #44485d;
    font-weight: 700;
}

.welcome .hygsi-about-text a {
    color: #009fe3;
    text-decoration: underline;
}

.welcome .hygsi-about-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}


/* ==========================================================
   NADPISY HOMEPAGE SEKCIÍ
   ========================================================== */

.homepage-group-title,
.hygsi-usage-section h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #0d0d73;
    font-weight: 700;
}

.homepage-group-title {
    margin: 20px 0 35px !important;
    font-size: 28px !important;
    line-height: 1.2;
}

.homepage-group-title::before,
.hygsi-usage-section h2::before {
    content: "";
    flex-shrink: 0;
    background-image: url("/user/documents/upload/mceclip0-2.png?1782939349");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.homepage-group-title::before {
    width: 42px;
    height: 42px;
}


/* ==========================================================
   OBLASTI POUŽITIA
   ========================================================== */

.hygsi-usage-section {
    width: 100% !important;
    max-width: none !important;
    margin: 30px 0 100px !important;
    padding: 0 !important;
}

.hygsi-usage-section h2 {
    margin: 0 0 28px;
    font-size: 26px;
}

.hygsi-usage-section h2::before {
    width: 34px !important;
    height: 38px !important;
    background-size: 35px 45px !important;
}

.hygsi-usage-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 330px;
    gap: 18px;
}

.hygsi-usage-item {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    border-radius: 4px;
}

.hygsi-usage-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .35s;
}

.hygsi-usage-item:hover img {
    transform: scale(1.05);
}

.hygsi-usage-large,
.hygsi-usage-wide {
    grid-column: span 2;
}

.hygsi-usage-item span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 13px 22px;
    border-radius: 3px;
    background: #0d0d73;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}


/* ==========================================================
   HYGSI INFORMAČNÝ PORTÁL
   ========================================================== */

.homepage-blog-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 44px 0 !important;
}

.homepage-blog-wrapper .homepage-group-title {
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0 0 25px !important;
}

.homepage-blog-wrapper .news-item {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    flex: none !important;
    float: none !important;
}

.homepage-blog-wrapper .news-item img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.homepage-blog-wrapper .news-item .title {
    font-weight: 500 !important;
}

.homepage-blog-wrapper::before,
.homepage-blog-wrapper::after {
    display: none !important;
}


/* Odkazy pod článkami */

.hygsi-cat {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    color: #0d0d73 !important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    transition: color .25s;
}

.hygsi-cat b {
    color: #009fe3;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    transition: transform .25s;
}

.hygsi-cat:hover {
    color: #009fe3 !important;
}

.hygsi-cat:hover b {
    transform: translateX(4px);
}


/* ==========================================================
   BANNER SYSTÉMOVÁ HYGIENA
   ========================================================== */

.hygsi-system-section {
    width: 100%;
    margin: 70px 0 !important;
    padding: 0 !important;
}

.hygsi-system-banner {
    display: block;
    width: 100%;
}

.hygsi-system-banner img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 120px !important;
}


/* ==========================================================
   PÄTIČKA PODĽA PÔVODNÉHO HYGSI.SK
   ========================================================== */

html body #footer{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#e8f6fd!important;
    color:#060633!important;
}

html body #footer .hygsi-original-footer-hidden{
    display:none!important;
}

html body #footer .hygsi-footer-v2{
    width:100%!important;
    margin:0!important;
    padding:52px 30px 0!important;
    border:0!important;
    background:#e8f6fd!important;
    color:#060633!important;
    box-sizing:border-box!important;
}

html body #footer .hygsi-footer-v2-inner{
    display:grid!important;
    grid-template-columns:260px repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
        "brand newsletter newsletter newsletter"
        "social contact info shopping"
        "payments payments payments payments"!important;
    column-gap:40px!important;
    row-gap:54px!important;
    width:100%!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
}

html body #footer .hygsi-footer-brand{
    grid-area:brand;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:start!important;
    width:190px!important;
    margin:0!important;
    padding:0!important;
    text-decoration:none!important;
}

html body #footer .hygsi-footer-brand img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:112px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
}

html body #footer .hygsi-footer-newsletter{
    grid-area:newsletter;
    display:grid!important;
    grid-template-columns:310px minmax(0,1fr)!important;
    align-items:center!important;
    gap:38px!important;
    min-width:0!important;
    margin:20px 0 0!important;
    padding:0!important;
}

html body #footer .hygsi-footer-newsletter h3{
    margin:0!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:700!important;
    line-height:1.2!important;
    white-space:nowrap!important;
}

html body #footer .hygsi-footer-newsletter-form,
html body #footer .hygsi-footer-newsletter-form form,
html body #footer .hygsi-footer-newsletter-form fieldset{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

html body #footer .hygsi-footer-newsletter-form fieldset{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 146px!important;
    align-items:center!important;
    gap:14px!important;
}

html body #footer
.hygsi-footer-newsletter-form
.form-group{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

html body #footer
.hygsi-footer-newsletter-form
.smart-label-wrapper{
    position:relative!important;
}

html body #footer
.hygsi-footer-newsletter-form
.smart-label-wrapper>label{
    display:none!important;
}

html body #footer
.hygsi-footer-newsletter-form
.form-control-wrapper{
    position:relative!important;
    display:block!important;
    width:100%!important;
}

html body #footer
.hygsi-footer-newsletter-form
.form-control-wrapper::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:2px!important;
    z-index:2!important;
    width:24px!important;
    height:18px!important;
    border:2px solid #39a4dc!important;
    border-radius:1px!important;
    background:transparent!important;
    transform:translateY(-50%)!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
}

html body #footer
.hygsi-footer-newsletter-form
.form-control-wrapper::after{
    content:""!important;
    position:absolute!important;
    top:20px!important;
    left:7px!important;
    z-index:2!important;
    width:13px!important;
    height:13px!important;
    border-right:2px solid #39a4dc!important;
    border-bottom:2px solid #39a4dc!important;
    transform:rotate(45deg)!important;
    pointer-events:none!important;
}

html body #footer
.hygsi-footer-newsletter-form
input[type="email"]{
    display:block!important;
    width:100%!important;
    height:56px!important;
    margin:0!important;
    padding:0 10px 0 38px!important;
    border:0!important;
    border-bottom:2px solid rgba(0,159,227,.36)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:56px!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

html body #footer
.hygsi-footer-newsletter-form
input[type="email"]::placeholder{
    color:#29293f!important;
    opacity:1!important;
}

html body #footer
.hygsi-footer-newsletter-form
input[type="email"]:focus{
    border-bottom-color:#009fe3!important;
    outline:0!important;
}

html body #footer
.hygsi-footer-newsletter-form
.consents,
html body #footer
.hygsi-footer-newsletter-form
.no-display{
    display:none!important;
}

html body #footer
.hygsi-footer-newsletter-form
button[type="submit"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:146px!important;
    height:56px!important;
    margin:0!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:2px!important;
    background:#3ca4dc!important;
    color:#fff!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1!important;
    text-transform:none!important;
    box-shadow:none!important;
}

html body #footer
.hygsi-footer-newsletter-form
button[type="submit"]::after{
    content:"›"!important;
    display:block!important;
    margin-left:10px!important;
    color:#fff!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:1!important;
}

html body #footer
.hygsi-footer-newsletter-form
button[type="submit"]:hover{
    background:#2497d4!important;
}

html body #footer .hygsi-footer-social{
    grid-area:social;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
}

html body #footer .hygsi-footer-social a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(0,159,227,.55)!important;
    border-radius:4px!important;
    background:transparent!important;
    color:#0d0d73!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}

html body #footer .hygsi-footer-social a:hover{
    border-color:#009fe3!important;
    color:#009fe3!important;
}

html body #footer .hygsi-footer-social svg{
    display:block!important;
    width:34px!important;
    height:34px!important;
    fill:currentColor!important;
}

html body #footer .hygsi-footer-social a:nth-child(2) svg{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
}

html body #footer
.hygsi-footer-social
.hygsi-pin-letter{
    fill:#e8f6fd!important;
    stroke:none!important;
    font-family:Georgia,serif!important;
    font-size:18px!important;
    font-weight:700!important;
}

html body #footer .hygsi-footer-contact{
    grid-area:contact;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#060633!important;
}

html body #footer .hygsi-footer-contact p{
    margin:0 0 26px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.45!important;
}

html body #footer .hygsi-footer-contact>strong{
    margin:0 0 12px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.3!important;
}

html body #footer .hygsi-footer-certificates{
    display:block!important;
    width:215px!important;
    margin:0 0 25px!important;
    padding:0!important;
}

html body #footer .hygsi-footer-certificates img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
}

html body #footer .hygsi-footer-contact-link{
    display:block!important;
    margin:0 0 11px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.3!important;
    text-decoration:none!important;
}

html body #footer .hygsi-footer-contact-link:hover{
    color:#009fe3!important;
}

html body #footer .hygsi-footer-info{
    grid-area:info;
}

html body #footer .hygsi-footer-shopping{
    grid-area:shopping;
}

html body #footer .hygsi-footer-column{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

html body #footer .hygsi-footer-column h3{
    margin:0 0 28px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body #footer .hygsi-footer-column a{
    display:block!important;
    margin:0 0 17px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.25!important;
    text-decoration:none!important;
}

html body #footer .hygsi-footer-column a:hover{
    color:#009fe3!important;
}

html body #footer .hygsi-footer-payments{
    grid-area:payments;
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:32px!important;
    margin:-6px 0 0!important;
    padding:0!important;
    transform:translateY(16px)!important;
}

html body #footer .hygsi-footer-payments img{
    display:block!important;
    width:48px!important;
    height:32px!important;
    margin:0!important;
    object-fit:contain!important;
}

html body #footer .footer-bottom{
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 30px!important;
    border:0!important;
    background:#0d0d73!important;
    color:rgba(255,255,255,.58)!important;
    box-sizing:border-box!important;
}

html body #footer .footer-bottom>.container{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:22px!important;
    width:100%!important;
    max-width:1200px!important;
    min-height:44px!important;
    margin:0 auto!important;
    padding:0!important;
    color:inherit!important;
}

html body #footer .footer-bottom .copyright,
html body #footer .footer-bottom #signature{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    color:rgba(255,255,255,.58)!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-decoration:none!important;
}

html body #footer .footer-bottom .copyright{
    order:1;
}

html body #footer .footer-bottom #signature{
    order:2;
}

html body #footer .footer-bottom #signature::before{
    content:""!important;
    display:block!important;
    width:1px!important;
    height:18px!important;
    margin-right:14px!important;
    background:rgba(255,255,255,.22)!important;
}

html body #footer .footer-bottom a{
    color:rgba(255,255,255,.68)!important;
    text-decoration:none!important;
}

html body #footer .footer-bottom a:hover{
    color:#fff!important;
}

html body #footer .footer-bottom #signature img{
    filter:grayscale(1) brightness(3)!important;
    opacity:.7!important;
}

html body #footer .footer-bottom .cookies-settings{
    margin-left:10px!important;
}

@media(max-width:991px){
    html body #footer .hygsi-footer-v2{
        padding:44px 24px 0!important;
    }

    html body #footer .hygsi-footer-v2-inner{
        grid-template-columns:220px minmax(0,1fr)!important;
        grid-template-areas:
            "brand brand"
            "newsletter newsletter"
            "social contact"
            "info shopping"
            "payments payments"!important;
        column-gap:46px!important;
        row-gap:40px!important;
        max-width:760px!important;
    }

    html body #footer .hygsi-footer-newsletter{
        grid-template-columns:260px minmax(0,1fr)!important;
        gap:24px!important;
        margin:0!important;
    }

    html body #footer .hygsi-footer-column{
        margin-top:8px!important;
    }

    html body #footer .footer-bottom>.container{
        flex-wrap:wrap!important;
        justify-content:center!important;
        gap:10px 18px!important;
        padding:10px 0!important;
    }
}

@media(max-width:600px){
    html body #footer .hygsi-footer-v2{
        padding:38px 20px 0!important;
    }

    html body #footer .hygsi-footer-v2-inner{
        grid-template-columns:1fr!important;
        grid-template-areas:
            "brand"
            "newsletter"
            "social"
            "contact"
            "info"
            "shopping"
            "payments"!important;
        row-gap:34px!important;
        max-width:420px!important;
    }

    html body #footer .hygsi-footer-brand{
        justify-self:center!important;
        width:180px!important;
    }

    html body #footer .hygsi-footer-newsletter{
        display:block!important;
        margin:0!important;
    }

    html body #footer .hygsi-footer-newsletter h3{
        margin:0 0 20px!important;
        font-size:21px!important;
        text-align:center!important;
        white-space:normal!important;
    }

    html body #footer
    .hygsi-footer-newsletter-form
    fieldset{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    html body #footer
    .hygsi-footer-newsletter-form
    button[type="submit"]{
        width:100%!important;
    }

    html body #footer .hygsi-footer-social{
        justify-content:center!important;
    }

    html body #footer .hygsi-footer-contact,
    html body #footer .hygsi-footer-column{
        align-items:center!important;
        text-align:center!important;
    }

    html body #footer .hygsi-footer-column h3{
        margin-bottom:20px!important;
        font-size:21px!important;
    }

    html body #footer .hygsi-footer-payments{
        flex-wrap:wrap!important;
        justify-content:center!important;
        gap:6px!important;
        transform:translateY(14px)!important;
    }

    html body #footer .footer-bottom{
        padding:18px 20px 14px!important;
    }

    html body #footer .footer-bottom>.container{
        display:flex!important;
        flex-direction:column!important;
        min-height:0!important;
        text-align:center!important;
    }

    html body #footer .footer-bottom #signature::before{
        display:none!important;
    }
}


/* ==========================================================
   PRODUKTOVÝ DETAIL
   ========================================================== */

body.type-detail .breadcrumbs,
body.type-detail .sidebar,
body.type-detail aside.sidebar{
    display:none!important;
}

body.type-detail #content,
body.type-detail #content.content.narrow,
body.type-detail .content-wrapper-in{
    width:100%!important;
    max-width:1418px!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
}

body.type-detail .p-detail{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}

body.type-detail .p-detail-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:0!important;
}

body.type-detail .p-detail-inner>.p-image-wrapper{
    grid-column:1!important;
    grid-row:1!important;
}

body.type-detail .p-detail-inner>.p-data-wrapper{
    grid-column:2!important;
    grid-row:1!important;
}

body.type-detail .p-image-wrapper,
body.type-detail .p-data-wrapper{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    float:none!important;
    box-sizing:border-box!important;
}

body.type-detail .p-detail-inner-header-mobile{
    display:none!important;
}


/* ==========================================================
   PRODUKTOVÁ GALÉRIA
   ========================================================== */

body.type-detail .p-image-wrapper{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    grid-template-rows:620px!important;
    grid-template-areas:"thumbs main"!important;
    align-items:center!important;
    column-gap:25px!important;
    min-height:760px!important;
    padding:55px 45px!important;
    background:#fff!important;
}

/* Hlavný obrázok */

body.type-detail .p-image-wrapper>.p-image{
    grid-area:main!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:620px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

body.type-detail .p-image-wrapper>.p-image>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:620px!important;
    margin:0!important;
}

body.type-detail .p-image-wrapper>.p-image img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:590px!important;
    margin:auto!important;
    object-fit:contain!important;
}

/* Pôvodné Shoptet náhľady */

body.type-detail .p-image-wrapper>.row,
body.type-detail .hygsi-original-thumbs-hidden{
    display:none!important;
}

/* Vlastné náhľady vytvorené cez hygsi.js */

body.type-detail .hygsi-product-thumbs{
    grid-area:thumbs!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    gap:14px!important;
    width:110px!important;
    max-height:600px!important;
    margin:0!important;
    padding:0 7px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
}

body.type-detail .hygsi-product-thumbs>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 96px!important;
    width:96px!important;
    height:96px!important;
    margin:0!important;
    padding:6px!important;
    border:1px solid #e1e3e8!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

body.type-detail .hygsi-product-thumbs>a:hover,
body.type-detail .hygsi-product-thumbs>a.active,
body.type-detail .hygsi-product-thumbs>a.highlight{
    border-color:#009fe3!important;
}

body.type-detail .hygsi-product-thumbs img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:contain!important;
}


/* ==========================================================
   PRAVÁ STRANA PRODUKTU
   ========================================================== */

body.type-detail .p-data-wrapper{
    min-height:760px!important;
    padding:55px 60px!important;
    background:#f4f4f7!important;
}

body.type-detail .p-data-wrapper-in,
body.type-detail .p-data{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}

body.type-detail .p-detail-inner-header h1{
    max-width:620px;
    margin:0 0 24px!important;
    color:#0d0d73!important;
    font-size:38px!important;
    font-weight:700!important;
    line-height:1.18!important;
}

body.type-detail .p-short-description{
    margin:30px 0 38px!important;
    color:#555a75!important;
    font-size:16px!important;
    line-height:1.65!important;
}

body.type-detail .availability-value,
body.type-detail .availability-value span,
body.type-detail .availability span{
    color:#58a91b!important;
    font-weight:700!important;
}


/* ==========================================================
   CENA A KOŠÍK
   ========================================================== */

body.type-detail .p-to-cart-block{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    margin:30px 0 0!important;
    padding:18px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

body.type-detail .p-final-price-wrapper{
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap;
}

body.type-detail .price-final{
    color:#0d0d73!important;
    font-size:34px!important;
    font-weight:700!important;
    line-height:1!important;
}

body.type-detail form.add-to-cart{
    display:grid!important;
    grid-template-columns:130px minmax(220px,1fr)!important;
    align-items:stretch!important;
    gap:15px!important;
    width:100%!important;
    margin:0!important;
}

body.type-detail form.add-to-cart .quantity{
    width:130px!important;
    min-width:130px!important;
    height:58px!important;
    margin:0!important;
}

body.type-detail form.add-to-cart .btn-cart{
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    border-color:#55ad18!important;
    background:#55ad18!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:600!important;
}

body.type-detail form.add-to-cart .btn-cart:hover{
    border-color:#459412!important;
    background:#459412!important;
}


/* ==========================================================
   VARIANTY
   ========================================================== */

body.type-detail .variant-list,
body.type-detail .advanced-parameter{
    margin-top:28px!important;
}

body.type-detail .variant-list label,
body.type-detail .advanced-parameter label{
    color:#0d0d73!important;
    font-size:17px!important;
    font-weight:700!important;
}

body.type-detail .variant-list a,
body.type-detail .advanced-parameter a{
    border:1px solid #d8dbe5!important;
    border-radius:4px!important;
    background:#fff!important;
}

body.type-detail .variant-list a.active,
body.type-detail .advanced-parameter a.active{
    border:2px solid #009fe3!important;
}


/* ==========================================================
   FINÁLNE OPRAVY PRODUKTOVEJ GALÉRIE
   ========================================================== */

html body.type-detail .hygsi-product-thumbs>a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    cursor:pointer!important;
}

html body.type-detail .hygsi-product-thumbs>a img{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    padding:0!important;
    transform:none!important;
    object-fit:contain!important;
    pointer-events:none!important;
}

/* Hlavný obrázok o 20 % väčší */
html body.type-detail .p-image-wrapper,
html body.type-detail .p-image-wrapper>.p-image,
html body.type-detail .p-image-wrapper>.p-image>a{
    overflow:visible!important;
}

html body.type-detail .p-image-wrapper>.p-image img{
    transform:scale(1.4)!important;
    transform-origin:center center!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:991px){

    body.type-detail .p-detail-inner{
        grid-template-columns:1fr!important;
    }

    body.type-detail .p-detail-inner>.p-image-wrapper{
        grid-column:1!important;
        grid-row:1!important;
    }

    body.type-detail .p-detail-inner>.p-data-wrapper{
        grid-column:1!important;
        grid-row:2!important;
    }

    body.type-detail .p-image-wrapper{
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto!important;
        grid-template-areas:
            "main"
            "thumbs"!important;
        min-height:0!important;
    }

    body.type-detail .p-image-wrapper>.p-image,
    body.type-detail .p-image-wrapper>.p-image>a{
        height:520px!important;
    }

    body.type-detail .p-image-wrapper>.p-image img{
        max-height:500px!important;
    }

    body.type-detail .hygsi-product-thumbs{
        flex-direction:row!important;
        justify-content:flex-start!important;
        width:100%!important;
        max-height:none!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:5px 0!important;
    }

    body.type-detail .hygsi-product-thumbs>a{
        flex:0 0 82px!important;
        width:82px!important;
        height:82px!important;
    }

    body.type-detail .p-data-wrapper{
        min-height:0!important;
        padding:40px 30px!important;
    }
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media(max-width:600px){

    body.type-detail .p-image-wrapper{
        padding:25px 15px!important;
        gap:18px!important;
    }

    body.type-detail .p-image-wrapper>.p-image,
    body.type-detail .p-image-wrapper>.p-image>a{
        height:360px!important;
    }

    body.type-detail .p-image-wrapper>.p-image img{
        max-height:350px!important;
    }

    body.type-detail .p-data-wrapper{
        padding:30px 20px!important;
    }

    body.type-detail .p-detail-inner-header h1{
        font-size:28px!important;
    }

    body.type-detail .p-to-cart-block{
        grid-template-columns:1fr!important;
    }

    body.type-detail form.add-to-cart{
        grid-template-columns:110px minmax(0,1fr)!important;
    }
}

/* ==========================================================
   PRODUKT – PRESNÉ ROZMERY A TYPOGRAFIA PODĽA HYGSI.SK
   ========================================================== */

@media(min-width:992px){

    html body.type-detail
    .hygsi-purchase-info,
    html body.type-detail
    .hygsi-quantity-discounts{
        font-family:Roboto,Arial,sans-serif!important;
    }

    html body.type-detail
    .hygsi-buy-form .availability-label{
        margin:0 0 9px!important;
        color:#59a51e!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:20px!important;
        font-weight:700!important;
        line-height:30px!important;
    }

    html body.type-detail
    .hygsi-purchase-info>.p-final-price-wrapper{
        margin:0!important;
        column-gap:10px!important;
        row-gap:0!important;
    }

    html body.type-detail
    .hygsi-buy-form .price-final{
        font-family:Roboto,Arial,sans-serif!important;
        font-size:24px!important;
        font-weight:700!important;
        line-height:36px!important;
    }

    html body.type-detail
    .hygsi-price-vat-label{
        color:#58586f!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:400!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-price-net{
        gap:9px!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-price-net strong{
        font-family:Roboto,Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:700!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-price-net span{
        color:#58586f!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:400!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts{
        justify-self:end!important;
        width:min(411px,calc(100% - 80px))!important;
        max-width:none!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts
    .quantity-discounts__headline{
        margin:0 0 7px!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:500!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts-header{
        grid-template-columns:100px minmax(0,1fr) 96px!important;
        min-height:40px!important;
        height:40px!important;
        padding:0!important;
        background:#d8d8de!important;
        color:#58586f!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:12px!important;
        font-weight:400!important;
        line-height:18px!important;
        box-sizing:border-box!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts-header>span{
        padding:0 12px!important;
        box-sizing:border-box!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__item{
        grid-template-columns:100px minmax(0,1fr) 96px!important;
        min-height:41px!important;
        height:41px!important;
        padding:0!important;
        color:#060633!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:12px!important;
        font-weight:400!important;
        line-height:18px!important;
        box-sizing:border-box!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__title,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__price-wrapper,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .hygsi-discount-percent{
        padding:0 12px!important;
        color:#060633!important;
        font-family:Roboto,Arial,sans-serif!important;
        font-size:12px!important;
        line-height:18px!important;
        box-sizing:border-box!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__title,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__price-wrapper{
        font-weight:400!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts
    .hygsi-discount-percent{
        font-weight:700!important;
    }

    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__save,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__saved-amount{
        font-family:Roboto,Arial,sans-serif!important;
    }
}
/* ==========================================================
   PRODUKT – VEĽKÝ OBRÁZOK BEZ PRESAHU DO SIVÉHO PANELU
   ========================================================== */

/* Ľavá časť oreže iba to, čo by prešlo do pravého panela */
html body.type-detail .p-detail-inner>.p-image-wrapper{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
}

/* Sivý panel zostane vždy navrchu */
html body.type-detail .p-detail-inner>.p-data-wrapper{
    position:relative!important;
    z-index:2!important;
}

/* Nezväčšovať celý klikateľný obal */
html body.type-detail .p-image-wrapper>.p-image>a{
    transform:none!important;
    background:transparent!important;
}

/* Zväčšiť iba samotný produktový obrázok */
html body.type-detail .p-image-wrapper>.p-image img{
    max-height:650px!important;
    transform:translateX(-20px) scale(1.35)!important;
    transform-origin:center center!important;
}
/* ==========================================================
   PRODUKT – PORADCA S NÁKUPOM
   ========================================================== */

/* Rozšírenie ľavej galérie o nový spodný riadok */
html body.type-detail
.p-detail-inner > .p-image-wrapper{
    grid-template-rows:auto 620px auto!important;
    grid-template-areas:
        "crumbs crumbs"
        "thumbs main"
        "advisor advisor"!important;
    align-content:start!important;
    row-gap:26px!important;
}

/* Hlavný box */
html body.type-detail .hygsi-product-advisor{
    grid-area:advisor!important;
    position:relative;
    z-index:1;

    width:100%;
    margin:10px 0 0;
    padding:34px 40px 28px;

    border:1px solid #55c5f2;
    border-radius:4px;
    background:#dff4fc;
    box-sizing:border-box;
    overflow:visible;
}

/* Šípka na pravej strane */
html body.type-detail .hygsi-product-advisor::after{
    content:"";
    position:absolute;
    top:58px;
    right:-17px;

    width:32px;
    height:32px;

    border-top:1px solid #55c5f2;
    border-right:1px solid #55c5f2;
    background:#dff4fc;

    transform:rotate(45deg);
}

/* Horná časť */
html body.type-detail .hygsi-advisor-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:26px;
}

/* Fotografia */
html body.type-detail .hygsi-advisor-photo{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    flex:0 0 118px;

    width:118px;
    height:118px;

    border-radius:50%;
    background:#009fe3;
    overflow:hidden;
}

html body.type-detail .hygsi-advisor-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* Nadpisy */
html body.type-detail .hygsi-advisor-heading h2{
    margin:0 0 10px!important;
    color:#0d0d73!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:1.15!important;
}

html body.type-detail .hygsi-advisor-heading p{
    margin:0!important;
    color:#0d0d73!important;
    font-size:19px!important;
    font-weight:600!important;
    line-height:1.35!important;
}

/* Odkazy */
html body.type-detail .hygsi-advisor-links{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 42px;

    margin-top:28px;
    padding-top:26px;
    border-top:1px solid rgba(0,159,227,.4);
}

html body.type-detail .hygsi-advisor-links a{
    display:flex;
    align-items:center;
    gap:14px;

    color:#0d0d73!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.35;
    text-decoration:none!important;
    transition:color .2s;
}

html body.type-detail .hygsi-advisor-links a span{
    color:#009fe3;
    font-size:27px;
    font-weight:400;
    line-height:1;
    transition:transform .2s;
}

html body.type-detail .hygsi-advisor-links a:hover{
    color:#009fe3!important;
}

html body.type-detail .hygsi-advisor-links a:hover span{
    transform:translateX(4px);
}

/* Svetlý znak v pozadí */
html body.type-detail .hygsi-advisor-watermark{
    position:absolute;
    right:22px;
    bottom:-45px;
    z-index:0;

    color:rgba(0,159,227,.12);
    font-size:205px;
    font-weight:700;
    line-height:1;

    pointer-events:none;
    user-select:none;
}

/* Tablet */
@media(max-width:991px){

    html body.type-detail
    .p-detail-inner > .p-image-wrapper{
        grid-template-rows:auto auto auto auto!important;
        grid-template-areas:
            "crumbs"
            "main"
            "thumbs"
            "advisor"!important;
    }

    html body.type-detail .hygsi-product-advisor::after{
        display:none;
    }
}

/* Mobil */
@media(max-width:600px){

    html body.type-detail .hygsi-product-advisor{
        padding:25px 20px;
    }

    html body.type-detail .hygsi-advisor-head{
        align-items:flex-start;
        gap:16px;
    }

    html body.type-detail .hygsi-advisor-photo{
        flex-basis:82px;
        width:82px;
        height:82px;
    }

    html body.type-detail .hygsi-advisor-heading h2{
        font-size:22px!important;
    }

    html body.type-detail .hygsi-advisor-heading p{
        font-size:15px!important;
    }

    html body.type-detail .hygsi-advisor-links{
        grid-template-columns:1fr;
        gap:14px;
    }

    html body.type-detail .hygsi-advisor-watermark{
        right:5px;
        bottom:-20px;
        font-size:130px;
    }
}
/* ==========================================================
   PRODUKT – PORADCA Z HOTOVEJ GRAFIKY
   ========================================================== */

html body.type-detail
.p-detail-inner>.p-image-wrapper{
    grid-template-rows:auto 620px auto!important;
    grid-template-areas:
        "crumbs crumbs"
        "thumbs main"
        "advisor advisor"!important;
}

/* Celý box */
html body.type-detail .hygsi-product-advisor{
    grid-area:advisor!important;
    position:relative!important;
    display:block!important;

    width:100%!important;
    aspect-ratio:1456 / 676;
    margin:10px 0 0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}

/* Vypnutie šípky vytvorenej starým CSS */
html body.type-detail .hygsi-product-advisor::before,
html body.type-detail .hygsi-product-advisor::after{
    display:none!important;
    content:none!important;
}

/* Hotová grafika */
html body.type-detail .hygsi-advisor-art{
    position:absolute!important;
    inset:0!important;

    display:block!important;
    width:100%!important;
    height:100%!important;

    margin:0!important;
    object-fit:fill!important;
    pointer-events:none!important;
}

/* Odkazy vložené do prázdnej spodnej časti grafiky */
html body.type-detail .hygsi-advisor-links{
    position:absolute!important;
    left:5.6%!important;
    bottom:8%!important;
    z-index:2!important;

    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 34px!important;

    width:69%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Jednotlivé odkazy */
html body.type-detail .hygsi-advisor-links a{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;

    color:#0d0d73!important;
    font-size:clamp(12px,1vw,16px)!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-decoration:none!important;
    white-space:nowrap;
}

html body.type-detail .hygsi-advisor-links a span{
    flex-shrink:0;
    color:#009fe3!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:1!important;
    transition:transform .2s;
}

html body.type-detail .hygsi-advisor-links a:hover{
    color:#009fe3!important;
}

html body.type-detail .hygsi-advisor-links a:hover span{
    transform:translateX(4px);
}

/* Staré elementy poradcu už nepoužívame */
html body.type-detail .hygsi-advisor-head,
html body.type-detail .hygsi-advisor-photo,
html body.type-detail .hygsi-advisor-heading,
html body.type-detail .hygsi-advisor-watermark{
    display:none!important;
}

/* Tablet */
@media(max-width:991px){
    html body.type-detail
    .p-detail-inner>.p-image-wrapper{
        grid-template-rows:auto auto auto auto!important;
        grid-template-areas:
            "crumbs"
            "main"
            "thumbs"
            "advisor"!important;
    }
}

/* Mobil */
@media(max-width:600px){
    html body.type-detail .hygsi-advisor-links{
        left:5%!important;
        bottom:5%!important;
        width:72%!important;
        gap:6px 14px!important;
    }

    html body.type-detail .hygsi-advisor-links a{
        gap:5px!important;
        font-size:8px!important;
    }

    html body.type-detail .hygsi-advisor-links a span{
        font-size:15px!important;
    }
}
/* ==========================================================
   PORADCA – PRESNÉ UMIESTNENIE ODKAZOV
   ========================================================== */

html body.type-detail .hygsi-product-advisor{
    position:relative!important;
    width:100%!important;
    aspect-ratio:1456 / 676!important;
    margin:10px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
}

html body.type-detail .hygsi-advisor-art{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    margin:0!important;
}

/* Zrušenie pôvodného gridu */
html body.type-detail .hygsi-advisor-links{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;

    display:block!important;
    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Spoločný vzhľad všetkých odkazov */
html body.type-detail .hygsi-advisor-links a{
    position:absolute!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;

    width:auto!important;
    max-width:42%!important;

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

    color:#0d0d73!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

html body.type-detail .hygsi-advisor-links a span{
    display:inline-block!important;
    flex:0 0 auto!important;

    color:#009fe3!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:1!important;
}

/* Ľavý horný odkaz */
html body.type-detail .hygsi-advisor-links a:nth-child(1){
    left:5.7%!important;
    top:69.5%!important;
}

/* Pravý horný odkaz */
html body.type-detail .hygsi-advisor-links a:nth-child(2){
    left:52%!important;
    top:69.5%!important;
}

/* Ľavý spodný odkaz */
html body.type-detail .hygsi-advisor-links a:nth-child(3){
    left:5.7%!important;
    top:83.5%!important;
}

/* Pravý spodný odkaz */
html body.type-detail .hygsi-advisor-links a:nth-child(4){
    left:52%!important;
    top:83.5%!important;
}

html body.type-detail .hygsi-advisor-links a:hover{
    color:#009fe3!important;
}
@media(max-width:991px){

    html body.type-detail .hygsi-advisor-links a{
        font-size:13px!important;
        gap:7px!important;
    }

    html body.type-detail .hygsi-advisor-links a span{
        font-size:20px!important;
    }
}

@media(max-width:600px){

    html body.type-detail .hygsi-advisor-links a{
        max-width:44%!important;
        font-size:8px!important;
        gap:3px!important;
    }

    html body.type-detail .hygsi-advisor-links a span{
        font-size:13px!important;
    }

    html body.type-detail .hygsi-advisor-links a:nth-child(1),
    html body.type-detail .hygsi-advisor-links a:nth-child(3){
        left:4.5%!important;
    }

    html body.type-detail .hygsi-advisor-links a:nth-child(2),
    html body.type-detail .hygsi-advisor-links a:nth-child(4){
        left:51%!important;
    }
}

/* ==========================================================
   PORADCA – ŠIRŠÍ BOX + ODKAZY VYSTREDENÉ
   ========================================================== */

/* Box roztiahnuť cez vnútorné odsadenie ľavej časti */
@media(min-width:992px){

    html body.type-detail .hygsi-product-advisor{
        width:calc(100% + 65px)!important;
        max-width:none!important;
        margin:10px -45px 0 -20px!important;
        justify-self:start!important;
    }
}

/* Oblasť so štyrmi odkazmi */
html body.type-detail .hygsi-advisor-links{
    position:absolute!important;
    inset:auto!important;
    left:4.5%!important;
    top:64%!important;

    width:76%!important;
    height:31%!important;

    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;

    gap:0 3%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Každý odkaz vystredený v jeho políčku */
html body.type-detail .hygsi-advisor-links a{
    position:static!important;
    inset:auto!important;

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

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

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

    color:#0d0d73!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

/* Modrá šípka */
html body.type-detail .hygsi-advisor-links a span{
    position:static!important;
    display:inline-block!important;
    flex:0 0 auto!important;

    margin-right:9px!important;

    color:#009fe3!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:1!important;
}

/* Zrušenie starého absolútneho umiestnenia odkazov */
html body.type-detail .hygsi-advisor-links a:nth-child(1),
html body.type-detail .hygsi-advisor-links a:nth-child(2),
html body.type-detail .hygsi-advisor-links a:nth-child(3),
html body.type-detail .hygsi-advisor-links a:nth-child(4){
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
}

/* Tablet a mobil – box bez presahu */
@media(max-width:991px){

    html body.type-detail .hygsi-product-advisor{
        width:100%!important;
        margin:10px 0 0!important;
    }

    html body.type-detail .hygsi-advisor-links a{
        font-size:12px!important;
        white-space:normal!important;
    }
}

@media(max-width:600px){

    html body.type-detail .hygsi-advisor-links{
        left:4%!important;
        top:62%!important;
        width:80%!important;
        height:34%!important;
        gap:0 2%!important;
    }

    html body.type-detail .hygsi-advisor-links a{
        font-size:8px!important;
    }

    html body.type-detail .hygsi-advisor-links a span{
        margin-right:3px!important;
        font-size:14px!important;
    }
}

/* PORADCA – vyššie a presne zarovnané odkazy */
html body.type-detail .hygsi-advisor-links{
    top:61.5%!important;
    height:29%!important;
    align-items:stretch!important;
}

html body.type-detail .hygsi-advisor-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:stretch!important;
    height:100%!important;
    line-height:1.2!important;
}

/* Šípky presne na stred textu */
html body.type-detail .hygsi-advisor-links a span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:100%!important;
    margin-right:10px!important;
    line-height:1!important;
}
/* PORADCA – presné zarovnanie odkazov */
html body.type-detail .hygsi-advisor-links{
    top:61.5%!important;
    height:auto!important;

    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,32px)!important;
    column-gap:7%!important;
    row-gap:0!important;

    align-items:center!important;
    justify-items:stretch!important;
}

/* Každý odkaz: pevné miesto pre šípku + text */
html body.type-detail .hygsi-advisor-links a{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;

    width:100%!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;

    text-align:left!important;
    line-height:1.2!important;
}

/* Šípky budú presne pod sebou */
html body.type-detail .hygsi-advisor-links a span{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    width:28px!important;
    height:32px!important;
    margin:0!important;
    line-height:1!important;
}

/* ==========================================================
   PRODUKT – BENEFITY POD POPISOM, 4 V JEDNOM RADE
   ========================================================== */

html body.type-detail .hygsi-product-benefits{
    clear:both!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:start!important;
    gap:30px!important;

    width:100%!important;
    max-width:1418px!important;

    margin:55px auto 70px!important;
    padding:0!important;

    box-sizing:border-box!important;
}

/* Každý benefit má rovnakú šírku */
html body.type-detail
.hygsi-product-benefits>.benefitBanner__item,
html body.type-detail
.hygsi-product-benefits>div{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:18px!important;

    width:auto!important;
    max-width:none!important;
    min-width:0!important;

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

    float:none!important;
    flex:none!important;
    grid-column:auto!important;

    box-sizing:border-box!important;
}

/* Oprava štvrtého benefitu – Nákupte viac a ušetrite */
html body.type-detail
.hygsi-product-benefits>.benefitBanner__item:nth-child(4),
html body.type-detail
.hygsi-product-benefits>div:nth-child(4){
    width:auto!important;
    max-width:none!important;
    grid-column:auto!important;
    margin:0!important;
}

/* Ikony */
html body.type-detail
.hygsi-product-benefits .benefitBanner__picture{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;

    width:64px!important;
    min-width:64px!important;
    margin:0!important;
    padding:0!important;
}

html body.type-detail
.hygsi-product-benefits .benefitBanner__picture img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:54px!important;
    max-height:60px!important;
    margin:0 auto!important;
}

/* Texty */
html body.type-detail
.hygsi-product-benefits .benefitBanner__data{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    font-size:14px!important;
    line-height:1.5!important;
}

html body.type-detail
.hygsi-product-benefits .benefitBanner__data strong{
    display:block!important;
    margin:0 0 8px!important;

    color:#111!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body.type-detail
.hygsi-product-benefits .benefitBanner__data span,
html body.type-detail
.hygsi-product-benefits .benefitBanner__data p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.5!important;
}

/* Tablet – 2 × 2 */
@media(max-width:991px){
    html body.type-detail .hygsi-product-benefits{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:30px!important;
        padding:0 20px!important;
    }
}

/* Mobil – pod sebou */
@media(max-width:600px){
    html body.type-detail .hygsi-product-benefits{
        grid-template-columns:1fr!important;
        gap:24px!important;
        margin:40px auto 50px!important;
    }

    html body.type-detail
    .hygsi-product-benefits>.benefitBanner__item,
    html body.type-detail
    .hygsi-product-benefits>div{
        grid-template-columns:54px minmax(0,1fr)!important;
        column-gap:14px!important;
    }

    html body.type-detail
    .hygsi-product-benefits .benefitBanner__picture{
        width:54px!important;
        min-width:54px!important;
    }
}

/* ==========================================================
   PRODUKT – TABY, POPIS, PARAMETRE A DOKUMENTY
   ========================================================== */

html body.type-detail .hygsi-original-tabs-hidden{
    display:none!important;
}

html body.type-detail .hygsi-product-information{
    clear:both;
    width:100%;
    max-width:1418px;
    margin:70px auto 0;
    padding:0;
    box-sizing:border-box;
}


/* ===== TABY ===== */

html body.type-detail .hygsi-product-tabs{
    display:flex;
    align-items:stretch;
    width:100%;
    margin:0;
    padding-left:48px;
    border-bottom:1px solid #d9dbe3;
    box-sizing:border-box;
}

html body.type-detail .hygsi-product-tab{
    position:relative;
    min-width:265px;
    min-height:64px;
    margin:0;
    padding:16px 34px;

    border:1px solid #d9dbe3;
    border-bottom:0;
    background:#f1f1f4;

    color:#55586c;
    font-family:inherit;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
    text-align:center;

    cursor:pointer;
    transition:.2s;
}

html body.type-detail .hygsi-product-tab + .hygsi-product-tab{
    margin-left:-1px;
}

html body.type-detail .hygsi-product-tab:first-child{
    border-radius:5px 0 0 0;
}

html body.type-detail .hygsi-product-tab:last-child{
    border-radius:0 5px 0 0;
}

html body.type-detail .hygsi-product-tab:hover{
    background:#e8e9ee;
    color:#0d0d73;
}

html body.type-detail .hygsi-product-tab.active{
    z-index:2;
    background:#fff;
    color:#0d0d73;
}

html body.type-detail .hygsi-product-tab.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-2px;
    height:3px;
    background:#fff;
}


/* ===== PANELY ===== */

html body.type-detail .hygsi-product-panel{
    display:none;
    width:100%;
    margin:0;
    padding:70px 48px 55px;
    box-sizing:border-box;
}

html body.type-detail .hygsi-product-panel.active{
    display:block;
}


/* ===== POPIS + PARAMETRE ===== */

html body.type-detail .hygsi-description-layout{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(370px,.85fr);
    align-items:start;
    gap:75px;
    width:100%;
}

html body.type-detail .hygsi-no-parameters .hygsi-description-layout{
    grid-template-columns:1fr;
}

html body.type-detail .hygsi-description-content{
    min-width:0;
    color:#55586c;
    font-size:17px;
    line-height:1.62;
}

html body.type-detail .hygsi-description-content p{
    margin:0 0 28px;
}

html body.type-detail .hygsi-description-content strong,
html body.type-detail .hygsi-description-content b{
    color:#25263a;
    font-weight:700;
}

html body.type-detail .hygsi-description-content h2,
html body.type-detail .hygsi-description-content h3,
html body.type-detail .hygsi-description-content h4{
    margin:34px 0 18px;
    color:#25263a;
    font-weight:700;
    line-height:1.25;
}

html body.type-detail .hygsi-description-content h2{
    font-size:24px;
}

html body.type-detail .hygsi-description-content h3,
html body.type-detail .hygsi-description-content h4{
    font-size:19px;
}

html body.type-detail .hygsi-description-content ul,
html body.type-detail .hygsi-description-content ol{
    margin:0 0 28px;
    padding-left:24px;
}

html body.type-detail .hygsi-description-content li{
    margin-bottom:12px;
}


/* ===== PRAVÁ KARTA PARAMETROV ===== */

html body.type-detail .hygsi-description-parameters{
    min-width:0;
}

html body.type-detail .hygsi-description-parameters h2,
html body.type-detail .hygsi-description-parameters h3,
html body.type-detail .hygsi-description-parameters h4{
    margin:0 0 16px!important;
    color:#0d0d73!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.25!important;
}

html body.type-detail
.hygsi-description-parameters .detail-parameters,
html body.type-detail
.hygsi-description-parameters .p-parameters,
html body.type-detail
.hygsi-description-parameters .extended-description,
html body.type-detail
.hygsi-description-parameters > div{
    width:100%!important;
    margin:0!important;
    padding:20px 16px!important;

    border:0!important;
    background:#fff!important;
    box-shadow:0 4px 18px rgba(13,13,115,.08);

    box-sizing:border-box!important;
}

/* Riadky parametrov */
html body.type-detail
.hygsi-description-parameters table{
    width:100%!important;
    border-collapse:collapse!important;
}

html body.type-detail
.hygsi-description-parameters tr{
    border-bottom:1px solid #d9dbe3!important;
}

html body.type-detail
.hygsi-description-parameters tr:last-child{
    border-bottom:0!important;
}

html body.type-detail
.hygsi-description-parameters th,
html body.type-detail
.hygsi-description-parameters td{
    padding:13px 0!important;
    border:0!important;
    color:#0d0d73!important;
    font-size:14px!important;
    line-height:1.35!important;
    vertical-align:middle!important;
}

html body.type-detail
.hygsi-description-parameters th{
    width:38%!important;
    padding-right:15px!important;
    font-weight:400!important;
    text-align:left!important;
}

html body.type-detail
.hygsi-description-parameters td{
    font-weight:700!important;
    text-align:right!important;
}

html body.type-detail
.hygsi-description-parameters a{
    color:#0d0d73!important;
    font-weight:700!important;
    text-decoration:underline!important;
}


/* ===== DOKUMENTY ===== */

html body.type-detail .hygsi-product-documents{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    width:100%;
}

html body.type-detail .hygsi-product-documents p,
html body.type-detail .hygsi-product-documents li,
html body.type-detail .hygsi-product-documents > div{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

html body.type-detail .hygsi-product-documents a{
    display:flex;
    align-items:center;
    min-height:74px;
    padding:18px 22px;

    border:1px solid #d9dbe3;
    border-radius:4px;
    background:#fff;

    color:#0d0d73!important;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    text-decoration:none!important;

    transition:.2s;
    box-sizing:border-box;
}

html body.type-detail .hygsi-product-documents a::before{
    content:"PDF";
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    margin-right:15px;

    border-radius:3px;
    background:#009fe3;

    color:#fff;
    font-size:11px;
    font-weight:700;
}

html body.type-detail .hygsi-product-documents a:hover{
    border-color:#009fe3;
    box-shadow:0 6px 20px rgba(0,159,227,.12);
}


/* ===== SÚVISIACE PRODUKTY ===== */

html body.type-detail .hygsi-related-products{
    width:100%;
    min-height:300px;
}

html body.type-detail
.hygsi-related-products .products-related-wrapper{
    width:100%!important;
    margin:0!important;
}


/* ===== TABLET ===== */

@media(max-width:991px){

    html body.type-detail .hygsi-product-tabs{
        padding-left:20px;
        overflow-x:auto;
    }

    html body.type-detail .hygsi-product-tab{
        min-width:220px;
        flex:0 0 auto;
        font-size:16px;
    }

    html body.type-detail .hygsi-product-panel{
        padding:45px 25px;
    }

    html body.type-detail .hygsi-description-layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    html body.type-detail .hygsi-product-documents{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* ===== MOBIL ===== */

@media(max-width:600px){

    html body.type-detail .hygsi-product-information{
        margin-top:45px;
    }

    html body.type-detail .hygsi-product-tabs{
        padding-left:10px;
    }

    html body.type-detail .hygsi-product-tab{
        min-width:180px;
        min-height:54px;
        padding:13px 18px;
        font-size:14px;
    }

    html body.type-detail .hygsi-product-panel{
        padding:32px 15px 40px;
    }

    html body.type-detail .hygsi-description-content{
        font-size:15px;
    }

    html body.type-detail .hygsi-product-documents{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   PRODUKT – SÚVISIACE PRODUKTY V KARTE
   ========================================================== */

html body.type-detail
.hygsi-related-products{
    width:100%!important;
    min-height:320px!important;
    overflow:visible!important;
}

html body.type-detail
.hygsi-related-products .products-related-wrapper{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

/* Vonkajší produktový slider */
html body.type-detail
.hygsi-related-products .products{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    overflow:visible!important;
}

/* Produkty zobrazíme ako obyčajný grid */
html body.type-detail
.hygsi-related-products .products-block{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:28px!important;

    width:100%!important;
    max-width:none!important;

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

    transform:none!important;
    transition:none!important;
}

/* Jednotlivé produkty */
html body.type-detail
.hygsi-related-products .product{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;
    float:none!important;
}

/* Vypnutie navigácie pôvodného slidera */
html body.type-detail
.hygsi-related-products .product-slider-navigation,
html body.type-detail
.hygsi-related-products .product-slider-pagination{
    display:none!important;
}

/* Tablet */
@media(max-width:991px){

    html body.type-detail
    .hygsi-related-products .products-block{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* Mobil */
@media(max-width:600px){

    html body.type-detail
    .hygsi-related-products .products-block{
        grid-template-columns:1fr!important;
        gap:22px!important;
    }
}

/* ==========================================================
   PRODUKT – SPODNÉ SEKCIe
   ========================================================== */

html body.type-detail .hygsi-product-bottom-sections{
    clear:both;
    width:100%;
    max-width:1418px;
    margin:70px auto 0;
    padding:0;
    box-sizing:border-box;
}

html body.type-detail .hygsi-product-recommended,
html body.type-detail .hygsi-product-portal{
    width:100%;
    margin:0;
    padding:0;
}


/* ==========================================================
   NADPISY
   ========================================================== */

html body.type-detail .hygsi-bottom-title{
    display:flex;
    align-items:center;
    gap:12px;

    margin:0 0 38px!important;

    color:#0d0d73!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body.type-detail .hygsi-bottom-title::before{
    content:"";
    flex:0 0 34px;

    width:34px;
    height:34px;

    background-image:url(
        "/user/documents/upload/mceclip0-2.png?1782939349"
    );
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}


/* ==========================================================
   ODPORÚČANÉ PRODUKTY – 4 V RADE
   ========================================================== */

html body.type-detail .hygsi-recommended-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:30px;

    width:100%;
    margin:0;
    padding:0 10px 65px;

    border-bottom:1px solid #d9dbe3;
    box-sizing:border-box;
}

html body.type-detail .hygsi-recommended-grid .product{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;
    float:none!important;
}

html body.type-detail .hygsi-recommended-grid .product>.p{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
}


/* Obrázok produktu */

html body.type-detail .hygsi-recommended-grid .image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:260px!important;
    margin:0 0 22px!important;
}

html body.type-detail .hygsi-recommended-grid .image img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:90%!important;
    max-height:240px!important;
    margin:auto!important;
    object-fit:contain!important;
}


/* Produktový názov */

html body.type-detail .hygsi-recommended-grid .p-in{
    display:flex!important;
    flex-direction:column!important;
    flex:1!important;
}

html body.type-detail .hygsi-recommended-grid .name{
    display:block!important;
    min-height:58px!important;
    margin:0 0 16px!important;

    color:#0d0d73!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-align:center!important;
    text-decoration:none!important;
}


/* Dostupnosť */

html body.type-detail .hygsi-recommended-grid .availability{
    margin:0 0 18px!important;

    color:#58a91b!important;
    font-size:15px!important;
    font-weight:600!important;
    text-align:center!important;
}


/* Popis produktu v karte nepotrebujeme */

html body.type-detail .hygsi-recommended-grid .p-desc{
    display:none!important;
}


/* Cena + košík */

html body.type-detail .hygsi-recommended-grid .p-bottom{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:15px!important;

    width:100%!important;
    margin-top:auto!important;
}

html body.type-detail .hygsi-recommended-grid .prices{
    text-align:left!important;
}

html body.type-detail .hygsi-recommended-grid .price-final{
    color:#0d0d73!important;
    font-size:20px!important;
    font-weight:700!important;
}

html body.type-detail .hygsi-recommended-grid .quantity{
    display:none!important;
}

html body.type-detail .hygsi-recommended-grid form{
    margin-left:auto!important;
}

html body.type-detail .hygsi-recommended-grid .btn-cart{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;

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

    border:0!important;
    border-radius:4px!important;
    background:#55ad18!important;

    color:#fff!important;
    font-size:0!important;
}

html body.type-detail .hygsi-recommended-grid .btn-cart::before{
    content:"🛒";
    font-size:22px;
    line-height:1;
}

html body.type-detail .hygsi-recommended-grid .btn-cart:hover{
    background:#459412!important;
}


/* ==========================================================
   HYGSI INFORMAČNÝ PORTÁL
   ========================================================== */

html body.type-detail .hygsi-product-portal{
    margin-top:65px;
    padding-bottom:70px;
}

html body.type-detail .hygsi-product-portal-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:24px;

    width:100%;
}

html body.type-detail
.hygsi-product-portal-grid .news-item{
    display:flex!important;
    flex-direction:column!important;

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

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

    border:1px solid #e1e3e8!important;
    border-radius:4px;
    background:#fff!important;
    overflow:hidden!important;

    box-sizing:border-box!important;
    transition:.25s;
}

html body.type-detail
.hygsi-product-portal-grid .news-item:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(13,13,115,.1);
}


/* Obrázky článkov */

html body.type-detail
.hygsi-product-portal-grid .news-item-image,
html body.type-detail
.hygsi-product-portal-grid .image{
    display:block!important;
    width:100%!important;
    aspect-ratio:1 / 1;
    overflow:hidden!important;
}

html body.type-detail
.hygsi-product-portal-grid .news-item img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}


/* Text článku */

html body.type-detail
.hygsi-product-portal-grid .news-item h3,
html body.type-detail
.hygsi-product-portal-grid .news-title{
    margin:0!important;
    padding:22px 20px 12px!important;

    color:#0d0d73!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-align:center!important;
}

html body.type-detail
.hygsi-product-portal-grid .news-item p{
    display:none!important;
}

html body.type-detail
.hygsi-product-portal-grid .read-more{
    display:none!important;
}


/* Odkaz pod článkom */

html body.type-detail .hygsi-product-portal-more{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:auto 15px 0;
    padding-top:14px;

    color:#0d0d73!important;
    font-size:15px;
    font-weight:600;
    text-align:center;
    text-decoration:none!important;
}

html body.type-detail .hygsi-product-portal-more span{
    color:#009fe3;
    font-size:25px;
    font-weight:400;
    line-height:1;
    transition:transform .2s;
}

html body.type-detail .hygsi-product-portal-more:hover{
    color:#009fe3!important;
}

html body.type-detail .hygsi-product-portal-more:hover span{
    transform:translateX(4px);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:991px){

    html body.type-detail .hygsi-product-bottom-sections{
        padding:0 20px;
    }

    html body.type-detail .hygsi-recommended-grid,
    html body.type-detail .hygsi-product-portal-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media(max-width:600px){

    html body.type-detail .hygsi-product-bottom-sections{
        margin-top:45px;
        padding:0 15px;
    }

    html body.type-detail .hygsi-bottom-title{
        margin-bottom:25px!important;
        font-size:23px!important;
    }

    html body.type-detail .hygsi-recommended-grid,
    html body.type-detail .hygsi-product-portal-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    html body.type-detail .hygsi-recommended-grid{
        padding:0 0 45px;
    }
}

/* ==========================================================
   PRODUKT – SPODNÉ SEKcie V2
   ========================================================== */

html body.type-detail .hygsi-bottom-v2,
html body.type-detail .hygsi-bottom-v2 *{
    box-sizing:border-box;
}

html body.type-detail .hygsi-bottom-v2{
    clear:both;
    width:100%;
    max-width:1418px;
    margin:75px auto 0;
    padding:0;
}

html body.type-detail .hygsi-v2-title{
    display:flex;
    align-items:center;
    gap:12px;

    margin:0 0 38px!important;

    color:#0d0d73!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body.type-detail .hygsi-v2-title::before{
    content:"";
    flex:0 0 34px;
    width:34px;
    height:34px;

    background:
        url("/user/documents/upload/mceclip0-2.png?1782939349")
        center/contain no-repeat;
}


/* ===== ODPORÚČANÉ PRODUKTY ===== */

html body.type-detail .hygsi-rec-section{
    padding-bottom:70px;
    border-bottom:1px solid #d9dbe3;
}

html body.type-detail .hygsi-rec-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:34px;
    width:100%;
}

html body.type-detail .hygsi-rec-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:520px;
    padding:0 8px;
    background:#fff;
}

html body.type-detail .hygsi-rec-media{
    position:relative;
    width:100%;
    height:285px;
    margin-bottom:18px;
}

html body.type-detail .hygsi-rec-media>a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

html body.type-detail .hygsi-rec-media img{
    display:block;
    width:auto;
    height:auto;
    max-width:88%;
    max-height:255px;
    object-fit:contain;
}

html body.type-detail .hygsi-rec-flags{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}

html body.type-detail .hygsi-rec-flags .flags,
html body.type-detail .hygsi-rec-flags .flags-extra{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
    margin:0!important;
}

html body.type-detail .hygsi-rec-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

html body.type-detail .hygsi-rec-availability{
    margin:0 0 10px;
    color:#55a51c;
    font-size:15px;
    font-weight:600;
    text-align:center;
}

html body.type-detail .hygsi-rec-name{
    display:block;
    min-height:58px;
    margin:0 0 22px;

    color:#0d0d73!important;
    font-size:18px;
    font-weight:700;
    line-height:1.35;
    text-align:center;
    text-decoration:none!important;
}

html body.type-detail .hygsi-rec-name:hover{
    color:#009fe3!important;
}

html body.type-detail .hygsi-rec-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    width:100%;
    margin-top:auto;
}

html body.type-detail .hygsi-rec-prices{
    min-width:0;
}

html body.type-detail .hygsi-rec-prices .prices{
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

html body.type-detail .hygsi-rec-prices .price-final{
    color:#0d0d73!important;
    font-size:21px!important;
    font-weight:700!important;
}

html body.type-detail .hygsi-rec-actions{
    flex:0 0 56px;
}

html body.type-detail .hygsi-rec-actions form{
    display:block!important;
    width:56px!important;
    margin:0!important;
}

html body.type-detail
.hygsi-rec-actions .quantity{
    display:none!important;
}

html body.type-detail
.hygsi-rec-actions .btn-cart,
html body.type-detail
.hygsi-rec-cart-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;

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

    border:0!important;
    border-radius:4px!important;
    background-color:#55ad18!important;

    color:transparent!important;
    font-size:0!important;
    text-decoration:none!important;
    cursor:pointer;
}

html body.type-detail
.hygsi-rec-actions .btn-cart::before,
html body.type-detail
.hygsi-rec-cart-link::before{
    content:"";
    display:block;
    width:27px;
    height:27px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.6 11.2a2 2 0 0 0 2 1.5h7.8a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}

html body.type-detail
.hygsi-rec-actions .btn-cart:hover,
html body.type-detail
.hygsi-rec-cart-link:hover{
    background-color:#469412!important;
}


/* ===== INFORMAČNÝ PORTÁL ===== */

html body.type-detail .hygsi-portal-section{
    margin-top:65px;
    padding-bottom:70px;
}

html body.type-detail .hygsi-portal-grid-v2{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    width:100%;
}

html body.type-detail .hygsi-portal-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:525px;

    border:1px solid #e1e3e8;
    border-radius:4px;
    background:#fff;
    overflow:hidden;
    transition:.25s;
}

html body.type-detail .hygsi-portal-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(13,13,115,.1);
}

html body.type-detail .hygsi-portal-image{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    background:#f4f4f4;
    overflow:hidden;
}

html body.type-detail .hygsi-portal-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
}

html body.type-detail .hygsi-portal-category{
    align-self:center;
    position:relative;
    z-index:2;

    margin-top:-20px;
    padding:10px 20px;

    border-radius:4px;
    background:#009fe3;

    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-align:center;
}

html body.type-detail .hygsi-portal-content{
    padding:26px 22px 18px;
}

html body.type-detail .hygsi-portal-title{
    display:block;

    color:#0d0d73!important;
    font-size:19px;
    font-weight:700;
    line-height:1.38;
    text-align:center;
    text-decoration:none!important;
}

html body.type-detail .hygsi-portal-title:hover{
    color:#009fe3!important;
}

html body.type-detail
.hygsi-portal-card>.hygsi-portal-more{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:auto 15px 0;
    padding:18px 10px 22px;

    color:#0d0d73!important;
    font-size:15px;
    font-weight:600;
    text-align:center;
    text-decoration:none!important;
}

html body.type-detail
.hygsi-portal-more span{
    color:#009fe3;
    font-size:25px;
    font-weight:400;
    line-height:1;
}


/* ===== RESPONZÍVNE ===== */

@media(max-width:991px){

    html body.type-detail .hygsi-bottom-v2{
        padding:0 20px;
    }

    html body.type-detail .hygsi-rec-grid,
    html body.type-detail .hygsi-portal-grid-v2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){

    html body.type-detail .hygsi-bottom-v2{
        margin-top:45px;
        padding:0 15px;
    }

    html body.type-detail .hygsi-v2-title{
        margin-bottom:26px!important;
        font-size:23px!important;
    }

    html body.type-detail .hygsi-rec-grid,
    html body.type-detail .hygsi-portal-grid-v2{
        grid-template-columns:1fr;
    }

    html body.type-detail .hygsi-rec-card{
        min-height:0;
    }
}

/* ==========================================================
   PORADCA – FINÁLNE ZAROVNANIE ODKAZOV NA DESKTOPE
   ========================================================== */

@media(min-width:992px){

    html body.type-detail .hygsi-advisor-links{
        left:6.8%!important;
        width:88%!important;
        column-gap:4%!important;
    }

    html body.type-detail .hygsi-advisor-links a{
        grid-template-columns:14px minmax(0,1fr)!important;
        gap:6px!important;
        column-gap:6px!important;
    }

    html body.type-detail .hygsi-advisor-links a span{
        width:14px!important;
        margin:0!important;
    }
}

/* ==========================================================
   PRODUKT – FINÁLNY NÁKUPNÝ PANEL
   ========================================================== */

html body.type-detail .p-data-wrapper.hygsi-buy-panel{
    position:relative!important;
    padding:62px 54px 54px!important;
    border:1px solid #d5d7df!important;
    border-radius:4px!important;
    background:#f5f5f7!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-buy-panel .p-detail-inner-header h1{
    max-width:none!important;
    margin:0 0 32px!important;
    color:#0d0d73!important;
    font-size:38px!important;
    font-weight:700!important;
    line-height:1.16!important;
}

html body.type-detail
.hygsi-buy-panel .ratings-and-brand{
    display:none!important;
}

html body.type-detail .hygsi-product-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0 0 32px;
    color:#5d6077;
    font-size:17px;
    line-height:1.35;
}

html body.type-detail
.hygsi-product-meta>div{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

html body.type-detail
.hygsi-product-meta>div+div{
    margin-left:30px;
    padding-left:30px;
    border-left:1px solid #d7d9e0;
}

html body.type-detail
.hygsi-product-meta span{
    color:#5d6077;
    font-weight:600;
}

html body.type-detail
.hygsi-product-meta strong{
    color:#0d0d73;
    font-weight:500;
}

html body.type-detail
.hygsi-product-meta a{
    color:#009fe3!important;
    font-weight:600;
    text-decoration:none!important;
}

html body.type-detail
.hygsi-product-meta .hygsi-empty{
    display:none!important;
}

html body.type-detail
.hygsi-buy-panel .p-short-description{
    margin:0 0 0!important;
    color:#5d6077!important;
    font-size:17px!important;
    line-height:1.55!important;
}

/* Hlavné rozloženie formulára */

html body.type-detail
#product-detail-form.hygsi-buy-form{
    display:grid!important;
    grid-template-columns:minmax(118px,18%) minmax(0,1fr) 64px!important;
    grid-template-areas:
        "availability discounts discounts"
        "price discounts discounts"
        "variants variants variants"
        "quantity buy favorite"!important;
    column-gap:12px!important;
    row-gap:0!important;
    align-items:end!important;
    width:100%!important;
    margin:0!important;
}

html body.type-detail
#product-detail-form.hygsi-buy-form:not(.hygsi-has-quantity-discounts){
    grid-template-areas:
        "availability availability availability"
        "price price price"
        "variants variants variants"
        "quantity buy favorite"!important;
}

html body.type-detail
#product-detail-form.hygsi-buy-form>meta,
html body.type-detail
#product-detail-form.hygsi-buy-form>input[type="hidden"],
html body.type-detail
#product-detail-form.hygsi-buy-form>span[itemprop]{
    display:none!important;
}

/* Dostupnosť a kód */

html body.type-detail
.hygsi-buy-form>.detail-parameters{
    grid-area:availability;
    display:block!important;
    width:100%!important;
    max-width:220px!important;
    margin:54px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

html body.type-detail
.hygsi-buy-form>.detail-parameters tbody,
html body.type-detail
.hygsi-buy-form>.detail-parameters tr,
html body.type-detail
.hygsi-buy-form>.detail-parameters td{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

html body.type-detail
.hygsi-buy-form>.detail-parameters th,
html body.type-detail
.hygsi-buy-form>.detail-parameters .p-code{
    display:none!important;
}

html body.type-detail
.hygsi-buy-form .availability-label{
    display:block!important;
    color:#4da915!important;
    font-size:24px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body.type-detail
.hygsi-buy-form .availability-amount{
    display:none!important;
}

/* Cena s DPH a bez DPH */

html body.type-detail
.hygsi-buy-form .p-to-cart-block{
    display:contents!important;
}

html body.type-detail
.hygsi-buy-form .p-final-price-wrapper{
    grid-area:price;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:end!important;
    justify-content:start!important;
    column-gap:10px!important;
    row-gap:7px!important;
    width:100%!important;
    max-width:240px!important;
    margin:20px 0 0!important;
    padding:0!important;
    background:transparent!important;
    white-space:normal!important;
}

html body.type-detail
.hygsi-buy-form .price-final{
    margin:0!important;
    color:#0d0d73!important;
    font-size:34px!important;
    font-weight:700!important;
    line-height:1!important;
}

html body.type-detail
.hygsi-buy-form .price-final-holder{
    color:#0d0d73!important;
}

html body.type-detail
.hygsi-price-vat-label{
    color:#5d6077;
    font-size:17px;
    font-weight:500;
    line-height:1.15;
}

html body.type-detail .hygsi-price-net{
    grid-column:1 / -1;
    display:flex;
    align-items:baseline;
    gap:10px;
    color:#5d6077;
    line-height:1.2;
}

html body.type-detail
.hygsi-price-net strong{
    color:#0d0d73;
    font-size:20px;
    font-weight:700;
}

html body.type-detail
.hygsi-price-net span{
    font-size:17px;
    font-weight:500;
}

/* Množstevné zľavy – zobrazia sa po ich zapnutí v Shoptete */

html body.type-detail
.hygsi-quantity-discounts{
    grid-area:discounts;
    align-self:start;
    min-width:0;
    margin:52px 0 0 20px;
}

html body.type-detail
.hygsi-quantity-discounts h2,
html body.type-detail
.hygsi-quantity-discounts
.quantity-discounts__headline{
    margin:0 0 7px!important;
    color:#060633!important;
    font-size:18px!important;
    font-weight:500!important;
    line-height:24px!important;
}

html body.type-detail
.hygsi-native-quantity-discounts{
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

html body.type-detail
.hygsi-quantity-discounts-header{
    display:grid!important;
    grid-template-columns:100px minmax(0,1fr) 96px!important;
    align-items:center!important;
    min-height:40px!important;
    height:40px!important;
    padding:0!important;
    border:0!important;
    border-radius:4px 4px 0 0!important;
    background:#d8d8de!important;
    color:#58586f!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:18px!important;
}

html body.type-detail
.hygsi-quantity-discounts-header>span{
    padding:0 12px!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-quantity-discounts-header span:nth-child(2){
    text-align:center!important;
}

html body.type-detail
.hygsi-quantity-discounts-header span:last-child{
    text-align:right!important;
}

html body.type-detail
.hygsi-quantity-discounts-table{
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    border-radius:4px!important;
    background:#fff!important;
    overflow:hidden!important;
}

html body.type-detail
.hygsi-quantity-discounts-table th{
    padding:14px 12px!important;
    border:0!important;
    background:#d9d9df!important;
    color:#5d6077!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
}

html body.type-detail
.hygsi-quantity-discounts-table td{
    padding:14px 12px!important;
    border:0!important;
    border-bottom:1px solid #d7d9e0!important;
    color:#060633!important;
    font-size:14px!important;
}

html body.type-detail
.hygsi-quantity-discounts-table th:last-child,
html body.type-detail
.hygsi-quantity-discounts-table td:last-child{
    text-align:right!important;
    font-weight:700!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__table{
    display:block!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__item{
    display:grid!important;
    grid-template-columns:100px minmax(0,1fr) 96px!important;
    align-items:center!important;
    min-height:41px!important;
    height:41px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #d7d9e0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#0d0d73!important;
    font-size:12px!important;
    line-height:18px!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__item:last-child{
    border-bottom:0!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__item--highlighted{
    background:#f5fbfe!important;
    outline:2px solid #009fe3!important;
    outline-offset:-2px!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__title{
    min-width:0!important;
    padding:0 12px!important;
    color:#0d0d73!important;
    font-weight:400!important;
    text-align:left!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__price-wrapper{
    min-width:0!important;
    padding:0 12px!important;
    color:#0d0d73!important;
    font-weight:400!important;
    text-align:center!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__price{
    color:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.hygsi-discount-percent{
    color:#0d0d73!important;
    font-weight:700!important;
    text-align:right!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__save{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-height:24px!important;
    margin:10px 4px 0!important;
    padding:0!important;
    color:#5d6077!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-align:right!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__saved-amount{
    color:#0d0d73!important;
    font-size:15px!important;
    font-weight:700!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__item[data-price-ratio="1"]{
    display:none!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.hygsi-discount-extra{
    display:none!important;
}

html body.type-detail
.hygsi-native-quantity-discounts.hygsi-discounts-expanded
.hygsi-discount-extra{
    display:grid!important;
}

html body.type-detail
.hygsi-native-quantity-discounts.hygsi-discounts-collapsible:not(.hygsi-discounts-expanded)
.quantity-discounts__table{
    position:relative!important;
}

html body.type-detail
.hygsi-native-quantity-discounts.hygsi-discounts-collapsible:not(.hygsi-discounts-expanded)
.quantity-discounts__table::after{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:block!important;
    height:42px!important;
    background:linear-gradient(
        to bottom,
        rgba(245,245,247,.08) 0%,
        rgba(245,245,247,.72) 62%,
        #f5f5f7 100%
    )!important;
    pointer-events:none!important;
}

html body.type-detail
.hygsi-discounts-toggle{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:-16px auto 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#009fe3!important;
    color:#fff!important;
    box-shadow:
        0 5px 12px rgba(13,13,115,.24),
        0 2px 4px rgba(0,0,0,.16)!important;
    cursor:pointer!important;
    appearance:none!important;
}

html body.type-detail
.hygsi-discounts-toggle::before,
html body.type-detail
.hygsi-discounts-toggle::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    display:block!important;
    width:16px!important;
    height:2px!important;
    border:0!important;
    border-radius:2px!important;
    background:#fff!important;
    transform:translate(-50%,-50%)!important;
}

html body.type-detail
.hygsi-discounts-toggle::after{
    width:2px!important;
    height:16px!important;
}

html body.type-detail
.hygsi-discounts-expanded
.hygsi-discounts-toggle::after{
    display:none!important;
}

html body.type-detail
.hygsi-discounts-toggle>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

html body.type-detail
.hygsi-discounts-toggle:hover,
html body.type-detail
.hygsi-discounts-toggle:focus-visible{
    background:#008dcc!important;
    outline:2px solid rgba(0,159,227,.28)!important;
    outline-offset:3px!important;
}

/* Varianty */

html body.type-detail
.hygsi-buy-form>.p-variants-block{
    grid-area:variants;
    width:100%!important;
    margin:72px 0 64px!important;
    padding:0!important;
}

html body.type-detail
.hygsi-buy-form>.p-variants-block.hygsi-empty{
    display:none!important;
}

html body.type-detail
.hygsi-buy-form .variant-list,
html body.type-detail
.hygsi-buy-form .advanced-parameter{
    margin:28px 0 0!important;
}

html body.type-detail
.hygsi-buy-form .variant-list label,
html body.type-detail
.hygsi-buy-form .advanced-parameter label{
    display:block!important;
    margin:0 0 14px!important;
    color:#0d0d73!important;
    font-size:17px!important;
    font-weight:700!important;
}

html body.type-detail
.hygsi-buy-form .variant-list a,
html body.type-detail
.hygsi-buy-form .advanced-parameter a{
    min-width:74px!important;
    min-height:54px!important;
    padding:14px 20px!important;
    border:1px solid #d7d9e0!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#0d0d73!important;
    box-shadow:0 2px 5px rgba(13,13,115,.08)!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-buy-form .variant-list a.active,
html body.type-detail
.hygsi-buy-form .advanced-parameter a.active{
    border-color:#009fe3!important;
    background:#009fe3!important;
    color:#fff!important;
}

/* Množstvo */

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart{
    grid-area:quantity;
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:58px!important;
    margin:0!important;
    padding:0 27px 0 0!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart::after{
    content:"ks";
    position:absolute;
    top:50%;
    right:0;
    color:#0d0d73;
    font-size:17px;
    font-weight:700;
    line-height:1;
    transform:translateY(-50%);
}

html body.type-detail
.hygsi-buy-form .quantity{
    position:relative!important;
    display:grid!important;
    grid-template-columns:32px minmax(34px,1fr) 32px!important;
    grid-template-rows:56px!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d7d9e0!important;
    border-radius:4px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

html body.type-detail
.hygsi-buy-form .quantity label{
    grid-column:2;
    grid-row:1;
    display:block!important;
    width:100%!important;
    height:56px!important;
    margin:0!important;
}

html body.type-detail
.hygsi-buy-form .quantity .amount{
    width:100%!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#0d0d73!important;
    font-size:18px!important;
    font-weight:700!important;
    text-align:center!important;
    box-shadow:none!important;
    appearance:textfield!important;
}

html body.type-detail
.hygsi-buy-form .quantity .increase,
html body.type-detail
.hygsi-buy-form .quantity .decrease{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#b7b9c5!important;
    font-size:24px!important;
    box-shadow:none!important;
}

html body.type-detail
.hygsi-buy-form .quantity .decrease{
    grid-column:1;
    grid-row:1;
}

html body.type-detail
.hygsi-buy-form .quantity .increase{
    grid-column:3;
    grid-row:1;
}

html body.type-detail
.hygsi-buy-form .increase-tooltip,
html body.type-detail
.hygsi-buy-form .decrease-tooltip{
    display:none!important;
}

/* Košík */

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart-button{
    grid-area:buy;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 24px!important;
    border:1px solid #4da915!important;
    border-radius:4px!important;
    background:#4da915!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:none!important;
}

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart-button:hover{
    border-color:#41920f!important;
    background:#41920f!important;
}

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart-button::before,
html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart-button::after{
    display:none!important;
    content:none!important;
}

html body.type-detail
.hygsi-buy-form .p-to-cart-block>.add-to-cart-button svg{
    display:block;
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Ikona psa zachováva natívnu funkciu Shoptetu „Strážiť cenu“ */

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button{
    grid-area:favorite;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d7d9e0!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#b7b9c5!important;
    text-decoration:none!important;
    box-shadow:0 2px 5px rgba(13,13,115,.08)!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button::before{
    display:none!important;
    content:none!important;
}

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button
.hygsi-watchdog-icon{
    display:block!important;
    width:31px!important;
    height:31px!important;
    margin:0!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button
.hygsi-watchdog-icon circle,
html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button
.hygsi-watchdog-icon path:nth-of-type(4){
    fill:currentColor!important;
    stroke:none!important;
}

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button:hover,
html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button:focus-visible{
    border-color:#009fe3!important;
    color:#009fe3!important;
}

html body.type-detail
.hygsi-buy-form>.hygsi-watchdog-button span{
    display:none!important;
}

html body.type-detail
.hygsi-buy-panel>.buttons-wrapper.social-buttons-wrapper{
    display:none!important;
}

/* Tablet */

@media(max-width:991px){

    html body.type-detail
    .p-data-wrapper.hygsi-buy-panel{
        padding:46px 34px!important;
    }

    html body.type-detail
    #product-detail-form.hygsi-buy-form,
    html body.type-detail
    #product-detail-form.hygsi-buy-form.hygsi-has-quantity-discounts{
        grid-template-columns:minmax(118px,24%) minmax(0,1fr) 60px!important;
        grid-template-areas:
            "availability availability availability"
            "price price price"
            "discounts discounts discounts"
            "variants variants variants"
            "quantity buy favorite"!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts{
        margin:42px 0 0!important;
    }
}

/* Mobil */

@media(max-width:600px){

    html body.type-detail
    .p-data-wrapper.hygsi-buy-panel{
        padding:34px 20px!important;
    }

    html body.type-detail
    .hygsi-buy-panel .p-detail-inner-header h1{
        margin-bottom:24px!important;
        font-size:28px!important;
    }

    html body.type-detail .hygsi-product-meta{
        display:block;
        margin-bottom:26px;
        font-size:15px;
    }

    html body.type-detail
    .hygsi-product-meta>div+div{
        margin:10px 0 0;
        padding:0;
        border:0;
    }

    html body.type-detail
    #product-detail-form.hygsi-buy-form,
    html body.type-detail
    #product-detail-form.hygsi-buy-form.hygsi-has-quantity-discounts{
        grid-template-columns:minmax(0,1fr) 58px!important;
        grid-template-areas:
            "availability availability"
            "price price"
            "discounts discounts"
            "variants variants"
            "quantity quantity"
            "buy favorite"!important;
        column-gap:10px!important;
    }

    html body.type-detail
    .hygsi-buy-form>.detail-parameters{
        margin-top:38px!important;
    }

    html body.type-detail
    .hygsi-buy-form>.p-variants-block{
        margin:48px 0!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts-header,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__item{
        grid-template-columns:minmax(68px,1fr) minmax(96px,1.25fr) 46px!important;
        padding-left:8px!important;
        padding-right:8px!important;
        font-size:12px!important;
    }

    html body.type-detail
    .hygsi-buy-form .p-to-cart-block>.add-to-cart{
        margin-bottom:14px!important;
    }

    html body.type-detail
    .hygsi-buy-form .p-to-cart-block>.add-to-cart-button{
        padding:0 14px!important;
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-buy-form .p-to-cart-block>.add-to-cart-button svg{
        width:24px;
        height:24px;
    }

    html body.type-detail
    .hygsi-buy-form>.hygsi-watchdog-button{
        width:58px!important;
    }
}

/* ==========================================================
   PRODUKT – DOLADENIE CENY A UKOTVENIE KOŠÍKA
   ========================================================== */

html body.type-detail
.hygsi-buy-form .p-final-price-wrapper>.price-measure{
    display:none!important;
}

html body.type-detail
.hygsi-buy-form .p-final-price-wrapper{
    grid-template-columns:max-content max-content!important;
    width:max-content!important;
}

@media(min-width:992px){

    html body.type-detail
    .p-data-wrapper.hygsi-buy-panel{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }

    html body.type-detail
    #product-detail-form.hygsi-buy-form{
        flex:1 1 auto!important;
        grid-template-rows:
            auto
            auto
            minmax(70px,1fr)
            58px!important;
        min-height:0!important;
    }
}

/* ==========================================================
   PRODUKT – JEMNEJŠIA TYPOGRAFIA NÁKUPNÉHO PANELU
   ========================================================== */

@media(min-width:992px){

    html body.type-detail
    .hygsi-buy-panel .p-detail-inner-header h1{
        font-size:35px!important;
    }

    html body.type-detail .hygsi-product-meta{
        font-size:15px!important;
    }

    html body.type-detail
    .hygsi-buy-panel .p-short-description{
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-buy-form .availability-label{
        margin:0 0 9px!important;
        color:#59a51e!important;
        font-size:20px!important;
        font-weight:700!important;
        line-height:30px!important;
    }

    html body.type-detail
    .hygsi-buy-form .price-final{
        color:#060633!important;
        font-size:24px!important;
        font-weight:700!important;
        line-height:36px!important;
    }

    html body.type-detail .hygsi-price-vat-label{
        color:#58586f!important;
        font-size:16px!important;
        font-weight:400!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-price-net strong{
        color:#060633!important;
        font-size:16px!important;
        font-weight:700!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-price-net span{
        color:#58586f!important;
        font-size:16px!important;
        font-weight:400!important;
        line-height:24px!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts h2,
    html body.type-detail
    .hygsi-quantity-discounts
    .quantity-discounts__headline{
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts-table th,
    html body.type-detail
    .hygsi-quantity-discounts-table td,
    html body.type-detail
    .hygsi-quantity-discounts-header,
    html body.type-detail
    .hygsi-native-quantity-discounts
    .quantity-discounts__item{
        font-size:12px!important;
    }

    html body.type-detail
    .hygsi-buy-form .variant-list label,
    html body.type-detail
    .hygsi-buy-form .advanced-parameter label{
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-buy-form .variant-list a,
    html body.type-detail
    .hygsi-buy-form .advanced-parameter a{
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-buy-form .quantity .amount{
        font-size:16px!important;
    }

    html body.type-detail
    .hygsi-buy-form .p-to-cart-block>.add-to-cart::after{
        font-size:15px!important;
    }

    html body.type-detail
    .hygsi-buy-form .p-to-cart-block>.add-to-cart-button{
        font-size:17px!important;
    }
}

/* ==========================================================
   PRODUKT – VZDUŠNEJŠIE ROZLOŽENIE AKO V PÔVODNOM DIZAJNE
   ========================================================== */

@media(min-width:992px){

    html body.type-detail #content,
    html body.type-detail #content.content.narrow,
    html body.type-detail .content-wrapper-in{
        max-width:1800px!important;
    }

    html body.type-detail
    #product-detail-form.hygsi-buy-form{
        grid-template-columns:125px minmax(0,1fr) 58px!important;
        grid-template-areas:
            "info discounts discounts"
            "variants variants variants"
            "quantity buy favorite"!important;
        grid-template-rows:
            auto
            minmax(90px,1fr)
            58px!important;
        column-gap:12px!important;
        align-items:end!important;
    }

    html body.type-detail
    #product-detail-form.hygsi-buy-form:not(.hygsi-has-quantity-discounts){
        grid-template-areas:
            "info info info"
            "variants variants variants"
            "quantity buy favorite"!important;
    }

    html body.type-detail
    .hygsi-purchase-info{
        grid-area:info;
        align-self:start;
        min-width:0;
        margin:92px 0 0!important;
    }

    html body.type-detail
    .hygsi-quantity-discounts{
        justify-self:end!important;
        width:min(411px,calc(100% - 80px))!important;
        max-width:none!important;
        margin:52px 0 0 -20px!important;
    }
}

html body.type-detail
.hygsi-purchase-info>.detail-parameters{
    display:block!important;
    width:100%!important;
    max-width:230px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

html body.type-detail
.hygsi-purchase-info>.detail-parameters tbody,
html body.type-detail
.hygsi-purchase-info>.detail-parameters tr,
html body.type-detail
.hygsi-purchase-info>.detail-parameters td{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

html body.type-detail
.hygsi-purchase-info>.detail-parameters th,
html body.type-detail
.hygsi-purchase-info>.detail-parameters .p-code{
    display:none!important;
}

html body.type-detail
.hygsi-purchase-info>.p-final-price-wrapper{
    margin:0!important;
}

html body.type-detail
.hygsi-quantity-discounts-header{
    min-height:40px!important;
    height:40px!important;
}

html body.type-detail
.hygsi-native-quantity-discounts
.quantity-discounts__item{
    min-height:41px!important;
    height:41px!important;
}

@media(max-width:991px){

    html body.type-detail
    #product-detail-form.hygsi-buy-form,
    html body.type-detail
    #product-detail-form.hygsi-buy-form.hygsi-has-quantity-discounts{
        grid-template-areas:
            "info info info"
            "discounts discounts discounts"
            "variants variants variants"
            "quantity buy favorite"!important;
    }

    html body.type-detail
    .hygsi-purchase-info{
        grid-area:info;
        align-self:start;
        margin:38px 0 0!important;
    }
}

@media(max-width:600px){

    html body.type-detail
    #product-detail-form.hygsi-buy-form,
    html body.type-detail
    #product-detail-form.hygsi-buy-form.hygsi-has-quantity-discounts{
        grid-template-areas:
            "info info"
            "discounts discounts"
            "variants variants"
            "quantity quantity"
            "buy favorite"!important;
    }
}

/* ==========================================================
   PRODUKT – PREPOJENÉ BALENIA / VIRTUÁLNE VARIANTY
   ========================================================== */

html body.type-detail
.hygsi-buy-form>.hygsi-linked-variants{
    grid-area:variants;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:44px!important;
    width:100%!important;
    margin:15px 0 64px!important;
    padding:0!important;
}

@media(min-width:992px){
    html body.type-detail
    .hygsi-buy-form>
    .hygsi-discounts-collapsible:not(.hygsi-discounts-expanded)
    ~.hygsi-linked-variants{
        margin-top:-3px!important;
    }
}

html body.type-detail
.hygsi-linked-values-group,
html body.type-detail
.hygsi-linked-products-group{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

html body.type-detail
.hygsi-linked-heading{
    margin:0 0 12px!important;
    color:#060633!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:24px!important;
}

html body.type-detail
.hygsi-linked-values,
html body.type-detail
.hygsi-linked-products{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
}

html body.type-detail
.hygsi-linked-value{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:84px!important;
    height:58px!important;
    margin:0!important;
    padding:0 20px!important;
    border:1px solid #d7d9e0!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#060633!important;
    box-shadow:0 2px 5px rgba(13,13,115,.1)!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-linked-value:hover,
html body.type-detail
.hygsi-linked-value:focus-visible{
    border-color:#009fe3!important;
    color:#009fe3!important;
    text-decoration:none!important;
}

html body.type-detail
.hygsi-linked-value.active{
    border-color:#009fe3!important;
    background:#009fe3!important;
    color:#fff!important;
}

html body.type-detail
.hygsi-linked-product{
    position:relative!important;
    z-index:1!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    width:96px!important;
    height:96px!important;
    margin:0!important;
    padding:8px!important;
    overflow:visible!important;
    border:1px solid #d7d9e0!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:0 2px 5px rgba(13,13,115,.1)!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-linked-product.active{
    display:flex!important;
    border:2px solid #009fe3!important;
    padding:7px!important;
}

html body.type-detail
.hygsi-linked-product:hover,
html body.type-detail
.hygsi-linked-product:focus-visible{
    z-index:20!important;
}

html body.type-detail
.hygsi-linked-product-image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}

html body.type-detail
.hygsi-linked-product img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:contain!important;
}

html body.type-detail
.hygsi-linked-preview{
    position:absolute!important;
    z-index:30!important;
    top:calc(100% + 15px)!important;
    left:-72px!important;
    display:flex!important;
    visibility:hidden!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:240px!important;
    margin:0!important;
    padding:15px!important;
    border:1px solid #e0e1e6!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#060633!important;
    box-shadow:0 5px 14px rgba(13,13,70,.13)!important;
    font-family:Roboto,Arial,sans-serif!important;
    text-align:left!important;
    text-decoration:none!important;
    opacity:0!important;
    transform:translateY(-4px)!important;
    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-linked-preview::before{
    content:""!important;
    position:absolute!important;
    top:-9px!important;
    left:calc(50% - 9px)!important;
    width:18px!important;
    height:18px!important;
    border-top:1px solid #e0e1e6!important;
    border-left:1px solid #e0e1e6!important;
    background:#fff!important;
    transform:rotate(45deg)!important;
    box-sizing:border-box!important;
}

html body.type-detail
.hygsi-linked-product:hover .hygsi-linked-preview,
html body.type-detail
.hygsi-linked-product:focus-visible .hygsi-linked-preview{
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
}

html body.type-detail
.hygsi-linked-preview-name{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    margin:0 0 6px!important;
    color:#060633!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:22px!important;
}

html body.type-detail
.hygsi-linked-preview-stock{
    display:block!important;
    margin:0 0 19px!important;
    color:#59a51e!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:22px!important;
}

html body.type-detail
.hygsi-linked-preview-prices{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
}

html body.type-detail
.hygsi-linked-preview-prices>span{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
}

html body.type-detail
.hygsi-linked-preview-prices strong{
    color:#060633!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:20px!important;
}

html body.type-detail
.hygsi-linked-preview-prices small{
    color:#58586f!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:20px!important;
}

@media(max-width:991px){
    html body.type-detail
    .hygsi-buy-form>.hygsi-linked-variants{
        gap:32px!important;
        margin:42px 0 44px!important;
    }
}

@media(max-width:600px){
    html body.type-detail
    .hygsi-linked-value{
        min-width:76px!important;
        height:52px!important;
        padding:0 16px!important;
        font-size:15px!important;
    }

    html body.type-detail
    .hygsi-linked-product{
        width:88px!important;
        height:88px!important;
    }

    html body.type-detail
    .hygsi-linked-preview{
        left:0!important;
        width:min(240px,calc(100vw - 40px))!important;
    }

    html body.type-detail
    .hygsi-linked-preview::before{
        left:34px!important;
    }
}