/* KONTROLKA.SK — jediný súbor CSS. Poradie sekcií zachováva pôvodnú prioritu. */

/* 1. Základ a produktové karty */
/* Základné úpravy Kontrolka.sk – presunuté z HTML záhlavia. */

#footer h4,#footer .contact-box ul li>span::before,#footer .contact-box h4,#footer h3,#footer h4,#footer,#footer p,#footer a{color:#fff!important}
#footer a:hover{color:#ccc!important}
.body-banners>div{width:100%;max-width:100%;flex:0 0 100%}
body{background:#fff!important}
body.type-index .products-block .p-in-in{min-height:auto}
.category-header input[type="radio"]:checked+label{background-color:var(--color-primary)}
.welcome .welcome__content p{margin-bottom:0}
.welcome .welcome__content p+p{margin-top:20px}
@media(min-width:768px){
/* Kontakty ponecháva na pôvodnej pozícii šablóna Apollo, aby neprekrývali natívnu menu. */
.welcome h1{font-size:40px;margin-bottom:30px}
.welcome p{font-size:16px;line-height:1.8;margin-bottom:30px}
.header-top{padding-top:30px;padding-bottom:10px}
.popup-widget.cart-widget,.popup-widget.login-widget{top:130px}
.admin-logged .popup-widget.cart-widget,.admin-logged .popup-widget.login-widget{top:130px}
.products-related-block h2,.products-alternative-block h2,h4.homepage-group-title,.h4.homepage-group-title{font-size:36px}
}
@media(min-width:992px){
.welcome{padding:40px}
.header-top{padding-top:30px;padding-bottom:10px}
.popup-widget.cart-widget,.popup-widget.login-widget{top:130px}
.admin-logged .popup-widget.cart-widget,.admin-logged .popup-widget.login-widget{top:155px}
}
@media(max-width:767px){.top-navigation-bar{background:#fff}}
@media(max-width:370px){.top-navigation-bar .site-name a img{max-height:30px}}
:root{--border-radius-top-category:10px;--color-top-category-black:#666;--color-top-category-black-hover:#333;--color-top-category-gray:#fff;--border-color-top-category:#e2e2e2;--background-color-menu-style-1-top-category:#fbfbfb;--background-color-arrow-top-category:#f1f1f1;--background-color-arrow-top-category-hover:#e2e2e2;--background-color-slider-style-1-top-category:#e2e2e2;--background-color-slider-style-1-top-category-hover:#000;--color-slider-style-1-top-category:#000;--color-slider-style-1-top-category-hover:#fff}
.top-category-addon .menu-content>div>div>a{color:#000}
@media(max-width:767px){
[class*="top-category"] a,[class*="top-category"] span,[class*="top-category"] div{text-align:center!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}

/* Produkty na úvodnej stránke – mobil. */
@media(max-width:767px){
body.type-index .products-block .products-block .product,body.type-index .products .product{flex:0 0 40%!important;max-width:40%!important;width:40%!important;padding-left:3px!important;padding-right:3px!important;margin:0!important}
body.type-index .products-block,body.type-index .products{column-gap:6px!important;row-gap:18px!important}
body.type-index .products-block .product .p,body.type-index .products .product .p,body.type-index .products-block .p,body.type-index .products .p{margin-left:0!important;margin-right:0!important}
body.type-index .products-block .p-desc,body.type-index .products-block .p .p-desc,body.type-index .products-block .description,body.type-index .products-block .p-short-description,body.type-index .products .p-desc,body.type-index .products .p .p-desc,body.type-index .products .description,body.type-index .products .p-short-description,body.type-index .product .p-desc,body.type-index .product .description,body.type-index .p .p-desc,body.type-index .p .description,body.type-index .p .p-short-description{display:none!important}
body.type-index .products-block .p .p-in-in>a,body.type-index .products-block .p .p-in-in .name,body.type-index .products-block .p .p-in-in .name a,body.type-index .products-block .p .p-in-in .p-name,body.type-index .products-block .p .p-in-in .p-name a,body.type-index .products .p .p-in-in>a,body.type-index .products .p .p-in-in .name,body.type-index .products .p .p-in-in .name a,body.type-index .products .p .p-in-in .p-name,body.type-index .products .p .p-in-in .p-name a{font-size:12px!important;line-height:1.25!important;font-weight:700!important}
body.type-index .products-block .flags .flag:not(.flag-discount),body.type-index .products .flags .flag:not(.flag-discount){display:none!important}
body.type-index .products-block .flag.flag-discount,body.type-index .products .flag.flag-discount{transform:scale(.92)!important;transform-origin:top right!important}
body.type-index .products-block .availability,body.type-index .products .availability{font-size:12px!important;line-height:1.1!important}
}

/* Prechodová šírka: karta v produktovom posuvníku vyplní svoj vlastný snímok. */
@media (min-width: 600px) and (max-width: 767px) {
  body.type-index .products-block .js-slider-products .swiper-slide > .product {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Ceny produktov. */
.p .prices{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
.p .prices>*,.p .price-standard,.p .price-final{display:block!important;margin-left:0!important;white-space:nowrap!important}
@media(max-width:767px){.p .price-standard{font-size:14px!important}.p .price-final{font-size:16px!important}}

/* Podkategórie – mobil. */
@media(max-width:767px){
body.type-category .category-top .subcategories{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body.type-category .category-top .subcategories>*{flex:0 0 calc(50% - 6px)!important;max-width:calc(50% - 6px)!important}
body.type-category .category-top .subcategories a{min-height:140px!important;padding:10px 6px!important;text-align:center!important}
body.type-category .category-top .subcategories img{max-width:70px!important;max-height:70px!important}
body.type-category .category-top .subcategories span{font-size:15px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important}
}

/* Desktop: odkazy, telefón, e-mail a natívna mena v jednom riadku. */
@media (min-width: 992px) {
  .top-navigation-bar > .container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 16px;
  }
  .top-navigation-bar > .container > .top-navigation-menu {
    order: 1;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .top-navigation-bar > .container > .top-navigation-contacts {
    order: 2;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 49px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    white-space: nowrap;
  }
  .top-navigation-bar > .container > .top-navigation-tools {
    order: 3;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }
  .top-navigation-bar .top-navigation-tools > [data-testid="topnavCurrencyDropdown"] {
    margin-right: 0 !important;
  }
}

/* 2. Hlavička a Instagram */
/* uprava zobrazenia roz. obj. mobil */
@media(max-width:767px){
body.type-index .advanced-order .products-block .product,
body.type-index .advanced-order .products .product{
flex:0 0 100%!important;
max-width:100%!important;
width:100%!important;
padding-left:0!important;
padding-right:0!important;
margin-bottom:14px!important;
}

body.type-index .advanced-order .products-block,
body.type-index .advanced-order .products{
column-gap:0!important;
row-gap:0!important;
}

body.type-index .advanced-order .products-block .p,
body.type-index .advanced-order .products .p{
margin-left:0!important;
margin-right:0!important;
}
}


/* IG widget settings*/
.instagram-widget a[href*="instagram.com/p/"],
.instagram-widget a[href*="instagram.com/reel/"]{
aspect-ratio:4/5!important;
width:100%!important;
height:auto!important;
display:block!important;
overflow:hidden!important;
position:relative!important
}

.instagram-widget a[href*="instagram.com/p/"] *,
.instagram-widget a[href*="instagram.com/reel/"] *{
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important
}

.instagram-widget a[href*="instagram.com/p/"] img,
.instagram-widget a[href*="instagram.com/reel/"] img{
object-fit:cover!important;
object-position:center top!important;
display:block!important;
opacity:1!important;
visibility:visible!important
}

.instagram-widget a[href*="instagram.com/p/"] [style*="background"],
.instagram-widget a[href*="instagram.com/reel/"] [style*="background"]{
background-size:cover!important;
background-position:center top!important;
background-repeat:no-repeat!important
}

.instagram-widget>a{
aspect-ratio:auto!important;
width:auto!important;
height:auto!important;
display:inline-flex!important
}

/* 3. Doprava a skryté kategórie */
.shipping-options-popup .extras-wrap { display: none !important; }

.custom-free-shipping-box {
    display: block !important;
    margin-top: 24px;
    padding: 22px 20px;
    background: #dff5e8;
    border-radius: 24px;
    color: #222;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
}

.kontrolka-hide-category {
  display: none !important;
}

/* 4. Registračný kupón v pätičke */
#kontrolka-registration-benefit { box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:32px; row-gap:0; width:100%; margin:24px 0 32px; padding:29px 34px 23px; border:1px solid #663039; border-radius:14px; background:radial-gradient(ellipse at 100% 50%,#c8152b55 0%,transparent 66%),linear-gradient(110deg,#101114 0%,#1c1116 48%,#581321 100%); color:#fff !important; font-family:inherit; text-align:left; }
#kontrolka-registration-benefit * { box-sizing:border-box; }
#kontrolka-registration-benefit::after { content:""; position:absolute; z-index:-1; right:0; top:0; width:56%; height:1px; background:linear-gradient(90deg,transparent,#ff6c7970,transparent); pointer-events:none; }
#kontrolka-registration-benefit .krb-copy { min-width:0; }
#kontrolka-registration-benefit .krb-label { display:block; margin:0 0 9px; color:#f0a6ad !important; font-size:10px !important; line-height:1.4 !important; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; }
#kontrolka-registration-benefit .krb-title { display:block; margin:0 !important; padding:0 !important; font-family:inherit; font-size:clamp(25px,2.7vw,36px) !important; font-weight:750 !important; line-height:1.2 !important; letter-spacing:-.8px; text-transform:none !important; color:#fff !important; }
#kontrolka-registration-benefit .krb-title strong { color:#ff6571 !important; font-weight:800; white-space:nowrap; }
#kontrolka-registration-benefit .krb-description { display:block; margin:10px 0 0 !important; color:#ded5d8 !important; font-size:15px !important; font-weight:400; line-height:1.55 !important; }
#kontrolka-registration-benefit .krb-action { min-width:220px; }
#kontrolka-registration-benefit .krb-button { display:flex; align-items:center; justify-content:center; gap:22px; min-height:50px; padding:14px 23px; border:1px solid #ff5260; border-radius:8px; background:linear-gradient(110deg,#f02d40,#d51d30); color:#fff !important; font-family:inherit; font-size:15px !important; font-weight:700; line-height:1.4; text-decoration:none !important; box-shadow:0 7px 24px #e6243830; transition:box-shadow .18s ease,background .18s ease; }
#kontrolka-registration-benefit .krb-button:hover { background:#f4384a; color:#fff !important; box-shadow:0 8px 28px #e6243855; }
#kontrolka-registration-benefit .krb-button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
#kontrolka-registration-benefit .krb-terms { grid-column:1/-1; display:block; margin:12px 0 0; color:#bba9ae !important; font-size:11px !important; line-height:1.5 !important; font-weight:400; }
@media(max-width:900px) { #kontrolka-registration-benefit { column-gap:24px; padding:25px 26px 21px; } #kontrolka-registration-benefit .krb-title { font-size:28px !important; } #kontrolka-registration-benefit .krb-title-tail { display:block; } #kontrolka-registration-benefit .krb-action { min-width:190px; } }
@media(max-width:640px) { #kontrolka-registration-benefit { grid-template-columns:minmax(0,1fr); padding:22px 21px 18px; margin:18px 0 24px; border-radius:12px; background:radial-gradient(ellipse at 100% 100%,#c8152b50,transparent 78%),linear-gradient(135deg,#111215,#36121b); } #kontrolka-registration-benefit .krb-label { display:none; } #kontrolka-registration-benefit .krb-title { font-size:27px !important; line-height:1.14 !important; letter-spacing:-.55px; } #kontrolka-registration-benefit .krb-description { font-size:13px !important; line-height:1.5 !important; margin-top:9px !important; } #kontrolka-registration-benefit .krb-action { min-width:0; margin-top:16px; } #kontrolka-registration-benefit .krb-button { min-height:46px; padding:12px 18px; font-size:14px !important; } #kontrolka-registration-benefit .krb-terms { margin-top:11px; font-size:10px !important; } }
@media(prefers-reduced-motion:reduce) { #kontrolka-registration-benefit .krb-button { transition:none; } }

/* 5. Úvodná stránka: šesť kategórií v mriežke 3 × 2 na mobile. */
@media (max-width: 767px) {
  body.type-index .top-category-addon {
    margin: 5px 0 24px; !important;
  }
  body.type-index .top-category-addon .homepage-group-title {
    margin: 0 0 14px;
    text-align: left;
    font-size: 22px;
    line-height: 1.25;
  }
  body.type-index .top-category-addon .menu-level-2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
  }
  body.type-index .top-category-addon .menu-level-2 > li {
    float: none !important;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
  }
  body.type-index .top-category-addon .menu-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    min-height: 114px;
    padding: 10px 4px 8px !important;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background: #fafafa;
    box-shadow: none !important;
    text-align: center;
  }
  body.type-index .top-category-addon .menu-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    padding: 0 !important;
    flex: 0 0 72px;
  }
  body.type-index .top-category-addon .menu-image img {
    display: block;
    width: 72px;
    height: 72px;
    max-width: 100%;
    object-fit: contain;
    transform: none !important;
  }
  body.type-index .top-category-addon .top-category-text-block {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.type-index .top-category-addon .top-category-text-block > div > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    margin: 0 !important;
    padding: 3px 0 0 !important;
    color: #202020;
    font-size: 10.5px !important;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
  }
  body.type-index .top-category-addon .top-category-text-block span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: inherit !important;
    text-transform: none;
  }
  body.type-index .top-category-addon .top-category-text-block a[href*="autodiagnostiky"] span {
    font-size: 10px !important;
    letter-spacing: -.3px;
    white-space: nowrap;
  }
}
@media (max-width: 360px) {
  body.type-index .top-category-addon .menu-level-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.type-index .top-category-addon .menu-content { min-height: 114px; }
  body.type-index .top-category-addon .top-category-text-block > div > a { font-size: 10.5px !important; }
  body.type-index .top-category-addon .top-category-text-block a[href*="autodiagnostiky"] span {
    font-size: 11.5px !important;
    letter-spacing: -.2px;
  }
}

/* 6. Autodiagnostiky: kompaktné podkategórie, produkty zostávajú priamo pod nimi. */
@media (max-width: 767px) {
  body.type-category.id-674 .category-top .category-perex { margin-bottom: 14px; }
  body.type-category.id-674 .category-top .category-perex p { margin: 0; line-height: 1.45; }
  body.type-category.id-674 .category-top > .subcategories.with-image {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 7px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image > li {
    float: none !important;
    flex: 0 0 calc((100% - 14px) / 3) !important;
    width: calc((100% - 14px) / 3) !important;
    max-width: calc((100% - 14px) / 3) !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image > li > a {
    display: flex !important;
    flex-flow: column nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px;
    width: 100%;
    min-height: 84px !important;
    height: 84px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 5px 3px !important;
    border: 1px solid #ebebeb;
    border-radius: 9px;
    background: #fff;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image .image {
    display: flex !important;
    flex: 0 0 42px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image img {
    display: block;
    width: 42px;
    height: 42px;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image .text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 0 1 auto !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    color: #232323;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 700;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: normal;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image > li > a::before,
  body.type-category.id-674 .category-top > .subcategories.with-image > li > a::after {
    content: none !important;
    display: none !important;
  }
}
@media (max-width: 360px) {
  body.type-category.id-674 .category-top > .subcategories.with-image .text {
    font-size: 11px !important;
  }
}

/* Notebook a desktop: karty využijú dostupnú šírku bez osamotenej karty či skrátených názvov. */
@media (min-width: 1200px) {
  body.type-index .top-category-addon .menu-level-2 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
  }
  body.type-index .top-category-addon .menu-level-2 > li {
    float: none !important;
    flex: none !important;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  body.type-index .top-category-addon .menu-content {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.type-index .top-category-addon .top-category-text-block {
    width: 100%;
    min-width: 0;
  }
  body.type-index .top-category-addon .top-category-text-block > div > a {
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  body.type-category.id-674 .category-top > .subcategories.with-image {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.type-category.id-674 .category-top > .subcategories.with-image > li {
    float: none !important;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
  }
  body.type-category.id-674 .category-top > .subcategories.with-image .text {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Men�ia medzera nad najobl�benej��mi kateg�riami */
@media (min-width: 768px) {
  body.type-index .top-category-addon {
    margin-top: 25px !important;
  }
}


@media (max-width: 767px) {
  body.type-index .top-category-addon {
    margin-top: 5px !important;
  }
}


/* Mobil: men�ia medzera pod v�hodami obchodu */
@media (max-width: 767px) {
  body.type-index .benefitBanner.position--benefitHomepage {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.type-index .homepage-products-heading-1 {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  body.type-index .position--benefitHomepage .benefitBanner__item {
    margin-bottom: 0 !important;
  }
}