/* --- ZÁKLADNÉ ŠTÝLY (Desktop aj mobil bez ohľadu na šírku) --- */
.p-info-wrapper .detail-parameters th { padding-bottom: 0; }
.subcategories li a { background-color: #ececec; }
.subtype-category-parametric .subcategories { display: none !important; }
#checkoutSidebar .form-group label.whole-width { text-align: left; }
#signature a { color: #434343; }
#signature img { width: 15px; height: auto; margin-right: 1em; }
.souvisejici-link { display: none; }
.p-image-wrapper .flags-extra { bottom: auto; top: 4px; }
.p-info-wrapper .delivery-time, .p-info-wrapper .availability-amount { color: #000000 !important; }
.kupon-odkaz { display: none !important; }
.discount-coupon:not(.uplatneno) form { display: block !important; margin: 0; }
.cena-kupon { font-weight: 700; font-size: 18px; line-height: 16px; }
.product .slevovy-kupon { font-size: 14px; padding: 5px 10px; }
.product .cena-kupon { font-size: 16px; line-height: 14px; }
[class*="flag-kupon"] { display: none !important; }
.flag.flag-discount, .flag.flag-action { background-color: #ff0101; }
.price-standard { color: #ff0101; }
.products-block .p-in-in { position: relative; display: flex; flex-wrap: wrap; }
.products-block .p-in-in .product-appendix { order: -1; position: relative; top: auto; text-align: left; margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.products-block .p a.image { margin-bottom: 12px; }
.products-block.products .p .name { text-align: left; margin-bottom: 30px; }
.product .price-standard, .products-block.products .p .price { width: auto; }
.products-block .p-bottom .prices { justify-content: left; }
.product .availability { position: absolute; bottom: 26px; left: 0; font-weight: 400; }
.product .skladem::before { font-size: 7px; position: relative; top: -1px; }
.product .kuopn-active + .availability { bottom: 71px; }
.product-info{display: flex; flex-wrap: wrap; padding-top: 24px;-webkit-justify-content: space-between;justify-content: space-between;}
.product-info > div{width: auto;}
.product-info > div.vraceni::before{content: "\e925";font-family: shoptet;}
.product-info > div.doprava::before{content: "\e913";font-family: ikony;}
.product-info > div::before{display: inline-block;vertical-align: middle;font-size: 22px;line-height: 1;margin-right: 16px;}

/* Blog sekcia */
.blog-articles { display: flex; flex-direction: column; gap: 20px; max-width: 100%; margin-top: 20px; }
.blog-item { display: flex; align-items: center; gap: 15px; background-color: #f9f9f9; padding: 15px; border-radius: 8px; }
.blog-item img { width: 240px; height: 160px; border-radius: 6px; display: block; }
.blog-text { flex: 1; }
.blog-text h3 { margin: 0; font-size: 16px; }
.blog-text h3 a { text-decoration: none; color: #333; font-weight: bold; }
.blog-text h3 a:hover { color: #0073e6; }
.blog-text p { font-size: 14px; color: #666; margin-top: 5px; }

/* --- RESPONSIVE: DESKTOP & TABLET (nad 768px) --- */
@media screen and (min-width: 768px) {
    .navigation-in > ul > li.ext > ul > li > a { display: block; }
    .navigation-in > ul > li.ext > ul > li > div { padding-left: 12px; }
    .navigation-in > ul > li.ext > ul > li:not(.has-third-level) > div > a { margin-bottom: 0; line-height: 64px; }
    .homepage-blog-wrapper { margin: 0 -10px; }
    .cols { display: flex; flex-wrap: wrap; margin: 0 -20px 48px; align-items: center; }
    .cols > div { width: 50%; padding: 0 20px; }
    .cols.reverse .image { order: -1; }
    
    /* Šípky detailu */
    :root {
        --color-detail-product-arrows-BG: transparent;
        --color-detail-product-arrows-BG-hover: transparent;
        --color-detail-product-arrows-icon: #000000;
        --color-detail-product-arrows-icon-hover: #ffffff;
        --detail-product-arrows-border-radius: 0%;
    }

    /* Dva stĺpce */
    .two-column-text { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 20px; max-width: 100%; }
    .left-column { grid-column: 1; }
    .right-column { grid-column: 2; }

    /* Doplnky pre kategóriu košele */
    .type-category.in-panske-kosele .subcategories li:first-child .text::after { content: "Strihy: Body fit, Extra Slim fit"; }
    .type-category.in-panske-kosele .subcategories li:nth-child(2) .text::after { content: "Strihy: Slim fit, Modern fit, Shaped fit"; }
    .type-category.in-panske-kosele .subcategories li:nth-child(3) .text::after { content: "Strihy: Regular fit, Classic fit, Comfort fit"; }
    .type-category.in-panske-kosele .subcategories li .text::after { display: inline-block; font-size: 13px; width: 100%; margin-top: 5px; }
}

/* --- RESPONSIVE: LARGE DESKTOP (nad 1200px) --- */
@media screen and (min-width: 1200px) {
    .menu-helper { visibility: hidden !important; }
    .navigation-in ul li.splitted { visibility: visible; display: block !important; }
    .type-index #header { position: relative !important; top: 0 !important; background-color: #000 !important; }
    .type-index .top-navigation-bar { z-index: 2 !important; top: 0 !important; position: relative !important; background-color: #272727 !important; }
    .one-column-body .carousel-inner > .item.carousel-link a::before, 
    .one-column-body .carousel-inner > .item:not(.carousel-link)::before { display: none; }
    .type-category.in-panske-kosele .subcategories li { width: 33.3333%; }
    .navigation-in > ul > li > a { padding: 33px 14px; }
    .submenu-arrow, .menu-level-3 { display: none !important; }
    .navigation-in > ul > li.ext > ul > li > div > a { margin-bottom: 0; line-height: 64px; }
}

/* --- RESPONSIVE: ŠPECIFICKÝ DESKTOP (1200px - 1439px) --- */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .navigation-in > ul > li > a { padding: 33px 8px; }
    .top-navigation-bar .container > div.top-navigation-menu { flex: 1 1 60%; }
    .top-navigation-bar .container > div.top-navigation-tools { flex: 1 1 10%; }
    .top-navigation-bar .container > div.top-navigation-contacts { flex: 1 1 30%; text-align: right; }
}

/* --- RESPONSIVE: TABLET (992px - 1199px) --- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product-info > div { width: 100%; }
    .product-info > div:first-child { margin-bottom: 20px; }
    .product-info > div::before { width: 30px; }
}

/* --- RESPONSIVE: MOBIL A TABLET (pod 1199px) --- */
@media screen and (max-width: 1199px) {
    .type-category.in-panske-kosele .subcategories li { width: 100%; }
    .widget-parameter-wrapper { display: none !important; }
}

/* --- RESPONSIVE: MOBILY (pod 768px) --- */
@media screen and (max-width: 768px) {
    .two-column-text { grid-template-columns: 1fr; }
    .left-column, .right-column { grid-column: 1; }
    .blog-item { flex-direction: column; text-align: center; }
    .blog-item img { width: 100%; max-width: 300px; margin: 0 auto; }
}

@media screen and (max-width: 767px) {
    .type-category.in-panske-kosele .subcategories li a { height: auto; }
    .type-category.in-panske-kosele .subcategories li a .text { max-height: none; }
    .products-block.products .product { border-bottom: 0; }
    .products-related { margin-bottom: 0; }
    .p-image-wrapper .flags-extra { top: 0; }
    .category-appendix { display: block; }
    .menu-level-2 .submenu-arrow { display: none !important; }
    .products-block .p-in-in .product-appendix { display: block; }
    .products-block.products .p .name { margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .products-block .price-standard { margin-right: 12px; }
    .products-block.products .p .price strong, .products-block.products .p .price span { font-size: 16px; }
    .products-block .p-bottom .prices { margin-top: 24px; height: auto; align-items: center; }
    .product .kuopn-active + .availability { bottom: 86px; }
}

@media screen and (max-width: 479px) {
    .product-info > div { width: 100%; }
    .p-info-wrapper .delivery-time { display: block; }
    .sk .delivery-time > span::before { content: "Najneskôr"; }
    .product .slevovy-kupon { height: 50px; font-size: 12px; }
    .product .cena-kupon { font-size: 14px; line-height: 12px; }
}