@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800;900&display=swap');
:root{--mm-red:#e11d48;--mm-ink:#0b0e14;--mm-line:#e2e8f0;--mm-surface:#f8fafc}
body,#header,.btn,.navigation,.product{font-family:'Plus Jakarta Sans',sans-serif!important;-webkit-font-smoothing:antialiased}body{background:#f8fafc!important;color-scheme:light!important}html,body{max-width:100%;overflow-x:clip}
.p-code,.product .p-code{display:none!important}
#header{position:relative;z-index:1005}.header-top{transition:.2s}
.submenu-arrow{display:inline-block!important;transition:transform .25s!important;margin-left:4px!important}
@media(min-width:768px){.navigation{background:#0b0e14!important;border-bottom:2px solid var(--mm-red)!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}.navigation>ul>li>a{color:#cbd5e1!important;font-size:13px!important;font-weight:700!important;padding:10px 14px!important;margin:6px 2px!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;transition:color .2s,background .2s!important}.navigation>ul>li:hover>a{color:#fff!important;background:rgba(255,255,255,.09)!important}.navigation>ul>li:first-child>a{background:rgba(225,29,72,.2)!important;border:1px solid rgba(225,29,72,.5)!important;color:#fff!important}.navigation>ul>li:first-child:hover>a{background:var(--mm-red)!important}.menu-level-2{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;border:1px solid var(--mm-line)!important;box-shadow:0 25px 50px rgba(0,0,0,.15)!important;padding:22px!important}body:not(.ordering-process) #header{position:sticky!important;top:0!important}#header .header-top{height:98px!important;padding:20px 0!important;transition:none!important}#header .menu-helper{top:98px!important}.sticky-mobile #content-wrapper.content-wrapper{padding-top:0!important}.sticky-mobile .breadcrumbs-wrapper{display:block!important}}
.menu-level-2 img[data-src*="folder.svg"],.menu-level-2 img[src*="folder.svg"]{display:none!important}
.menu-level-2 .menu-image{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid var(--mm-line)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px!important;margin-right:12px!important}.menu-level-2 .menu-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.menu-level-3 li a{font-size:12px!important;color:#64748b!important;padding:2px 6px!important;border-radius:4px!important;display:inline-block!important}.menu-level-3 li a:hover{background:#fee2e2!important;color:var(--mm-red)!important}
.search-form{border-radius:9999px!important;background:#f1f5f9!important;border:1.5px solid var(--mm-line)!important;padding:3px 4px 3px 14px!important;display:flex!important;align-items:center!important}.search-form:focus-within{background:#fff!important;border-color:#0b0e14!important;box-shadow:0 0 0 4px rgba(11,14,20,.08)!important}.search-form .form-control{background:transparent!important;border:none!important;box-shadow:none!important;font-size:13.5px!important;min-width:0!important}.search-form button[type=submit]{border-radius:9999px!important;background:#0b0e14!important;color:#fff!important;font-weight:700!important;padding:8px 20px!important;border:none!important}.search-form button[type=submit]:hover,.add-to-cart-button:hover,.btn-cart:hover{background:var(--mm-red)!important}
.product{background:#fff!important;border:1px solid var(--mm-line)!important;border-radius:20px!important;padding:16px!important;transition:transform .3s,box-shadow .3s!important}.product .p{flex-direction:column!important}.product .p-in,.product .image{width:100%!important}.product .image{background:#f8fafc!important;border-radius:14px!important;padding:10px!important;height:260px!important;display:flex!important;align-items:center!important;justify-content:center!important}.product .image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.product .name{display:block!important;visibility:visible!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;height:auto!important;font-size:14px!important;line-height:1.4!important}.price.price-final strong{font-size:20px!important;font-weight:900!important;color:#090d16!important}.add-to-cart-button,.btn-cart{background:#0b0e14!important;color:#fff!important;border-radius:12px!important;font-weight:800!important;padding:9px 16px!important;border:none!important}.flags .flag-new,.flags .flag[class*=new]{background:#e11d48!important;color:#fff!important;border-radius:99px!important;padding:4px 11px!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase!important;box-shadow:0 3px 10px #e11d4859!important}
.subcategories a{background:#fff!important;border:1px solid var(--mm-line)!important;border-radius:12px!important;box-shadow:0 1px 3px #00000008!important;transition:transform .22s,box-shadow .22s!important}.subcategories a:after{display:none!important}.subcategories .image{background:#f1f5f9!important;border-radius:8px!important;transition:transform .22s,background .22s!important;display:flex!important;align-items:center!important;justify-content:center!important}.subcategories .image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.subcategories .text{display:block!important;font-weight:600!important;color:#0f172a!important;visibility:visible!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;height:auto!important;overflow-wrap:anywhere!important;transition:color .2s!important}
/* Brand tiles: compact real logos with visible names */
.subcategories .mm-brand>a{display:flex!important;align-items:center!important;gap:12px!important}.subcategories .mm-brand .image{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;flex:0 0 56px!important;padding:7px!important;background:#f1f5f9!important}.subcategories .mm-brand .image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
/* Model tiles: keep the large original Shoptet phone image and full name */
.subcategories li.mm-model .image{display:flex!important;width:100%!important;min-height:150px!important;max-height:210px!important;padding:12px!important}.subcategories li.mm-model .image img{display:block!important;width:100%!important;max-height:190px!important;height:auto!important;object-fit:contain!important}.subcategories li.mm-model .text{font-weight:700!important;line-height:1.45!important}
@media(hover:hover){.navigation>ul>li:hover .submenu-arrow{transform:rotate(180deg)!important}.product:hover{transform:translateY(-5px)!important;border-color:rgba(225,29,72,.3)!important;box-shadow:0 20px 35px -10px rgba(0,0,0,.1)!important}.subcategories a:hover{transform:translateY(-3px)!important;border-color:#e11d48!important;box-shadow:0 10px 22px -3px #e11d4829!important;text-decoration:none!important}.subcategories a:hover .text{color:var(--mm-red)!important}.subcategories a:hover .image{background:#fff1f2!important;transform:scale(1.06)!important}}
.dklabFormsButtonWrapper{margin:18px 0!important}.dklabFormsButtonWrapper .btn{background:#fff!important;border:1.5px solid var(--mm-line)!important;border-radius:16px!important;padding:11px clamp(10px,3vw,18px)!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 2px 8px #0000000d!important;transition:.25s!important;font-size:clamp(12px,3vw,13.5px)!important;font-weight:700!important;color:#0f172a!important;cursor:pointer!important}.dklabFormsButtonWrapper .btn:hover{border-color:var(--mm-red)!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px -5px #e11d4833!important}.dklabFormsButtonWrapper .btn::before{content:'🔧';font-size:18px;width:34px;height:34px;background:#fff1f2;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.dklabFormsButtonWrapper .btn::after{content:'Poptat opravu →';background:var(--mm-red);color:#fff;font-size:clamp(11px,2.5vw,12px);font-weight:800;padding:6px clamp(10px,2.5vw,15px);border-radius:99px;margin-left:auto;box-shadow:0 3px 10px #e11d484d}.dklabFormsModal{backdrop-filter:blur(8px)!important;background:#090d16a6!important}.dklabFormsModal__wrap-in{border-radius:24px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 25px 60px -15px #00000066!important;padding:clamp(18px,4vw,30px)!important}.dklabFormsModal :is(input,textarea){border-radius:10px!important;border:1.5px solid #cbd5e1!important;padding:10px 14px!important;font-size:13.5px!important}.dklabFormsModal :is(input,textarea):focus{border-color:var(--mm-red)!important;box-shadow:0 0 0 3px #e11d4826!important}.dklabFormsModal button[type=submit]{border-radius:12px!important;background:var(--mm-red)!important;color:#fff!important;font-weight:800!important;padding:12px 24px!important;border:none!important}
.welcome-wrapper{background:#fff!important;border-radius:24px!important;border:1px solid #edf2f7!important;box-shadow:0 10px 30px -5px #0000000d!important;padding:clamp(16px,3vw,30px) clamp(10px,2vw,20px)!important;margin:20px auto!important}.welcome h2{font-size:clamp(19px,4vw,26px)!important;font-weight:800!important;color:#0b0e14!important;letter-spacing:-.02em!important;margin-bottom:20px!important;display:inline-block!important}.welcome h2::after{content:'';display:block;width:44px;height:3px;background:var(--mm-red);border-radius:99px;margin:8px auto 0}.welcome>div>div>div:first-of-type{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:clamp(12px,2vw,20px)!important;margin-bottom:24px!important;align-items:stretch!important}.welcome>div>div>div:first-of-type a,.welcome a[href*=dotaz-na-opravu] img{max-width:100%!important;border-radius:18px!important;overflow:hidden!important;border:1px solid var(--mm-line)!important;box-shadow:0 4px 14px #0000000d!important;transition:.25s!important;background:#f8fafc!important}.welcome>div>div>div:first-of-type a:hover{transform:translateY(-5px)!important;border-color:var(--mm-red)!important;box-shadow:0 16px 30px -8px #e11d4833!important}.welcome>div>div>div:first-of-type a img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:17px!important}.welcome p:first-of-type{background:#f8fafc!important;border:1px solid var(--mm-line)!important;border-radius:14px!important;padding:14px 18px!important;color:#334155!important;font-size:clamp(12.5px,2.5vw,14px)!important;line-height:1.6!important;max-width:860px!important;margin:0 auto 14px!important}.welcome p:nth-of-type(2){display:inline-flex!important;align-items:center!important;background:#fff1f2!important;border:1.5px solid #e11d484d!important;color:#0b0e14!important;border-radius:99px!important;padding:8px 18px!important;font-size:clamp(12px,2.5vw,14.5px)!important;font-weight:800!important;margin-bottom:22px!important}
@media(min-width:1200px){.container{width:95%!important;max-width:1560px!important;padding:0 20px!important}.welcome>div>div{max-width:100%!important}}@media(min-width:768px) and (max-width:1199px){.container{width:96%!important;padding:0 14px!important}}@media(min-width:768px){.navigation-buttons .cart-count{background:#0b0e14!important;color:#fff!important;border-radius:99px!important;padding:9px 18px!important;font-weight:700!important;border:none!important;box-shadow:0 3px 10px #0000001a!important;display:inline-flex!important;align-items:center!important;gap:7px!important;transition:.25s!important}.navigation-buttons .cart-count:hover{background:var(--mm-red)!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px -4px #e11d4859!important}}
.banner-wrapper,#carousel{border-radius:22px!important;overflow:hidden!important;box-shadow:0 6px 20px #00000010!important;transition:.3s!important}.next-to-carousel-banners .banner-wrapper:hover{transform:translateY(-4px)!important;box-shadow:0 14px 28px #0000001f!important}#footer{border-top:1px solid var(--mm-line)!important;background:#fff!important;margin-top:50px!important}:is(input,textarea,select){color:#0f172a!important;background:#f1f5f9!important;-webkit-text-fill-color:#0f172a!important}
@media(max-width:599px){.welcome>div>div>div:first-of-type{grid-template-columns:1fr!important;max-width:420px!important;margin:0 auto 20px!important}}@media(max-width:767px){.navigation>ul>li>a{display:block;width:100%}.menu-level-2{backdrop-filter:none!important}.search{margin:6px 0 10px!important}.price.price-final strong{font-size:clamp(14px,3vw,16px)!important}.btn-cart{padding:6px 9px!important;font-size:11px!important}.product .image{height:200px!important}.product .name{font-size:13px!important}.subcategories .image{min-height:90px!important}.subcategories .text{font-size:12px!important;overflow-wrap:anywhere!important}.subcategories .mm-brand .image{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important}.subcategories li.mm-model .image{min-height:120px!important;max-height:160px!important}.subcategories li.mm-model .image img{max-height:145px!important}body.ums_mobile_header_v1--on:not(.ordering-process) #header{position:fixed!important;top:50px!important;z-index:56!important}#header .header-top{transition:none!important}.top-navigation-bar{z-index:56!important}.search-window-visible .top-navigation-bar{z-index:55!important}#header .cart-count{position:absolute!important;top:-39px!important;right:50px!important;z-index:auto!important}.sticky-mobile .responsive-tools>[data-target=login],.sticky-mobile .responsive-tools>[data-target=search]{visibility:visible!important}#header .search{margin:0!important}#navigation .menu-image,body:not(.search-window-visible) #header .search-form{display:none!important}.search-window-visible #header .search{display:block!important}.search-window-visible #header .search-form{display:flex!important;margin:0!important}#header .search-form button[type=submit]{flex-shrink:0!important}body:not(.navigation-window-visible) #navigation{pointer-events:none}#navigation .menu-level-3 a{display:block!important;font-size:14px!important;padding:10px 16px!important;line-height:1.35!important}body.ums_mobile_header_v1--on:not(.ordering-process) #content-wrapper.content-wrapper{padding-top:0!important}.navigation-buttons .cart-count{background:transparent!important;box-shadow:none!important;transform:none!important;padding:0!important;border:none!important;position:absolute!important;top:-39px!important;right:48px!important;display:block!important;line-height:1!important}.navigation-buttons .cart-count:before{color:#0b0e14!important;font-size:24px!important;line-height:1!important}.navigation-buttons .cart-count .cart-price{display:none!important}.search-form{padding:3px 6px 3px 12px!important}.flags .flag{font-size:clamp(8px,1.8vw,9px)!important;padding:clamp(2px,1vw,3px) clamp(5px,1.5vw,8px)!important}}
@media(max-width:360px){.site-name img{max-height:28px!important;max-width:130px!important}.navigation-buttons .cart-count{right:44px!important}.search-form{padding:2px 4px 2px 8px!important}.search-form input{font-size:12.5px!important}.search-form button{font-size:11px!important;padding:4px 8px!important}}
/* Category-intro illustrations only. Product images, brand logos, banners and model thumbnails remain visible. */




/* Mobilmax UX v6 — lean, reversible storefront layer */
:root{--mm-radius:14px;--mm-focus:#e11d48}
/* Consistent, text-only category and device selection, including /druhy/. */
body .subcategories{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))!important;gap:12px!important;align-items:stretch!important;list-style:none!important;padding:0!important;margin-block:16px 24px!important}
body .subcategories>li{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
body .subcategories>li>a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:72px!important;height:100%!important;padding:14px 12px!important;text-align:center!important;overflow:hidden!important;border-radius:var(--mm-radius)!important}
body .subcategories>li .image,body .subcategories>li.mm-model .image,body .subcategories>li.mm-brand .image,body .subcategories>li>a>img{display:none!important}
body .subcategories>li .text,body .subcategories>li.mm-model .text{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.45!important;font-size:13px!important;font-weight:700!important;text-align:center!important;-webkit-line-clamp:unset!important}
/* Remove large category introduction images, not product photos, product galleries or banners. */
body .category-perex>img,body .category-perex>picture,body .category-perex>p>img,body .category-perex>p>picture,body .category-description>img,body .category-description>picture,body .category-description>p>img,body .category-description>p>picture{display:none!important}
/* Product card stability. Do not touch original product image sources or galleries. */
body .product{min-width:0!important;transition:border-color .16s ease,box-shadow .16s ease!important}
body .product .image{overflow:hidden!important}
body .product .image img{max-width:100%!important;object-fit:contain!important}
body .product .name{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important;height:auto!important;max-height:none!important;-webkit-line-clamp:unset!important}
body .product .price,body .product .p-bottom{min-width:0}
/* Clear keyboard focus and touch targets without changing native Shoptet cart events. */
body :is(.subcategories a,.product a,.navigation a,.btn,.btn-cart,button,input,select,textarea):focus-visible{outline:2px solid var(--mm-focus)!important;outline-offset:3px!important}
body .subcategories a,body .product{will-change:auto!important}
@media(hover:hover){body .subcategories a:hover,body .product:hover{transform:none!important;box-shadow:0 5px 16px rgba(15,23,42,.08)!important}}
@media(max-width:767px){body .subcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body .subcategories>li>a{min-height:68px!important;padding:12px 9px!important}body .subcategories>li .text{font-size:12px!important}body .product .image{height:190px!important}body .product .image img{max-height:100%!important}body .menu-level-2{backdrop-filter:none!important}body .product,body .subcategories a{transition:none!important}}
@media(max-width:360px){body .subcategories>li>a{padding:10px 6px!important}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}