/* Původní pravidla z pole Záhlaví (pevná hlavička Pobo, slider) – přeneseno beze změny */
@media (max-width:468px){.plugin-fixed-header__img,.plugin-fixed-header__image,.plugin-fixed-header__price{display:block}.plugin-fixed-header__basket{width:200px;text-align:right;z-index:99;margin-right:112px}.plugin-fixed-header__container{display:flex;padding-top:5px;padding-bottom:5px}.plugin-fixed-header.active{height:59px}.plugin-fixed-header{bottom:-226px}}.plugin-fixed-header.active{z-index:50}.plugin-fixed-header__basket{width:200px;text-align:right;padding-left:20px;z-index:99}.lista{padding:0 10px}.homepage-box.before-carousel,.homepage-box.before-carousel>.content-wrapper,.homepage-box.before-carousel>.content-wrapper>.content-wrapper-in,.swiper-container,.swiper,.swiper-slide{background-color:white !important}.swiper,.swiper-wrapper,.swiper-slide,.swiper-container,.carousel-inner{height:auto !important;min-height:0 !important}.swiper,.swiper-container{padding-bottom:0 !important;margin-bottom:0 !important}.swiper .swiper-pagination,.swiper-container .swiper-pagination{position:static !important;margin-top:8px !important}.swiper img{width:100% !important;height:auto !important;display:block;object-fit:cover}.swiper-button-next,.swiper-button-prev{opacity:0;transition:opacity 0.3s ease;position:absolute}.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1}@media (hover:none),(max-width:768px){.swiper-button-next,.swiper-button-prev{display:none !important}}.swiper-slide img{border-radius:0px !important}.custom-banner-wrapper .swiper-slide a{display:block;overflow:hidden}.custom-banner-wrapper .swiper-slide a img{display:block;transition:transform 250ms ease;transform:scale(1);will-change:transform}.custom-banner-wrapper .swiper-slide a:hover img{transform:scale(1.02) !important}

/* ============================================================
   MERTU.cz – styleHot.dc.css (pročištěná verze, září 2026)
   Odstraněno: starý pás log (.sliderFooter, .logoSlider),
   klikací body na starém banneru (#fibafuse, #sekera, #spachtle-dewalt),
   textové překryvy bannerů (.conteiner-banner*, .headjedna, .headdva).
   ============================================================ */

/* Tlačítka – jemné zvětšení při najetí */
.btn {
    transition: transform 0.3s;
}
.btn:hover {
    transform: scale(1.02);
}

/* Jemné zvětšení obrázků při najetí (původní chování, ponecháno) */
img {
    transition: 0.5s;
}
img:hover {
    transform: scale(1.02);
}

/* Výhody na homepage (4 ikony) */
.benefitBanner.position--benefitHomepage {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
}
.benefitBanner__item {
    flex: 1 1 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.8s;
}
.benefitBanner__link {
    align-items: center;
    display: flex;
    text-decoration: none;
    flex-direction: column;
}
.benefitBanner__item:hover {
    transform: scale(1.1);
}
.benefitBanner__title {
    color: #008391;
}
@media screen and (max-width: 768px) {
    .benefitBanner__item {
        min-width: 50%;
    }
}

/* Horní lišta: skrytá (telefon, e-mail i odkazy). Přihlášení a měnu přesouvá skript v zápatí. */
.top-navigation-bar .container > div {
    display: none;
    flex: 1 1 40%;
    text-align: center;
}
.top-navigation-bar .container > div:first-child {
    text-align: left;
}
.top-navigation-bar .container > div:last-child {
    font-size: 15px;
}
/* Volitelné – ukázat v horní liště telefon a e-mail (odkomentovat):
.top-navigation-bar .container > .top-navigation-contacts {
    display: block !important;
    text-align: left;
}
*/

/* Pomocné třídy používané v textech */
.black {
    color: #000;
}
.blueandbold {
    font-weight: bold;
    color: #008080;
}
.bold {
    font-weight: bold;
}

/* Skrytí ikon Tisk a Sdílet na detailu produktu */
.link-icon.print {
    display: none;
}
.link-icon.share.js-share-buttons-trigger {
    display: none;
}

/* Oddělovací linka */
.lista {
    max-width: 1378px;
    margin: 0 auto;
    height: 0.5px;
    background-color: #ccc;
    margin-bottom: 10px;
    padding: 0 20px;
}
@media screen and (max-width: 1592px) {
    .lista {
        max-width: 90%;
    }
}

.footer-banners {
    position: relative;
}


/* ============================================================
   MERTU – nová homepage (aktivní jen s třídou html.mtu-new,
   kterou přidává skript v záhlaví; bez ní jsou pravidla neaktivní)
   ============================================================ */
html.mtu-new body.type-index .banners-row,
html.mtu-new body.type-index .klasik-produkts,
html.mtu-new body.type-index .homepage-group-title:has(+ .klasik-produkts),
html.mtu-new body.type-index .homepage-products-2,
html.mtu-new body.type-index .homepage-products-heading-2,
html.mtu-new body.type-index .homepage-products-9,
html.mtu-new body.type-index .homepage-products-heading-9 { display: none !important; }

/* Menu natažené do okrajů, položky zůstávají zarovnané s obsahem */
@media (min-width: 768px) {
    html.mtu-new #header { position: relative; }
    html.mtu-new #header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--mtu-navh, 32px); background: #008391; z-index: 0; pointer-events: none; }
    html.mtu-new #header .navigation-wrapper { position: relative; z-index: 1; }
}


/* Horní lišta nad vyhledáváním: vycentrovaná, bez bílých bloků šablony – od 768 px (hranice šablony mezi mobilní a počítačovou hlavičkou); pod ní je tato lišta hlavička s lupou, košíkem a menu */
@media (min-width: 768px) {
    html.mtu-new .top-navigation-bar { background: #f4f8f9; border-bottom: 1px solid #e3e8e9; }
    html.mtu-new .top-navigation-bar .container { display: flex; justify-content: center; align-items: center; gap: 44px; min-height: 38px; }
    html.mtu-new .top-navigation-bar .container > div { display: flex !important; align-items: center; flex: 0 0 auto; text-align: left; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
    html.mtu-new .top-navigation-contacts { order: 2; gap: 22px; font-size: 14px; color: #5b6b6e; }
    html.mtu-new .top-navigation-contacts strong { display: none; }
    html.mtu-new .top-navigation-contacts a { color: #004047 !important; font-weight: 600; text-decoration: none !important; background: transparent !important; }
    html.mtu-new .top-navigation-contacts .project-phone::after { content: " · Po–Pá 8–16"; font-weight: 400; color: #5b6b6e; }
    html.mtu-new .top-navigation-menu { order: 1; }
    html.mtu-new .top-navigation-menu-trigger { display: none !important; }
    html.mtu-new .top-navigation-bar-menu { display: flex !important; gap: 0; list-style: none; margin: 0 !important; padding: 0 !important; background: transparent !important; }
    html.mtu-new .top-navigation-bar-menu li { display: none; float: none !important; margin: 0 22px 0 0 !important; padding: 0 !important; background: transparent !important; }
    html.mtu-new .top-navigation-bar-menu li.top-navigation-menu-item-1380,
    html.mtu-new .top-navigation-bar-menu li.top-navigation-menu-item-29,
    html.mtu-new .top-navigation-bar-menu li.mtu-blog { display: inline-block !important; }
    html.mtu-new .top-navigation-bar-menu li:last-child { margin-right: 0 !important; }
    html.mtu-new .top-navigation-bar-menu li::before, html.mtu-new .top-navigation-bar-menu li::after { content: none !important; display: none !important; }
    html.mtu-new .top-navigation-bar-menu a { font-size: 14px !important; color: #5b6b6e !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; padding: 0 !important; background: transparent !important; }
    html.mtu-new .top-navigation-bar-menu a:hover { color: #008391 !important; }
}

/* Hero – tmavý banner s textem, hodnocením a produktem (fotku doplníme na místo pozadí) */
html.mtu-new .mtu-h { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 24px; min-height: 360px; background: #0e2f33; border-radius: 12px; padding: 34px 44px; margin: 20px 0 0; overflow: hidden; font-family: "Source Sans 3", sans-serif; color: #fff; }
html.mtu-new .mtu-h.has-photo { grid-template-columns: minmax(0, 56%) 1fr; min-height: 400px; }
html.mtu-new .mtu-h.has-photo { background-size: cover; background-position: center; }
html.mtu-new .mtu-h.has-photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 36, 40, .9) 0%, rgba(8, 36, 40, .82) 45%, rgba(8, 36, 40, .6) 75%, rgba(8, 36, 40, .45) 100%); }
html.mtu-new .mtu-h > div { position: relative; }
html.mtu-new .mtu-r8 { display: block; line-height: 1.5; font-size: 14px; color: #cfe6e9; margin: 0 0 14px; }
html.mtu-new .mtu-r8 i { font-style: normal; color: #f5b323; letter-spacing: 1px; margin-right: 6px; }
html.mtu-new .mtu-r8 b { color: #fff; font-weight: 600; white-space: nowrap; }
html.mtu-new .mtu-k { font-family: "Exo 2", sans-serif; font-weight: 600; color: #fff; font-size: 36px; line-height: 1.12; letter-spacing: .01em; text-transform: uppercase; margin: 0; }
html.mtu-new .mtu-l { font-size: 18px; line-height: 1.5; color: #d7e7e9; margin: 14px 0 22px; max-width: 44ch; }
html.mtu-new .mtu-c { display: inline-block; background: #28a745; color: #fff !important; font-weight: 600; font-size: 17px; padding: 13px 24px; border-radius: 6px; text-decoration: none !important; transition: background .15s; }
html.mtu-new .mtu-c:hover { background: #1e7e34; }
html.mtu-new .mtu-c2 { display: inline-block; margin-left: 18px; color: #fff !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
html.mtu-new .mtu-c2:hover { color: #9fe1cb !important; }
html.mtu-new .mtu-f { display: flex; flex-wrap: wrap; gap: 6px 24px; margin-top: 20px; font-size: 14px; color: #cfe6e9; }
html.mtu-new .mtu-f b { color: #fff; font-weight: 600; }
html.mtu-new .mtu-hp { display: flex; align-items: center; justify-content: center; }
html.mtu-new .mtu-hp img { max-height: 300px; width: auto; transform: none !important; filter: drop-shadow(0 18px 24px rgba(0,0,0,.35)); }

/* Rozcestník – nízké dlaždice v jedné řadě */
html.mtu-new .mtu-r { margin: 22px auto 0; font-family: "Source Sans 3", sans-serif; }
html.mtu-new .mtu-r h2,
html.mtu-new main.content .homepage-group-title.h4,
html.mtu-new body.type-index .reviews-header { font-family: "Exo 2", sans-serif !important; font-weight: 600 !important; color: #004047 !important; font-size: 24px !important; text-align: left !important; margin: 30px 0 12px !important; padding: 0 !important; line-height: 1.2; }
html.mtu-new .mtu-r h2 { margin: 0 0 12px !important; }
html.mtu-new .mtu-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
html.mtu-new .mtu-t { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 16px; min-height: 96px; padding: 12px 18px; border: 1px solid #e3e8e9; border-radius: 10px; background: #f6f9fa; text-decoration: none !important; color: #1e2a2c; transition: border-color .15s, background .15s; }
html.mtu-new .mtu-t:hover { border-color: #008391; background: #eaf5f6; }
html.mtu-new .mtu-t img { height: 68px; width: 68px; flex: 0 0 68px; object-fit: contain; mix-blend-mode: multiply; transform: none !important; }
html.mtu-new .mtu-t h3 { font-family: "Exo 2", sans-serif; font-weight: 600; color: #004047; font-size: 17px; line-height: 1.2; margin: 0; }

/* Produktové dlaždice a tlačítka */
html.mtu-new body.type-index .products-block { margin-bottom: 8px; }
html.mtu-new body.type-index .products-block .p { border-radius: 10px; transition: box-shadow .15s, background .15s; }
html.mtu-new body.type-index .products-block .p:hover { box-shadow: 0 10px 26px rgba(0, 64, 71, .16); background: #fff; z-index: 2; }
html.mtu-new .p .price-final { font-size: 18px !important; font-weight: 600 !important; color: #004047 !important; }
html.mtu-new .p .btn { border-radius: 6px !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 16px !important; letter-spacing: 0 !important; text-transform: none !important; transition: background .15s, color .15s, border-color .15s !important; }
html.mtu-new .p .btn-cart { background: #28a745 !important; color: #fff !important; border: 2px solid #28a745 !important; }
html.mtu-new .p .btn-cart:hover { background: #1e7e34 !important; border-color: #1e7e34 !important; }
html.mtu-new .p .btn-primary { background: #fff !important; color: #008391 !important; border: 2px solid #008391 !important; }
html.mtu-new .p .btn-primary:hover { background: #008391 !important; color: #fff !important; }

@media (max-width: 1100px) {
    html.mtu-new .mtu-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    html.mtu-new .mtu-h, html.mtu-new .mtu-h.has-photo { grid-template-columns: 1fr; padding: 24px 22px; min-height: 0; }
    html.mtu-new .mtu-h.has-photo::before { background: rgba(8, 36, 40, .78); }
    html.mtu-new .mtu-k { font-size: 24px; }
    html.mtu-new .mtu-l { font-size: 16px; margin: 12px 0 18px; }
    html.mtu-new .mtu-hp img { max-height: 190px; }
    html.mtu-new .mtu-r h2, html.mtu-new main.content .homepage-group-title.h4, html.mtu-new body.type-index .reviews-header { font-size: 21px !important; }
}
@media (max-width: 600px) {
    html.mtu-new .mtu-r8 { display: block; font-size: 13px; line-height: 1.45; }
    html.mtu-new .mtu-r8 i { display: block; margin-bottom: 2px; }
    html.mtu-new .mtu-c { display: block; text-align: center; }
    html.mtu-new .mtu-c2 { display: block; margin: 12px 0 0; }
    html.mtu-new .mtu-f { gap: 4px 16px; font-size: 13px; }
    html.mtu-new .mtu-g { grid-template-columns: 1fr; gap: 8px; }
    html.mtu-new .mtu-t { min-height: 76px; padding: 10px 14px; gap: 12px; }
    html.mtu-new .mtu-t img { height: 52px; width: 52px; flex-basis: 52px; }
    html.mtu-new .mtu-t h3 { font-size: 16px; }
}

/* Menu: místo samotné ikony ≡ text „Více" jako u BrainMarketu */
@media (min-width: 768px) {
    html.mtu-new .menu-helper { width: auto !important; padding: 0 16px 0 12px !important; display: flex; align-items: center; gap: 8px; }
    html.mtu-new .menu-helper > span { display: inline-block !important; font-family: "Source Sans 3", sans-serif; font-weight: 600; font-size: 15px; color: #fff; text-transform: none; letter-spacing: 0; background: transparent !important; }
    html.mtu-new .menu-helper::after { background: transparent !important; }
}

/* Bez dělicích čar mezi bloky – bloky odděluje jen mezera nebo karta */
html.mtu-new body.type-index .homepage-box, html.mtu-new .welcome-wrapper, html.mtu-new .reviews-wrapper, html.mtu-new body.type-index .lista { border: 0 !important; }
html.mtu-new body.type-index .lista { display: none; }

/* Konkurenční výhody: kompaktní řada karet – na úvodní stránce, v kategoriích i na detailu produktu */
html.mtu-new .benefitBanner { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 26px 0 6px; padding: 0; max-width: none; }
html.mtu-new .benefitBanner__item { display: flex !important; flex-direction: row !important; align-items: center; gap: 12px; text-align: left !important; background: #fff; border: 1px solid #e3e8e9; border-radius: 10px; padding: 12px 14px; flex: none; width: auto !important; max-width: none !important; min-width: 0; transition: none; }
html.mtu-new .benefitBanner__item:hover { transform: none; border-color: #c9e3e6; }
html.mtu-new .benefitBanner__link { flex-direction: row !important; align-items: center; gap: 12px; width: 100%; }
html.mtu-new .benefitBanner__picture { flex: 0 0 44px; width: 44px; margin: 0; }
html.mtu-new .benefitBanner__img { width: 44px !important; height: 44px !important; }
html.mtu-new .benefitBanner__content { text-align: left; flex: 1 1 auto; width: auto !important; }
html.mtu-new .benefitBanner__title { display: block; font-family: "Exo 2", sans-serif; font-weight: 600; color: #004047; font-size: 15px; line-height: 1.2; margin: 0 0 2px; }
html.mtu-new .benefitBanner__data { font-size: 13px; line-height: 1.3; color: #5b6b6e; }
html.mtu-new .benefitBanner__data .black { color: #5b6b6e; }

/* Kdo jsme: světlá karta, dva sloupce (obalení sloupců dělá skript v záhlaví) */
html.mtu-new .welcome-wrapper { background: #fff !important; padding: 28px 0 6px; }
html.mtu-new .welcome { background: #f6f9fa; border-radius: 12px; padding: 32px 36px; }
html.mtu-new .welcome .h1 { display: none; }
html.mtu-new .mertu-text-block { max-width: none; font-size: 16px; line-height: 1.6; color: #5b6b6e; }
html.mtu-new .mertu-text-block.mtu-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; }
html.mtu-new .mertu-text-block:not(.mtu-2col) { column-count: 2; column-gap: 56px; }
html.mtu-new .mertu-text-block h2 { font-family: "Exo 2", sans-serif !important; font-weight: 600; font-size: 22px; color: #004047; margin: 22px 0 8px; break-after: avoid; }
html.mtu-new .mertu-text-block .mtu-col > h2:first-child, html.mtu-new .mertu-text-block > h2:first-child { margin-top: 0; }
html.mtu-new .mertu-text-block h3 { font-family: "Exo 2", sans-serif !important; font-weight: 600; font-size: 16px; color: #004047; margin: 12px 0 4px; break-after: avoid; }
html.mtu-new .mertu-text-block p { margin: 0 0 14px; break-inside: avoid; }
html.mtu-new .mertu-text-block p:empty { display: none; }
html.mtu-new .mertu-text-block a { color: #008391; }

/* Patička: světlý pás bez linek, čtyři sloupce */
html.mtu-new #footer { background: #f4f8f9; border: 0 !important; margin-top: 30px; }
html.mtu-new #footer .footer-rows, html.mtu-new #footer .footer-bottom { background: transparent !important; border: 0 !important; }
html.mtu-new #footer .footer-rows { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 0 40px; align-items: start; padding: 36px 0 10px; }
html.mtu-new #footer .site-name { position: static !important; margin: 0 !important; width: auto !important; height: auto !important; top: auto !important; left: auto !important; grid-column: 1; grid-row: 1; order: 0; }
html.mtu-new #footer .footer-rows > .custom-footer { grid-column: 2; grid-row: 1; order: 0; }
@media (min-width: 901px) { html.mtu-new #footer .site-name { display: block !important; } }
html.mtu-new #footer .site-name img { max-width: 110px; height: auto; }
html.mtu-new #footer .custom-footer.elements-4 { display: grid !important; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 28px; align-items: start; border: 0 !important; padding: 0; }
html.mtu-new #footer .custom-footer > div { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.mtu-new #footer .pageElement__heading { font-family: "Exo 2", sans-serif !important; font-weight: 600; font-size: 18px; color: #004047; text-transform: none; letter-spacing: 0; margin: 0 0 12px; }
html.mtu-new #footer .custom-footer__articles li { margin: 0 0 8px; }
html.mtu-new #footer .custom-footer__articles a { color: #1e2a2c; font-size: 15px; }
html.mtu-new #footer .custom-footer__articles a:hover { color: #008391; }
html.mtu-new #footer .contact-box { font-size: 15px; color: #1e2a2c; }
html.mtu-new #footer .footer-bottom { padding: 10px 0 24px; font-size: 13px; color: #5b6b6e; }
@media (max-width: 900px) {
    html.mtu-new .benefitBanner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.mtu-new .mertu-text-block:not(.mtu-2col) { column-count: 1; }
    html.mtu-new .mertu-text-block.mtu-2col { grid-template-columns: 1fr; }
    html.mtu-new .welcome { padding: 22px 20px; }
    html.mtu-new #footer .custom-footer.elements-4 { grid-template-columns: 1fr 1fr; }
    html.mtu-new #footer .footer-rows { grid-template-columns: 1fr; gap: 0; padding: 30px 15px 6px; }
    html.mtu-new #footer .footer-bottom { padding: 6px 15px 22px; }
    html.mtu-new #footer .custom-footer.elements-4 { gap: 22px; }
    html.mtu-new #footer .site-name { margin: 0 0 22px !important; grid-column: 1; grid-row: 1; }
    html.mtu-new #footer .footer-rows > .custom-footer { grid-column: 1; grid-row: 2; }
}
@media (max-width: 600px) {
    html.mtu-new .benefitBanner { grid-template-columns: 1fr; }
    html.mtu-new #footer .custom-footer.elements-4 { grid-template-columns: 1fr; }
}

/* Mobil a tablet: vyhledávací lišta pod hlavičkou, ikony telefon + přihlášení, kontakty v menu */
@media (min-width: 768px) and (max-width: 991px) {
    /* Tablet: šablona tu skrývá text čísla a e-mailu, zůstávají jen ikony – bez doplňku s dobou */
    html.mtu-new .top-navigation-contacts .project-phone::after { content: none; }
}
@media (max-width: 767px) {
    html.mtu-new .top-navigation-bar { height: auto !important; }
    html.mtu-new .top-navigation-bar > .container { position: relative; z-index: 2; height: 50px; }
    html.mtu-new .top-navigation-bar .search { display: block !important; position: relative; z-index: 1; padding: 10px 10px 12px; background: #fff; }
    html.mtu-new .top-navigation-bar .search-form { display: flex !important; width: 100%; margin: 0; }
    html.mtu-new .top-navigation-bar .search-form fieldset { display: flex; width: 100%; margin: 0; padding: 0; border: 0; position: relative; }
    html.mtu-new .top-navigation-bar .search-input { flex: 1 1 auto; height: 42px; border: 1px solid #dfe5e7; border-right: 0; border-radius: 21px 0 0 21px; padding: 0 16px; font-size: 15px; box-shadow: none; }
    html.mtu-new .top-navigation-bar .search-form .btn { height: 42px; border-radius: 0 21px 21px 0; background: #008391; color: #fff; border: 0; padding: 0 16px; font-weight: 600; font-size: 14px; text-transform: uppercase; }
    html.mtu-new .overall-wrapper { padding-top: 114px !important; }
    html.mtu-new .responsive-tools .toggle-window[data-target=search] { visibility: hidden !important; pointer-events: none; }
    html.mtu-new .mtu-mtel, html.mtu-new .mtu-muser { position: absolute; top: 5px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #008391; z-index: 3; }
    html.mtu-new .mtu-mtel { right: 158px; }
    html.mtu-new .mtu-muser { right: 112px; }
    html.mtu-new .mtu-mc { padding: 16px 16px 28px; font-family: "Source Sans 3", sans-serif; }
    html.mtu-new .mtu-mc-tel { display: flex; align-items: center; gap: 14px; background: #eaf6ee; border-radius: 12px; padding: 14px 16px; text-decoration: none !important; color: #1e2a2c; }
    html.mtu-new .mtu-mc-tel svg { color: #28a745; flex: 0 0 auto; }
    html.mtu-new .mtu-mc-tel b { display: block; font-size: 20px; color: #28a745; line-height: 1.2; }
    html.mtu-new .mtu-mc-tel small { display: block; font-size: 14px; color: #5b6b6e; }
    html.mtu-new .mtu-mc-mail { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 12px 16px; background: #f4f8f9; border-radius: 12px; color: #004047 !important; font-weight: 600; font-size: 16px; text-decoration: none !important; }
    html.mtu-new .mtu-mc-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
    html.mtu-new .mtu-mc-links a { padding: 9px 14px; background: #f4f8f9; border-radius: 8px; color: #1e2a2c !important; font-size: 15px; text-decoration: none !important; }
    /* Objednávkový proces: logo vlevo, název kroku vedle, vyhledávání hned pod tím */
    html.mtu-new body.ordering-process .mtu-mtel, html.mtu-new body.ordering-process .mtu-muser { display: none !important; }
    html.mtu-new body.ordering-process .top-navigation-bar > .container { height: 0 !important; overflow: hidden; }
    html.mtu-new body.ordering-process .top-navigation-bar .search { padding: 8px 10px 10px; border-bottom: 1px solid #e3e8e9; }
    html.mtu-new body.ordering-process .overall-wrapper { padding-top: 61px !important; }
    html.mtu-new body.ordering-process .cart-header .mtu-clogo { position: absolute; left: 12px; top: 0; height: 60px; display: flex; align-items: center; z-index: 2; }
    html.mtu-new body.ordering-process .cart-header .mtu-clogo img { height: 46px; width: auto; }
    html.mtu-new body.ordering-process .cart-header .step strong { padding-left: 84px !important; }
}
@media (min-width: 768px) {
    html.mtu-new .mtu-mtel, html.mtu-new .mtu-muser, html.mtu-new .mtu-mc, html.mtu-new .mtu-clogo { display: none !important; }
}

/* Desktop: vyhledávání jako zakulacená lišta mezi logem a nákupními tlačítky (stejný styl jako na mobilu) */
@media (min-width: 768px) {
    html.mtu-new .header-top { align-items: center; }
    html.mtu-new .header-top .site-name-wrapper { flex: 0 0 22%; width: auto; }
    html.mtu-new .header-top .search { flex: 1 1 auto; width: auto; max-width: none; margin: 0 28px; }
    html.mtu-new .header-top .navigation-buttons { flex: 0 0 auto; width: auto; }
    html.mtu-new .header-top .search-form { width: 100%; }
    html.mtu-new .header-top .search-form fieldset { display: flex; width: 100%; }
    html.mtu-new .header-top .search-input { flex: 1 1 auto; height: 46px; border: 1px solid #dfe5e7; border-right: 0; border-radius: 23px 0 0 23px; padding: 0 20px; font-size: 15px; box-shadow: none; background: #fff; }
    html.mtu-new .header-top .search-input:focus { border-color: #008391; box-shadow: none; }
    html.mtu-new .header-top .search-form .btn { height: 46px; border-radius: 0 23px 23px 0; background: #008391; color: #fff; border: 0; padding: 0 22px; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .02em; }
    html.mtu-new .header-top .search-form .btn:hover { background: #006b77; transform: none; }
}

/* Podkategorie v kategoriích: stejné dlaždice jako rozcestník na úvodní stránce */
html.mtu-new .subcategories { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; margin: 6px 0 10px !important; padding: 0 !important; list-style: none; }
html.mtu-new .subcategories > li { width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; }
html.mtu-new .subcategories > li > a { display: flex !important; align-items: center; gap: 16px; min-height: 96px; height: auto !important; padding: 12px 18px !important; border: 1px solid #e3e8e9 !important; border-radius: 10px; background: #f6f9fa !important; text-decoration: none !important; color: #1e2a2c !important; box-shadow: none !important; overflow: visible !important; transition: border-color .15s, background .15s; }
html.mtu-new .subcategories > li > a:hover { border-color: #008391 !important; background: #eaf5f6 !important; }
html.mtu-new .subcategories > li > a::before, html.mtu-new .subcategories > li > a::after, html.mtu-new .subcategories .text::after, html.mtu-new .subcategories .text::before { display: none !important; content: none !important; }
html.mtu-new .subcategories .image { flex: 0 0 68px; width: 68px !important; height: 68px !important; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; background: transparent !important; }
html.mtu-new .subcategories .image img { max-width: 68px !important; max-height: 68px !important; width: auto !important; height: auto !important; object-fit: contain; mix-blend-mode: multiply; transform: none !important; }
html.mtu-new .subcategories .text { font-family: "Exo 2", sans-serif !important; font-weight: 600 !important; font-size: 17px !important; color: #004047 !important; line-height: 1.2 !important; padding: 0 !important; margin: 0 !important; text-align: left !important; flex: 1 1 auto; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; }
@media (max-width: 600px) {
    html.mtu-new .subcategories { grid-template-columns: 1fr; gap: 8px; }
    html.mtu-new .subcategories > li > a { min-height: 76px; padding: 10px 14px !important; gap: 12px; }
    html.mtu-new .subcategories .image { flex-basis: 52px; width: 52px !important; height: 52px !important; }
    html.mtu-new .subcategories .image img { max-width: 52px !important; max-height: 52px !important; }
    html.mtu-new .subcategories .text { font-size: 16px !important; }
}