/* ############################################################################
   GK DIZAJN-TOKENY — 2026-08-05
   ----------------------------------------------------------------------------
   Zdroj pravdy: dizajnmanuál GastroKuchyne (modrá var(--gk-blue)).
   Audit našiel na jednej stránke 7 odtieňov modrej a 2 zelené — zjednotené sem.
   NOVÉ pravidlá píš VÝHRADNE cez var(--gk-*), žiadne natvrdo písané farby.
   ############################################################################ */
:root {
	--gk-blue: #2756A0;        /* značková modrá — akcenty, odkazy, tlačidlá */
	--gk-blue-dark: #1E4076;   /* tmavšia odvodenina — hover/aktívny stav */
	--gk-green: #59BA47; /* 2026-08-07: zarovnané s manuálom (Gastro Green, str. 16) — bolo var(--gk-green) */       /* dostupnosť + kúpne CTA (jediná zelená) */
	--gk-radius-s: 6px;        /* vstupy, badge */
	--gk-radius-m: 10px;       /* karty, obrázky */
	--gk-radius-pill: 999px;   /* pilulky, kruhové tlačidlá */
}

		
		.ec-slider .ec-btn {
  background-color: #2F437E;
  transition: .35s;
  padding: 0px 40px !important
}
.ec-slider .ec-btn:hover {
  background-color: #1D2A50
}
.electro-navbar-primary .nav>.menu-item.menu-item-has-children .dropdown-menu {
  border-top: none
}
.electro-navbar-primary .nav > .menu-item.menu-item-has-children:first-of-type .dropdown-menu .yamm-content .wpb_wrapper:not(.wpb_wrapper .wpb_wrapper) {
  border-radius: 10px;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 20px
}


.wb-thumb-wrapper.wb-thumb-style3 .wb-thumb-cnt {
  border-radius: 10px
}

.electro-navbar-primary .nav>.menu-item>a {
  letter-spacing: .3px;
  font-weight: 600
}

.top-bar {
  background: #F8F8F8 !important
}
.top-bar .nav>li>a {
  font-weight: 600;
}

.electro-navbar-primary .nav > .menu-item.menu-item-has-children .dropdown-menu .yamm-content .vc_row-has-fill>.vc_column_container>.vc_column-inner {
  padding-top: 0;
}


.electro-navbar-primary .nav > .menu-item.menu-item-has-children .dropdown-menu .yamm-content .wpb_single_image {
  border-radius: 10px;
  overflow: hidden;
}
.electro-navbar-primary .nav > .menu-item.menu-item-has-children .dropdown-menu .yamm-content h3 {
  margin: 8px 0;
}
.product-loop-categories.columns-6 .product-category {
    max-width: 250px !important;
    width: 250px !important;
    height: 82px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    margin: 7px !important;
    padding: 6px !important;
}
.product-loop-categories.columns-6 .product-category a {
    font: normal normal medium 16px/20px Inter !important;
    font-size: 16px;
}
.features-list {
  border: none;
  display: flex;
  
}
.features-list .feature {
  height: 195px;
  border: 1px solid #E8E8E8 !important;
  border-radius: 10px;
  box-sizing: border-box;
  width: calc(20% - 10px) !important
  
}
.features-list .media {
    display: block;
    margin: 0 auto !important;
    width: 95%;
    padding-top: 5px;
    
}
.features-list .media .feature-icon {
    display: flex;
    justify-content: center;
}

.features-list .media .feature-icon i {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
    border-radius: 50px;
    margin-bottom: 15px;
    background: rgba(40, 96, 183, 0.09)
}
.features-list .media-body.feature-text strong {
    font-size: 18px;
    margin-bottom: 5px
}
.product-loop-categories .product-category .woocommerce-loop-category__title {
    max-width: 62% !important
}

.archive #main {
  //margin-top: -20px
}
.archive .product-categories.category-single {
	background: white;
}

section header .h1 {
  font-weight: 800 !important;
  font-size: 25px
}

.widget_product_categories .product-categories {
  border: 1px solid #E8E8E8 !important;
  border-radius: 10px;
  overflow: hidden
}
.single .summary.entry-summary span, 
.single .summary.entry-summary p, 
.single .summary.entry-summary a, 
.single .summary.entry-summary li
{
  font-weight: 400
}
.widget_product_categories .product_cat>span {
  border: none;
  font-weight: 800;
  color: #2F437E;
  padding: 1.5em 1.6em 0.5em
}
.widget_product_categories ul li .child-indicator i {
  color: #2F437E;
}
.widget_product_categories .product_cat>ul {
  padding: 0.5em 1.6em 1.5em
}
.widget_product_categories ul li .no-child {
  padding-left: 1em
}
.widget_product_categories ul li .child-indicator {
  padding-left: 0;
}
.widget_product_categories ul li>a {
  padding: 0.8em 0;
  line-height: 1.3em;
  font-size: 13px;
  font-weight: 600;
}
.single .widget_product_categories ul li>a {
  padding-left: 0.3em !important;
  line-height: 1.3em;
  font-size: 13px;
  font-weight: 600;
}
.widget_product_categories ul li .children .no-child {
  padding-left: 1.95em
}
.single .widget_product_categories ul li .current-cat .children .cat-item .no-child {
  padding-left: 2.45em !important;
}
.product-loop-categories {
  margin-left: 0px;
  margin-right: 0px;
}

.products-carousel .owl-item>.product .product-inner, .owl-item>.product .product-inner, .products>.product .product-inner {
  border: 1px solid #E8E8E8 !important;
  border-radius: 10px;
  margin: 15px 0px;
  box-sizing: border-box;
}
.owl-item>.product:hover .product-inner, .products>.product:hover .product-inner {
  border: 1px solid #2f437e4d !important;
  border-radius: 10px;
  box-shadow: none;
}
.owl-item>.product .loop-product-categories a, .products>.product .loop-product-categories a {
  color: var(--gk-blue)
}
.woocommerce-loop-product__title {
  color: #252525
}
.owl-item>.product .product-inner, .products>.product .product-inner {
  padding: 1.4em 1.3em 1em 1.3em !important
}
.product-loop-header .onsale {
  padding: 0px 7px
}
.owl-item>.product .price ins, .products>.product .price ins {
}
.woocommerce-price-suffix:nth-child(2), .woocommerce-price-suffix:nth-child(3) {
}

.products-carousel .owl-item>.product .product-inner {
  border: 1px solid #E8E8E8 !important;
  border-radius: 10px;
  margin: 15px 0px;
  box-sizing: border-box;
}
.owl-item>.product:hover .product-inner {
  border: 1px solid #2f437e4d !important;
  border-radius: 10px;
  box-shadow: none
}
.owl-item>.product .loop-product-categories a, .products>.product .loop-product-categories a {
  color: var(--gk-blue)
}
.owl-item>.product .loop-product-categories a:hover, .products>.product .loop-product-categories a:hover {
  color: var(--gk-blue);
  text-decoration: underline
}
.woocommerce-loop-product__title {
  color: #252525
}
.owl-item>.product .product-inner, .products>.product .product-inner {
  padding: 1.4em 1.3em 1.3em 1.3em !important
}
.product-loop-header .onsale {
  background-color: #E35F54 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 0px 7px;
  margin-bottom: 8px !important
}
.owl-item>.product .price ins, .products>.product .price ins {
  color: #E35F54 !important;
  font-weight: 800;
  font-size: 18px;
}
.woocommerce-price-suffix:nth-child(2), .woocommerce-price-suffix:nth-child(3) {
  font-size: 11px !important;
}

.owl-item>.product .button.add_to_cart_button::before, .products>.product .button.add_to_cart_button::before {
  content: "\2b";
  padding: .5em .504em;
  float: right;
  text-indent: 0;
  line-height: 16px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.navbar-primary, .footer-newsletter, .button:hover::before, li.product:hover .button::before, li.product:hover .added_to_cart::before, .owl-item .product:hover .button::before, .owl-item .product:hover .added_to_cart::before, .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-pagination ul.page-numbers > li a.current, .woocommerce-pagination ul.page-numbers > li span.current, .pagination ul.page-numbers > li a.current, .pagination ul.page-numbers > li span.current, .owl-dots .owl-dot.active, .products-carousel-tabs .nav-link.active::before, .deal-progress .progress-bar, .products-2-1-2 .nav-link.active::before, .products-4-1-4 .nav-link.active::before, .da .da-action > a::after, .header-v1 .navbar-search .input-group .btn, .header-v3 .navbar-search .input-group .btn, .header-v6 .navbar-search .input-group .btn, .header-v8 .navbar-search .input-group .btn, .header-v9 .navbar-search .input-group .btn, .header-v10 .navbar-search .input-group .btn, .header-v11 .navbar-search .input-group-btn .btn, .header-v12 .navbar-search .input-group .btn, .vertical-menu > li:first-child, .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud .tagcloud a:focus, .navbar-mini-cart .cart-items-count, .navbar-compare .count, .navbar-wishlist .count, .wc-tabs > li.active a::before, .ec-tabs > li.active a::before, .woocommerce-info, .woocommerce-noreviews, p.no-comments, .products-2-1-2 .nav-link:hover::before, .products-4-1-4 .nav-link:hover::before, .single_add_to_cart_button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .deal-cart-button .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .deal-cart-button .added_to_cart, .wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i, ul.products > li.product.list-view:not(.list-view-small) .button:hover, ul.products > li.product.list-view:not(.list-view-small) .button:focus, ul.products > li.product.list-view:not(.list-view-small) .button:active, ul.products > li.product.list-view.list-view-small .button:hover::after, ul.products > li.product.list-view.list-view-small .button:focus::after, ul.products > li.product.list-view.list-view-small .button:active::after, .widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-prev:hover, .widget_electro_products_carousel_widget .section-products-carousel .owl-nav .owl-next:hover, .full-color-background .header-v3, .full-color-background .header-v4, .full-color-background .top-bar, .top-bar-v3, .pace .pace-progress, .electro-handheld-footer-bar ul li a .count, .handheld-navigation-wrapper .stuck .navbar-toggler, .handheld-navigation-wrapper .stuck button, .handheld-navigation-wrapper.toggled .stuck .navbar-toggler, .handheld-navigation-wrapper.toggled .stuck button, .da .da-action>a::after, .demo_store, .header-v5 .header-top, .handheld-header-v2, .handheld-header-v2.stuck, #payment .place-order button[type=submit], .single-product .product-images-wrapper .woocommerce-product-gallery.electro-carousel-loaded .flex-control-nav li a.flex-active, .single-product .product-images-wrapper .electro-wc-product-gallery .flex-control-nav li a.flex-active, .single-product .product-images-wrapper .flex-control-nav li a.flex-active, .section-onsale-product .savings, .section-onsale-product-carousel .savings, .columns-6-1>ul.products.product-main-6-1>li.product .electro-wc-product-gallery .flex-control-nav li a.flex-active, .products-carousel-tabs-v5 header ul.nav-inline .nav-link.active, .products-carousel-tabs-with-deal header ul.nav-inline .nav-link.active, section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .added_to_cart, section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .button, .header-icon-counter, .electro-navbar, .departments-menu-v2-title, section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .added_to_cart, section .deals-carousel-inner-block .onsale-product .onsale-product-content .deal-cart-button .button, .deal-products-with-featured header, .deal-products-with-featured ul.products > li.product.product-featured .savings, .mobile-header-v2, .mobile-header-v2.stuck, .product-categories-list-with-header.v2 header .caption .section-title, .product-categories-list-with-header.v2 header .caption .section-title, .home-mobile-v2-features-block, .show-nav .nav .nav-item.active .nav-link, .header-v5, .header-v5 .stuck, .electro-navbar-primary, .navbar-search-input-group .navbar-search-button, .da-block .da-action::after, .products-6-1 header.show-nav ul.nav .nav-item.active .nav-link, ul.products[data-view=list-view].columns-1>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-2>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-3>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-4>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-5>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-6>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-7>li.product .product-loop-footer .button, ul.products[data-view=list-view].columns-8>li.product .product-loop-footer .button, ul.products[data-view=list-view]>li.product .product-item__footer .add-to-cart-wrap a, .products.show-btn>li.product .added_to_cart, .products.show-btn>li.product .button, .yith-wcqv-button, .header-v7 .masthead, .header-v10 .secondary-nav-menu, section.category-icons-carousel-v2, .category-icons-carousel .category a:hover .category-icon, .products-carousel-banner-vertical-tabs .banners-tabs>.nav a.active, .products-carousel-with-timer .deal-countdown-timer, .section-onsale-product-carousel-v9 .onsale-product .deal-countdown-timer, .dokan-elector-style-active.store-v1 .profile-frame + .dokan-store-tabs > ul li.active a:after, .dokan-elector-style-active.store-v5 .profile-frame + .dokan-store-tabs > ul li.active a:after, .aws-container .aws-search-form .aws-search-clear, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, .electro-dark .full-color-background .masthead .navbar-search .input-group .btn, .electro-dark .electro-navbar-primary .nav>.menu-item:hover>a, .electro-dark .masthead .navbar-search .input-group .btn, .cat-nav .mas-elementor-menu-toggle .navbar-toggler {
  background-color: var(--gk-blue) !important;
  color: white !important;
  transition: .25s
}
.owl-item>.product .add-to-cart-wrap .button::before, .owl-item>.product .added_to_cart::before, li.product .add-to-cart-wrap .button::before, li.product .added_to_cart::before {
  border: 2px solid var(--gk-blue);
  color: var(--gk-blue);
  transition: .2s
}
.owl-item>.product::after, .products>.product::after {
  display: none
}
.owl-dots .owl-dot.active {
  border-radius: 5px
}
.home-list-categories .category-media-heading {
  margin-bottom: 12px
}
@media (min-width: 576px) {
    .home-list-categories .category-media-body {
        max-width: 60%
    }
}

.home-list-categories ul.sub-categories a {
}
.home-list-categories ul.sub-categories a:hover {
  color: #395596;
}
.owl-dots .owl-dot.active {
  border-radius: 5px
}
.home-list-categories .category-media-heading {
  font-weight: 800;
  line-height: 1.3em;
  margin-bottom: 12px
}
@media (min-width: 576px) {
    .home-list-categories .category-media-body {
        flex: 0 0 60%;
        max-width: 60%
    }
}
.home-list-categories ul.sub-categories a {
  color: #252525;
}
.home-list-categories ul.sub-categories a:hover, .footer-bottom-widgets ul>li:hover>a {
  color: #395596;
  text-decoration: underline
}
.footer-logo, .footer-address {
  max-width: 90%
}
.call-us-text {
  margin-top: 5px
}
.call-us-text, .call-us-number {
  font-weight: 800 !important
}
.footer-social-icons .social-icons .fa-facebook,.footer-social-icons .social-icons .fa-linkedin {
  color: #3b5998;
}
.footer-social-icons .social-icons .fa-instagram {
    color: #f25a00;
}
.footer-social-icons .social-icons>li+li a {
  margin-left: 15px;
  margin-top: 1px
}
.footer-bottom-widgets .widget-title {
  color: #252525
}

.recenzie-container h4, .woocommerce-page .page-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  position: relative;
  font-weight: 600
}
.page-title {
  font-weight: 800
}
.recenzie-container h4:after, .page-title:after {
    content: " ";
    border-bottom: 2px solid #2F437E;
    display: block;
    position: absolute;
    bottom: -1px;
    width: 213px;
}

.item1 {
  border: none !important;
  gap: 5px
}
.item2 {
  border: 1px solid #ddd;
  margin: 0 !important; 
  padding: 15px !important;
}
.item2 img {
  width: 90px !important
}
.item2 span, .item2 i {
  margin-top: 10px;
  font-weight: 600
}
ul .stock, ul.products .in_stock{
  margin-bottom: 10px !important;
  font-weight: 700;
  line-height: 1.35em
}
.owl-item>.product .add-to-cart-wrap .button::before, .owl-item>.product .added_to_cart::before, li.product .add-to-cart-wrap .button::before, li.product .added_to_cart::before {
  background-color: transparent;
}
.owl-item>.product .button.add_to_cart_button::before, .products>.product .button.add_to_cart_button::before {
  color: var(--gk-blue)
}
.archive ul.products, ul.products {
  gap: 5px !important
}
ul.products>li.product {
  max-width: calc(20% - 5px) !important
}
.section-onsale-product .deal-progress .progress-bar, .section-onsale-product-carousel .deal-progress .progress-bar, .section-onsale-product .deal-progress .progress, .section-onsale-product-carousel .deal-progress .progress {
  border-radius: 10px
}
.sidebar .widget-title, .sidebar-blog .widget-title {
  font-weight: 600
}

.product_list_widget li {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 7px 7px 10px 7px;
  position: relative
}
.product_list_widget .wp-post-image, .product_list_widget img {
  max-width: 73px;
  max-height: 73px;
  object-fit: contain;
}
.product_list_widget li .product-title {
  font-weight: 600 !important;
  transform: translateY(4px)
}
.product_list_widget .electro-price {
  position: absolute !important;
  right: 10px;
  bottom: 0px;
}
.product_list_widget .electro-price bdi, ins {
  color: #E35F54 !important;
  font-weight: 800 !important
}
.single ins {
  color: #DA2F20 !important;
  font-weight: 800 !important
}
.owl-item>.product .price, .products>.product .price {
  font-weight: 800;
  color: #2F437E
}

.single .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown, .single .widget_product_categories .product_cat>span {
  background: #2F437E;
  color: white;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown {
  padding-left: 1.3em
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown .child-indicator i {
  color: white
}
.electro_product_categories_widget-7 {
  overflow: hidden !important
}
.single .product-categories.category-single {
  background: transparent;
}
.single .onsale {
  background: #E35F54;
  border-radius: 5px;
  margin: 10px 25px
}
.single-product .single-product-wrapper .loop-product-categories a:not(:hover):not(:focus) {
  color: var(--gk-blue);
}
.single-product .single-product-wrapper .loop-product-categories a:hover {
  color: var(--gk-blue);
  text-decoration: underline;
}
.product_title.entry-title {
  font-weight: 800;
  margin-bottom: 25px
}
.single .summary.entry-summary {
  font-weight: 600
}

.single .summary.entry-summary h1 + span:nth-of-type(2):not(table span:nth-of-type(2)) {
  background: white !important;
  border: 1px solid #2F437E;
  color: #2F437E !important;
  border-radius: 7px !important;
}
.single-product .availability {
  color: #252525;
}
.woocommerce div.product .woo-custom-stock-status.in_stock_color {
  color: var(--gk-green) !important;
  
}
.single-product .availability p.stock {
  font-weight: 500
}
.home-nadpis {
	margin-top: 20px;
}
.home-nadpis h4 {
	font-weight: 600;
	font-size: 20px
}
.infolinka-pc {
  background: #F2F3F6 0% 0% no-repeat padding-box;
  border: 1px dashed #2F437E;
  border-radius: 10px;
  margin-top: 20px !important
}
.infolinka-pc p {
  font-weight: 600 !important
}
.infolinka-pc a {
  font-weight: 800 !important
}
.infolinka-pc i:before {
  background: #2F437E !important;
  color: white;
  padding: 6px;
  border-radius: 30px;
}
.single .amount, .single .amount span, .awdr-bulk-customizable-table span {
  font-weight: 800 !important
}
.awdr-bulk-customizable-table {
	border: 1px solid #aebad9
}

.awdr-bulk-customizable-table {
  border-radius: 10px !important;
  overflow: hidden;
  margin-bottom: 20px
}
.awdr-bulk-customizable-table thead, .table>:not(:last-child)>:last-child>*, table>:not(:last-child)>:last-child>*, tr {
  border-style: solid !important;
  border-spacing: 1px !important;
  border-color: transparent !important;
  
}
thead tr {
  background: #F8FAFF !important
}
tr:nth-of-type(2n-1) {
  background: #ECEFF7
}
th {
  padding-left: 20px !important
}
td {
  padding-left: 20px !important;
  font-weight: 400
}
table {
  margin-bottom: 0
}
table bdi {
  color: #2F437E;
  font-weight: 600
}
.single_add_to_cart_button.button::before {
  content: "\2b";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border: 2px solid white;
  border-radius: 20px;
  padding: 5px 6px;
  font-size: 12px !important;
}
.single_add_to_cart_button.button:hover::before{
  background-color: transparent !important
}
.single_add_to_cart_button.button {
  padding: 9px 30px;
  font-weight: 600;
  background: var(--gk-green) !important
}
.single_add_to_cart_button.button:hover {
  background: #48953A !important
}
.single-product-wrapper .flex-viewport, .single-product-wrapper .flex-control-thumbs img {
    border: 1px solid #E2E7EB;
    border-radius: 10px !important;
    box-shadow: 0 0 30px #2371B90A;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
  border: 1px solid #E2E7EB;
}
.poistenie-label {
  margin-top: 0;
  margin-bottom: 0;
}
.nahrada {
  margin-top: 25px !important;
  padding-left: 20px;
}
.single-product .nahrada {
  text-align: left;
}
.nahrada li a {
  padding-left: 3px;
  padding-right: 3px
}
.nahrada> li.active a::before {
  display: none
}
.nahrada > li.active a::after {
  left: 0px
}
#tab-description .h1, #tab-description .h2, #tab-description .h3, #tab-description .h4, #tab-description .h5, #tab-description .h6, #tab-description h1, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description h5, #tab-description h6, .single-product .woocommerce-tabs+section.related>.h2, .single-product .woocommerce-tabs+section.related>h2, .single-product .woocommerce-tabs~div.products>.h2, .single-product .woocommerce-tabs~div.products>h2 {
  font-weight: 800
}
.home-o-nas {
	margin-bottom: 25px
}
.home-o-nas > div .wpb_text_column {
	margin-bottom: 25px
}
.home-o-nas h3 {
	font-weight: 800
}
@media (min-width: 768px) {
	.home-o-nas .wpb_wrapper:not(.wpb_wrapper .wpb_wrapper) {
		column-gap: 25px
	}
}
.archive.blog-default article, .single-post article {
	border: 1px solid #ddd !important;
  padding: 25px;
	margin: 20px 0;
	border-radius: 15px
} 
.archive.blog-default article h1 a, .single-post article h1 {
	font-weight: 800 !important;
	color: #2F437E !important
}
article.post .post-readmore .btn-primary {
	background: #2F437E;
	font-weight: 600;
	border-radius: 50px !important
}
article.post .post-readmore .btn-primary:hover {
	background: #1D2A50
}
article.post .comments-link a, article.post .likes a {
	font-weight: 600
}
.nav-links {
	margin-top: 20px;
}
img:not(.nav img):not(.product-inner img):not(#post-132367 img):not(.product_meta img) {
	border-radius: 10px !important
}
#off-canvas-cart-summary .button.wc-forward {
  font-weight: 600;
  background: #2F437E !important;
}
#off-canvas-cart-summary .button.wc-forward:hover {
  font-weight: 600;
  background: #1D2A50 !important;
}

.woocommerce-cart h3 {
  font-weight: 600
}
.woocommerce-cart h1 {
  text-align: left !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  position: relative;
  font-weight: 600
}
.woocommerce-cart h1:after {
    content: "";
    border-bottom: 2px solid #2F437E;
    display: block;
    width: 17%;
    position: absolute;
    bottom: -1px;
}
.woocommerce-cart .woocommerce-cart-form tr:last-of-type, .woocommerce-checkout tr {
  background: transparent !important
}
.woocommerce-checkout tr {
  border-bottom: 1px solid #ddd !important
}
.woocommerce-checkout tr:last-of-type {
  border-bottom: none !important
}
tr.cart-subtotal, tr.order-total {
  background: #f8f8f8 !important;
  padding-right: 20px;
  border-radius: 8px
}

.btn-secondary, .checkout_coupon .form-row-last .button, table.cart .coupon .button, table.cart .actions .wc-proceed-to-checkout .checkout-button {
  background-color: #2F437E !important
}
table.cart .actions .wc-proceed-to-checkout .checkout-button:hover, table.cart .coupon .button:hover {
  background-color: #1D2A50 !important;
}

.woocommerce-cart td.product-name a{
  font-weight: 600
}
.woocommerce-cart .item-shipping_class {
  margin-top: 5px !important
}
button {
  font-weight: 600 !important
}
h1, h2, h3 {
  font-weight: 600
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments, .wpify-woo-free-shipping-notice, .ocwg_giftcrpr_msg, .ocwg_elgbmsg_main, .showcoupon, .showlogin {
  color: white !important;
  border-radius: 10px !important
}
#ec-v-form-slider-handle a {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    font-weight: 600
}
@media (max-width: 1200px) {
	.features-list {
		display: block;
	}
	.features-list .feature {
		min-width: 250px !important;
		margin-right: 10px;
		display: block;
		margin-bottom: 20px;
		float: left;
	}
	.owl-item>.product, .products>.product {
		margin-right: 10px
	}
}
@media (max-width: 992px) {
	.features-list .feature {
		width: calc(50% - 10px) !important;
		min-width: 1px !important
	}
	/* ⚠️ 2026-08-07: ohraničené `.site-main` — rovnaký blok vkladá aj menu
	   (viď poučenie pri „HLAVNÁ STRÁNKA NA MOBILE") */
	.site-main .home-list-categories .categories {
		gap: 8px;
	}
	.site-main .home-list-categories  .row-cols-3>* {
		width: calc(33.333% - 8px)
	}
	.site-main .home-list-categories .category {
		border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 5px;
    margin-bottom: 10px;
		overflow: hidden
	}
}
@media (max-width: 500px) {
	.features-list .feature {
		width: 100% !important
	}
}

.fajky {
	margin-bottom: 25px !important
}
.fajky li:before {
	content: "";
	background: url("/wp-content/uploads/2024/10/checkmark.png");
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	transform: translatey(2px)
}
.owl-item>.product.hover .hover-area, .owl-item>.product:hover .hover-area, .products>.product.hover .hover-area, .products>.product:hover .hover-area {
	padding-top: 0 !important;
	border-top: none !important;
}
.home-o-nas {
	margin-bottom: 25px
}
.home-o-nas > div .wpb_text_column {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 25px
}
.home-o-nas h3 {
	color: #2F437E;
	font-size: 18px;
	font-weight: 800
}
@media (min-width: 768px) {
	.home-o-nas .wpb_wrapper:not(.wpb_wrapper .wpb_wrapper) {
    column-count: 2;
		column-gap: 25px
	}
}


.woocommerce-checkout #masthead .h3,.woocommerce-checkout #masthead h3 {
    margin: 8px 0 !important;
    border-bottom: none !important;
	  font-weight: 700 !important;
    font-size: 1em !important;
    padding: 5px 0 !important;
}

#equal {
	min-height: 330px;
}
#equal .wpb_column {
	border-radius: 10px;
	overflow: hidden;
}
.full-pozadie {
	position: relative;
}
.vc_row.full-pozadie:before {
	content: "";
	display: block;
	position: absolute;
    top: 0px;
    left: -100%;
    right: -100%;
    bottom: 0px;
    background-color: rgba(47, 67, 126, .05);
    z-index: -1;
}

.home .wpb_single_image figure.vc_figure, .home .wpb_single_image figure.vc_figure > div, .home .wpb_single_image figure.vc_figure img {
	width: 100% !important;
	max-height: 380px;
	object-fit: cover;
}

.wpc-filters-range-wrapper input[type=number] {
	border: 2px solid #2F437E;
	padding: 10px 20px;
	border-radius: 10px
}
.accessories .wc-price-history {
	display: none
}
.owl-item>.product .price del, .products>.product .price del {
	/* 2026-08-05: 9 px bolo nečitateľné — zľava je predajný argument */
	font-size: 11px;
	line-height: 13px;
	white-space: nowrap;
	margin-top: 0;
	line-height: 0 !important
}
.owl-item>.product .price, .products>.product .price {
	line-height: .7em
}


.product-loop-categories {
	background: #F7FAFE;
	border-radius: 18px;
	padding: 10px
}
.shop-control-bar, .wpc-filter-label-wrapper {
	border-radius: 18px;
	padding: 10px 20px
}
.section-onsale-product {
	position: relative;
}
.section-onsale-product .savings {
	position: absolute;
	right: 7px;
	top: 7px;
	width: 66px;
	height: 66px;
}
.section-onsale-product .savings .percentage {
	font-size: 20px;
}
@media only screen and (max-width: 600px) {
	    .ec-wrapper-btn .ec-btn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	.home-list-categories .categories {
		margin-left: 0px;
		margin-right: -8px;
	}
	#equal {
		margin: 0 -15px 15px
	}
  ul.products>li.product {
       max-width:45% !important;
  }
	.archive ul.products, ul.products {
		margin: 0 -12px 0 0px;
	}
	.btn.sidebar-toggler:hover {
		color: #252525 !important
	}
	.shop-control-bar, .wpc-filter-label-wrapper {
		padding: 3px 6px
	}
	.owl-item>.product .price ins, .products>.product .price ins {
		font-size: 15px;
		overflow: visible;
		white-space: nowrap;
		max-width: 10px !important	
	}
	.product-loop-body .product-short-description {
		line-height: 1.4em !important
	}
	.owl-item>.product .add-to-cart-wrap.show-in-mobile, .products>.product .add-to-cart-wrap.show-in-mobile {
		position: absolute;
		background: white;
		border-radius: 50px;
		/* 2026-08-05: -22/-24 viselo 3 px za okrajom karty a prekrývalo
		   riadok „(… bez DPH)"; teraz sedí v rohu karty pod textom ceny */
		right: -17px;
		bottom: -46px;
	}
	.product-loop-body .product-sku {
		display: none !important
	}
	/* 2026-08-05: odstránený `transform: translate(-10px, -13px)` —
	   posúval cenu mimo os názvu (názov 19 px od okraja, cena 9 px).
	   Cena teraz sedí na rovnakej osi ako názov a dostupnosť. */
	.owl-item>.product .onsale, .products>.product .onsale {
		bottom: 18px;
		left: -5px
	}
	.archive #main {
		margin-top: 0
	}
	small.woocommerce-price-suffix {
		display: block;
		overflow: hidden;
		line-height: 1.2em;
		margin-top: 3px
	}
	.single-product-wrapper small.woocommerce-price-suffix {
		max-width: 95% !important;
	}
	.single small.woocommerce-price-suffix {
		display: inline;
		line-height: 1;
	}
	.features-list {
		display: flex;
	}
	.features-list .feature {
		width: 280px !important;
	}
	.page #primary .vc_row {
		margin-left: -5px;
		margin-right: -5px
	}
	.cart-collaterals .cart_totals .wc-proceed-to-checkout a {
		margin-top: 20px
	}
}
.owl-item>.product .add-to-cart-wrap .button::before, .owl-item>.product .added_to_cart::before, .products>.product .add-to-cart-wrap .button::before, .products>.product .added_to_cart::before {
	color: var(--gk-blue);
}
.woocommerce-breadcrumb span.delimiter + a {
	  transition: .2s
}
.woocommerce-breadcrumb span.delimiter + a:hover {
		border-radius: 10px;
		padding: 8px 16px !important;
	  background: rgba(40, 96, 183, 0.09);
	  color: #252525;
}
@media only screen and (max-width: 769px) {
	#mobile-swap {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

.post .media-attachment, .post .media-attachment a, .post .media-attachment img {
	display: block !important;
	width: 100% !important;
	height: auto;
	object-fit: cover;
}

.woocommerce-info .showlogin {
	color: white !important;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout a {
	border-radius: 60px !important;
}


.najpredavanejsi {
	border-radius: 8px !important;
	font-weight: 600;
}
.obal a, .obal3 a {
	font-weight: 800;
	text-decoration: none !important
}
@media only screen and (max-width: 950px) {
	.obal, .obal3 {
		position: relative;
		height: 115px !important;
	}
	.najpredavanejsi {
		position: absolute !important;
		top: 10px !important;
		left: 10px !important;
		z-index: 2;	
		padding: 2px 15px !important;
		overflow-x: scroll
	}
	.obal img, .obal3 img  {
		margin-top: 31px;
		transform: translate(5px, 5px) scale(.9) !important
	}
	.obal .nazov-naj, .obal3 .nazov-naj {
		top: 0px !important;
		height: 100px !important;
		position: absolute !important;
		left: 90px !important;
	}
	.obal .nazov-naj a, .obal3 .nazov-naj a {	
	  padding: 0;
		white-space: wrap;
		line-height: 1.2em;
		max-height: 2.4em;
		
	}
	.obal .nasklade, .obal3 .nasklade {
		left: 93px !important;
		top: -57px;
		max-width: calc(100vw - 80px) !important;
		line-height: 1.4em;
		display: block;
		
	}
	.obal .moja-cena, .obal3 .moja-cena {
		position: absolute;
		right: 0;
		bottom: -10px !important;
		top: auto !important;
		color: #E35F54 !important	
	}
	ul.products[data-view=grid-extended] .product-loop-header .loop-product-categories	
	{
		max-height: 1.1em !important
	}
	.off-canvas-navigation.light ul li a {
		border: none;
		box-shadow: none !important
	}
	.off-canvas-navigation.light ul li .wpb_single_image ~ .wpb_text_column {
		padding-bottom: 10px
	}
	.mobile-header-v1.row.align-items-center.handheld-stick-this.hidden {

	}
	
}
.woo-custom-stock-status {
	font-weight: 800
}

.woocommerce div.product .woo-custom-stock-status {
}
.obal img, .obal3 img {
	transform: translatey(10px)
}
.woocommerce-mini-cart p.stock {
}
@media (max-width: 768px) {
    .product-loop-categories .product-category, .product-loop-categories.columns-6 .product-category {      
    }
	.admin-bar:not(.woocommerce-store-notice-dismissed) .handheld-stick-this.stuck {
		top: 0 !important
	}
}
@media (max-width: 500px) {
    .product-loop-categories .product-category, .product-loop-categories.columns-6 .product-category {      
    }
	
}

button:not([class*=btn-]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name=apply_coupon]):not(.wpforms-submit):not(.navbar-toggle-close):hover {
	color: black !important
}


.product-loop-categories .product-category img { 
}

/* Product loop card layout: keep product names aligned without changing SEO text. */
.product-loop-header .woocommerce-loop-product__title,
.product-item__header .woocommerce-loop-product__title,
ul.products[data-view=grid-extended] .product-loop-header .woocommerce-loop-product__title {
	height: 3.54em !important;
	min-height: 3.54em !important;
	max-height: 3.54em !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	line-height: 1.18em !important;
}

/* Single product brand logo: woo-brand adds inline width/height, so keep the real image ratio. */
.single-product .product_meta .wb-single-img-cnt,
.single-product .wb-single-img-cnt {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 8px;
	line-height: 0;
}

.single-product .product_meta .wb-single-img-cnt a,
.single-product .wb-single-img-cnt a {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.single-product .product_meta .wb-single-img-cnt img,
.single-product .wb-single-img-cnt img {
	width: auto !important;
	height: auto !important;
	max-width: 110px !important;
	max-height: 40px !important;
	object-fit: contain;
}

/* ===========================================================
   Pokladňa — zjednotenie polí (2026-06-05, v3 — radius 22px
   podľa Mirovej požiadavky, výraznejšie zaoblenie).
   Meno + Priezvisko vedľa seba, jednotný vzhľad.
   =========================================================== */
.woocommerce-checkout .woocommerce form .form-row {
	margin: 0 0 14px;
	padding: 0;
}
.woocommerce-checkout .woocommerce form .form-row label {
	margin-bottom: 6px;
	font-weight: 600;
}
/* Meno + Priezvisko vedľa seba (desktop) */
@media (min-width: 768px) {
	.woocommerce-checkout .woocommerce form .form-row.form-row-first,
	.woocommerce-checkout .woocommerce form .form-row.form-row-last {
		width: 48.5% !important;
		float: left !important;
		clear: none !important;
	}
	.woocommerce-checkout .woocommerce form .form-row.form-row-first { margin-right: 3%; }
	.woocommerce-checkout .woocommerce form .form-row.form-row-last  { margin-right: 0; }
	.woocommerce-checkout .woocommerce form .form-row.form-row-wide {
		width: 100% !important;
		float: none !important;
		clear: both !important;
	}
}
/* Konzistentný vzhľad inputov — radius 22px */
.woocommerce-checkout .woocommerce form .form-row input.input-text,
.woocommerce-checkout .woocommerce form .form-row textarea,
.woocommerce-checkout .woocommerce form .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
	width: 100%;
	height: 46px;
	padding: 10px 18px;
	border: 1px solid #cfd4da;
	border-radius: 22px;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: none;
}
.woocommerce-checkout .woocommerce form .form-row textarea {
	height: auto;
	min-height: 100px;
	padding: 12px 18px;
	border-radius: 18px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
	height: 46px;
	padding-left: 6px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 28px;
	padding-left: 10px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}
.woocommerce-checkout .select2-dropdown {
	border-radius: 18px;
}
/* Focus + validation farby */
.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout .woocommerce form .form-row textarea:focus,
.woocommerce-checkout .woocommerce form .form-row select:focus {
	border-color: var(--gk-blue);
	outline: 0;
}
.woocommerce-checkout .woocommerce form .form-row.woocommerce-validated input.input-text {
	border-color: #43a047;
}
.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid input.input-text {
	border-color: #d32f2f;
}

/* ===========================================================
   Pokladňa v4 (2026-06-05): Social-login tlačidlá (Nextend
   Social Login) — radius 22px na zladenie s input poliami.
   Zachováva box-shadow Google brand guideline + Facebook fill.
   =========================================================== */
.woocommerce-checkout .nsl-container .nsl-button,
.woocommerce-checkout .nsl-container .nsl-button-default,
.woocommerce-checkout .nsl-container .nsl-button-google,
.woocommerce-checkout .nsl-container .nsl-button-facebook {
	border-radius: 22px !important;
	min-height: 46px;
	overflow: hidden;
}
/* Container vnútorná veľkosť — okrúhle rohy nechytíme bez tohto */
.woocommerce-checkout .nsl-container .nsl-button-svg-container,
.woocommerce-checkout .nsl-container .nsl-button-label-container {
	border-radius: 0 !important;
}


/* ############################################################################
   PRESUNUTÉ Z CUSTOMIZERA (Vzhľad → Prispôsobiť → Dodatočné CSS) — 2026-08-05
   ----------------------------------------------------------------------------
   Pôvodne to žilo v databáze (wp_posts, custom_css, ID 32534) a vypisovalo sa
   inline do každej stránky ako <style id="wp-custom-css">. Presunuté sem, aby
   bolo všetko CSS na JEDNOM mieste, verzionované cez filemtime() a cachovateľné
   prehliadačom (ušetrí ~20 kB z každej HTML odpovede).

   ⚠️ Poradie v tomto súbore ZÁMERNE kopíruje pôvodné poradie načítania:
   najprv pôvodný custom-frontend.css, až potom bývalý Customizer. Nepresúvať
   bloky medzi týmito dvoma sekciami — niektoré pravidlá sa navzájom prebíjajú
   a zmena poradia by zmenila vzhľad.

   Pri presune odstránených 5 preukázateľne mŕtvych duplicít (rovnaký selektor
   prebitý nižšie tou istou alebo silnejšou deklaráciou). Vzhľad nezmenený.
   ############################################################################ */



/* Brand logo v hlavičke archívu značky - zachovanie proporcií */
.woocommerce-page .page-header > img,
.tax-pwb-brand .page-header > img,
.tax-product_brand .page-header > img {
	width: auto !important;
	height: auto !important;
	max-width: 110px !important;
	max-height: 40px !important;
	margin-left: 12px !important;
	object-fit: contain;
}
/* Electro: zruš naťahovanie product karty pri hover (ostane len jemný tieň) */
.products > .product .product-inner:hover,
.owl-item > .product .product-inner:hover,
.product-item__inner:hover {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    z-index: 2;
}
/* Zarovnanie kariet: rezervuj výšku stock-status oznámenia (2 vs 3 riadky) */
.products .product .stock.woo-custom-stock-status,
.products .product p.stock {
    min-height: 3.9em;
    display: block;
}


/* Ikony účet/košík v hlavičke: vlastné masky (kuchárska čiapka, klošé) ODSTRÁNENÉ 2026-09-07 na žiadosť Mira — späť pôvodné ikony témy ako na CZ. Záloha: custom-frontend.css.bak-20260907-ikony */

.archived-product-message {
    border: 1px solid #fd5a5a;
    border-radius: 6px;
    padding: 20px;
    background-color: #F7FAFE7A;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}

#menu-item-150239 {
    background: var(--gk-blue);

}

.widget_product_categories .category-single > li > ul:last-child li.current-cat > a {
    color: #E35F54 !important;
}

.woocommerce-store-notice.demo_store {
    color: white !important;
    background-color: var(--gk-blue) !important;
    text-align: center !important;
}

.woocommerce-store-notice > p {
    text-align: center !important;
}

/* 2026-08-17: „Strážny kuchár" (back-in-stock-notifier) presunutý na KONIEC
   súboru do jedného bloku — pravidlo hlavičky tu nemalo !important, takže
   ho plugin prebíjal (bola bootstrapová #337ab7, nie značková modrá).
   Hľadaj sekciu „STRÁŽNY KUCHÁR + INFOLINKA — JEDNA RODINA BOXOV". */

ul .in_stock_color,
ul.products .in_stock_color,
li.wc-block-grid__product .in_stock_color,
ul .available_on_backorder_color,
ul.products .available_on_backorder_color,
li.wc-block-grid__product .available_on_backorder_color,
ul .out_of_stock_color,
ul.products .out_of_stock_color,
li.wc-block-grid__product .out_of_stock_color {
    margin-bottom: 38px;
}

#tab-description p,
.single-product .woocommerce-product-details__short-description {
    color: #333e48;
}

.btn.sidebar-toggler {
    background-color: transparent !important;
}

/* zmena bočnej ceny */
.sidebar .product_list_widget .woocommerce-price-suffix {
    display: none;
}

.sidebar .product_list_widget .electro-price del .amount {
    display: none;
}

.sidebar .product_list_widget .electro-price .amount {
    font-weight: 500;
    font-size: 1.4em;
}

.wpc-widget-top-inside {
    display: none;
}

.products > .product:hover .hover-area {
    display: none;
}

/* odstranenie ceny za komplet */
.total-price-html {
    display: none;
    font-size: 15px !important;
    color: #848484 !important;
}

/* zmena zobrazenie podkategorie
   ⚠️ VYČISTENÉ 2026-08-06 (audit mŕtvych pravidiel): height 75px, pozadie
   #F7FAFE7A, modrý rám, radius 5px a margin 5px tu boli MŔTVE — prebíja ich
   skorší blok s !important (82px / #fff / none / 10px / 7px), takže sa
   NIKDY nezobrazili. Ostáva len to, čo reálne platí. width/max-width 250px
   je duplikát toho istého v skoršom bloku — ponechaný tam. */
.product-loop-categories.columns-6 .product-category {
    display: flex;
    flex: 0 0 30%;
    align-items: center;
}

@media (min-width: 992px) {
    ul.products > li.product {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 991px) {
    ul.products > li.product {
        max-width: 46% !important;
    }
}

@media all and (min-width: 0) and (max-width: 768px) {
    /* ⚠️ VYČISTENÉ 2026-08-06: height/background/border/radius/margin tu
       boli mŕtve (prebité !important blokom vyššie) — viď poznámka pri
       základnom pravidle. Reálne tu platilo len `flex: 100%` (dlaždica na
       celú šírku); mobilné zobrazenie ďalej upravuje posuvný riadok na
       KONCI súboru, ktorý má prednosť. */
    .product-loop-categories.columns-6 .product-category {
        display: flex;
        flex: 100%;
    }
}

.product-loop-categories.columns-6 .product-category a {
    display: flex;
    align-items: center;
}

.product-loop-categories .product-category picture {
    display: block;
    float: left;
    max-width: 33%;
    height: auto;
}

.product-loop-categories .product-category picture img {
    height: 100%;
}

.product-loop-categories .product-category .woocommerce-loop-category__title {
    display: inline-block;
    max-width: 55%;
    margin-bottom: 0 !important;
    line-height: 1.2em !important;
    text-align: left;
    font-size: 100%;
}

.product-loop-categories .product-category:focus,
.product-loop-categories .product-category:hover {
    box-shadow: none !important;
    background: #EDF4FA 0% 0% no-repeat padding-box;
    border: 1px solid var(--gk-blue);
    border-radius: 5px;
    color: #2371B9;
}

.product-loop-categories .product-category:focus a,
.product-loop-categories .product-category:hover a {
    color: #2371B9;
}

/* zobrazenie bočného menu */
.product-categories.category-single {
    border: 1px solid var(--gk-blue);
    background: #F7FAFE7A 0% 0% no-repeat padding-box;
}

/* zmena pôvodna cena */
li.product .price del {
    color: #848484;
    /* 2026-08-05: .7em dávalo ~9 px — nečitateľné; zľava je predajný argument */
    font-size: 11px;
    line-height: 1.5em;
    top: 0 !important;
    position: inherit !important;
}

/* zmena hlavnej ceny */
.electro-price {
    font-size: 0.8em;
    letter-spacing: 0.02em;
}

/* zmena tablet */
@media only screen and (max-width: 992px) {
    .electro-price {
        letter-spacing: 0.02em;
    }
}

.wb-thumb-wrapper.wb-thumb-style3 img {
    height: 32px !important;
}

.handheld-header-v2 .header-logo img,
.mobile-header-v1 .header-logo img,
.mobile-header-v2-inner .header-logo img {
    max-width: 225px;
    margin-left: -2.1em;
}

span.sku_wrapper {
    font-weight: bold;
}

/* ############################################################################
   KATALÓGOVÉ ČÍSLO NA PRODUKTE (Miro 13.8.2026) — zrovnané s HR
   ----------------------------------------------------------------------------
   HR je referencia („v Chorvátsku je zobrazené ok"). Namerané tam:
   popisok „Šifra proizvoda:" váha 400 · hodnota váha 600 · OBE farba #333e48.
   Zvýraznená je teda HODNOTA, nie popisok — čo dáva zmysel, kód si zákazník
   odpisuje. Ja som to mal najprv naopak (popisok 700, hodnota 400 + sivá),
   preto to „neladilo".

   Medzera: HR má hodnotu ako holý text za wrapperom, takže ju oddeľuje bežná
   medzera (~4 px). SK má hodnotu v spane `gk-sku-value` (od 11. 8., kvôli
   preskupovaniu `.summary`), kde sa medzera stráca — nahrádza ju margin.

   Špecificita: `.single .summary.entry-summary span { font-weight: 400 }`
   (riadok ~141) zrovnáva váhu všetkých spanov v súhrne, preto tá istá
   dĺžka selektora plus trieda navyše.
   ############################################################################ */
.single .summary.entry-summary span.gk-sku-value,
.single .summary.entry-summary span.sku_wrapper .sku {
    font-weight: 600;
    margin-left: 5px;
    color: inherit;
}

/* Interná poznámka pre personál (`gk-katalog-kod.php`) sa vypisovala hneď za
   hodnotou katalógového čísla — „GK-OVIN2Len pre personál…". Je to iný druh
   informácie, tak dostáva vlastný riadok. Vidí ju len personál a admin.
   Koncové `<br>` bolo z PHP odstránené, inak by pridávalo prázdny riadok. */
.summary .gk-kat-personal {
    display: block;
    margin-top: 4px;
}


.product_list_widget img {
    width: 90px;
    height: auto;
    margin-right: 21px;
    margin-bottom: 11px;
    margin-top: 5px;
}

.custom_message {
    color: #E83741;
    font-style: normal;
    font-weight: bolder;
}

#backinstock_textbox {
    padding: 0.857em 3.214em;
}

.woocommerce-ordering .orderby {
    color: var(--gk-blue);
    border-color: var(--gk-blue);
}

.sticky-doprava-zdarma {
    font-size: 0.95em;
    color: var(--gk-green);
    letter-spacing: 0.028em;
    display: block;
}

.product-short-description {
    margin-top: -0.5em;
    line-height: 1.75em;
    margin-bottom: 2.2em;
    margin-left: -0.5em;
    margin-right: -0.3em;
}


@media screen and (min-width: 992px) {
    .top-bar {
        background: linear-gradient(120deg, #00000014 45%, white 45%);
    }
}

.awdr-you-saved-text {
    font-size: 14px;
}

.mc4wp-checkbox.mc4wp-checkbox-woocommerce span {
    padding-left: .5rem;
}

.form-row.validate-required {
    margin-left: 20px;
    margin-right: 40px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments,
.wpify-woo-free-shipping-notice,
.ocwg_giftcrpr_msg,
.ocwg_elgbmsg_main {
    font-size: 14px !important;
    font-weight: normal;
    padding: 1em 1.618em;
    margin-bottom: 2.618em;
    margin-left: 0;
    border-radius: 2px;
    clear: both;
    border-left: .618em solid var(--gk-blue);
}

.showlogin {
    color: #3e3e3e !important;
}

.wpify-woo-free-shipping-notice {
    padding: 10px 30px 5px 20px !important;
    display: block !important;
}

.wpify-woo-free-shipping-notice__wrapper .progress {
    margin-top: 10px;
    border: 1px solid var(--gk-blue) !important;
}

.form-control,
.navbar-search .form-control,
table.cart .coupon .input-text {
    border: 1px solid var(--gk-blue);
    border-right: 1px solid var(--gk-blue) !important;
}

/* "s DPH" do noveho riadku */
.price-add-to-cart small.woocommerce-price-suffix::before {
    content: '\A';
    display: block;
}

/* Zafarbenie tabu Zlava dna na sivú */
#menu-item-172363 {
    background-color: #B32014 !important;
}

#menu-item-23384 {
    background-color: black !important;
}

#menu-item-38662 a {
    color: #333e48 !important;
}

#menu-item-23384 > a:hover,
#menu-item-23384 > a:focus {
    background-color: var(--gk-blue) !important;
}

/* zvacsenie okna pre produkt */
.owl-item > .product .product-inner,
.products > .product .product-inner {
    padding: 1em 0.4em 0.4em 1em;
}

.widget_product_categories {
    margin: 0 -0.2em 0 0;
}

.no-child {
    margin: 0 0 0 -1em;
}

.electro-wide ul.products[data-view=grid].columns__wide--6 > li.product {
    flex: 0 0 30%;
    max-width: 30%;
}

/* Osobný odber v pokladni — SK-špecifické, na RO sa nepoužíva (odstránené pri replikácii 2026-09-09) */

.wg_gift:first-child p {
    text-align: center;
    font-size: 100% !important;
}

.ocwg_elgbmsg_txt p {
    font-size: 17px;
    margin-left: 1%;
}

.ocwg_elgbmsg_main {
    background-color: var(--gk-blue) !important;
}

.ocwg_elgbmsg_link a {
    text-align: center !important;
    margin: auto !important;
}

.wg_gift .wg_title {
    min-height: 58px;
    display: flex;
    justify-content: center;
}

.wg_gift_slider_pp .single_add_to_cart_button.button.alt {
    margin: auto;
    padding: 1.036em 2.234em !important;
}

.wg_gift .item.wg_gift_product img {
    max-width: 90%;
    margin: auto;
    margin-top: 20px;
}

/* pre mobily */
@media only screen and (max-width: 1200px) {
    #electro_product_categories_widget-4,
    #electro_onsale_product_widget-5 {
        display: none;
    }

    #electro_products_filter-5 {
        margin-top: 0 !important;
    }

    .notifymeptag {
        content: '\A';
        display: block;
    }

    #backinstock_button {
        margin-top: 10px;
    }
}

/* odstranenie bodiek pri darcekoch */
#ocwg_gifts_popup .wg_gift .owl-dot > span {
    display: none !important;
}

/* sale zlava */
.product-loop-header .onsale {
    z-index: 99;
}

@media screen and (max-width: 700px) {
    .shoproku-sticky-widget {
        display: none;
    }
}

/* skrytie bocnych panelov */
#off-canvas-cart-summary {
    z-index: 99999999999;
}

.pswp--supports-fs {
    z-index: 99999999999;
}

/* rýchla úprava blogu */
.entry-meta .cat-links,
.post-author-info,
.post .media-attachment {
    display: none !important;
}

/* cookies */
:root {
    --cmplz_slider_active_color: var(--gk-blue);
    --cmplz_slider_inactive_color: gray;
}

/* zobrazenie kat. cisla */
.product-item__inner .product-sku {
    display: block;
    opacity: 0;
}

.product-item__inner:hover .product-sku {
    display: block;
    opacity: 1;
}

.product-loop-body.product-item__body .product-sku {
    margin-bottom: 2.5em;
    margin-top: -2.5em;
}

.product-sku {
    padding-top: 1em;
}

/* medzera na konci stranky */
.single-product #content {
    margin-bottom: 0 !important;
}

/* DPH novy riadok widget */
.widget_recently_viewed_products .woocommerce-price-suffix::before {
    content: '\A';
    white-space: pre;
    display: inline;
}

.widget_recently_viewed_products .woocommerce-price-suffix {
    position: relative;
    top: -10px !important;
    font-size: 5px !important;
}

.widget_recently_viewed_products .electro-price small.woocommerce-price-suffix {
    font-size: 9px !important;
    position: relative;
    top: -7px;
}

/* uprava pokladne */
@media screen and (max-width: 700px) {
    .wc_payment_method.payment_method_bacs .input-radio {
        margin-bottom: 50px !important;
        margin-right: 20px !important;
    }

    .wc_payment_method.payment_method_bacs label {
        margin-left: 0 !important;
    }

    .mc4wp-checkbox.mc4wp-checkbox-woocommerce span {
        margin-left: 15px;
        margin-top: -20px;
        float: left;
    }
}

.handheld-footer .handheld-footer-bar .footer-call-us {
    max-width: 30em;
}

.woocommerce-checkout .progress {
    border: 1px solid #E3E3E3;
}

/* oprava ceny bez dph */
@media only screen and (min-width: 1450px) {
    .woocommerce-price-suffix:nth-child(2),
    .woocommerce-price-suffix:nth-child(3) {
        color: #848484;
    }
}

@media only screen and (max-width: 1450px) {
    .woocommerce-price-suffix:nth-child(2),
    .woocommerce-price-suffix:nth-child(3) {
        color: #5e5e5e;
    }
}

/* pozadie zlavy */
.awdr-bulk-customizable-table {
    background-color: #f6faff;
}

/* obrazky */
.product-outer .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    height: 200px !important;
}

.product-thumbnail.product-item__thumbnail img {
    height: 200px !important;
    max-height: 200px !important;
    object-fit: contain !important;
    display: block !important;
}

.single-product .woocommerce-product-gallery__image a img {
    height: 400px !important;
    object-fit: contain !important;
}

@media screen and (max-width: 700px) {
    .product-thumbnail.product-item__thumbnail img {
        height: 150px !important;
    }
}

/* meta popis popisu */
.product_meta > span + span::before {
    content: '';
    color: #c5c5c5;
    margin: 0 0.5em;
}


/* zobrazenie nadpisu */
ul.products[data-view=grid-extended] .product-loop-header .loop-product-categories,
ul.products[data-view=grid-extended] .product-loop-header .woocommerce-loop-product__title {
    display: block;
}

.products > .product .product-loop-body h2,
.products > .product .product-loop-body span {
    display: none !important;
}

/* skryt zoradenie podla popularity */
option[value=popularity] {
    display: none;
}

.card-item {
    max-width: 90%;
}

/* uprava menu */
.electro-navbar-primary .nav > .menu-item + .menu-item > a {
    border-left: 0 solid transparent;
}

@media only screen and (max-width: 1185px) {
    .electro-navbar-primary .yamm .yamm-content {
        padding: 1px 10px 1px;
    }
}

.off-canvas-navigation .yamm .yamm-content li a,
.off-canvas-navigation ul li a {
    display: flex;
    align-items: center;
}

.see-all {
    display: none !important;
}

@media only screen and (max-width: 1185px) {
    .wb-col-sm-3 {
        width: 100% !important;
    }
}

.dropdown-menu {
    transition: all .2s ease-in-out;
}

.yamm .yamm-content .wpb_content_element {
    background: white;
}

.shop-control-bar,
.wpc-filter-label-wrapper,
.woocommerce-breadcrumb span.delimiter + a {
    background-color: #F7FAFE;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range,
#off-canvas-cart-summary .button.wc-forward,
.woocommerce-breadcrumb span.delimiter + a:hover {
    background-color: var(--gk-blue);
    color: white;
    padding: .465em .929em !important;
}

/* Produktové karty: názov fixne na 3 riadky bez posunu pri hoveri */
.woocommerce-loop-product__title,
.product-loop-header .woocommerce-loop-product__title,
.product-item__header .woocommerce-loop-product__title,
ul.products[data-view="grid-extended"] .product-loop-header .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    height: 3.54em !important;
    min-height: 3.54em !important;
    max-height: 3.54em !important;
    line-height: 1.18em !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Po hoveri sa názov nesmie rozbaliť */
.woocommerce-loop-product__title:hover,
.product-loop-header .woocommerce-loop-product__title:hover,
.product-item__header .woocommerce-loop-product__title:hover,
.products > .product:hover .product-loop-header .woocommerce-loop-product__title,
.products > .product:hover .product-item__header .woocommerce-loop-product__title,
.owl-item > .product:hover .product-loop-header .woocommerce-loop-product__title,
.owl-item > .product:hover .product-item__header .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    height: 3.54em !important;
    min-height: 3.54em !important;
    max-height: 3.54em !important;
    line-height: 1.18em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Brand logo v produktovej karte */
.product-loop-header.product-item__header .pw_brand_product_list.gastro-brand-logo-list,
.product-item__header .pw_brand_product_list.gastro-brand-logo-list,
.product-loop-header .pw_brand_product_list.gastro-brand-logo-list {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    min-height: 24px;
    height: 24px;
    margin: 2px 0 1px;
    padding: 0;
    line-height: 0;
    overflow: hidden;
    opacity: 1;
    transform: none;
    transition: none;
}

.product-loop-header.product-item__header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img,
.product-item__header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img,
.product-loop-header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 88px !important;
    max-height: 22px !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .product-loop-header.product-item__header .pw_brand_product_list.gastro-brand-logo-list,
    .product-item__header .pw_brand_product_list.gastro-brand-logo-list,
    .product-loop-header .pw_brand_product_list.gastro-brand-logo-list {
        min-height: 22px;
        height: 22px;
        margin: 2px 0 1px;
    }

    .product-loop-header.product-item__header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img,
    .product-item__header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img,
    .product-loop-header .pw_brand_product_list.gastro-brand-logo-list img.gastro-brand-logo-img {
        max-width: 80px !important;
        max-height: 20px !important;
    }
}

/* LiteSpeed Lazyload Images */
img[data-lazyloaded] {
    opacity: 0;
}

img.litespeed-loaded {
    -webkit-transition: opacity .3s linear 0.2s;
    -moz-transition: opacity .3s linear 0.2s;
    transition: opacity .3s linear 0.2s;
    opacity: 1;
}

/* skryt button pokladna */
#off-canvas-cart-summary .button.checkout.wc-forward {
    display: none;
}

.off-canvas-cart .woocommerce-mini-cart {
    height: auto;
}

#off-canvas-cart-summary .button.wc-forward {
    background-color: var(--gk-blue);
    color: white;
    margin: auto;
}

#off-canvas-cart-summary .button.wc-forward:hover {
    background-color: black;
    color: white;
}

/* Logo */
.header-logo-area {
    max-width: 600px !important;
    margin-right: -48px;
    margin-left: 0;
    padding-right: 40px;
}

/* ikona menu */
.menu-item-200592 a {
    color: #e8c500 !important;
}

.woo-custom-stock-status {
    font-weight: 800;
}

.woocommerce div.product .woo-custom-stock-status {
    font-weight: 800;
    font-size: 14px !important;
}

.obal img,
.obal3 img {
    transform: translatey(10px);
}

.woocommerce-mini-cart p.stock {
    display: block;
}

@media (max-width: 768px) {
    .product-loop-categories .product-category,
    .product-loop-categories.columns-6 .product-category {
        width: 50% !important;
        max-width: 47% !important;
    }

    .admin-bar:not(.woocommerce-store-notice-dismissed) .handheld-stick-this.stuck {
        top: 0 !important;
    }
}

@media (max-width: 500px) {
    .product-loop-categories .product-category,
    .product-loop-categories.columns-6 .product-category {
        width: 100% !important;
        max-width: 100% !important;
    }
}

button:not([class*=btn-]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name=apply_coupon]):not(.wpforms-submit):not(.navbar-toggle-close):hover {
    color: black !important;
}

.product-loop-categories .product-category img {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    margin: 10px 10px 10px 2px;
    overflow: hidden;
    border-radius: 5px;
}

.section-text img {
    max-height: 90px;
    object-fit: contain;
}

.section-inputs input {
    padding: 10px 15px !important;
}

.form-control:focus,
.input-text:focus,
input:focus[type=email],
input:focus[type=password],
input:focus[type=search],
input:focus[type=text]:not(.form-control):not(input[type=email]):not(input[type=url]):not(input[type=password]):not(input[type=search]):not(textarea):not(.input-text),
input:focus[type=url],
textarea:focus {
    border-color: var(--gk-blue);
}

img:not(.nav img):not(.product-inner img):not(#post-132367 img):not(.product_meta img) {
    border-radius: 10px !important;
}

/* fibosearch pri ozname */
@media (min-width: 980px) {
    #page {
        margin-top: 0 !important;
    }
}

/* oprava simple translate */
#simple-translate {
    display: none;
}

/* brand image */
@media (max-width: 800px) {
    .page-header img {
        position: absolute;
        right: 0;
        margin-top: -33px;
    }
}

/* mini cart stav zasob */
.mini_cart_item dt.variation-Stavzsob {
    display: none;
}

/* mini cart akcia v jednom riadku */
.woocommerce-mini-cart-item.mini_cart_item .quantity {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 4px;
}

/* kosik male obrazky */
.woocommerce-cart-form table.shop_table.cart .product-thumbnail img {
    height: auto;
    max-height: 92px;
}

.product-rating {
    display: none;
}

/* sprava pridane do kosika */
.woocommerce-message {
    border-color: #48953A;
}

/* spinner checkout test */
.woocommerce-checkout.processing .blockUI.blockOverlay {
    background-image: url('/wp-content/uploads/preloader-bar.webp') !important;
    background-size: 120px 18px !important;
    background-position: center 50% !important;
    background-repeat: no-repeat !important;
    position: fixed !important;
}

/* zobrazenie ceny za kus iba raz */
.price-per-unit:not(.single-product-wrapper .price-per-unit) {
    display: none;
}

/* sidebar categories */
#sidebar .cat-item a {
    display: flex;
}

#sidebar .cat-item div {
    display: flex;
}

#sidebar .cat-item .fa.fa-angle-right {
    margin-top: 15px;
}

#sidebar .cat-item .count {
    display: flex;
    align-items: center;
}

#sidebar .product-categories .product_cat ul {
    padding-top: 0;
}

.comgate_select_input {
    margin-right: 8px;
}


.woocommerce-store-notice__dismiss-link {
    margin-top: 10px;
}

/* blog bocny panel */
.sidebar-blog ul.products {
    display: block !important;
}

.sidebar-blog ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.sidebar-blog ul.products li.product .product-item__outer,
.sidebar-blog ul.products li.product .product-item__inner {
    width: 100% !important;
}

.sidebar-blog ul.products li.product img {
    width: 100% !important;
    height: auto !important;
}

/* cena produktov v archive */
@media (max-width: 1479px) and (min-width: 1200px) {
    .archive .products .product .electro-price ins .amount {
        font-size: 15.5px !important;
    }

    .archive .products .product .electro-price {
        font-size: 14.5px;
    }
}

/* please wait text pri pridani do kosika */
.archive .product .blockUI.blockMsg.blockElement h1 {
    display: none !important;
    opacity: 0 !important;
}

@media (min-width: 1200px) {
    .fibofilters-horizontal-filters {
        margin-top: -46px;
        background: transparent !important;
    }
}

.fibofilters-horizontal-filters,
.fibofilters-mobile-filters {
    background: transparent !important;
    padding-top: 8px;
    margin-left: -9px;
}

.woocommerce-breadcrumb span.delimiter + a {
    border-radius: 10px;
    padding: 6.5px 13px;
    transition: .2s;
}

/* price-history in accessories */
.woocommerce-Tabs-panel.panel.wc-tab .accessories .wc-price-history {
    display: none;
}

/* Skrytie autora iba v blogu */
body[class*="blog"] .post-meta .author,
body[class*="blog"] .entry-meta .author,
body[class*="blog"] .blog-meta .author,
body[class*="blog"] .meta-author {
    display: none !important;
}

/* Osobný odber — SK-špecifické, na RO sa nepoužíva (odstránené pri replikácii 2026-09-09) */

/* ===========================================================
   Horná lišta (top-bar) na mobiloch a tabletoch — 2026-08-05
   ------------------------------------------------------------
   Problém: obe menu (`#menu-horne-lave-menu` vľavo, `#menu-top-bar-right`
   vpravo) boli float left/right s `flex-wrap: wrap`. Pravé menu
   potrebovalo pri 360 px šírke 331,5 px, no k dispozícii malo 330 px —
   separátory „|" majú v téme `margin: 0 1em` (2× 13 px na každý).
   Chýbalo teda 1,5 px, takže podľa šírky displeja a nastavenia veľkosti
   písma v Androide sa „Kontakt" raz zalomil na druhý riadok (s visiacim
   „|" na začiatku) a raz nie. Preto to vyzeralo na každom telefóne inak.

   Riešenie: pod 1200 px (t. j. všade, kde beží handheld hlavička) je
   lišta zložená z dvoch samostatných vycentrovaných riadkov s pevnou
   veľkosťou písma 12 px, menšími ikonami a užšími separátormi.
   Rezerva pri 360 px je ~55 px, pri 412 px ~107 px — teda aj pri
   zväčšenom systémovom písme (do ~115 %) drží všetko v jednom riadku.
   Separátor je `::after` na položke namiesto `::before` na nasledujúcej,
   takže ak by aj pri extrémnom zväčšení písma došlo k zalomeniu,
   „|" zostane na konci riadku a nie osamotený na začiatku ďalšieho.
   Desktop (≥ 1200 px) sa nemení.
   =========================================================== */
@media (max-width: 1199.98px) {

	.top-bar .container {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding-left: 10px;
		padding-right: 10px;
	}

	.top-bar .container > ul.nav-inline {
		float: none !important;
		width: 100%;
		margin: 0;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	/* 1. riadok — kupónový / akčný text */
	.top-bar #menu-horne-lave-menu {
		border-bottom: 1px solid rgba(0, 0, 0, .07);
	}

	.top-bar .nav-inline > .menu-item {
		min-width: 0;
		text-align: center;
	}

	.top-bar .nav-inline > .menu-item > a {
		padding: .5em 0;
		font-size: 12px;
		line-height: 1.35;
	}

	.top-bar .nav-inline > .menu-item > a i {
		margin-right: 4px;
		font-size: 14px;
		vertical-align: -1px;
	}

	/* 2. riadok — Stav objednávky | Môj účet | Kontakt */
	.top-bar #menu-top-bar-right > .menu-item > a {
		white-space: nowrap;
	}

	/* separátor prekreslený z ::before na ::after (viď komentár vyššie) */
	.top-bar .nav-inline > .menu-item + .menu-item::before {
		content: none;
	}

	.top-bar #menu-top-bar-right > .menu-item:not(:last-child)::after {
		content: "|";
		color: #ddd;
		display: inline-block;
		margin: 0 .6em;
	}
}

/* Úzke displeje (≤ 359 px, napr. iPhone SE) — ikony preč, písmo 11 px */
@media (max-width: 359.98px) {

	.top-bar .nav-inline > .menu-item > a {
		font-size: 11px;
	}

	.top-bar #menu-top-bar-right > .menu-item > a i {
		display: none;
	}

	.top-bar #menu-top-bar-right > .menu-item:not(:last-child)::after {
		margin: 0 .45em;
	}
}

/* ===========================================================
   Mobilná hlavička — logo a ikony do jedného riadku (2026-08-05)
   ------------------------------------------------------------
   Problém: `.mobile-header-v1` je bootstrapácky `.row`, ktorého deti majú
   od Bootstrapu `width: 100%`. Téma to prepisuje pre hamburger aj logo, ale
   NIE pre `.handheld-header-links` (ikony kuchár + košík) — tie tak mali
   základnú šírku 100 % a vždy sa zalomili na vlastný riadok. Dovtedy to
   nebolo vidieť, lebo logo malo v téme `max-width: 100px`; po jeho zväčšení
   na 225 px (pravidlo nižšie v tomto súbore) už nezostalo miesto vôbec
   a medzi logom a vyhľadávaním vznikla prázdna medzera cez celý riadok.

   Riešenie: hamburger má pevných 52 px, ikony prirodzenú šírku pri pravom
   okraji (`margin-left: auto`) a logo dostane zvyšok — s `flex: 1 1 0`
   a `min-width: 0` sa vie zmenšiť, takže sa nezalomí ani pri 320 px.
   Strop 225 px zachováva pôvodnú veľkosť loga na širších displejoch.

   Namerané: 320 px → logo 161 px, 360 px → 201 px, 412 a viac → 225 px.
   Výška hlavičky klesla zo 145 px na 34 px + riadok vyhľadávania.
   =========================================================== */
@media (max-width: 1199.98px) {

	.mobile-header-v1 .off-canvas-navigation-wrapper {
		flex: 0 0 52px;
		max-width: 52px;
		padding-right: 0;
	}

	.mobile-header-v1 .header-logo {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		max-width: none;
		padding-right: 8px;
	}

	/* musí zostať ZA pravidlom `max-width: 225px; margin-left: -2.1em`
	   vyššie v tomto súbore — má rovnakú špecificitu, rozhoduje poradie */
	.mobile-header-v1 .header-logo img {
		width: auto;
		height: auto;
		margin-left: 0;
	}

	.mobile-header-v1 .handheld-header-links {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		margin-left: auto;
		padding-left: 0;
		padding-right: 15px;
	}
}

/* ===========================================================
   Formulárové polia 16 px na mobile — koniec zoomovania na iPhone
   2026-08-05
   ------------------------------------------------------------
   Safari na iOS automaticky priblíži celú stránku, keď používateľ klikne
   do poľa s `font-size` menším ako 16 px, a sám neodzoomuje. Všetky polia
   na webe mali 14 px (téma `0.875rem` + pravidlo pokladne vyššie v tomto
   súbore), takže:
       pokladňa 27 polí · produkt 7 · kategória 6 · košík 4
   Pri jednej objednávke to znamenalo 27 nechcených priblížení.

   `!important` je tu zámerné — pravidlo pokladne v tomto súbore má
   špecificitu (0,4,2) a font veľkosti nastavuje aj niekoľko pluginových
   stylesheetov, ktoré sa načítajú neskôr. Toto musí platiť vždy.

   Výška polí sa nemení (zostáva 46 px), overené na pokladni, v košíku,
   na produkte aj v kategórii.

   ⚠️ Zámerne NEobsahuje `submit`, `button`, `checkbox`, `radio` ani
   `file` — tam by 16 px zmenilo vzhľad tlačidiel, a zoom nespôsobujú.
   =========================================================== */
@media (max-width: 1199.98px) {

	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	input[type="date"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input:not([type]),
	textarea,
	select,
	.form-control,
	.input-text,
	.select2-container--default .select2-selection--single .select2-selection__rendered,
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 16px !important;
	}
}

/* ===========================================================
   Produktová stránka na mobile — 2026-08-05
   ------------------------------------------------------------
   Namerané na 360 × 760 px pred opravou:
     · cena        95 px výšky (text sa lámal na 3 riadky pri 28 px)
     · tabuľka zliav 262 px (hlavičky aj ceny sa lámali)
     · príslušenstvo karty 131 px v jednom stĺpci → blok 1211 px (a rám o 15 px mimo)
   Po oprave: 58 px · 138 px · karty 176 px v jednom posuvnom riadku.
   =========================================================== */
@media (max-width: 767.98px) {

	/* --- Príslušenstvo -------------------------------------------------
	   Príčinou úzkych kariet bol reťazec vnorených odsadení:
	   .gk-tab-body (padding 28px) → .accessories → .row → .col-md-9.col-left
	   (padding 15px) = z 360 px zostalo 272 px. Karta má pod 991 px
	   `max-width: 46 %`, čo je z 284 px len 131 px. */
	.gk-tab-body {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.accessories .col-left,
	.accessories [class*="col-md-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* ⚠️ .row má od Bootstrapu margin −15px po stranách, ktoré práve to
	   odsadenie stĺpca kompenzovalo. Bez tohto karty vylezú 15 px mimo rám. */
	.accessories .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Je to balíček „A + B + C" so spojkami `+`, nie bežná mriežka —
	   zalomenie do dvoch stĺpcov rozbíja význam aj umiestnenie spojok.
	   Preto jeden riadok s posúvaním do strany; 58 % šírky karty
	   necháva vykuknúť ďalšiu, takže je zrejmé, že sa dá posúvať. */
	.accessories ul.products {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		margin-left: 0 !important;
		margin-right: 0 !important;
		gap: 0;
		padding-bottom: 6px;
	}

	.accessories ul.products > li.product {
		flex: 0 0 58% !important;
		max-width: 58% !important;
		width: auto !important;
		margin: 0 !important;
		scroll-snap-align: start;
	}

	.accessories ul.products::-webkit-scrollbar {
		height: 4px;
	}

	.accessories ul.products::-webkit-scrollbar-thumb {
		background: #c9d3e0;
		border-radius: 4px;
	}

	/* --- Cena ----------------------------------------------------------
	   Celý reťazec „cena · pôvodná cena · (bez DPH)" bol jeden inline text
	   pri 28 px, takže sa lámal aj uprostred zátvorky. Teraz je hlavná cena
	   na vlastnom riadku a zvyšok pod ňou menším písmom. */
	.summary .price .electro-price {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 6px 8px;
		line-height: 1.15;
	}

	.summary .price .electro-price > ins,
	.summary .price .electro-price > .amount:first-child {
		flex: 0 0 100%;
		font-size: 26px;
		font-weight: 800;
	}

	.summary .price .electro-price del {
		font-size: 15px;
		opacity: .75;
	}

	.summary .price .electro-price .woocommerce-price-suffix {
		font-size: 13px;
		color: #6b7280;
		white-space: nowrap;
	}

	.summary .price {
		margin-bottom: .35em;
	}

	/* --- Tabuľka množstevných zliav ------------------------------------ */
	.awdr-bulk-customizable-table table {
		width: 100%;
		table-layout: fixed;
	}

	.awdr-bulk-customizable-table th,
	.awdr-bulk-customizable-table td {
		padding: 7px 6px !important;
		font-size: 13px !important;
		line-height: 1.25;
		vertical-align: middle;
	}

	.awdr-bulk-customizable-table th {
		font-size: 11px !important;
		letter-spacing: .2px;
		text-transform: uppercase;
	}

	/* ceny a počty kusov sa nesmú lámať */
	.awdr-bulk-customizable-table td:last-child,
	.awdr-bulk-customizable-table th:last-child {
		white-space: nowrap;
		text-align: right;
	}

	.awdr-bulk-customizable-table td:nth-child(2),
	.awdr-bulk-customizable-table th:nth-child(2) {
		white-space: nowrap;
		text-align: center;
	}
}

/* ===========================================================
   Lepivé tlačidlo „Pridať do košíka" na mobile
   ------------------------------------------------------------
   Zapnuté v Electro: Vzhľad → Nastavenia témy → Shop →
   „Sticky Add to Cart in Mobile?" (`sticky_add_to_cart_mobile`).
   Téma pridá na <body> triedu `sticky-single-add-to-cart-mobile`
   a spraví z tlačidla `position: fixed` — ale nechá ho tmavosivé
   (#333e48) a bez ceny. Tu ho zosúladíme so značkou a spravíme
   miesto, aby neprekrývalo obsah ani plávajúci „Darček".
   =========================================================== */
@media (max-width: 1199.98px) {

	.sticky-single-add-to-cart-mobile.single-product .single_add_to_cart_button {
		bottom: 12px;
		min-height: 52px;
		border-radius: 26px !important;
		background-color: var(--gk-green) !important;
		font-size: 16px;
		font-weight: 700;
		box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
	}

	/* aby lišta neprekryla koniec stránky */
	.sticky-single-add-to-cart-mobile.single-product #content,
	.sticky-single-add-to-cart-mobile.single-product .site-footer {
		padding-bottom: 76px;
	}

	/* plávajúci „Darček" nad lištu */
	.sticky-single-add-to-cart-mobile.single-product .gp-show {
		bottom: 78px !important;
	}
}

/* ===========================================================
   Plávajúce prvky na mobile — usporiadanie (2026-08-05)
   ------------------------------------------------------------
   Po zapnutí lepivého tlačidla „Pridať do košíka" si tri plávajúce
   prvky sadli na seba: tlačidlo „hore" skončilo pod lištou a spojka
   „+" v príslušenstve prekrývala hlavičku.
   Rozdelenie: „Darček" vľavo dole, „hore" vpravo dole, lišta úplne dole.
   ⚠️ Téma pridáva triedu `sticky-single-add-to-cart-mobile` na <body>
   VŠADE, nielen na produkte (`redux_apply_sticky_add_to_cart_mobile`
   nekontroluje `is_product()`). Bez `.single-product` by sa odsadenie
   uplatnilo aj v kategórii a v košíku, kde žiadna lišta nie je, a
   plávajúce tlačidlá by tam zbytočne viseli vysoko.
   =========================================================== */
@media (max-width: 1199.98px) {

	/* obal `.back-to-top-wrapper` je absolútny cez celú výšku stránky
	   a chytal by kliky — preto naň `pointer-events: none` a späť na tlačidlo */
	/* Obal je absolútny cez celú výšku stránky — chytal by kliky, preto
	   `pointer-events: none` a späť len na samotné tlačidlo. */
	.back-to-top-wrapper {
		pointer-events: none;
	}

	/* Tlačidlo je v téme `position: sticky`, takže jeho výška závisí od
	   scrollu a s pilulkou „Darček" sa nikdy netrafí do jednej línie.
	   Prepnuté na `fixed` a zarovnané STREDOM s pilulkou:
	   pilulka má 40 px a stred 32 px od spodku → tlačidlo 44 px
	   musí mať bottom 10 px (32 − 22). */
	.back-to-top-wrapper > .btn {
		position: fixed !important;
		top: auto !important;
		bottom: 10px !important;
		right: 14px !important;
		width: 44px !important;
		height: 44px !important;
		z-index: 1075;
		pointer-events: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Na produkte sú oba prvky vyššie kvôli lepivej lište:
	   pilulka bottom 78 px → stred 98 px → tlačidlo bottom 76 px. */
	.sticky-single-add-to-cart-mobile.single-product .back-to-top-wrapper > .btn {
		bottom: 76px !important;
	}
}

@media (max-width: 767.98px) {

	/* spojka „+" je `::after` s `position: absolute`; bez nízkeho z-indexu
	   sa pri posúvaní prekreslila cez lepivú hlavičku */
	.accessories ul.products > li.product::after {
		z-index: 1 !important;
	}

	/* náznak, že sa dá posúvať doprava — pravý okraj sa jemne stráca */
	.accessories ul.products {
		-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 34px), rgba(0, 0, 0, .15) 100%);
		mask-image: linear-gradient(to right, #000 calc(100% - 34px), rgba(0, 0, 0, .15) 100%);
	}

	/* v zozname balíčka sa ceny lámali uprostred čísla („- 1" / „203,08 €") */
	.check-products .amount,
	.check-products .woocommerce-Price-amount,
	.check-products .woocommerce-price-suffix {
		white-space: nowrap;
	}

	.check-products label,
	.check-products li {
		line-height: 1.5;
	}
}

/* ===========================================================
   Off-canvas menu — oprava „tmavé a neklikateľné" (2026-08-05)
   ------------------------------------------------------------
   Menu žije VNÚTRI .mobile-header-v1. Keď počas otvoreného menu
   príde scroll event (na iOS stačí gumový overscroll), sticky
   skript hlavičku buď prilepí (position:fixed; z-index:1000 →
   stacking context stiahne menu POD závoj .site-content::before,
   z-index 9999 = tmavé a neklikateľné), alebo ju rovno skryje
   (display:none na .sticky-wrapper aj na hlavičke = menu zmizne,
   závoj ostane). Obe vetvy reprodukované a overené.
   Oprava: kým je menu otvorené, hlavička nesmie zmiznúť ani
   spadnúť pod závoj. Pri zatvorenom menu sa nič nemení.
   =========================================================== */
body.off-canvas-active .sticky-wrapper {
	display: block !important;
}

body.off-canvas-active .mobile-header-v1.handheld-stick-this {
	display: flex !important;
	animation: none !important;
}

body.off-canvas-active .mobile-header-v1.handheld-stick-this.stuck {
	z-index: 10001 !important;
}

/* ===========================================================
   Jednotné lámanie ceny v kartách (2026-08-05)
   ------------------------------------------------------------
   Krátke ceny sa zmestili vedľa seba („5,46 € 6,72 €"), dlhé sa
   zalomili — každá karta vyzerala inak. Teraz je pôvodná cena
   VŽDY na vlastnom riadku pod aktuálnou.
   =========================================================== */
.products > .product .price del,
.owl-item > .product .price del {
	display: block;
}

/* ===========================================================
   Zjednotenie farieb mimo nášho súboru (tokeny) — 2026-08-05
   ------------------------------------------------------------
   Ceny v kartách mali #2F437E, linky kategórií #2860B7 (naše, už
   premapované), widgetové odkazy #0062BD (téma), FiboFilters
   #385EA3 (plugin), stavy skladu #67AE4A (plugin). Všetko na tokeny.
   Červená akciová cena a šedá prečiarknutá ostávajú — tie farby
   nastavujú špecifickejšie pravidlá nižšie v kaskáde.
   =========================================================== */
.products > .product .price,
.products > .product .electro-price,
.owl-item > .product .price,
.owl-item > .product .electro-price {
	color: var(--gk-blue);
}

.product_list_widget a {
	color: var(--gk-blue);
}

.fibofilters-button,
.fibofilters-item--more-less,
.fibofilters-more-less__counter {
	color: var(--gk-blue) !important;
}

ul .in_stock_color,
ul.products .in_stock_color,
.woo-custom-stock-status.in_stock_color,
.sticky-doprava-zdarma {
	color: var(--gk-green) !important;
}

/* dorovnanie posledných odtieňov na tokeny (audit 2026-08-05):
   badge „doprava zdarma" mal #2055A1, tlačidlo „hore" a „Zobraziť košík"
   #2F437E, stavy skladu #67AE4A — všetko o vlások vedľa značkovej farby */
.uroven-nalepka-mini.doprava-zdarma {
	background-color: var(--gk-blue) !important;
}

.back-to-top-wrapper .btn.btn-secondary,
a.button.wc-forward {
	background-color: var(--gk-blue) !important;
}

.in_stock_color,
.available_on_backorder_color {
	color: var(--gk-green) !important;
}

/* ===========================================================
   Mriežka kariet na úzkych displejoch ≤ 359 px (2026-08-05)
   ------------------------------------------------------------
   Pri 320 px (iPhone SE) sa dve karty s max-width 45-46 % +
   margin-right 10 px + gap 5 px nezmestili vedľa seba → mriežka
   sa rozpadla na JEDEN stĺpec so 139 px kartou a 166 px prázdna
   vpravo. Aj negatívny margin-right −12 px na ul robil nesymetriu.
   Po oprave: 2 stĺpce, okraje 15 / 5 / 16 px.
   =========================================================== */
@media (max-width: 359.98px) {

	.archive ul.products,
	ul.products {
		margin-right: 0 !important;
	}

	ul.products > li.product {
		flex: 0 0 calc(50% - 3px) !important;
		max-width: calc(50% - 3px) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* ===========================================================
   Mriežka kariet na tablete 600–991 px (2026-08-05)
   ------------------------------------------------------------
   Pri 768 px sa karty snažili o 3 stĺpce (~33 %), ale margin-right
   10 px ich pretlačil cez šírku kontajnera → zalomili sa na 2 stĺpce
   a vpravo ostalo 254 px prázdnych. Teraz čisté 3 stĺpce (39/41 px
   okraje). Mobil do 599 px ostáva na 2 stĺpcoch.
   =========================================================== */
@media (min-width: 600px) and (max-width: 991.98px) {

	.archive ul.products,
	ul.products {
		margin-right: 0 !important;
	}

	ul.products > li.product {
	}
}

/* ############################################################################
   UX DETAILY — 2026-08-05 neskorá noc (zadanie Mira: symetria a detaily)
   ############################################################################ */

/* --- Ceny v kartách: čistý reset stlačených hackov -----------------------
   Staré pravidlá (line-height 11,2 px pri 16 px písme, del s line-height 0,
   ins s max-width 10 px) spôsobovali na užších telefónoch PREKRÝVANIE
   hlavnej a prečiarknutej ceny. Odteraz: aktuálna cena / pôvodná cena /
   „bez DPH" — tri riadky s normálnou výškou, nič tučné okrem hlavnej. */
.products > .product .price,
.owl-item > .product .price {
	height: auto !important;
	line-height: 1.25 !important;
}

.products > .product .price ins,
.owl-item > .product .price ins {
}

.products > .product .price del,
.owl-item > .product .price del {
	margin-top: 2px;
}

.products > .product .price .woocommerce-price-suffix,
.owl-item > .product .price .woocommerce-price-suffix,
.summary .price .woocommerce-price-suffix {
	font-weight: 400 !important;
	color: #6b7280;
	line-height: 1.3 !important;
	margin-top: 2px;
}

/* --- Filter + zoradenie: vyvážený riadok --------------------------------- */
@media (max-width: 1199.98px) {

	.shop-control-bar {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.shop-control-bar .handheld-sidebar-toggle {
		flex: 0 0 auto;
		margin: 0;
	}

	.shop-control-bar .btn.sidebar-toggler {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 7px;
		height: 44px;
		padding: 0 16px !important;
		border: 1.5px solid var(--gk-blue);
		border-radius: var(--gk-radius-pill);
		color: var(--gk-blue) !important;
		font-size: 15px;
		font-weight: 600;
		background: #fff !important;
	}

	.shop-control-bar .woocommerce-ordering {
		flex: 1 1 auto;
		margin: 0 !important;
	}

	.shop-control-bar .woocommerce-ordering .orderby {
		width: 100%;
	}

	/* --- „Podkategórie: …" — štýl štítku PRESUNUTÝ na koniec súboru --------
	   Pôvodne tu bol sivý štítok len pre mobil/tablet a o pár blokov nižšie
	   ho prebíjala modrá verzia (ďalšie navrstvenie…). Po Mirovej pripomienke
	   k modrej (2026-08-07) je definitívny štýl v JEDNOM pravidle na konci
	   súboru, pre všetky šírky. Tu ostáva len potlačenie dekorácií nižšie. */

	.site-main header:has(+ .woocommerce.columns-6) > .h1::before,
	.site-main header:has(+ .woocommerce.columns-6) > .h1::after {
		content: none !important;
		display: none !important;
	}

	.site-main header:has(+ .woocommerce.columns-6) > .h1 img,
	.site-main header:has(+ .woocommerce.columns-6) > .h1 svg {
		display: none !important;
	}

	/* --- Badge (-27 % / SALE / BEST) na os karty (19 px) + jednotný tvar -- */
	.products > .product .uroven-sale-row {
		/* pozicionuje sa od vnútorného obalu, ktorý už má padding 18 px —
		   left:0 = os karty 19 px, rovnaká ako názov a cena */
		left: 0 !important;
		gap: 6px;
	}

	.products > .product .uroven-sale-row .onsale,
	.products > .product .uroven-sale-row .uroven-loop-wrap,
	.products > .product .uroven-sale-row .uroven-loop-wrap * {
		font-size: 12px !important;
		line-height: 24px !important;
		border-radius: var(--gk-radius-s) !important;
	}

	/* --- inline kópia kúpneho tlačidla pri množstve (vytvára gk-mobile-ux.js) */
	.sticky-single-add-to-cart-mobile.single-product .single_add_to_cart_button.gk-inline-add {
		position: static !important;
		box-shadow: none !important;
		z-index: 1;
	}

	/* --- logo: pod 600 px mobilné (max 240 px), od 600 px veľké s ShopRoku - */
	.mobile-header-v1 .header-logo img {
		max-width: min(100%, 240px);
	}
}

@media (min-width: 600px) and (max-width: 1199.98px) {

	.mobile-header-v1 .header-logo img {
		max-width: min(100%, 545px);
		max-height: 44px;
	}
}

/* --- „Zobraziť košík" v zelenej hláške: modrá tam nesedí ------------------ */
.woocommerce-message .button.wc-forward {
}

/* ===========================================================
   UX detaily v2 — spätná väzba Mira (2026-08-05 noc)
   =========================================================== */
@media (max-width: 1199.98px) {

	/* --- anti-skok: keby JS nebežal, obal aspoň nemizne ------------------- */
	.site-header .sticky-wrapper {
		display: block !important;
	}

	/* --- select zoradenia v rovnakom šate ako Filter pilulka --------------- */
	.shop-control-bar .woocommerce-ordering .orderby {
		height: 44px;
		border: 1.5px solid var(--gk-blue) !important;
		border-radius: var(--gk-radius-pill) !important;
		color: var(--gk-blue);
		font-weight: 600;
		padding: 0 16px;
	}

	/* --- „Podkategórie" štítok: modrá ZRUŠENÁ (Miro 2026-08-07) -----------
	   Tu bola značková modrá + bez verzálok — prebíjala tichý sivý štítok
	   o blok vyššie. Miro: „nie som si istý, či zvolená modrá je ok."
	   Modrá na webe signalizuje klikateľné veci; neklikateľný nadpis v nej
	   mätie. Definitívny štýl štítku je v JEDNOM pravidle na konci súboru
	   (platí pre všetky šírky). Sem už nič nepridávať. */

	/* --- ceny v kartách v3: poradie prečiarknutá → aktuálna → bez DPH,
	       väčšie písmo (čitateľné aj pre starších), modrá = červená veľkosť */
	.products > .product .price .electro-price,
	.owl-item > .product .price .electro-price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	.products > .product .price del,
	.owl-item > .product .price del {
		order: -1;
		margin-top: 0;
	}

	.products > .product .price ins .amount,
	.owl-item > .product .price ins .amount,
	.products > .product .price .electro-price > .amount,
	.owl-item > .product .price .electro-price > .amount {
		font-size: clamp(17px, 5vw, 20px) !important;
		font-weight: 800;
		line-height: 1.15;
	}

	.products > .product .price del .amount,
	.owl-item > .product .price del .amount {
		font-size: 12.5px !important;
		font-weight: 400;
	}

	.products > .product .price .woocommerce-price-suffix,
	.owl-item > .product .price .woocommerce-price-suffix {
		font-size: 13px !important;
	}

	/* --- produkt: [ − 1 + ] [ Pridať do košíka ] v jednom riadku ---------- */
	.single-product form.cart {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		gap: 10px;
	}

	.single-product form.cart .quantity {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		height: 48px;
		border: 1.5px solid #cfd4da;
		border-radius: var(--gk-radius-pill);
		overflow: hidden;
		margin: 0 !important;
	}

	.single-product form.cart .quantity input.qty {
		border: 0 !important;
		width: 52px;
		height: 100% !important;
		text-align: center;
		font-weight: 700;
		border-radius: 0 !important;
		padding: 0 !important;
	}

	.single-product form.cart .gk-qty-btn {
		width: 44px;
		height: 100%;
		border: 0;
		background: #f4f6f9;
		color: var(--gk-blue);
		font-size: 22px;
		line-height: 1;
	}

	.sticky-single-add-to-cart-mobile.single-product .single_add_to_cart_button.gk-inline-add {
		flex: 1 1 0;
		min-width: 0;
		width: auto !important;
		min-height: 48px;
		margin: 0 !important;
		font-size: 14px;
		padding: 0 12px !important;
		white-space: nowrap;
	}

	/* ikona (+) v inline verzii zaberá ~36 px — bez nej sa tlačidlo zmestí
	   vedľa množstva aj na 360 px; v lepivej lište ikona ostáva */
	.single_add_to_cart_button.gk-inline-add i,
	.single_add_to_cart_button.gk-inline-add svg,
	.single_add_to_cart_button.gk-inline-add img {
		display: none !important;
	}
}

/* ############################################################################
   POZN. 2026-08-05: tu boli vlny v3–v14 (405 riadkov pokus-omyl ladenia päty
   karty). Nahradila ich konsolidovaná vrstva nižšie, ktorá robí to isté
   jedným priechodom a bez media-query fragmentácie. Odstránené pri upratovaní.
   ############################################################################ */

/* ############################################################################
   KARTA PRODUKTU — SPOLOČNÁ VRSTVA PRE VŠETKY ROZLÍŠENIA (2026-08-05)
   ----------------------------------------------------------------------------
   Predchádzajúce vlny riešili len mobil (`max-width: 1199.98px`), takže
   desktop si niesol pôvodné chyby ďalej. Namerané na 1440 px:
     · suffix „bez DPH" × hodnotenie sa prekrývali na VŠETKÝCH kartách
     · odznaky: „-47 %" 12 px, „TOP"/„BEST" 11 px → rôzna veľkosť
     · odznaky sa lámali na 2 riadky (y 276 vs 305)
     · cena 102 vs 90 px od spodku → nesymetrické
     · Filter 600, select 400 → rôzna hrúbka písma
   Táto vrstva je BEZ media query a ide na koniec súboru, takže prebíja
   všetko predchádzajúce a platí rovnako na mobile aj na desktope.
   ############################################################################ */

/* --- 1. ODZNAKY: jeden riadok, jednotný tvar ----------------------------- */
.products > .product .uroven-sale-row,
.owl-item > .product .uroven-sale-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 5px;
	max-width: calc(100% - 24px);
	overflow: hidden;
}

.products > .product .uroven-sale-row .uroven-loop-wrap,
.owl-item > .product .uroven-sale-row .uroven-loop-wrap {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 5px;
	min-width: 0;
}

/* rovnaká veľkosť, výška aj tvar pre všetky odznaky */
.products > .product .uroven-sale-row .onsale,
.products > .product .uroven-sale-row .uroven-nalepka-mini,
.owl-item > .product .uroven-sale-row .onsale,
.owl-item > .product .uroven-sale-row .uroven-nalepka-mini {
	font-size: 12px !important;
	font-weight: 700;
	line-height: 22px !important;
	height: 22px !important;
	min-height: 22px;
	padding: 0 8px !important;
	margin: 0 !important;
	border-radius: var(--gk-radius-s) !important;
	white-space: nowrap;
	flex: 0 0 auto;
}

/* tretí odznak len tam, kde je miesto — pod 520 px karta neuživí tri */
@media (max-width: 519.98px) {

	.products > .product .uroven-sale-row .uroven-nalepka-mini:nth-of-type(n+2),
	.owl-item > .product .uroven-sale-row .uroven-nalepka-mini:nth-of-type(n+2) {
		display: none !important;
	}
}

/* --- 2. PÄTA KARTY: cena, „bez DPH", hodnotenie, „+" --------------------- */
.products > .product .price,
.owl-item > .product .price {
	display: flex !important;
	flex-direction: column;
	margin-bottom: 0 !important;
}

.products > .product .price .electro-price,
.owl-item > .product .price .electro-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	min-height: 0 !important;
}

/* prečiarknutá NAD aktuálnou */
.products > .product .price del,
.owl-item > .product .price del {
	order: -1;
	margin: 0 0 1px !important;
	font-weight: 400;
	line-height: 1.2 !important;
	height: auto !important;
}

.products > .product .price ins,
.owl-item > .product .price ins {
	display: block;
	max-width: none !important;
	text-decoration: none;
	line-height: 1.2 !important;
}

.products > .product .price .woocommerce-price-suffix,
.owl-item > .product .price .woocommerce-price-suffix {
	display: block;
	max-width: none !important;
	overflow: visible !important;
	white-space: nowrap;
	font-weight: 400 !important;
	color: #6b7280;
	line-height: 1.35 !important;
	margin: 2px 0 0 !important;
}

/* hodnotenie: vždy pod cenou s odstupom, pevná výška, mimo pásma „+" */
.products > .product .heureka-rating-summary,
.products > .product .heureka-rating-loop,
.owl-item > .product .heureka-rating-summary,
.owl-item > .product .heureka-rating-loop {
	display: flex !important;
	overflow: hidden;
	line-height: 1;
}

/* natívne WooCommerce hviezdy sú vždy prázdne → preč (Heureka má dáta) */
.products > .product .product-rating,
.products > .product .star-rating,
.owl-item > .product .product-rating,
.owl-item > .product .star-rating {
	display: none !important;
}

.products > .product .heureka-rating-count-loop,
.owl-item > .product .heureka-rating-count-loop {
	font-family: inherit !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: #6b7280 !important;
	position: static !important;
	top: auto !important;
}

/* ⚠️ Tu bolo `font-size: 13px` na .heureka-star — MŔTVE pravidlo, prebíjalo
   ho neskoršie 16px a to zase 18px (tri navrstvené !important na ten istý
   selektor, každé z jednej Mirovej pripomienky). Ponechané je len to
   posledné, pri „hviezdy o kúsok väčšie". Odstránené 2026-08-06. */

/* „+" kotvené na kartu, nie na cenový blok */
.products > .product .price-add-to-cart,
.owl-item > .product .price-add-to-cart {
	position: static !important;
}

.products > .product .product-inner,
.owl-item > .product .product-inner {
	position: relative;
}

.products > .product .add-to-cart-wrap.show-in-mobile,
.owl-item > .product .add-to-cart-wrap.show-in-mobile {
}

/* --- 3. Kategória nad názvom: menej agresívne orezanie ------------------- */
.products > .product .loop-product-categories,
.owl-item > .product .loop-product-categories {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 0;
	line-height: 1.3;
}

/* --- 4. Filter a Zoradiť: rovnaká hrúbka písma -------------------------- */
.shop-control-bar .btn.sidebar-toggler,
.shop-control-bar .woocommerce-ordering .orderby {
	font-family: inherit;
}

/* --- 5. Nadpis kategórie: nech sa zmestí na jeden riadok ---------------- */
.page-title,
.archive .page-title,
.tax-product_cat .page-title {
	font-size: clamp(19px, 2.2vw, 24px) !important;
	line-height: 1.25 !important;
}

/* (zrušené pri upratovaní 2026-08-05 — „+" pri cene bolo magické číslo
   a na 360 px aj tak kolidovalo so „bez DPH"; nahradené pravidlom nižšie) */

/* na úzkych kartách je „+" pri cene, takže hodnotenie už nemusí
   uhýbať doprava — inak počet recenzií „(1)" padal pod hviezdy */
@media (max-width: 519.98px) {

	.products > .product .heureka-rating-summary,
	.products > .product .heureka-rating-loop,
	.owl-item > .product .heureka-rating-summary,
	.owl-item > .product .heureka-rating-loop {
	}
}

/* ############################################################################
   MRIEŽKA — symetria okrajov (2026-08-05, upratovanie)
   ----------------------------------------------------------------------------
   `ul.products` mala `margin-right: -12px` (dedičstvo Bootstrap gutterov),
   takže na iPhone Pro Max bol ľavý okraj 15 px a pravý 21 px. Rozdiel 6 px
   je presne to, čo detailistovi udrie do oka.
   Riešenie: mriežka rovno na šírku kontajnera a karty počítané z `gap`,
   nie z percent + margin. Rovnaké okraje na každej šírke.
   ############################################################################ */
.archive ul.products,
ul.products {
	margin-left: 0 !important;
	margin-right: 0 !important;
	/* ⚠️ REGRESIA 2026-08-06: `column-gap: 15px` bol pôvodne globálny, ale
	   desktopové karty majú šírku `calc(20% - 5px)` počítanú so starým
	   5 px gapom — s 15 px sa päť stĺpcov nezmestilo a mriežka spadla
	   na štyri. Väčší gap preto platí LEN na mobile a tablete, kde si
	   šírku karty počítam sám (`calc((100% - 15px) / 2)`).
	   !important: staršie pravidlo v súbore nastavuje `gap: 5px`. */
	row-gap: 0 !important;
}

@media (max-width: 991.98px) {

	.archive ul.products,
	ul.products {
		column-gap: 15px !important;
	}
}

@media (max-width: 599.98px) {

	ul.products > li.product {
		flex: 0 0 calc((100% - 15px) / 2) !important;
		max-width: calc((100% - 15px) / 2) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (min-width: 600px) and (max-width: 991.98px) {

	ul.products > li.product {
		flex: 0 0 calc((100% - 30px) / 3) !important;
		max-width: calc((100% - 30px) / 3) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* --- 320 px: karta 138 px neuživí ani dva odznaky (2026-08-05) ----------
   Pri gape 15 px má karta na 320 px len 138 px. „-47 %" (43) + „TOP" (38)
   + gap = 86 px sa síce zmestí, ale s „BEST" (44) už nie → druhý riadok.
   Pod 360 px preto necháme len percentuálnu zľavu (nesie najviac informácie). */
@media (max-width: 359.98px) {

	.products > .product .uroven-sale-row .uroven-nalepka-mini,
	.owl-item > .product .uroven-sale-row .uroven-nalepka-mini {
		display: none !important;
	}
}

/* --- Úzke karty (≤519 px): „+" do vlastného pásu pod obsahom -----------
   Karta má 138–190 px a „bez DPH" siaha až do 126 px — vedľa ceny sa
   tlačidlo nezmestí na žiadnej z týchto šírok. Namiesto posúvania o pár
   pixelov (magické čísla, ktoré sa rozpadnú pri inom fonte) dostane
   tlačidlo vlastný pás pod cenovým blokom a hodnotenie mu uhne doprava.
   Jedno pravidlo pre celý mobil — bez výnimiek. */
@media (max-width: 519.98px) {

	.products > .product .product-inner,
	.owl-item > .product .product-inner {
	}

	.products > .product .add-to-cart-wrap.show-in-mobile,
	.owl-item > .product .add-to-cart-wrap.show-in-mobile {
		bottom: 6px !important;
	}

	.products > .product .heureka-rating-summary,
	.products > .product .heureka-rating-loop,
	.owl-item > .product .heureka-rating-summary,
	.owl-item > .product .heureka-rating-loop {
		max-width: calc(100% - 54px) !important;
	}
}

/* ############################################################################
   OPRAVY PO UX AUDITE (2026-08-06)
   ----------------------------------------------------------------------------
   1) Hviezdy mali 13 px → šírka jednej hviezdy 9 px. To je pod hranicou
      čitateľnosti; hodnotenie je pritom dôvod na nákup. 16 px.
   2) Filter mal ŠEDÝ rám rgb(239,236,236) — moje pravidlo prebilo staršie
      `.btn` pravidlo. Select mal modrý. Zjednotené (obe sú sekundárne akcie,
      musia vyzerať rovnako — `primary-action`: jeden primárny CTA na obrazovku).
   3) Karta mala 148 px vynútenej výšky (min-height 62 + padding 46 +
      rating 24 + margin 16). Znížené na nutné minimum bez straty symetrie.
   ############################################################################ */

/* --- 1. Hviezdy čitateľné ------------------------------------------------ */
/* ⚠️ Aj toto bolo mŕtve (16px) — prebíjalo ho neskoršie 18px. Odstránené
   2026-08-06, platí len jediné pravidlo nižšie. */

.products > .product .heureka-rating-count-loop,
.owl-item > .product .heureka-rating-count-loop {
	font-size: 12.5px !important;
}

/* --- 2. Filter aj Zoradiť rovnako (obe sekundárne akcie) ----------------- */
.shop-control-bar .handheld-sidebar-toggle .btn.sidebar-toggler,
.shop-control-bar .btn.sidebar-toggler {
	border: 1.5px solid var(--gk-blue) !important;
	border-color: var(--gk-blue) !important;
	color: var(--gk-blue) !important;
	background: #fff !important;
}

/* --- 3. Zníženie výšky karty ZRUŠENÉ (2026-08-06) ------------------------
   Skúsil som min-height 62→52, rating margin 16→8 a padding 46→44.
   Karta síce klesla o 12 px, ale ROZBILO to symetriu cien aj odstupy
   (hodnotenie sa dotklo „bez DPH"). Tie čísla sú na sebe závislé a bez
   prestavby päty karty sa nedajú znižovať po jednom.
   Ponechaný pôvodný stav; skutočné riešenie = prestavba na jeden grid
   s pevnými riadkami (viď otázky pre Mira). */

/* ############################################################################
   PRESTAVBA PÄTY KARTY — pevné riadky namiesto magických rezerv (2026-08-06)
   ----------------------------------------------------------------------------
   Namerané pred prestavbou: obsah karty 497 px, karta 644 px → 147 px medzier.
   Najväčší vinník: 46 px pás vyhradený tlačidlu „+", pod ktorým vľavo zívalo
   prázdno, plus `min-height: 62px` na cene ako náhrada za nezarovnaný obsah.

   Princíp prestavby: každý blok NAD cenou dostane pevnú výšku (v celých
   riadkoch, nikdy neprečnieva), takže cena aj hodnotenie sa zarovnajú samy.
   Tlačidlo „+" ide do posledného riadku VEDĽA hodnotenia — pás navyše zaniká.
   ############################################################################ */

/* --- pevné riadky nad cenou --------------------------------------------- */
.products > .product .stock,
.owl-item > .product .stock {
	height: 54px;          /* 3 riadky × 17,55 px */
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 0 !important;
}

.products > .product .product-short-description,
.owl-item > .product .product-short-description {
	/* 5 riadkov × 16,8 px. `-webkit-box` tu NEPOUŽÍVAME — rozbíja odrážkový
	   zoznam a text potom prečnieva cez cenu. Stačí pevná výška + orezanie
	   na rodičovi aj na vnútornom zozname. */
	height: 84px;
	max-height: 84px;
	overflow: hidden !important;
	margin: 0 !important;
}

.products > .product .product-short-description ul,
.products > .product .product-short-description ol,
.owl-item > .product .product-short-description ul,
.owl-item > .product .product-short-description ol {
	max-height: 84px;
	overflow: hidden;
	margin-bottom: 0 !important;
}

/* --- cena: prečiarknutá / cena / bez DPH ---------------------------------
   ⚠️ Tu bolo `height: 54px` — MŔTVE. Rovnaký selektor vyššie v tomto súbore
   má `height: auto !important`, ktoré vyhrá vždy (rovnaká špecificita,
   !important). Cena sa teda riadi obsahom, nie pevnou výškou. Odstránené
   pri globálnej kontrole 2026-08-06. */
.products > .product .price,
.owl-item > .product .price {
	min-height: 0 !important;
	justify-content: flex-end;
	margin: 8px 0 0 !important;
}

/* --- posledný riadok: hodnotenie vľavo, „+" vpravo ----------------------- */
.products > .product .product-loop-footer,
.owl-item > .product .product-loop-footer {
	padding-right: 0;
}

.products > .product .heureka-rating-summary,
.products > .product .heureka-rating-loop,
.owl-item > .product .heureka-rating-summary,
.owl-item > .product .heureka-rating-loop {
	height: 40px;
	min-height: 40px;
	max-width: none !important;
	/* margin-top drží hodnotenie pod „bez DPH" — bez neho začínalo o 16 px
	   vyššie a prekrývalo ho; padding-right potrebuje !important, inak ho
	   prebijú staršie pravidlá a hodnotenie vlezie pod tlačidlo „+" */
	/* 16 px: hodnotenie začínalo 12 px nad koncom „bez DPH" a prekrývalo ho */
	margin: 16px 0 0 !important;
	align-items: center;
	box-sizing: border-box;
}

/* „+" už nepotrebuje vlastný pás — sedí v riadku hodnotenia */
.products > .product .add-to-cart-wrap.show-in-mobile,
.owl-item > .product .add-to-cart-wrap.show-in-mobile {
	right: 10px !important;
	bottom: 12px !important;
}

.products > .product .product-inner,
.owl-item > .product .product-inner {
	padding-bottom: 12px !important;
}

@media (max-width: 519.98px) {

	.products > .product .product-inner,
	.owl-item > .product .product-inner {
		padding-bottom: 12px !important;
	}
}

/* --- hviezdy o kúsok väčšie (zadanie Mira) -------------------------------
   ⚠️ JEDINÉ miesto, kde sa nastavuje veľkosť hviezdy v kartách. Predtým tu
   boli tri navrstvené !important (13 → 16 → 18 px), lebo som pri každej
   pripomienke pridal ďalšie namiesto opravy pôvodného. Meniť LEN tu.

   ⚠️ Hviezda NIE JE znak ★ — ten je skrytý pod SVG maskou (viď fix v
   plugine heureka-recenzie, Chrome inak vykreslí obrie emoji). Maska má
   `width/height: 0.72em`, takže SKUTOČNÁ veľkosť hviezdy je
       font-size × 0,72
   → 18 px dáva hviezdu 13 px. Ak ju treba 16 px, píš sem 22 px. */
.products > .product .heureka-star,
.owl-item > .product .heureka-star {
	font-size: 18px !important;
}

/* ############################################################################
   ODZNAKY PODĽA ŠÍRKY KARTY, NIE OKNA (container query) — 2026-08-06
   ----------------------------------------------------------------------------
   Na 1440 px má karta len 169 px (bočný panel zúži mriežku na 4 stĺpce),
   takže tri odznaky (-47 % + TOP + BEST ≈ 135 px) sa nezmestia a lámu sa
   na dva riadky. `@media` to nevie zachytiť — rozhoduje šírka KARTY, nie okna.
   Container query meria presne to, na čom záleží, a funguje rovnako
   v mriežke, v carouseli aj v príslušenstve.
   ############################################################################ */
ul.products > li.product,
.owl-item > .product {
	container-type: inline-size;
	container-name: karta;
}

/* pod 210 px šírky karty len percentuálna zľava (nesie najviac informácie) */
@container karta (max-width: 210px) {

	.uroven-sale-row .uroven-nalepka-mini {
		display: none !important;
	}
}

/* 210–260 px: zľava + jeden odznak */
@container karta (min-width: 210px) and (max-width: 260px) {

	.uroven-sale-row .uroven-nalepka-mini:nth-of-type(n+2) {
		display: none !important;
	}
}

/* ############################################################################
   PÄTA KARTY NA CONTAINER QUERIES — koniec magických čísel (2026-08-06)
   ----------------------------------------------------------------------------
   Doteraz sa päta riadila šírkou OKNA (`@media`), hoci rozhoduje šírka KARTY.
   Tá istá karta má 158 px v mriežke na mobile, 169 px na desktope s bočným
   panelom a 193 px na Pro Max — `@media` z toho nevie nič.
   Odteraz sa všetko odvíja od `@container karta`, takže karta vyzerá správne
   všade, kde ju použijeme: mriežka, carousel, príslušenstvo, bočný panel.
   ############################################################################ */

/* --- úzka karta (< 230 px): „+" pod obsah, hodnotenie mu uhne ------------ */
@container karta (max-width: 229.98px) {

	.product-inner {
		padding-bottom: 12px;
	}

	.heureka-rating-summary,
	.heureka-rating-loop {
		padding-right: 52px;
	}

	.add-to-cart-wrap.show-in-mobile {
		right: 10px;
		bottom: 12px;
	}
}

/* --- široká karta (≥ 230 px): „+" má miesto vedľa hodnotenia ------------- */
@container karta (min-width: 230px) {

	.heureka-rating-summary,
	.heureka-rating-loop {
		padding-right: 56px;
	}

	.add-to-cart-wrap.show-in-mobile {
		right: 12px;
		bottom: 14px;
	}
}

/* --- veľmi úzka karta (< 150 px, napr. 320 px displej): kompaktné písmo -- */
@container karta (max-width: 149.98px) {

	.price ins .amount,
	.price .electro-price > .amount {
		font-size: 15px !important;
	}

	.woocommerce-price-suffix {
		font-size: 11px !important;
	}

	.heureka-star {
		font-size: 16px !important;
	}
}

/* --- Odstup medzi parametrami a cenou (2026-08-06) ----------------------
   Prečiarknutá cena začínala 8 px VNÚTRI schránky parametrov (posledný
   riadok „…zemiakov, ovocia a" jej bežal cezeň). Príčinou bol môj
   `margin: 8px 0 0` na `.price` v kombinácii so zápornými marginmi
   pôvodnej témy na `.product-loop-footer`. Cena potrebuje odstup zdola
   od parametrov, nie zhora od seba. */
.products > .product .product-short-description,
.owl-item > .product .product-short-description {
}

.products > .product .price,
.owl-item > .product .price {
	margin-top: 0 !important;
}

/* --- Odrážky v krátkom popise: plné a na osi karty (2026-08-06) ---------
   Boli `circle` (prázdny krúžok) a zoznam mal `padding-left: 18px`, takže
   text parametrov začínal na 37 px, kým názov aj cena na 19 px.
   Teraz `disc` (plná) a odsadenie 11 px → značka sedí na osi karty,
   text má vlastný odstup a viacriadkové položky sa naďalej zalamujú
   pod text, nie pod značku (`list-style-position: outside`). */
.products > .product .product-short-description ul,
.products > .product .product-short-description ol,
.owl-item > .product .product-short-description ul,
.owl-item > .product .product-short-description ol {
	margin-left: 0 !important;
	list-style-position: outside;
}

.products > .product .product-short-description li,
.owl-item > .product .product-short-description li {
	list-style-type: disc !important;
}

.products > .product .product-short-description li::marker,
.owl-item > .product .product-short-description li::marker {
	color: #9aa4b2;
	font-size: .8em;
}

/* --- Doladenie krátkeho popisu a ceny (2026-08-06) -----------------------
   Odrážky ešte o kúsok doľava, text zarovnaný na jednu os aj pri zalomení,
   a cena dostáva vzduch — bola nalepená hneď pod parametrami. */
.products > .product .product-short-description ul,
.products > .product .product-short-description ol,
.owl-item > .product .product-short-description ul,
.owl-item > .product .product-short-description ol {
	/* ⚠️ pri `list-style-position: outside` je značka VĽAVO od content boxu,
	   takže pri padding-left 4 px vypadla mimo viditeľnú oblasť a odrážky
	   úplne zmizli. 8 px je minimum, pri ktorom je značka ešte vidieť. */
	padding-left: 8px !important;
}

.products > .product .product-short-description li,
.owl-item > .product .product-short-description li {
	padding-left: 3px;
	/* zalomené riadky sa zarovnajú pod text, nie pod odrážku */
	text-align: left;
}

/* cena nižšie — bližšie k hviezdičkám, ďalej od parametrov */
.products > .product .product-short-description,
.owl-item > .product .product-short-description {
	margin-bottom: 22px !important;
}

.products > .product .heureka-rating-summary,
.products > .product .heureka-rating-loop,
.owl-item > .product .heureka-rating-summary,
.owl-item > .product .heureka-rating-loop {
	/* ⚠️ 2026-08-06: skúsil som 6 px (Miro chcel cenu nižšie) a hviezdy
	   prekryli „bez DPH" na kartách užších než ~200 px. Preto 16 px.

	   ⚠️ OPRAVA KOMENTÁRA (globálna kontrola, ten istý deň): pôvodne tu
	   stálo, že dôvodom je pevná výška `.price` 54 px. To NEPLATÍ —
	   `.price` má vyššie v súbore `height: auto !important`, takže sa
	   riadi obsahom. Skutočná príčina prekrytia je toto: pri úzkej karte
	   sa „bez DPH" zalomí na ďalší riadok, cena narastie a pri malom
	   `margin-top` doň hviezdy vojdú. Overuj teda na ÚZKEJ karte
	   (4–5 stĺpcov na 1440 px), nie na širokej.

	   Medzeru medzi cenou a hviezdami neriešiť týmto marginom, ale
	   výškou bloku hodnotenia (viď pravidlo pre min-width 601px nižšie). */
	margin-top: 16px !important;
}

/* --- Filter a Zoradiť: štíhlejšie písmo + značková modrá šípka ---------- */
.shop-control-bar .btn.sidebar-toggler,
.shop-control-bar .woocommerce-ordering .orderby {
	font-weight: 500 !important;
}

.shop-control-bar .woocommerce-ordering .orderby {
	/* natívna šípka je systémovo sivá — nahradená vlastnou v značkovej modrej */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16' fill='none' stroke='%232756A0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l3-3 3 3'/%3E%3Cpath d='M3 10l3 3 3-3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 16px;
	padding-right: 34px !important;
}

/* ############################################################################
   HLAVNÁ STRÁNKA NA MOBILE (2026-08-06)
   ----------------------------------------------------------------------------
   ⚠️ OPRAVA 2026-08-06 (večer): selektory boli pôvodne len `.category …` —
   PRÍLIŠ VŠEOBECNÉ. Vysúvacie menu (GASTRO KATEGÓRIE) vkladá TEN ISTÝ
   statický blok `home-list-categories`, takže pravidlá pretiekli aj doň
   a rozbili jeho vzhľad (Miro poslal screenshot). Ohraničené cez
   `.site-main` — menu žije v hlavičke, dlaždice v obsahu. Pri štýlovaní
   tohto komponentu VŽDY ohraničiť umiestnením, nie názvom bloku!
   Dlaždice kategórií mali každá inú výšku podľa dĺžky názvu („Grilovanie"
   jeden riadok, „Cukrárske pomôcky, doplnky" tri) a dlhší text vyliezal
   z dlaždice von. Karusel „Vybrali sme pre Vás" mal karty odrezané pravým
   okrajom, lebo `.owl-stage` nerešpektoval odsadenie sekcie.
   ############################################################################ */
@media (max-width: 991.98px) {

	/* --- dlaždice kategórií: jeden rytmus pre celú mriežku ---------------
	   Predtým mala každá dlaždica inú výšku podľa dĺžky názvu, obrázky
	   sa začínali v rôznej výške a pod krátkymi názvami („Grilovanie")
	   zívalo prázdno. Teraz: pevná zóna pre obrázok + pevná zóna pre text,
	   text zarovnaný na vrch svojej zóny → všetky názvy začínajú na tej
	   istej linke, nech majú jeden alebo tri riadky. */
	.site-main .category .category-media {
		display: flex !important;
		flex-direction: column;
		height: 100%;
		align-items: stretch;
	}

	/* obrázok: rovnaká zóna a rovnaké optické ťažisko vo všetkých dlaždiciach */
	.site-main .category .category-media > a,
	.site-main .category .category-media .category-media-img,
	.site-main .category .category-media picture {
		flex: 0 0 96px;
		height: 96px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.site-main .category .category-media img {
		max-height: 88px;
		width: auto;
		max-width: 100%;
		object-fit: contain;
	}

	/* text: vlastná zóna na 3 riadky, vždy začína na tej istej linke */
	.site-main .category .category-media-body {
		flex: 1 1 auto;
		display: flex;
		align-items: flex-start;
		padding-top: 10px;
		min-height: 58px;
	}

	.site-main .category .category-media-body,
	.site-main .category .category-media-heading {
		min-width: 0;
		overflow: hidden;
	}

	.site-main .category .category-media-heading a,
	.site-main .category .category-media-heading {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		line-height: 1.3;
		/* ⚠️ `hyphens: auto` tu NEPOUŽÍVAŤ — delilo názvy uprostred slova
		   („Cukrárske po-môcky", „Mechanické spo-trebiče"). Tri riadky
		   clampu stačia aj na najdlhšie názvy bez delenia. */
	}

	/* --- karusel: karty nesmú byť odrezané okrajom ------------------------ */
	.products-carousel .owl-stage-outer {
		overflow: hidden;
	}

	.products-carousel .owl-item > .product {
		margin-left: 0;
		margin-right: 0;
	}
}

/* ############################################################################
   HLAVIČKA: počet v košíku + kategórie na stred (2026-08-06)
   ############################################################################ */

/* --- bublinka s počtom do pravého horného rohu ikony --------------------
   Mala `top: 9px; left: 9px`, čo ju posadilo priamo NA ikonu košíka a
   číslo splývalo s kresbou. Štandard (Amazon, iOS, Material) je pravý
   horný roh s malým presahom von — bublinka tak nezakrýva samotnú ikonu. */
.mobile-header-v1 .cart-items-count,
.mobile-header-v1 .header-icon-counter,
.handheld-header-links .cart-items-count,
.handheld-header-links .count {
	/* 2026-08-06: zhodné s desktopom (Miro) — desktop má bublinku 21×21 px,
	   kruh, na pozícii left 19 px / top 20 px voči ikone, teda v pravom
	   dolnom kvadrante. Mobil mal predtým vlastné umiestnenie v pravom
	   HORNOM rohu, čo pôsobilo ako iný komponent. */
	top: 20px !important;
	left: 19px !important;
	right: auto !important;
	bottom: auto !important;
	min-width: 21px;
	width: 21px !important;
	height: 21px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	font-size: 12px !important;
	line-height: 21px !important;
	font-weight: 700;
	text-align: center;
	/* biely lem oddelí bublinku od kresby ikony */
	box-shadow: 0 0 0 2px #fff;
}

.mobile-header-v1 .footer-cart-contents,
.handheld-header-links .footer-cart-contents {
	position: relative;
	overflow: visible;
}

/* (rezerva vpravo zrušená — bublinka je teraz vnútri plochy ikony) */

/* --- dlaždice kategórií: text na stred ----------------------------------
   Obrázok je vycentrovaný, takže text zarovnaný doľava pôsobil nevyvážene
   — oko vidí dve rôzne osi. Vycentrovaním dostane dlaždica jednu os. */
@media (max-width: 991.98px) {

	.site-main .category .category-media {
		text-align: center !important;
	}

	.site-main .category .category-media-body {
		justify-content: center;
	}

	.site-main .category .category-media-heading,
	.site-main .category .category-media-heading a {
		text-align: center !important;
		width: 100%;
	}
}

/* --- Klon kúpneho tlačidla len tam, kde je lepivá lišta (2026-08-06) ----
   `gk-mobile-ux.js` vytvorí inline klon tlačidla, keď je stránka načítaná
   pod 1200 px. Po otočení tabletu alebo zmene šírky okna klon v stránke
   ZOSTANE, ale originál sa už nesprávcuje ako lepivá lišta → používateľ
   vidí DVE tlačidlá „Pridať do košíka" vedľa seba.

   ⚠️ OPRAVA 2026-08-06 (druhá): hranica bola 1200 px — HÁDANÁ, nie zmeraná,
   a bola nesprávna. Electro robí tlačidlo lepivým až v
       @media (max-width: 575.98px) .sticky-single-add-to-cart-mobile
           .single_add_to_cart_button { position: fixed }   (style.min.css 3.6.9)
   Medzi 576 a 1199 px teda originál NIE JE lepivý, a klon sa napriek tomu
   zobrazoval → dve tlačidlá na tablete. Hranica sa musí zhodovať s témou.
   Ak sa niekedy zmení téma, prvé miesto na kontrolu je práve tento breakpoint. */
@media (min-width: 576px) {

	.single_add_to_cart_button.gk-inline-add {
		display: none !important;
	}
}

/* a naopak: ak z akéhokoľvek dôvodu lišta nie je aktívna, klon tiež nemá byť */
body:not(.sticky-single-add-to-cart-mobile) .single_add_to_cart_button.gk-inline-add {
	display: none !important;
}

/* ############################################################################
   CENA SA PRISPÔSOBUJE ŠÍRKE KARTY (2026-08-06) — návrh Mira
   ----------------------------------------------------------------------------
   Pri drahom tovare („2 030,00 € bez DPH") bol suffix dlhší než karta,
   zalomil sa a hviezdičky mu vliezli do druhého riadku. `white-space: nowrap`
   zalomeniu zabráni, ale text potom pretečie von.
   Riešenie: veľkosť písma odvodená od ŠÍRKY KARTY cez jednotku `cqi`
   (1 cqi = 1 % šírky kontajnera). Písmo sa tak samo zmenší presne toľko,
   koľko treba — na širokej karte ostáva plná veľkosť, na úzkej sa stiahne.
   `min()` drží hornú hranicu, aby text nikdy neprerástol návrh.
   ############################################################################ */
.products > .product .price ins .amount,
.products > .product .price .electro-price > .amount,
.owl-item > .product .price ins .amount,
.owl-item > .product .price .electro-price > .amount {
	font-size: min(17px, 10.5cqi) !important;
}

.products > .product .price del .amount,
.owl-item > .product .price del .amount {
	font-size: min(11.5px, 7cqi) !important;
}

.products > .product .price .woocommerce-price-suffix,
.owl-item > .product .price .woocommerce-price-suffix {
	font-size: min(12px, 7.2cqi) !important;
}

/* ############################################################################
   HLÁŠKA PO PRIDANÍ DO KOŠÍKA — plávajúci toast (2026-08-06)
   ----------------------------------------------------------------------------
   Bola to zelená lišta natlačená pod drobcovou navigáciou: text a tlačidlo
   v jednom stiesnenom riadku, na mobile sa lámali cez seba. Teraz je to
   plávajúce oznámenie v pravom dolnom rohu (na mobile cez celú šírku dole),
   ktoré neposúva obsah stránky a nekonkuruje s produktom o pozornosť.
   ############################################################################ */
.woocommerce-message {
	position: fixed !important;
	z-index: 99996;
	right: 16px;
	bottom: 16px;
	left: auto;
	width: auto;
	max-width: 380px;
	margin: 0 !important;
	padding: 16px 18px !important;
	display: flex !important;
	/* column-reverse: WooCommerce vkladá <a class="wc-forward"> PRED text,
	   takže v normálnom poradí by tlačidlo sedelo nad hláškou */
	flex-direction: column-reverse;
	align-items: flex-start;
	gap: 12px;
	background: #fff !important;
	color: #1f2937 !important;
	border: 0 !important;
	border-left: 4px solid var(--gk-green) !important;
	border-radius: var(--gk-radius-m) !important;
	box-shadow: 0 12px 32px -8px rgba(16, 24, 40, .25), 0 4px 10px rgba(16, 24, 40, .08);
	font-size: 14px !important;
	line-height: 1.45;
	/* ⚠️ BEZ ANIMÁCIE. Verzie s `translateY` aj s `opacity` sa v testoch
	   zasekli v počiatočnom stave (transform −14 px, resp. opacity 0) a
	   hláška bola posunutá alebo úplne NEVIDITEĽNÁ. Oznámenie o pridaní
	   do košíka musí byť vidieť vždy — kozmetika za to nestojí. */
	opacity: 1 !important;
}


.woocommerce-message .button.wc-forward {
	align-self: stretch;
	text-align: center;
	background: var(--gk-green) !important;
	color: #fff !important;
	border-radius: var(--gk-radius-pill);
	font-weight: 700;
	padding: 10px 18px !important;
	margin: 0 !important;
	float: none !important;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Na mobile HORE: dole už sedí lepivá lišta „Pridať do košíka" aj pilulka
   „Darček" — toast by sa s nimi bil o miesto. Hore je voľno a používateľ
   sa tam po pridaní do košíka aj tak pozerá (ikona košíka v hlavičke). */
@media (max-width: 767.98px) {

	.woocommerce-message {
		left: 12px;
		right: 12px;
		bottom: auto;
		/* !important — inak ho prebije `top` z pôvodných pravidiel hlášky
		   a toast vylezie cez hornú lištu */
		top: 12px !important;
		max-width: none;
		opacity: 1 !important;
	}

	/* keď je hlavička prilepená, toast pod ňu */
	body.sticky-single-add-to-cart-mobile .woocommerce-message,
	.stuck ~ * .woocommerce-message {
		top: 12px;
	}
}




/* ############################################################################
   KONTROLA HLAVNEJ STRÁNKY (2026-08-06) — dve zmerané chyby v kartách
   ############################################################################ */

/* --- 1. Hviezdy skákali o 11 px podľa toho, či produkt má recenzie --------
   Blok hodnotenia je vo všetkých kartách na rovnakom mieste (overené: 384 px
   vo všetkých 9 kartách karuselu), ale hviezdy VNÚTRI neho boli raz na +13 px,
   inokedy na +2 px. Miro to hlásil ako „nesedia hviezdičky".

   Namerané v karuseli pri 800 px:
       k dispozícii  134 − 52 (padding-right) =  82 px
       obsah         hviezdy 65 + gap 5 + „(1)" 14 =  84 px
   Chýbali PRESNE 2 px → počet recenzií sa zalomil na druhý riadok, blok mal
   dva riadky namiesto jedného a `align-items: center` posunul hviezdy hore.
   Karty BEZ recenzií majú jeden riadok → hviezdy nižšie. Odtiaľ tá nezhoda.

   Tých 52 px bola rezerva na okrúhle „+". Premerané, kde ho naozaj treba:
       375 px  „+" je `absolute`, prekrýva riadok o 6 px → rezerva DÁVA zmysel
               (ale `padding-right` tam aj tak vychádza 0 a hviezdy majú
               58 px v 126 px širokom riadku, takže sa nestretnú)
       800 px  „+" je `static` a končí 15 px NAD riadkom → rezerva zbytočná
      1440 px  to isté, aj v kategórii aj v karuseli
   Preto 34 px (stále chráni) + `nowrap`, aby sa riadok nemohol zlomiť ani pri
   trojcifernom počte recenzií. Hviezdy sa nesmú stláčať, uhnúť môže počet. */
.products > .product .heureka-rating-summary,
.products > .product .heureka-rating-loop,
.owl-item > .product .heureka-rating-summary,
.owl-item > .product .heureka-rating-loop {
	padding-right: 34px !important;
	flex-wrap: nowrap !important;
	gap: 4px;
}

.products > .product .heureka-rating-loop .heureka-stars-fallback,
.owl-item > .product .heureka-rating-loop .heureka-stars-fallback {
	flex: 0 0 auto;
}

.products > .product .heureka-rating-count-loop,
.owl-item > .product .heureka-rating-count-loop {
	white-space: nowrap;
	min-width: 0;
}

/* --- 2. Názov kategórie nad produktom bol odrezaný v polovici písmen ------
   Electro (style.min.css 3.6.9) drží `.loop-product-categories` na
       height: 1.05em;  line-height: 1.05em     (nad 1200 px)
       height: 1.1em                            (inak)
   Moje pravidlo vyššie v tomto súbore prepísalo `line-height` na 1.3 a
   pridalo `-webkit-line-clamp: 2`, ale výšku z témy NEUVOĽNILO. Výsledok:
       box  12,59 px   ·   jeden riadok  15,6 px   ·   clamp žiada dva
   Nezmestil sa ani JEDEN riadok — text sa orezal uprostred písmen a Chrome
   nevykreslil ani výpustku („…"), lebo tá vzniká až na hranici clampu, nie
   pri orezaní výškou. Miro to hlásil ako „kategória je dosť skrátená".
   Výška musí zodpovedať clampu: 2 riadky × 1,3 = 2.6em. */
.products > .product .loop-product-categories,
.owl-item > .product .loop-product-categories {
	height: 2.6em !important;
	max-height: 2.6em !important;
}

/* --- 3. Súhlas v newsletteri sa na mobile nedal trafiť -------------------
   Ecomail formulár v pätičke: `input[name="consent"]` je `required`, ale
   vykresľuje sa ako 13 × 13 px a nemá `<label for>` ani obaľujúci `<label>`
   → jediná klikateľná plocha je 13 px štvorec, text vedľa je „mŕtvy".
   Na telefóne to znamená: vyplním meno a e-mail, kliknem „Prihlásiť
   k odberu" a nič sa nestane, lebo nezaškrtnutý povinný prvok je AŽ POD
   tlačidlom. WCAG 2.2 (Target Size Minimum, AA) žiada aspoň 24 × 24 px.

   ⚠️ Obaľujúci `.section-checkbox` má šírku 20 px v INLINE style priamo
   z Ecomailu, preto `!important` — bez neho by 24 px štvorec orezalo. */
.section-checkbox {
	width: 26px !important;
	margin-right: 10px !important;
	display: flex;
	align-items: flex-start;
}

.section-checkbox input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin: 0;
	flex: 0 0 24px;
	accent-color: var(--gk-blue, #2756A0);
	cursor: pointer;
}

/* ############################################################################
   ZADANIE MIRA 2026-08-06 (večer) — tri drobnosti
   ############################################################################ */

/* --- 1. Medzera medzi cenou a hviezdami --------------------------------
   Miro: „cenu posuň nižšie k hviezdičkam, veď nemôže byť taká medzera."
   Zmerané na karte: cena končí na 412 px, blok hodnotenia začína na 417 px
   — medzi blokmi je len 5 px. Medzera je INÁ: blok hodnotenia má 40 px, ale
   hviezdy len 13 px a sú centrované → 14 px prázdna NAD nimi a 14 px pod.
   Zdanlivá medzera = 5 + 14 = 19 px.

   Prečo bol blok 40 px: pod 600 px doň zasahuje okrúhle „+"
       @media only screen and (max-width: 600px)
           .add-to-cart-wrap.show-in-mobile { position: absolute }
   Nad 601 px je „+" nad riadkom, takže tam je 40 px zbytočných.
   ⚠️ Hranicu 600 px som odčítal z toho pravidla, nie odhadol — musia byť
   zhodné, inak sa „+" na mobile prekryje s hviezdami. */
@media (min-width: 601px) {

	.products > .product .heureka-rating-summary,
	.products > .product .heureka-rating-loop,
	.owl-item > .product .heureka-rating-summary,
	.owl-item > .product .heureka-rating-loop {
		height: 24px !important;
		min-height: 24px !important;
	}
}

/* --- 2. Názov kategórie v karte 11 → 12 px (zadanie Mira) --------------
   Téma počíta z `em`: 0.8em pod 1200 px = 11,2 px, 0.857em nad = 12 px.
   Na mobile teda vychádzalo 11 px, na hranici čitateľnosti. Pevných 12 px
   zjednotí obe šírky.
   ⚠️ Výška `2.6em` z opravy vyššie je v `em`, takže sa dopočíta sama
   (12 × 2,6 = 31,2 px). Nič ďalšie netreba prepisovať. */
.products > .product .loop-product-categories,
.owl-item > .product .loop-product-categories {
	font-size: 12px !important;
}

/* --- 3. Odkazy v hornej lište na mobile 28 → 38 px (zadanie Mira) ------
   Na desktope majú 37 px (padding 7,5 px + riadkovanie 22,3). Na mobile
   téma padding zmenší a vyjde 28 px — pod odporúčaním 44 px pre dotyk.
   Miro chcel „niečo medzi": 38 px je kompromis, ktorý pridá hornej lište
   len ~10 px výšky a nezožerie mobilnú obrazovku.
   `inline-flex` + `align-items:center` drží text na strede aj keď je
   pole vyššie ako riadok textu. */
@media (max-width: 991.98px) {

	.top-bar .nav > li > a,
	.header-top .nav > li > a,
	.top-bar .nav-inline > li > a {
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

/* ############################################################################
   LOGO NA TABLETE VYCENTROVAŤ (zadanie Mira, 2026-08-06)
   ----------------------------------------------------------------------------
   `.header-logo` je flex:1 1 0 (zaberie celý zvyšný priestor medzi hamburgerom
   a ikonami), ale samotný <img> vnútri je len max 225 px a bez centrovania sa
   drží ĽAVÉHO okraja tohto boxu. Pri malom mobile (< 600 px) to nevadí — malé
   logo box takmer vyplní. Od 600 px sa ale prehodí na VEĽKÉ logo (viď
   gk-mobile-ux.js, „logo swap ≥600px") a vzniká veľká prázdna medzera vpravo:
       1024 px → box ~820 px, logo len 369 px → cca 450 px prázdna.
   Rozsah 600–1199,98 px je presne tam, kde beží veľké logo AJ mobilná
   hlavička `.mobile-header-v1` (nad 1200 px preberá úplne iný, desktopový
   header, ktorý sa tu netýka). */
@media (min-width: 600px) and (max-width: 1199.98px) {

	.mobile-header-v1 .header-logo {
		display: flex;
		justify-content: center;
	}
}

/* ############################################################################
   „PREČO U NÁS" NA TABLETE — jeden posuvný riadok namiesto 2 stĺpcov
   (zadanie Mira, 2026-08-06, schválené: „to bude lepšie sprav")
   ----------------------------------------------------------------------------
   Pôvodné CSS (staré, z Customizera, `float:left`) robilo z 5 dlaždíc mriežku:
       ≤1200 px  plávajúce bloky min. 250 px
       ≤992 px   presne 2 stĺpce (`calc(50% - 10px)`)
       ≤500 px   1 stĺpec (v skutočnosti mŕtve, prebité pravidlom nižšie)
   Namerané pri 900 px: blok vysoký 645 px, posledná dlaždica („Sme TOP 1")
   osamote na treťom riadku s prázdnym miestom vedľa — presne to, čo Miro
   poslal na screenshote.

   Téma (`style.min.css`) má na `.features-list` NATÍVNE `flex-wrap: nowrap;
   overflow: auto;` bez akejkoľvek media query — teda vodorovné posúvanie je
   PÔVODNE zamýšľané správanie tejto komponenty. Staré CSS ho len prebilo
   pevnou 2-stĺpcovou mriežkou. Na mobile (≤600 px) sme toto posúvanie už
   použili (`width: 280px !important` v @media max-width:600px vyššie) —
   tu len rozširujeme ROVNAKÚ šírku karty do tabletového rozsahu, aby bolo
   správanie na celej škále pod 1200 px jednotné.

   Netreba mazať staré ≤1200/≤992/≤500 pravidlá — táto media query je v
   súbore NESKÔR, takže pri rovnakej špecificite vyhráva (rovnaký princíp
   ako existujúce pravidlo pre logo vyššie). */
@media (min-width: 600.02px) and (max-width: 1199.98px) {

	/* Legacy `@media(max-width:1200px){.features-list{display:block}}`
	   vyššie v súbore prepísalo tému späť na blok — bez tohto riadku sa
	   deti nemajú do čoho vodorovne zoradiť a padnú do 5 vlastných riadkov. */
	.features-list {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
	}

	.features-list .feature {
		display: flex !important;
		float: none !important;
		width: 280px !important;
		min-width: 280px !important;
		margin-bottom: 0 !important;
		height: 175px !important;
	}

	/* menšia ikona — karta je teraz „na peek", nepotrebuje takú veľkú */
	.features-list .media .feature-icon i {
		width: 52px !important;
		height: 52px !important;
		font-size: 26px !important;
	}

	/* vedomá, väčšia medzera pred „Vybrali sme pre Vás" — predtým 43 px
	   pôsobilo stiesnene, lebo dlaždica má vlastné orámovanie a končila
	   tesne pred nadpisom bez zámerného odstupu */
	.home-v3-features-block {
		margin-bottom: 32px !important;
	}
}

/* ############################################################################
   KARUSEL „VYBRALI SME PRE VÁS" — medzera medzi kartami zjednotená s
   kategóriou (Miro, 2026-08-06: „zabudol si na medzeru medzi poliami")
   ----------------------------------------------------------------------------
   Kategórie majú `ul.products { column-gap: 15px }` (viď „MRIEŽKA — symetria
   okrajov" vyššie). Karusel je ale iný mechanizmus (OwlCarousel, flex, nie
   CSS grid), takže tamto pravidlo naň nesedí — mal vlastné, staršie:
       ≤1200 px   .owl-item > .product { margin-right: 10px }   (legacy)
       ≤991.98 px .products-carousel .owl-item > .product
                   { margin-left: 0; margin-right: 0 }           (VYHRÁVA,
                     vyššia špecificita → karty na mobile sa DOTÝKALI, 0 px)
   OwlCarousel samotný gap nepridáva (`margin:0` v JS nastaveniach, overené
   cez `$(...).data('owl.carousel').settings`) — celý gap je z CSS marginu
   na `.product`, nie z carouselu.
   Zjednotené na 15 px na celom rozsahu pod 1200 px (nad 1200 už platí iné,
   desktopové pravidlo, netýka sa tohto rozsahu). */
@media (max-width: 1199.98px) {

	.section-products-carousel .owl-item > .product,
	.products-carousel .owl-item > .product {
		margin-left: 0 !important;
		margin-right: 15px !important;
	}
}

/* ############################################################################
   HAMBURGER — farba zjednotená + „MENU" popisok na tablete
   (Miro, 2026-08-06: „nemalo by byť tak isto modrej farby?" + MENU nápad)
   ----------------------------------------------------------------------------
   Namerané: hamburger bol čisto čierny (0,0,0), zatiaľ čo košík aj účet
   ikona sú tmavosivé (81,81,81) — hamburger bol nezhodný TMAVŠÍ, nie iná
   farba zámerne. Značkovú modrú (#2756A0) som zámerne nepoužil — tá je na
   stránke vyhradená pre akcie (ceny, tlačidlá, odkazy); keby ju dostali aj
   neutrálne navigačné ikony, oslabí to jej signálnu hodnotu.
   Farba je BEZ media query — tento hamburger sa vykresľuje iba pod 1200 px
   (nad tým je úplne iná, desktopová hlavička bez hamburgera), takže sa
   dotýka mobilu aj tabletu rovnako, čo je správne — nekonzistencia farby
   nemá dôvod byť len na jednej šírke. */
.mobile-header-v1 .navbar-toggler .ec-menu {
	color: #515151;
}

/* „MENU" vedľa ikony na tablete ZRUŠENÉ 2026-08-07 — Miro: „zjednoť aj na
   tablete rovnako [ako mobil]". Popisok „Menu" POD ikonou platí teraz na
   celom rozsahu do 1200 px (blok nižšie v súbore); obal hamburgera sa
   vrátil na základných 52 px. Pozn.: prvý pokus s `flex:auto` tu kedysi
   roztiahol obal na 720 px (obsahuje celé skryté menu) a rozbil hlavičku
   — pri budúcich úpravách obalu VŽDY pevná šírka. */

/* ############################################################################
   NEWSLETTER (Ecomail embed) — font zjednotený s webom (2026-08-06)
   ----------------------------------------------------------------------------
   Ecomail formulár v pätičke si vo vlastnom štýle pýta „Open Sans" — ten
   ale web NEnačítava (audit: nie je medzi webfontmi), takže celý blok
   („Pravidelná dávka noviniek", polia, tlačidlo, súhlas) sa vykresľoval
   v náhradnom Arial/systémovom písme, viditeľne inom než zvyšok webu.
   `:has()` — formulár nemá vlastnú triedu, spoznávame ho podľa Ecomail
   checkboxu vnútri. `!important` — Ecomail štýl je vložený v tele stránky,
   teda NESKÔR než tento súbor. */
form:has(.section-checkbox),
form:has(.section-checkbox) * {
	font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif !important;
}

/* ############################################################################
   PODKATEGÓRIE V KATEGÓRII — tri vylepšenia (Miro, 2026-08-06:
   „pozri sa na zobrazenie kategórií… ako by si to spravil lepšie")
   ############################################################################ */

/* --- 1. Hover, ktorý naozaj vidno -----------------------------------------
   Pôvodný hover (modrý rám + svetlomodré pozadie, riadok ~1524) bol MŔTVY:
   základný blok má `background:#fff !important` a `border:none !important`,
   ktoré pri rovnakej špecificite prebijú hover bez !important. Jediné, čo
   sa pri prejdení myšou menilo, bola farba textu. Celá dlaždica je pritom
   klikateľná (odkaz pokrýva 98 % plochy) — zaslúži si jasnú spätnú väzbu.
   Tento blok je NESKÔR v súbore než oba !important konkurenti → vyhráva. */
.product-loop-categories .product-category:hover,
.product-loop-categories .product-category:focus-within {
	background: #EDF4FA !important;
	box-shadow: 0 2px 10px rgba(39, 86, 160, .14) !important;
}

/* --- 2. Počet produktov v podkategórii — ZRUŠENÉ na Mirovo želanie --------
   Krátko zobrazený (info scent), Miro 2026-08-06: „tie počty odstráň,
   nepáči sa mi to." Počet zostáva skrytý, ako bol pôvodne. Nepridávať. */

/* --- 3. Mobil: DVA STĹPCE (vzor Alza) --------------------------------------
   Prvý pokus bol vodorovný posuvný riadok — Miro ZAMIETOL: „nie je to
   prehľadné, skrývame dôležité veci." Podkategórie sú navigácia, musia byť
   viditeľné VŠETKY naraz. Dva stĺpce = polovičná výška oproti stĺpcu
   (5 dlaždíc: ~480 px → ~270 px) a nič nie je skryté.
   Šírka: dlaždice majú `margin: 7px !important` (blok vyššie) → 2×7 px
   na dlaždicu, preto calc(50% - 14px). */
@media (max-width: 767.98px) {

	.product-loop-categories.columns-6 .product-category {
		flex: 0 0 calc(50% - 14px) !important;
		width: calc(50% - 14px) !important;
		max-width: calc(50% - 14px) !important;
	}

	/* v užšej dlaždici zmenši obrázok a písmo, nech sa názov zmestí */
	.product-loop-categories .product-category picture {
		max-width: 44px;
		flex: 0 0 44px;
	}

	.product-loop-categories .product-category .woocommerce-loop-category__title {
		font-size: 13px !important;
		max-width: none !important;
		flex: 1 1 auto;
		padding-right: 6px;
	}
}

/* ############################################################################
   ŠTÍTOK „PODKATEGÓRIE: …" — definitívne, VŠETKY šírky (2026-08-07)
   ----------------------------------------------------------------------------
   História: najprv 90 px nadpis → tichý sivý štítok (len ≤1199 px) → v tú
   istú noc prebitý značkovou modrou → Miro 2026-08-07: „nie som si istý,
   či zvolená modrá je ok." Má pravdu — modrá tu znamená klikateľné veci
   (odkazy v kartách), neklikateľný nadpis v nej vyzerá ako odkaz.
   Definitíva: tichý štítok (eyebrow) nad dlaždicami, na desktope aj
   mobile rovnaký. Najprv sivý #6b7280, Miro 2026-08-07 vybral tmavú
   #333E48 — rovnakú ako ostatné nadpisy. Obe staršie
   pravidlá sú vyprázdnené — toto je JEDINÉ miesto, kde sa štítok štýluje. */
.site-main header:has(+ .woocommerce.columns-6) > .h1 {
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 600;
	letter-spacing: 0; /* verzálky zrušené (Miro 2026-08-07), rozostup už netreba */
	text-transform: none;
	color: #333E48;
	margin: 0 0 8px;
	background: none !important;
}

/* ############################################################################
   MENU: OBRÁZKY KATEGÓRIÍ AKO „PLNÉ POLE" (nápad Mira, 2026-08-07)
   ----------------------------------------------------------------------------
   Fotky kategórií sú JPG na bielom pozadí — v menu pôsobili ako biele
   obdĺžniky. Biele pozadie sa z JPG nedá „vypnúť", ale dá sa opticky
   rozpustiť: podklad poľa je svetlý a obrázok má `mix-blend-mode: multiply`
   — biela (×1) splynie s podkladom, produkt zostane. Rovnaký trik, aký
   používajú veľké eshopy na produktové fotky.
   ⛔ Z MENU ODSTRÁNENÉ 2026-08-07 — Miro (UX): menu je navigácia, nie
   obsah; polia obrázkom v menu pridávali váhu, ktorú si nezaslúžia.
   Efekt sa presunul na OBSAHOVÉ dlaždice (hlavná stránka + podkategórie)
   — viď blok „PLNÉ POLE NA DLAŽDICIACH" na konci súboru. */


/* ############################################################################
   MOBIL: IKONY KOŠÍK/ÚČET PRESAHOVALI PRAVÝ OKRAJ (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „ikony hore nie sú veľmi napravo?" Namerané pri 430 px: glyf košíka
   (i.ec-shopping-bag, box 44 px — širší než jeho 22 px odkaz) končil 7 px
   ZA okrajom obrazovky a bublinka s počtom 3 px za ním. Vyhľadávanie končí
   správne 15 px od okraja. Posun celej skupiny ikon doľava o rozdiel
   (22 px): 15 + 22 = 37 px padding. Selektor zhodný s pravidlom vyššie
   (~r.2549, padding-right 15px) — toto je NESKÔR, vyhráva poradím. */
@media (max-width: 600px) {

	.mobile-header-v1 .handheld-header-links {
		padding-right: 37px;
	}
}

/* ############################################################################
   ŠMUHA POD ŠTÍTKOM „PODKATEGÓRIE" — potlačiť na VŠETKÝCH šírkach (2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „tú šmuhu si spravil zle." Mal pravdu: potlačenie štetcového ťahu
   (brand machuľa ::after/img pod nadpismi) žilo len v mobilnom @media bloku
   — na desktope sa ťah, nadimenzovaný na pôvodný 90 px nadpis, kreslil pod
   13 px štítkom a pretínal ho. Štítok je eyebrow, dekoráciu nemá mať nikde.
   Hlavný nadpis kategórie nižšie si svoju machuľu necháva. */
.site-main header:has(+ .woocommerce.columns-6) > .h1::before {
	content: none !important;
	display: none !important;
}

/* MINI ŠMUHA (Miro 2026-08-07: „mala tam byť menšia, nie tak nacapená") —
   pôvodný ťah bol nadimenzovaný na 90 px nadpis a pretínal 13 px štítok;
   úplné potlačenie bolo priveľa. Rovnaká SVG maska ako brand machuľa
   (inc/brand-machula-tabs.php), len 68×5 px pod textom. Neskoršie poradie
   prebíja skoršie potlačenia (rovnaká sila !important). */
.site-main header:has(+ .woocommerce.columns-6) > .h1::after {
	content: "" !important;
	display: block !important;
	position: static !important;
	/* !important nutné: brand-machula tlačí inline `width:200px !important;
	   height:18px !important` PO našom súbore — pri oboch !important vyhráva
	   naša vyššia špecificita */
	width: 68px !important;
	height: 5px !important;
	margin: 3px 0 0 !important;
	background: var(--gk-blue) !important;
	-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjA3LjI0IDY5MS40NiI+PHBhdGggZD0iTTE2NC4yIDY5MS4yNGM0NC4xMywzLjA3IDEwOC40MSwtMjYuNSAxNTMuOTEsLTQxLjQgNjQuOTcsLTIxLjEgMTQ2LjYzLC0zOS40NCAyMjUuMzYsLTU2LjI4IDI1NC40NiwtNTMuMTMgNTE2LjU1LC05Ni42IDc3OC4xMSwtMTM5LjcyIDM0Mi41LC01NS4yIDY5NC40NywtOTEuMzUgMTA0Ni4wNiwtMTI3LjgyIDU2OC40NSwtNjAuNzYgMTEzOS4yLC04NC40NyAxNzE0LjcsLTEwMC41OSA4OTcuOTEsLTE4LjExIDE4MDUuNjUsMjcuMDQgMjcwNS44MiwxMDEuMjIgMTE1Ljk0LDEwLjE4IDIzMiwyMS4zMyAzNDYuNzEsMzQuMiAxNi45LDEuOSAzMy45NywtMy4wNiA0Ny40NCwtMTMuNjMgMTMuNDgsLTEwLjU4IDIyLjI1LC0yNS45MSAyNC40MSwtNDIuNzcgMi4xNiwtMTYuODYgLTIuNDYsLTMzLjkxIC0xMi44MiwtNDcuNTUgLTEwLjM3LC0xMy42MyAtMjUuNjQsLTIyLjc0IC00Mi40NiwtMjUuMTYgLTExNS43NSwtMTYuNjUgLTIzMi4zNywtMzEuNSAtMzQ4Ljc5LC00NS4zNiAtOTA0LjE1LC0xMDIuNjMgLTE4MDguNzEsLTE3Ni4xMyAtMjcyMy4wNCwtMTg2LjEzIC01NzcuMjgsLTEuNjkgLTExNTcuMiw0LjM1IC0xNzM2LjA1LDQ4LjE0IC0zNTQuMywyNS43NyAtNzA4LjU3LDUwLjggLTEwNjcuNTEsOTcuMjEgLTI2NS4wMywzNS4zNyAtNTI4LjQ4LDcwLjUxIC03OTcuMDgsMTE3LjkzIC04NS4xMiwxNS42OSAtMTY3Ljk5LDMwLjU4IC0yNjIuNjcsNTcuNjcgLTE2LjY4LDQuOSAtMzMuMzMsOS44OCAtNTAuNjIsMTUuMyAtOC42OSwyLjczIC0xNy40NSw1LjUzIC0yNy4wNiw4Ljc4IC00Ljg1LDEuNjQgLTkuNjksMy4zIC0xNS43LDUuNTEgLTIuOTUsMS4wOSAtNi4xOCwyLjMgLTEwLjYsNC4wOSAtMi4zMSwwLjk0IC00Ljc3LDEuOTUgLTkuMDUsMy44OSAtMi4yNSwxLjA0IC00LjcsMi4xMyAtMTAuMDQsNC45MyAtMS40NiwwLjc3IC0zLjA5LDEuNjUgLTQuOTgsMi43MiAtMi4xOCwxLjI0IC01LjQ0LDMuMTUgLTkuMzksNS43MiAtMC41MSwwLjMzIC0xLjAzLDAuNjcgLTEuNTYsMS4wMyAtMC4yNywwLjE4IC0wLjU0LDAuMzYgLTAuODIsMC41NSAtMC4xNSwwLjEgLTAuMjYsMC4xOCAtMC40NCwwLjMgLTAuMjIsMC4xNSAtMC40MywwLjI5IC0wLjY1LDAuNDUgLTEuNzYsMS4yIC0zLjcsMi41OCAtNS45LDQuMjMgLTIuMjEsMS42NSAtNC42NywzLjU3IC03LjUyLDUuOTYgLTEuNDIsMS4xOSAtMi45NCwyLjUgLTQuNTgsMy45NyAtMC44MiwwLjc0IC0xLjY2LDEuNTEgLTIuNTQsMi4zMyAtMC4yMiwwLjIxIC0wLjQ0LDAuNDIgLTAuNjYsMC42MyAtMC4xMSwwLjEgLTAuMjMsMC4yMSAtMC4zNCwwLjMyIC0wLjA2LDAuMDYgLTAuMDksMC4wOSAtMC4xOCwwLjE3IC0wLjExLDAuMSAtMC4yMSwwLjIgLTAuMzIsMC4zIC0wLjgzLDAuOCAtMS42OSwxLjY0IC0yLjU4LDIuNTIgLTcuMDUsNy4yNSAtMTYuMywxNi43MiAtMjcuNywzNi4wNyAtNS42LDkuNzYgLTExLjc2LDIyLjI4IC0xNi42NiwzOS4zNSAtOS40NSwyOS43NCAtMTAuOTEsODMuNDQgMTIuNzgsMTI3LjI3IDIwLjgyLDQzLjA0IDY0LjYsNzAuMDUgNzIuNzYsNzMuNTcgMTMuNDMsNy4xIDI0LjUyLDEwLjk1IDMzLjcxLDEzLjYxIDE4LjM0LDUuMTEgMjkuNyw1Ljg5IDM4LjU0LDYuNDd6Ii8+PC9zdmc+Cg==") no-repeat left center / 100% 100%;
	mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjA3LjI0IDY5MS40NiI+PHBhdGggZD0iTTE2NC4yIDY5MS4yNGM0NC4xMywzLjA3IDEwOC40MSwtMjYuNSAxNTMuOTEsLTQxLjQgNjQuOTcsLTIxLjEgMTQ2LjYzLC0zOS40NCAyMjUuMzYsLTU2LjI4IDI1NC40NiwtNTMuMTMgNTE2LjU1LC05Ni42IDc3OC4xMSwtMTM5LjcyIDM0Mi41LC01NS4yIDY5NC40NywtOTEuMzUgMTA0Ni4wNiwtMTI3LjgyIDU2OC40NSwtNjAuNzYgMTEzOS4yLC04NC40NyAxNzE0LjcsLTEwMC41OSA4OTcuOTEsLTE4LjExIDE4MDUuNjUsMjcuMDQgMjcwNS44MiwxMDEuMjIgMTE1Ljk0LDEwLjE4IDIzMiwyMS4zMyAzNDYuNzEsMzQuMiAxNi45LDEuOSAzMy45NywtMy4wNiA0Ny40NCwtMTMuNjMgMTMuNDgsLTEwLjU4IDIyLjI1LC0yNS45MSAyNC40MSwtNDIuNzcgMi4xNiwtMTYuODYgLTIuNDYsLTMzLjkxIC0xMi44MiwtNDcuNTUgLTEwLjM3LC0xMy42MyAtMjUuNjQsLTIyLjc0IC00Mi40NiwtMjUuMTYgLTExNS43NSwtMTYuNjUgLTIzMi4zNywtMzEuNSAtMzQ4Ljc5LC00NS4zNiAtOTA0LjE1LC0xMDIuNjMgLTE4MDguNzEsLTE3Ni4xMyAtMjcyMy4wNCwtMTg2LjEzIC01NzcuMjgsLTEuNjkgLTExNTcuMiw0LjM1IC0xNzM2LjA1LDQ4LjE0IC0zNTQuMywyNS43NyAtNzA4LjU3LDUwLjggLTEwNjcuNTEsOTcuMjEgLTI2NS4wMywzNS4zNyAtNTI4LjQ4LDcwLjUxIC03OTcuMDgsMTE3LjkzIC04NS4xMiwxNS42OSAtMTY3Ljk5LDMwLjU4IC0yNjIuNjcsNTcuNjcgLTE2LjY4LDQuOSAtMzMuMzMsOS44OCAtNTAuNjIsMTUuMyAtOC42OSwyLjczIC0xNy40NSw1LjUzIC0yNy4wNiw4Ljc4IC00Ljg1LDEuNjQgLTkuNjksMy4zIC0xNS43LDUuNTEgLTIuOTUsMS4wOSAtNi4xOCwyLjMgLTEwLjYsNC4wOSAtMi4zMSwwLjk0IC00Ljc3LDEuOTUgLTkuMDUsMy44OSAtMi4yNSwxLjA0IC00LjcsMi4xMyAtMTAuMDQsNC45MyAtMS40NiwwLjc3IC0zLjA5LDEuNjUgLTQuOTgsMi43MiAtMi4xOCwxLjI0IC01LjQ0LDMuMTUgLTkuMzksNS43MiAtMC41MSwwLjMzIC0xLjAzLDAuNjcgLTEuNTYsMS4wMyAtMC4yNywwLjE4IC0wLjU0LDAuMzYgLTAuODIsMC41NSAtMC4xNSwwLjEgLTAuMjYsMC4xOCAtMC40NCwwLjMgLTAuMjIsMC4xNSAtMC40MywwLjI5IC0wLjY1LDAuNDUgLTEuNzYsMS4yIC0zLjcsMi41OCAtNS45LDQuMjMgLTIuMjEsMS42NSAtNC42NywzLjU3IC03LjUyLDUuOTYgLTEuNDIsMS4xOSAtMi45NCwyLjUgLTQuNTgsMy45NyAtMC44MiwwLjc0IC0xLjY2LDEuNTEgLTIuNTQsMi4zMyAtMC4yMiwwLjIxIC0wLjQ0LDAuNDIgLTAuNjYsMC42MyAtMC4xMSwwLjEgLTAuMjMsMC4yMSAtMC4zNCwwLjMyIC0wLjA2LDAuMDYgLTAuMDksMC4wOSAtMC4xOCwwLjE3IC0wLjExLDAuMSAtMC4yMSwwLjIgLTAuMzIsMC4zIC0wLjgzLDAuOCAtMS42OSwxLjY0IC0yLjU4LDIuNTIgLTcuMDUsNy4yNSAtMTYuMywxNi43MiAtMjcuNywzNi4wNyAtNS42LDkuNzYgLTExLjc2LDIyLjI4IC0xNi42NiwzOS4zNSAtOS40NSwyOS43NCAtMTAuOTEsODMuNDQgMTIuNzgsMTI3LjI3IDIwLjgyLDQzLjA0IDY0LjYsNzAuMDUgNzIuNzYsNzMuNTcgMTMuNDMsNy4xIDI0LjUyLDEwLjk1IDMzLjcxLDEzLjYxIDE4LjM0LDUuMTEgMjkuNyw1Ljg5IDM4LjU0LDYuNDd6Ii8+PC9zdmc+Cg==") no-repeat left center / 100% 100%;
}

.site-main header:has(+ .woocommerce.columns-6) > .h1 img,
.site-main header:has(+ .woocommerce.columns-6) > .h1 svg {
	display: none !important;
}


/* ############################################################################
   PLNÉ POLE NA DLAŽDICIACH KATEGÓRIÍ (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Presunuté z menu (tam nepatrí — navigácia má byť ľahká). Obsahové
   dlaždice: obrázok je ich obsahom, pole mu dáva jednotnú zónu a cez
   `mix-blend-mode: multiply` sa biele pozadie JPG opticky rozpustí.
   ⚠️ 5 fotiek nemá čisto biele okraje (pixelová analýza 2026-08-07:
   mäsiarske 56, chladenie 135, cukrárske 208, oblečenie 218, inventár
   220) — u nich pole vidno menej; rieši sa výmenou fotiek, nie CSS.
   1) Hlavná stránka — wrapper `.category-media-left` existuje: */
.site-main .home-list-categories .category-media-left {
	background: var(--gk-surface);
	border-radius: 8px;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-main .home-list-categories .category-media-left img {
	mix-blend-mode: multiply;
}

/* 2) Podkategórie v kategórii — obrázok NEMÁ obal v markupe, obal
   `.gk-img-pole` mu pridáva inc/gk-subcat-thumb-wrap.php (WooCommerce
   hook). Bez toho PHP tieto pravidlá nemajú na čo sadnúť. */
.product-loop-categories .product-category .gk-img-pole {
	background: var(--gk-surface);
	border-radius: 8px;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-right: 4px;
	/* span je flex-položka odkazu — bez tohto sa natiahne na výšku rodiča
	   (88 px) a prerastie 82 px dlaždicu; pevná výška + center to uzavrie */
	align-self: center;
	height: 68px;
	width: 68px;
}

.product-loop-categories .product-category .gk-img-pole img {
	mix-blend-mode: multiply;
	display: block;
	/* obrázok v novom obale stratil pôvodné obmedzenie a pole (92 px)
	   prerástlo 82 px dlaždicu — pevný strop drží pole vnútri */
	max-height: 60px;
	max-width: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
}


/* ############################################################################
   MOBILNÉ MENU: ŠÍPKA PRI ROZBALENÍ SKÁKALA K TEXTU (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Bootstrap pri rozbalení akordeónu pridá toggle ODKAZU triedu `.show`
   a jeho utilita `.show { display: block !important; }` prebije flexové
   usporiadanie témy (`display:flex; align-items:center`). Šípka (::after)
   tým prestane byť tlačená k pravému okraju a prilepí sa hneď za text —
   Mirov screenshot. Nie je to moja regresia, kolízia je v téme odjakživa.
   Rovnaká sila (!important) + neskoršie poradie => vyhráva flex. */
.off-canvas-navigation ul li a.show,
.off-canvas-navigation .yamm .yamm-content li a.show {
	display: flex !important;
}


/* ############################################################################
   MOBIL: PODKATEGÓRIE AKO JEDNA PLOCHA (návrh, 2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „navrhni krajšie zobrazenie, nech to ladí s obrázkami bez bieleho
   pozadia." Predtým tri vnorené plochy (modrastý panel → biela karta →
   modrasté pole obrázka) = vizuálny šum. Panel zmizne, KARTA SAMA je pole
   (var(--gk-surface)) a obrázok sa cez multiply rozpúšťa priamo do nej. Jedna
   plocha, čistejšie, menej rámov.
   Pôvodne len mobil; Miro 2026-08-07: „na mobile je to pekné, aplikuj aj
   na tablet aj desktop" → BEZ media query, platí všade. */
ul.product-loop-categories {
	background: transparent !important;
	padding: 0 !important;
}

/* prebíja skoršie `background:#fff !important` (rovnaký selektor, neskôr) */
.product-loop-categories.columns-6 .product-category {
	background: var(--gk-surface) !important;
}

/* vnútorné pole už netreba — kartou je pole samotné */
.product-loop-categories .product-category .gk-img-pole {
	background: transparent;
	padding: 0;
}

/* ############################################################################
   PODKATEGÓRIE: MRIEŽKA LÍCUJE S PRODUKTOVÝM POĽOM (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „šírka poľa pri produktoch a pri kategóriách — od okraja máš pár mm,
   nech je to symetrické." Dlaždice mali `margin: 7px` z čias modrého panela
   (padding 10 to opticky rámoval); po zrušení panela z toho ostal krivý
   odskok od hrán obsahu. Nový layout: marginy preč, medzery robí `gap`,
   šírky sú pružné → prvý a posledný stĺpec sadnú PRESNE na hrany
   produktového poľa na každej šírke. */
ul.product-loop-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 22px !important;
}

.product-loop-categories.columns-6 .product-category {
	margin: 0 !important;
	/* pružná šírka namiesto pevných 250 px — rady sa roztiahnu po obe hrany */
	flex: 1 1 240px !important;
	width: auto !important;
	max-width: none !important;
}

@media (max-width: 767.98px) {

	.product-loop-categories.columns-6 .product-category {
		/* presné 2 stĺpce: polovica mínus polovica gapu */
		flex: 0 0 calc((100% - 14px) / 2) !important;
		width: calc((100% - 14px) / 2) !important;
		max-width: calc((100% - 14px) / 2) !important;
	}
}

/* ############################################################################
   MOBIL: BUBLINKA KOŠÍKA + POPISOK „Menu" POD HAMBURGEROM (Miro, 2026-08-07)
   ############################################################################ */

/* --- 1. Počet kusov v košíku bol orezaný ---------------------------------
   Namerané: spodok bublinky (y 130) prekrývalo vyhľadávacie pole
   (elementFromPoint na spodku bublinky = search anchor). Mirov návrh:
   posunúť search lištu trocha nižšie — 10 px medzera dá bublinke vzduch.
   K tomu z-index, nech je vždy NAD poľom, aj keby sa výšky pohli. */
@media (max-width: 600px) {

	.mobile-header-v1 .js-dgwt-wcas-enable-mobile-form {
		margin-top: 10px;
	}
}

.mobile-header-v1 .cart-items-count {
	z-index: 5;
}

/* --- 2. „Menu" pod hamburgerom — VŠADE pod 1200 px -----------------------
   Miro: „starší ľudia nevedia, že je to menu" + príklad Prevádzkareň
   (ikona s textom Menu POD ňou). Pôvodne len mobil <600 px, tablet mal
   „MENU" vedľa; Miro 2026-08-07: zjednotiť — POD ikonou na celom rozsahu
   mobilnej hlavičky. */
@media (max-width: 1199.98px) {

	.mobile-header-v1 .navbar-toggler.navbar-toggle-hamburger {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2px;
		/* bez bočného paddingu — tlačidlo s textom „Menu" malo 40 px a
		   prekrývalo logo o 3 px (obal má pevných 52 px vrátane odsadení) */
		padding: 2px 0;
		margin-left: -4px;
	}

	.mobile-header-v1 .navbar-toggler.navbar-toggle-hamburger::after {
		content: "Menu";
		font-size: 10px;
		font-weight: 600;
		letter-spacing: .2px;
		line-height: 1;
		color: #515151;
	}
}


/* ############################################################################
   FILTER BAR: TINT ZJEDNOTENÝ S DLAŽDICAMI (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   „Skontroluj farbu poľa kde je filter" — bar mal starú panelovú #F7FAFE,
   dlaždice podkategórií majú var(--gk-surface). Dve takmer rovnaké modrasté vedľa
   seba = pôsobí ako chyba. Jeden tint pre obe. */
.shop-control-bar {
	background: var(--gk-surface) !important;
}

/* ############################################################################
   HLAVNÁ STRÁNKA: DLAŽDICE V JEDNOTNOM ŠTÝLE S PODKATEGÓRIAMI (2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „ešte stále si nevyriešil zobrazenie kategórií." Podkategórie už
   majú jednoplochý štýl (karta = pole), hlavná stránka mala stále bielu
   kartu s rámom + pole obrázka vnútri — dva rôzne jazyky. Zjednotené:
   na mobile/tablete je aj tu KARTA SAMA poľom. Desktop hlavnej stránky
   (bohatý zoznam s podkategóriami) sa nemení. */
@media (max-width: 991.98px) {

	.site-main .home-list-categories .category {
		background: var(--gk-surface);
		border: none !important;
	}

	/* vnútorné pole obrázka splynie s kartou */
	.site-main .home-list-categories .category-media-left {
		background: transparent;
		padding: 0;
	}
}

/* ############################################################################
   OMRVINKOVÁ NAVIGÁCIA V JEDNOTNOM TINTE (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Lišta Domov > Shop > … bola šedá — jediný šedý pás na stránke, kde už
   všetko modrasté (var(--gk-surface)) zdieľajú dlaždice aj filter. Zjednotené. */
.woocommerce-breadcrumb {
	background: var(--gk-surface) !important;
}

/* ############################################################################
   TINT SYSTÉM: HORNÁ LIŠTA + „Shop" PILULKA (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   1. `.top-bar` (jeden prvok pokrýva riadok so zľavami AJ riadok
      Stav/Účet/Kontakt) bola šedá #F8F8F8 — posledný šedý pás. Teraz
      rovnaký tint ako omrvinky/dlaždice/filter.
   2. Pilulka „Shop" v omrvinkách mala STARÚ panelovú #F7FAFE (o chlp iná
      než var(--gk-surface) lišty pod ňou — Miro to všimol). Na jednofarebnej lište
      pilulka stráca zmysel → transparentná, trail číta ako čistý text. */
.top-bar {
	background: var(--gk-surface) !important;
}

.woocommerce-breadcrumb span.delimiter + a {
	background: transparent !important;
}

/* ############################################################################
   TINT SWEEP: POSLEDNÉ ŠEDÉ PLOCHY + ZAROVNANIE MRIEŽKY HLAVNEJ (2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „keď sme už stránku prefarbili, zmeň všetky sivé polia na ten
   odtieň" + „šírku kategórií daj ako pole nad, nie je to symetrické."
   Inventúra šedých plôch (meranie): pás za bannerom #EAEAEA, banner
   #F2F1ED (v slider.css), mobilná pätička #F2F2F2, krúžok lupy #EFECEC.
   Všetko -> var(--gk-surface). */
.home-v3-slider {
	background: var(--gk-surface) !important;
}

.handheld-footer {
	background: var(--gk-surface) !important;
}

.dgwt-wcas-search-submit {
	background: var(--gk-surface) !important;
}

/* Mriežka kategórií hlavnej stránky: namerané +20 px vľavo a −12 px
   vpravo voči poľu karuselu (offsety rodičov z VC stĺpca). Korekčné
   marginy + presné tretiny dorovnajú obe hrany. */
@media (max-width: 991.98px) {

	.site-main .home-list-categories .categories {
		margin-left: -20px !important;
		margin-right: -20px !important;
		gap: 8px;
	}

	.site-main .home-list-categories .row-cols-3 > * {
		width: calc((100% - 16px) / 3) !important;
	}
}

/* ############################################################################
   GLOBÁLNY SWEEP ŠEDEJ → MODRÁ RODINA DIZAJN MANUÁLU (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   „Globálne všetky sivé prvky daj do farieb tejto modrej a nášho dizajn
   manuálu — orámovania, šípky, podčiarknutia, prázdne hviezdičky…"
   Inventúra (meranie na hlavnej + kategórii):
       rámy kariet/benefitov  #E8E8E8 (56×)   → --gk-line
       rámy textových boxov   #DDDDDD (21×)   → --gk-line
       rámy formulárových polí #CCCCCC (8×)   → --gk-line-strong
       šípky karuselov        rgb(178,190,200) → značková modrá
       prázdne hviezdy        #D7DBE2 / rgb(104,126,147) → --gk-star-empty
   Texty v šedej NECHÁVAME — tam ide o čitateľnosť, nie dekoráciu. */
:root {
	/* 2026-08-07: manuálová „Gastro Light Blue" #E6EBF2 bola na veľkých
	   plochách VYSKÚŠANÁ a Mirom VRÁTENÁ („je to veľmi tmavé"). Surface
	   ostáva na svetlejšom kroku tej istej rodiny #F4F7FB; #E6EBF2 z
	   manuálu sa hodí na menšie akcenty, nie celoplošné pásy. */
	--gk-surface: #F4F7FB;
	--gk-line: #DCE4F0;
	--gk-line-strong: #C7D3E6;
	--gk-star-empty: #D3DEEE;
	/* heureka hviezdy čítajú túto premennú ako prázdny stav */
	--heureka-star-empty-color: var(--gk-star-empty);
}

/* rámy kariet produktov a benefitov */
.owl-item > .product .product-inner,
.products > .product .product-inner,
.features-list .feature,
.home-o-nas > div .wpb_text_column {
	border-color: var(--gk-line) !important;
}

/* deliaca linka pod hornou lištou */
.top-bar,
.top-bar * {
	border-color: var(--gk-line) !important;
}

/* formulárové polia (newsletter a pod.) — o stupeň silnejšia, nech je
   jasné, že sa do nich píše */
.site-main input[type="text"],
.site-main input[type="email"],
.site-footer input[type="text"],
.site-footer input[type="email"],
input.input-text {
	border-color: var(--gk-line-strong) !important;
}

/* šípky karuselov do značkovej modrej */
.slider-prev,
.slider-next,
.owl-nav button {
	color: var(--gk-blue) !important;
}

/* bodky karuselov: neaktívne studené, aktívna značková (tá už je) */
.owl-dots .owl-dot span {
	background: var(--gk-line-strong);
}

.owl-dots .owl-dot.active span {
	background: var(--gk-blue);
}

/* prázdne hviezdy WooCommerce (plné si držia svoju zlatú) */
.star-rating {
	color: var(--gk-star-empty) !important;
}

/* ############################################################################
   DESKTOP: HORNÁ LIŠTA A OMRVINKY ČISTO BIELE (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Najprv len desktop; Miro 2026-08-07 večer: „na mobile a tablete vidno
   stále tie modré lišty — daj čisto biele" → platí VŠADE, bez media
   query. Neskoršie poradie + rovnaká sila prebíja skoršie tinty
   (.top-bar aj omrvinky). */
.top-bar,
.woocommerce-breadcrumb {
	background: #fff !important;
}

/* ############################################################################
   OMRVINKY: STAVY „Shop" PILULKY DEFINITÍVNE (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „hover efekt si over" — a mal pravdu: skupinové pravidlo vyššie
   dáva hoveru BIELY text a transparentnosť z tint-sweepu mu zrušila modré
   pozadie → na hoveri text úplne zmizol (jeho screenshot). Definitíva:
   pokoj = čistý tmavý text, hover/focus = značková pilulka s bielym
   textom. Neskoršie poradie prebíja všetky staršie stavy. */
.woocommerce-breadcrumb span.delimiter + a {
	background: transparent !important;
	color: #333E48 !important;
}

.woocommerce-breadcrumb span.delimiter + a:hover,
.woocommerce-breadcrumb span.delimiter + a:focus {
	background: var(--gk-blue) !important;
	color: #fff !important;
	border-radius: 10px;
}

/* ############################################################################
   PODKATEGÓRIE: GRID NAMIESTO FLEXU + VÄČŠÍ ŠTÍTOK NA DESKTOPE (2026-08-07)
   ----------------------------------------------------------------------------
   Miro: „posledné 2 polia sú natiahnuté — prečo?" Flex s pružnými šírkami
   nechá NEÚPLNÝ posledný rad roztiahnuť sa na celú šírku (2 siroty =
   2 obrie dlaždice). Grid s auto-fill drží stĺpcovú osnovu aj v neúplnom
   rade — prázdne stopy ostanú prázdne. Hrany naďalej lícujú s produktovým
   poľom (1fr stĺpce vypĺňajú presne po obe hrany). */
ul.product-loop-categories {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 14px;
}

.product-loop-categories.columns-6 .product-category {
	flex: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}

@media (max-width: 767.98px) {

	ul.product-loop-categories {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* štítok „Podkategórie" bol na desktope primalý (13 px v šírke 1900 px) */
@media (min-width: 1200px) {

	.site-main header:has(+ .woocommerce.columns-6) > .h1 {
		font-size: 16px !important;
	}
}

/* ############################################################################
   KATALÓGOVÉ ČÍSLO V KARTE (hover): VŽDY JEDEN RIADOK (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Pri hoveri karta ukáže „Katalógové číslo: …" — dlhé kódy sa lámali na
   druhý riadok a naťahovali kartu (Mirov screenshot, kód 02RX4000340).
   13 px zmestí ~29 znakov do najužšej karty (187 px), teda bežné dlhé
   kódy CELÉ; extrém zachytí elipsa namiesto pretečenia. */
.products > .product .product-sku,
.owl-item > .product .product-sku {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 13px;
}

/* ############################################################################
   HLAVNÁ STRÁNKA DESKTOP: OBRÁZKY KATEGÓRIÍ NA JEDNEJ LÍNII (Miro, 2026-08-07)
   ----------------------------------------------------------------------------
   Obrázok bol vertikálne centrovaný voči výške SVOJHO textového stĺpca —
   1-riadkový nadpis = obrázok na 12–25 px, 2-riadkový = 49 px (namerané).
   Ukotvenie: zarovnanie na vrch + pevný odstup 56 px (= rezerva na
   2-riadkový nadpis 47 px + medzera). Obrázky všetkých buniek tak začínajú
   na TEJ ISTEJ línii bez ohľadu na dĺžku nadpisu či počet odkazov.
   !important prebíja bootstrapové .align-items-sm-center (tiež important). */
@media (min-width: 1200px) {

	.site-main .home-list-categories .category-media {
		align-items: flex-start !important;
	}

	.site-main .home-list-categories .category-media-left {
		margin-top: 56px;
	}
}

/* ############################################################################
   HLAVNÁ STRÁNKA DESKTOP: DELIACE ČIARY V ŠTÝLE TÉMY (Miro, 2026-08-07, v2)
   ----------------------------------------------------------------------------
   v1 kreslila vlastné plné čiary borderom — ale TÉMA UŽ MÁ zvislé deliace
   čiary (.category::after, border #EAEAEA, height calc(100% − 24px) =
   „prerušovaný" vzhľad s 24 px odsadením) a vznikli DUPLICITY (Miro:
   „máme dvojmo, presne takéto prerušované som chcel aj horizontálne").
   v2: vlastné zvislé PREČ; témové zvislé len prefarbené na token;
   vodorovné = zrkadlo témovej geometrie (::before, šírka 100% − 24 px).
   Segmenty posledného radu orezáva overflow + margin −1 px. */
@media (min-width: 1200px) {

	.site-main .home-list-categories {
		overflow: hidden;
	}

	.site-main .home-list-categories .categories {
		margin-bottom: -1px;
	}

	.site-main .home-list-categories .categories > .category {
		padding-top: 22px;
		padding-bottom: 22px;
		/* margin medzi radmi by trhal rytmus segmentov — vzduch robí padding */
		margin-bottom: 0 !important;
	}

	/* témové zvislé čiary: token farba + SYMETRIA — pôvodne top:0 a
	   výška 100%−24 (medzera len dole), takže hore PRETÍNALI vodorovné.
	   12 px odstup na oboch koncoch = žiadne kríženie. */
	.site-main .home-list-categories .category::after {
		border-right-color: var(--gk-line) !important;
		top: 12px !important;
		height: calc(100% - 24px) !important;
	}

	/* vodorovné segmenty — v1 mala left:0 (dotyk so zvislou vľavo) a
	   24 px len vpravo = asymetria (Mirov screenshot). Symetricky 12/12. */
	.site-main .home-list-categories .categories > .category::before {
		content: "";
		display: block;
		position: absolute;
		left: 12px;
		right: 12px;
		bottom: 0;
		border-bottom: 1px solid var(--gk-line);
	}
}


/* ############################################################################
   HLAVNÁ STRÁNKA: OBRÁZKY KLASICKY NA BIELOM (obchodné rozhodnutie,
   Miro, 2026-08-07 noc)
   ----------------------------------------------------------------------------
   „Na hlavnej stránke nebude za obrázkami modré pozadie — bude to na
   bielom podklade klasicky. ALE iba desktop verzia, tablet a mobil
   ostáva." (spresnenie Mira o minútu neskôr). Preto LEN ≥1200 px:
   pole preč, obrázky klasicky. Mobil/tablet si drží jednoplochové
   tintované dlaždice s rozpúšťaním. Zarovnanie na jednu líniu (56 px)
   a deliace čiary zostávajú. */
@media (min-width: 1200px) {

	.site-main .home-list-categories .category-media-left {
		background: transparent !important;
		padding: 0 !important;
	}

	.site-main .home-list-categories .category-media-left img {
		mix-blend-mode: normal !important;
	}
}

/* ############################################################################
   HOVER DLAŽDÍC PODKATEGÓRIÍ OŽIVENÝ (audit CZ, 2026-08-10)
   ----------------------------------------------------------------------------
   Pravidlo z 2026-08-06 (#EDF4FA !important, 0,3,0) prebíjal NESKORŠÍ
   jednoplochý základ `.product-loop-categories.columns-6 .product-category
   {background:var(--gk-surface)!important}` (tiež 0,3,0, neskôr = vyhráva
   aj počas hoveru) — z hoveru ostával len tieň. Kópia s .columns-6 (0,4,0)
   na konci súboru vyhráva. Nájdené pri audite hoverov na CZ. */
.product-loop-categories.columns-6 .product-category:hover,
.product-loop-categories.columns-6 .product-category:focus-within {
	background: #EDF4FA !important;
	box-shadow: 0 2px 10px rgba(39, 86, 160, .14) !important;
}

/* ============ TABLET 992–1199: JEDNA OS PRE VŠETKO (Miro 11.8., z CZ) =======
   a) Prilepená (.stuck) hlavička je position:fixed cez celý viewport, kým
      statická sedí v .container (960 px) → obsah hlavičky pri scrole odskočí
      na inú os. Bočný padding v stuck stave drží obsah na osi kontajnera.
   b) row-cols-lg-5 počíta s kartou 20 % − 5 px, ale margin-right:10px na li
      vytlačí piatu kartu do ďalšieho riadku → 4 stĺpce + mŕtvy pruh vpravo.
      Bez marginu sa 5 kariet (181+5 px) zmestí do 930 px kontajnera. */
@media (min-width: 992px) and (max-width: 1199.98px) {

	.mobile-header-v1.stuck {
		padding-left: calc((100% - 960px) / 2) !important;
		padding-right: calc((100% - 960px) / 2) !important;
	}

	/* SK archívy majú row-cols-lg-6 (CZ lg-5) — šírku karty aj tak určuje
	   max-width calc(20% − 5px), takže výsledok je zhodný: 5 plných stĺpcov */
	.site-main ul.products.row-cols-lg-5 > li.product,
	.site-main ul.products.row-cols-lg-6 > li.product {
		margin-right: 0 !important;
	}
}

/* ############################################################################
   ŠTÍTKY V KARTE: OS, VIDITEĽNOSŤ A BUBLINA (Miro 11.8.)
   ----------------------------------------------------------------------------
   Zadanie: „označenia (akcia aj ostatné štítky) zarovnať doľava, zobrazovať
   aj na tablete a menšom laptope, náhľad popisu ako na CZ".
   Tri príčiny, ktoré to blokovali (CZ ich už má vyriešené):
   1) pásik mal `left: 8px` → štítky sedeli 27 px od okraja karty, kým názov
      a ceny sú na 19 px. Teraz `left: 0` = presne os karty (ako CZ).
   2) štítky sa skrývali pod 210 px šírky karty. Namerané na živej karte:
      zľava 47 px + štítok 48 px + medzera = 101 px, pričom karta 169 px má
      k dispozícii 145 px → pokojne sa zmestia. Prah znížený na 150 px, takže
      štítky vidno aj pri karte 169 px (okno < 1480 px = bežné notebooky
      a tablety). Druhý štítok naďalej až od 210 px, kde je naň miesto.
   3) pásik má `overflow: hidden` a výšku 22 px → 95 px vysoká bublina sa
      orezala na neviditeľný prúžok. Orezanie rušíme len počas otvorenia
      bubliny; karta zároveň ide nad susedné, aby ju neprekryli.
   ############################################################################ */

/* 1. zarovnanie na os karty (rovnako ako CZ) */
.products > .product .uroven-sale-row,
.owl-item > .product .uroven-sale-row {
	left: 0 !important;
}

/* 2. štítok už od 150 px šírky karty (predtým 210 px) */
@container karta (min-width: 150px) {

	.uroven-sale-row .uroven-nalepka-mini {
		display: inline-flex !important;
	}
}

@container karta (max-width: 209.98px) {

	.uroven-sale-row .uroven-nalepka-mini:nth-of-type(n+2) {
		display: none !important;
	}
}

/* 3. bublina sa nesmie orezať ani schovať pod susednú kartu */
ul.products > li.product:hover,
.owl-item > .product:hover,
ul.products > li.product:has(.nalepka-tooltip.is-open),
.owl-item > .product:has(.nalepka-tooltip.is-open) {
	position: relative;
	z-index: 60;
}

ul.products > li.product:hover .uroven-sale-row,
.owl-item > .product:hover .uroven-sale-row,
.uroven-sale-row:has(.nalepka-tooltip:hover),
.uroven-sale-row:has(.nalepka-tooltip.is-open),
.uroven-sale-row:has(.nalepka-tooltip:focus-within) {
	overflow: visible !important;
}

/* ############################################################################
   CELOOBRAZOVKOVÉ VYHĽADÁVANIE NA MOBILE — ZLADENIE S HLAVIČKOU (Miro 11.8.)
   ----------------------------------------------------------------------------
   FiboSearch po klepnutí do poľa otvorí vlastnú vrstvu cez celú obrazovku.
   Jej lišta ale vypadla z dizajnu:
   • šípka späť je <button>, takže ju chytili GLOBÁLNE pravidlá témy pre
     tlačidlá → v pokoji #EFECEC, pri dotyku ČIERNA (#000). Plugin pritom
     kreslí šípku BIELOU → biela na svetlosivom = takmer neviditeľná,
     pri tape čierny štvorec.
   • pole stratilo zaoblenie (0 px namiesto 30 px), biele pozadie a malo
     rám v cudzom odtieni #375795 namiesto firemnej #2756A0.
   ############################################################################ */

/* --- šípka späť: biele tlačidlo, modrá šípka, jemný dotykový stav -------- */
.dgwt-wcas-om-bar button.dgwt-wcas-om-return,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active {
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
}

.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active {
	background: var(--gk-surface, #F4F7FB) !important;
}

.dgwt-wcas-om-bar .dgwt-wcas-om-return svg,
.dgwt-wcas-om-bar .dgwt-wcas-om-return svg path {
	fill: var(--gk-blue, #2756A0) !important;
}

/* --- pole: rovnaký tvar a farba rámu ako v hlavičke ----------------------
   ⚠️ VÝŠKU NEMENIŤ: plugin kreslí zoznam výsledkov od 45 px pod vrchom lišty.
   Pri 54 px poli sa jeho spodná hrana schová pod výsledky a rám vyzerá
   odrezaný. Preto ostáva pluginových 45 px, meníme len tvar a farbu. */
.dgwt-wcas-om-bar input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp-mobile input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-overlay-mobile input[type="search"].dgwt-wcas-search-input {
	background: #fff !important;
	border: 2px solid var(--gk-blue, #2756A0) !important;
	border-radius: 30px !important;
	padding: 0 16px !important;
}

/* lišta vrstvy: biele pozadie, pôvodná výška (šípka z nej berie svojich 45 px) */
.dgwt-wcas-om-bar {
	background: #fff !important;
}

.dgwt-wcas-om-bar .dgwt-wcas-sf-wrapp {
	background: transparent !important;
	padding-right: 10px !important;
}

/* ############################################################################
   PRODUKT: CENA ZA KUS + „bez DPH" (Miro 11.8.)
   ----------------------------------------------------------------------------
   `.price-per-unit` mala v PHP inline `margin-top:-26px` (kompenzácia starého
   rozloženia, keď bola cena v jednom riadku) → po zmene poradia cien liezla
   na prečiarknutú cenu a na „bez DPH". Inline štýly sú z `inc/pocet_kusov.php`
   odstránené, vzhľad je tu. Suffix „bez DPH" zväčšený z 11 na 13 px (Miro).
   ############################################################################ */
.single-product .summary .price-per-unit {
	font-size: 14px;
	line-height: 1.3;
	margin: 6px 0 18px;
	color: #6b7280;
}

.single-product .summary .woocommerce-price-suffix {
	font-size: 13px !important;
}

/* ############################################################################
   PRODUKT: POSTUPNOSŤ CIEN (Miro 11.8.) — ako v kartách
   ----------------------------------------------------------------------------
   Dohodnuté poradie: 1) pôvodná (prečiarknutá) 2) akciová 3) „bez DPH".
   V kartách to platí od 8. 8., na produktovej stránke ostávalo pôvodné
   poradie témy (akciová hore, pod ňou prečiarknutá + bez DPH v jednom riadku).
   DOM poradie je ins → del → suffix, preto ho preskladáme cez `order`.
   ############################################################################ */
.single-product .summary .price .electro-price {
	display: flex !important;
	/* RIADKOVÝ smer s lámaním: prečiarknutá a „bez DPH" dostanú vlastný riadok
	   cez `flex: 0 0 100%`, takže poradie ostáva zhora nadol — ale akciová cena
	   a zľavová pilulka tak môžu zdieľať jeden riadok (v `column` smere by
	   pilulka vždy spadla pod cenu). */
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 0 2px;
}

.single-product .summary .price .electro-price del {
	order: -1;
	flex: 0 0 100%;
	margin: 0 0 2px !important;
}

.single-product .summary .price .electro-price > ins,
.single-product .summary .price .electro-price > .amount:first-child {
	order: 0;
	flex: 0 0 auto !important;
}

.single-product .summary .price .electro-price .woocommerce-price-suffix {
	order: 1;
	flex: 0 0 100%;
	margin-top: 2px;
	font-size: 15px !important;   /* Miro: „môže byť ešte väčšie" (11 → 13 → 15) */
}

/* ############################################################################
   KROK 1 — CENOVÝ PÁS NA PRODUKTE (mobil + tablet, Miro 11.8.)
   ----------------------------------------------------------------------------
   Cena, cena za kus a Omnibus sú tri samostatní súrodenci v `.summary`
   (p.price → .price-per-unit → .wc-price-history). Doteraz plávali v texte
   ako tri odseky rôznych veľkostí — oko nemalo kam skočiť. Teraz z nich
   robíme JEDINÚ vyfarbenú plochu na stránke: pás cez celú šírku (`.summary`
   má padding 15 px, preto záporné okraje) s manuálovou #E6EBF2 a vlasovkou
   hore aj dole. Pás nemá rohy, takže sa nečíta ako ďalší box — to je celý
   rozdiel oproti „boxitíde".
   Spodnú hranu dostáva vždy POSLEDNÝ prítomný riadok (produkt bez balenia
   nemá cenu za kus, produkt bez akcie nemusí mať Omnibus).
   Váhy: len 400/600/700 — 500 sa na web nenačítava a prehliadač ju dopočíta.
   ############################################################################ */
@media (max-width: 991.98px) {

	/* 2026-08-11 (Miro): tónované pozadie pásu vyhodnotené ako škaredé →
	   pás ostáva len ako TYPOGRAFICKÝ blok (rovnaké rozostupy a hierarchia),
	   bez plochy, bez vlasoviek a bez full-bleed okrajov. */
	.single-product .summary > p.price,
	.single-product .summary > .price-per-unit,
	.single-product .summary > .wc-price-history {
		background: none;
	}

	.single-product .summary > p.price {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 8px;
	}

	.single-product .summary > .price-per-unit {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 6px;
	}

	.single-product .summary > .wc-price-history {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 8px;
		padding-bottom: 16px;
	}

	/* spodný odstup bloku podľa toho, čo produkt naozaj má */
	.single-product .summary:not(:has(> .wc-price-history)) > .price-per-unit {
		padding-bottom: 16px;
	}

	.single-product .summary:not(:has(> .wc-price-history)):not(:has(> .price-per-unit)) > p.price {
		padding-bottom: 16px;
	}

	/* --- typografia vnútri pásu --------------------------------------- */
	.single-product .summary > p.price .electro-price del {
		font-size: 14px !important;
		font-weight: 400;
		color: #5A6472;
		text-decoration-thickness: 1px;
	}

	.single-product .summary > p.price .electro-price > ins,
	.single-product .summary > p.price .electro-price > .amount:first-child {
		font-size: 30px !important;
		font-weight: 700;
		line-height: 1.13;
		letter-spacing: -.02em;
		color: #16202C;
		font-variant-numeric: tabular-nums;
	}

	/* „bez DPH" ostáva na 15 px — Mirom výslovne odsúhlasená veľkosť
	   (11 → 13 → 15 px), tu už len farba a váha */
	.single-product .summary > p.price .woocommerce-price-suffix {
		font-weight: 400;
		color: #5A6472;
	}

	.single-product .summary > .price-per-unit {
		font-size: 14px;
		line-height: 1.4;
		color: #5A6472;
	}

	.single-product .summary > .wc-price-history {
		font-size: 13px;
		line-height: 1.4;
		color: #5A6472;
	}

	/* Miro 11.8.: suma v Omnibuse bola tučná (plugin ju obaľuje vlastným
	   zvýraznením) a vyskakovala z riadku, ktorý má byť najtichší na stránke */
	.single-product .summary > .wc-price-history .amount,
	.single-product .summary > .wc-price-history bdi,
	.single-product .summary > .wc-price-history strong,
	.single-product .summary > .wc-price-history b,
	.single-product .summary > .wc-price-history .wc-price-history-lowest-raw-value,
	.single-product .summary > .wc-price-history .woocommerce-Price-currencySymbol {
		font-weight: 400 !important;
		color: #5A6472 !important;
	}

	/* „€" v riadku bez DPH nesmie byť tučnejšie než číslo pri ňom */
	.single-product .summary > p.price .woocommerce-price-suffix .woocommerce-Price-currencySymbol,
	.single-product .summary > .price-per-unit .woocommerce-Price-currencySymbol {
		font-weight: 400 !important;
	}

	/* Akciová cena na produkte je TMAVÁ, nie červená: zľavu nesie prečiarknutá
	   cena a štítok pri fotke. Keď je červené aj číslo, signál zľavy sa opotrebuje
	   a cena pôsobí lacno. (V kartách červená ostáva — tam nie je prečiarknutá
	   cena tak blízko a štítok je ďaleko.) Špecificita musí prebiť token-fix
	   `…electro-price ins .amount` z konsolidácie. */
	.single-product .summary > p.price .electro-price ins .amount,
	.single-product .summary > p.price .electro-price ins bdi,
	.single-product .summary > p.price .electro-price > .amount:first-child bdi {
		color: #16202C !important;
		/* váha 800 je hlavná príčina „lacného" dojmu a na webe ani nie je
		   načítaná (Inter má 300/400/600/700) → prehliadač ju syntetizuje */
		font-weight: 700 !important;
	}

	.single-product .summary > p.price .electro-price del .amount,
	.single-product .summary > p.price .electro-price del bdi {
		color: #5A6472 !important;
		font-weight: 400 !important;
	}

	/* doplnkové riadky sú pokojné: rovnaká váha aj farba ako ich popisky */
	.single-product .summary > p.price .woocommerce-price-suffix .amount,
	.single-product .summary > p.price .woocommerce-price-suffix bdi,
	.single-product .summary > .price-per-unit {
		color: #5A6472 !important;
		font-weight: 400 !important;
	}
}

/* --- KROK 2: zľavová pilulka vedľa akciovej ceny (mu-plugin gk-sale-pill) --
   Percento je to isté, ktoré téma vypisuje na štítku pri fotke. Farba #C8412F
   (nie #E35F54) — biely text na #E35F54 má kontrast 3,48:1 a neprejde WCAG AA,
   na #C8412F má 4,9:1. Pilulka sedí na účtovnej linke akciovej ceny. */
.single-product .summary > p.price .electro-price {
	flex-wrap: wrap;
}

.single-product .summary > p.price .gk-sale-pill {
	order: 0;
	align-self: center;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 4px;
	background: #C8412F;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .01em;
	white-space: nowrap;
}

@media (max-width: 991.98px) {

	/* pilulka musí zostať v riadku s cenou, nie spadnúť pod ňu */
	.single-product .summary > p.price .electro-price > ins,
	.single-product .summary > p.price .electro-price > .amount:first-child {
		flex: 0 0 auto !important;
	}

	.single-product .summary > p.price .electro-price del {
		flex: 0 0 100%;
	}

	.single-product .summary > p.price .woocommerce-price-suffix {
		flex: 0 0 100%;
	}
}

/* ============ MNOŽSTVO NA PRODUKTE: −/+ BEZ ČIERNEHO DOTYKU (Miro 11.8.) ====
   Tá istá choroba ako šípka späť vo vyhľadávaní: `.gk-qty-btn` je <button>,
   takže ho chytá globálne pravidlo témy „button:hover/active = #000" →
   pri dotyku čierny kruh. K tomu natívny číselný spinner (šípočky hore/dole
   vnútri poľa) duplikuje naše tlačidlá a na mobile je nepoužiteľný. */
.single-product form.cart .gk-qty-btn,
.single-product form.cart .gk-qty-btn:hover,
.single-product form.cart .gk-qty-btn:focus,
.single-product form.cart .gk-qty-btn:active {
	background: #EFECEC !important;
	color: #16202C !important;
	border: 0 !important;
	box-shadow: none !important;
}

.single-product form.cart .gk-qty-btn:hover,
.single-product form.cart .gk-qty-btn:active {
	background: #E6EBF2 !important;   /* jemný modrastý dotyk namiesto čiernej */
}

/* natívny spinner preč — množstvo riadia naše tlačidlá */
.single-product form.cart input.qty::-webkit-outer-spin-button,
.single-product form.cart input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.single-product form.cart input.qty {
	-moz-appearance: textfield;
	appearance: textfield;
}

/* ============ OPRAVA v2 (11.8. večer — Mirov nález na HR/RO) ================
   Starý riadok „Tvoja zľava / Tvoj popust / Reducerea ta…" (trieda
   .tvoja-zlava, vypisuje ho child kód z čias pôvodného dizajnu) po nasadení
   pilulky duplikuje percento — a jeho vpísaný margin-top:-18px PREKRÝVAL
   riadok „bez dane" (odrezaný text na HR). Riadok sa skrýva; prehliadače
   bez :has() dostanú aspoň zrušené prekrytie a stíšený text. */
.single-product .summary p:has(> .tvoja-zlava) {
	display: none !important;
}

.single-product .summary p[style*="margin-top:-18px"] {
	margin-top: 8px !important;
}

.single-product .summary .tvoja-zlava {
	color: #5A6472 !important;
	font-size: 100% !important;
}

/* ============ OPRAVA v3 (11.8. — HR: „bez PDV-a" stlačené na 5 px) =========
   Weby so starým dizajnom majú zdedené pravidlá s nulovými/zlomkovými
   line-height a pevnými výškami na cenových riadkoch. Bundle predpokladal
   SK základ, kde sú tieto neduhy opravené skôr v súbore — tu ich treba
   neutralizovať priamo. */
.single-product .summary > p.price,
.single-product .summary > p.price .electro-price {
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.3 !important;
}

.single-product .summary > p.price .electro-price del {
	line-height: 1.4 !important;
	height: auto !important;
	position: static !important;
	top: auto !important;
	transform: none !important;
}

.single-product .summary > p.price .electro-price > ins {
	height: auto !important;
	position: static !important;
	transform: none !important;
}

.single-product .summary > p.price .woocommerce-price-suffix {
	line-height: 1.4 !important;
	height: auto !important;
	display: block;
}

.single-product .summary > p.price .woocommerce-price-suffix .amount {
	display: inline !important;
}

/* v4: HR — legacy pravidlo (tlačí sa až v tele stránky, teda PO našom
   head štýle) drží na suffixe overflow:hidden + výšku ~11 px → text
   „bez PDV-a" odrezaný v polovici. Element-kvalifikovaný selektor + overflow. */
.single-product .summary > p.price .electro-price small.woocommerce-price-suffix,
.single-product .summary > p.price small.woocommerce-price-suffix {
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
	min-height: 21px !important;
	line-height: 1.4 !important;
}

/* ############################################################################
   STRÁŽNY KUCHÁR + INFOLINKA — PRESUNUTÉ DO mu-plugins (2026-08-17)
   ----------------------------------------------------------------------------
   Dizajn boxu (a dorovnanie infolinky) je odteraz v
   `wp-content/mu-plugins/gk-strazny-kuchar.php`, ktorý je nasadený na
   VŠETKÝCH 14 weboch siete. Dôvod presunu: sestry majú custom CSS každá inde
   (SI/HU/GR nemajú `custom-frontend.css` vôbec), takže jeden mu-plugin je
   jediné miesto, kde sa dá dizajn držať naozaj rovnaký. Sem už pravidlá
   pre `.cwginstock-*` ani `.infolinka-*` NEPÍŠ — prebíjali by sieťový súbor
   a SK by sa zase rozišlo so zvyškom.
   ############################################################################ */

/* ============================================================================
   PRODUKT — pravá strana v2 (2026-08-28, zadanie Mira)
   ----------------------------------------------------------------------------
   1) Názov produktu menší: 25 px / 800 pôsobil po otvorení neprimerane veľký;
      váha 800 sa navyše len syntetizuje (Inter je načítaný len do 700).
   2) Cena na DESKTOPE dorovnaná na mobilný finál z 11. 8. (KROK 1 platil len
      do 991 px): akciová cena TMAVÁ, nie červená — zľavu nesie prečiarknutá
      cena a štítok pri fotke. Jeden dizajn ceny pre všetky šírky.
   ========================================================================== */
.single-product .summary h1.product_title.entry-title {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 14px;
}

@media (min-width: 992px) {
	.single-product .summary > p.price .electro-price ins .amount,
	.single-product .summary > p.price .electro-price ins bdi,
	.single-product .summary > p.price .electro-price > .amount:first-child bdi {
		font-size: 30px;
		color: #16202C !important;
		font-weight: 700 !important;
	}

	.single-product .summary > p.price .electro-price del,
	.single-product .summary > p.price .electro-price del .amount,
	.single-product .summary > p.price .electro-price del bdi {
		font-size: 14px;
		color: #5A6472 !important;
		font-weight: 400 !important;
	}

	.single-product .summary > p.price .woocommerce-price-suffix,
	.single-product .summary > p.price .woocommerce-price-suffix .amount,
	.single-product .summary > p.price .woocommerce-price-suffix bdi {
		font-size: 15px;
		color: #5A6472 !important;
		font-weight: 400 !important;
	}
}

/* ============================================================================
   BOCNY WIDGET — cena v toku (2026-08-28; CZ v6 vzor)
   ----------------------------------------------------------------------------
   Mirove screenshoty HR+HU: cervena cena vo widgete (nedavno prezerane,
   bestsellery) sadala na nazov produktu — tema ju pozicuje absolutne.
   Omnibus riadok vo widgetoch uz negeneruje PHP guard vo forku
   wc-price-history; display:none tu ostava ako poistka.
   ========================================================================== */
.product_list_widget .wc-price-history,
.product_list_widget [class*="price-history"] {
	display: none !important;
}

.product_list_widget li {
	overflow: visible;
}

.product_list_widget li .price {
	position: static !important;
	float: none !important;
	display: block;
	margin: 6px 0 0 !important;
	clear: both;
}

/* ============================================================================
   PRODUKT v2.1 (2026-08-29, Mirov nález na HU): DESKTOP — symbol meny
   v riadku bez DPH a CELÝ Omnibus riadok nesmú byť tučné. KROK 1 tieto
   pravidlá mal len do 991 px; na eurách to nevidno (€ za číslom splýva),
   na forintoch „Ft" bolo bold. Selektory = KROK 1, len min-width.
   ========================================================================== */
@media (min-width: 992px) {
	.single-product .summary > p.price .woocommerce-price-suffix .woocommerce-Price-currencySymbol,
	.single-product .summary > .price-per-unit .woocommerce-Price-currencySymbol {
		font-weight: 400 !important;
	}

	.single-product .summary > .wc-price-history,
	.single-product .summary > .wc-price-history .amount,
	.single-product .summary > .wc-price-history bdi,
	.single-product .summary > .wc-price-history strong,
	.single-product .summary > .wc-price-history b,
	.single-product .summary > .wc-price-history .wc-price-history-lowest-raw-value,
	.single-product .summary > .wc-price-history .woocommerce-Price-currencySymbol {
		font-weight: 400 !important;
		color: #5A6472 !important;
	}
}

/* v2.2 (2026-08-29, Miro): symbol meny v PREČIARKNUTEJ cene bol tučný —
   „2 184 Ft" malo tenké číslo a bold Ft. Platí na všetkých šírkach.
   (Symbol v hlavnej akciovej cene bold OSTÁVA — celá je 700.) */
.single-product .summary > p.price .electro-price del .woocommerce-Price-currencySymbol {
	font-weight: 400 !important;
}


/* ============================================================================
   GLOBAL: koniec CIERNEHO HOVERU tlacidiel (2026-08-29, zadanie Mira
   z /sledovanie-objednavky/ — plati pre cely web)
   ----------------------------------------------------------------------------
   Electro dava sivym tlacidlam na hover/focus background #000. Selektor je
   prevzaty 1:1 z temy + NASE vynimky :not() pre transparentne ikonove
   tlacidla (maskot, lupa FiboSearch, krizik popupu, kupon, qty steppery) —
   Mirov nalez: maskot dostal modry hover. Vynimky MUSIA byt v selektore,
   samostatne reset pravidlo by prehralo na specificite (tema ma 12x :not).
   ========================================================================== */
.btn:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):focus,
.btn:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):hover,
.button:not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):focus,
.button:not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):hover,
.dokan-btn:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):focus,
.dokan-btn:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):hover,
.hero-action-btn:focus,
.hero-action-btn:hover,
.woocommerce-mini-cart__buttons .button:focus,
.woocommerce-mini-cart__buttons .button:hover,
button:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):focus,
button:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):hover,
input[type="button"]:not(.ninja-forms-field):focus,
input[type="button"]:not(.ninja-forms-field):hover,
input[type="button"]:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):focus,
input[type="button"]:not([class*="btn-"]):not(.single_add_to_cart_button):not(.wc-forward):not(.navbar-toggler):not(.add_to_cart_button):not(.product_type_simple):not(.owl-dot):not(.owl-next):not(.owl-prev):not([name="apply_coupon"]):not(.wpforms-submit):not(.navbar-toggle-close):not([class*="gk-"]):not([class*="gkp-"]):not([class*="grr-"]):not([class*="gp-"]):not([class*="dgwt-"]):not([class*="cmplz-"]):hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	/* !important: v suboroch zili stare hacky `...:hover{color:black !important}` */
	background-color: var(--gk-blue) !important;
	color: #fff !important;
}

/* Sledovanie objednavky: GIF s dodavkou na stred + orezanie ciernych
   bocnych pruhov zapecenych v subore (50 px vlavo, 49 px vpravo — zmerane
   pixelovou analyzou vsetkych 39 framov). clip-path namiesto prekodovania:
   re-encode GIF-u by narastol 1,7 -> 5,7 MB. (2026-08-29, Miro) */
img[src*="auto-gastrokuchyne"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clip-path: inset(0 49px 0 50px);
}


/* ############################################################################
   TOAST PO PRIDANÍ DO KOŠÍKA — krížik + skrytie (2026-09-02)
   Toast z 6.8. nemal ako zmiznúť; na mobile (top:12px) prekrýval vyhľadávanie.
   JS (gk-mobile-ux.js, sekcia 0) pridá krížik a po 7 s / kliku mimo dá triedu
   .gk-toast-hidden. Skrývame cez display (opacity/transform sa zasekávali).
   ############################################################################ */
.woocommerce-message { padding-right: 56px !important; }
.woocommerce-message .gk-toast-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 40px;
	height: 40px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50%;
	background: transparent !important;
	color: #5A6472 !important;
	font-size: 26px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.woocommerce-message .gk-toast-close:hover,
.woocommerce-message .gk-toast-close:focus {
	background: #F4F7FB !important;
	color: #16202C !important;
}
.woocommerce-message.gk-toast-hidden { display: none !important; }