/* Readability and catalogue layout corrections, 9 November 2026. */
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>.topic>a{font-size:17px!important;line-height:1.35!important;min-height:43px!important;padding-top:10px!important;padding-bottom:10px!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>.topic>a>.cat-trigger{height:43px!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>ul>li>a,body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>ul ul a{font:16px/1.45 Georgia,serif!important;min-height:34px!important;padding-top:5px!important;padding-bottom:5px!important;white-space:normal!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>ul>li>a:before{top:7px!important;font-size:16px!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .sidebar .box-categories #categories>.categories>ul>li>a>.cat-trigger{height:34px!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .mp-mobile-fallback a{font-size:17px!important;line-height:1.45!important;min-height:44px!important}
body:not(.type-index):not(.ordering-process) #content .filters-wrapper,body:not(.type-index):not(.ordering-process) #content #filters{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
body:not(.type-index):not(.ordering-process) #content #filters .slider-wrapper,body:not(.type-index):not(.ordering-process) #content #filters .filter-section{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#f4eadc!important;color:#123c2a!important;border-radius:8px}
body:not(.type-index):not(.ordering-process) #content #filters .slider-wrapper{padding:20px 24px!important}
body:not(.type-index):not(.ordering-process) #content #filters h4{color:#123c2a!important}
body:not(.type-index):not(.ordering-process) #content #filters .ui-slider-range{background:#174c31!important}
/* Keep catalogue grids and product information inside their own column. */
body:not(.type-index):not(.ordering-process) #content .products-block{margin-left:0!important;margin-right:0!important;max-width:100%;box-sizing:border-box}
body:not(.type-index):not(.ordering-process) #content .p-info-grid{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
body:not(.type-index):not(.ordering-process) #content .p-info-grid .detail-grid-item{max-width:100%;box-sizing:border-box;min-width:0}
body:not(.type-index):not(.ordering-process) #ratingWrapper{gap:24px;flex-wrap:wrap;max-width:100%;box-sizing:border-box}
body:not(.type-index):not(.ordering-process) #ratingWrapper>.rate-wrap,body:not(.type-index):not(.ordering-process) #ratingWrapper>.vote-form{flex:1 1 280px!important;width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
body:not(.type-index):not(.ordering-process) #ratingWrapper .rate-average-wrap,body:not(.type-index):not(.ordering-process) #ratingWrapper .rate-average-inner,body:not(.type-index):not(.ordering-process) #ratingWrapper .votes,body:not(.type-index):not(.ordering-process) #ratingWrapper .rate-list{max-width:100%!important;box-sizing:border-box}
body:not(.type-index):not(.ordering-process) .rate-average{color:#8c6411!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .top-navigation-contacts a,body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .p-code,body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .price-additional,body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .stars-label{color:#536057!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .listSorting__control{background:#f0e5d6!important;color:#123c2a!important;border-color:#d6c5ad!important}
body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .listSorting__control[disabled],body:is(body.type-index,body:not(.type-index):not(.ordering-process)) .listSorting__control[aria-pressed="true"]{background:#174c31!important;color:#fff!important;border-color:#174c31!important;opacity:1!important}
body.in-blog:not(.type-index):not(.ordering-process) #content p:has(>span>strong>a[href="/mesicni-magie/"]){padding-left:0!important;display:block!important}
body.in-blog:not(.type-index):not(.ordering-process) #content p:has(>span>strong>a[href="/mesicni-magie/"])>span{display:block;max-width:100%;font-size:17px!important}
body.in-blog:not(.type-index):not(.ordering-process) #content p:has(>span>strong>a[href="/mesicni-magie/"]) strong{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;font-size:17px!important}
body.in-blog:not(.type-index):not(.ordering-process) #content p:has(>span>strong>a[href="/mesicni-magie/"]) a{display:block;padding:10px 13px!important;border:1px solid #dfcfba!important;border-radius:6px;background:#f4eadc;color:#123c2a!important;font-size:17px!important;line-height:1.4;max-width:100%;box-sizing:border-box}
html:has(body:is(body.type-index,body:not(.type-index):not(.ordering-process),.ordering-process)){overflow-x:clip}
body:is(body.type-index,body:not(.type-index):not(.ordering-process),.ordering-process){overflow-x:clip}
body.ordering-process{--color-primary:#174c31;--color-primary-hover:#103b25;--color-secondary:#174c31;--color-secondary-hover:#103b25;background:#fcf8f1!important;color:#1e2921}
body.ordering-process .overall-wrapper,body.ordering-process .content-wrapper,body.ordering-process #content{background:#fcf8f1!important}
body.ordering-process #header,body.ordering-process .top-navigation-bar{background:#fffcf6!important}
body.ordering-process #navigation,body.ordering-process #navigation .navigation-in{background:#fffcf6!important}
body.ordering-process #navigation a{color:#123c2a!important}
body.ordering-process h1,body.ordering-process h2,body.ordering-process h3{font-family:Georgia,serif!important;color:#123c2a!important;text-transform:none}
body.ordering-process .cart-empty{background:#f4eadc!important;border:1px solid #dfcfba!important;color:#174c31!important}
body.ordering-process .cart-empty .cart-heading:before{color:#174c31!important}
body.ordering-process .btn-conversion,body.ordering-process .btn-primary,body.ordering-process .next-step,body.ordering-process .btn-next{background:#174c31!important;border-color:#174c31!important;color:white!important}
body.ordering-process label{color:#263f2f;font-size:14px}
@media(max-width:700px){body:not(.type-index):not(.ordering-process) #content .pageArticleDetail img{max-width:100%!important;margin-left:0!important;margin-right:0!important;height:auto!important}body.ordering-process .top-navigation-bar .site-name img{width:175px!important;max-width:100%;max-height:56px!important;height:auto!important}body.ordering-process #navigation a{font-size:17px!important}}
/* The mobile drawer scrolls independently; the underlying page stays in place. */
@media(max-width:700px){
 body:is(body.type-index,body:not(.type-index):not(.ordering-process),.ordering-process) #navigation{position:fixed!important;top:64px!important;bottom:0!important;height:calc(100vh - 64px)!important;height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box!important;padding-bottom:24px!important}
 body:is(body.type-index,body:not(.type-index):not(.ordering-process),.ordering-process) #navigation .navigation-in{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}
 html:has(body.navigation-window-visible){overflow-y:hidden!important;overscroll-behavior:none}
 body.navigation-window-visible{overflow-y:hidden!important;overscroll-behavior:none}
}

/* Render the server content immediately instead of the Apollo loading skeleton. */
body:not(.ordering-process) .before-carousel .content-wrapper-in,body:not(.ordering-process) .p-detail-inner .p-detail-inner-header,body:not(.ordering-process) .p-detail-inner #product-detail-form,body.in-kontakt #content-wrapper>*,body.in-hodnoceni-obchodu #content-wrapper>*{opacity:1!important;transition:none!important}
body .before-carousel:before,body .before-carousel:after,body .products-block:before,body .products-block:after,body .p-detail-inner:before,body .p-detail-inner:after,body.in-kontakt #content-wrapper:before,body.in-kontakt #content-wrapper:after,body.in-hodnoceni-obchodu #content-wrapper:before,body.in-hodnoceni-obchodu #content-wrapper:after{display:none!important;animation:none!important}
html,body{background:#fcf8f1!important}
@media(min-width:701px){body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/mineraly/"]){display:block!important;visibility:visible!important;opacity:1!important;order:1}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/sperky/"]){display:block!important;visibility:visible!important;opacity:1!important;order:2}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/darky-a-sady/"]){display:block!important;visibility:visible!important;opacity:1!important;order:3}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/domov-a-dekorace/"]){display:block!important;visibility:visible!important;opacity:1!important;order:4}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/diy-kreativni-tvoreni/"]){display:block!important;visibility:visible!important;opacity:1!important;order:5}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/novinky/"]){display:block!important;visibility:visible!important;opacity:1!important;order:6}body:not(.ordering-process) #navigation .menu-level-1>li:has(>a[href="/akce/"]){display:block!important;visibility:visible!important;opacity:1!important;order:7}}
@media(min-width:701px){body #navigation .navigationActions,body #navigation .navigation-in-bottom{display:none!important}}

/* Match the checkout header to the rest of the shop. */
.mp-family-bar{background:var(--mp-green);text-align:center;color:white;padding:5px 15px;font:14px Georgia,serif}
body.ordering-process #header{background:#fffcf6!important;box-shadow:none!important;border-bottom:1px solid #eee3d5}
body.ordering-process #header .header-top{min-height:88px!important;background:transparent!important}
body.ordering-process #header .site-name img{width:220px!important;max-height:72px!important;height:auto;object-fit:contain;mix-blend-mode:multiply}
body.ordering-process #header .search-input{background:#fffdf9!important;border:1px solid #8ba28f!important;border-radius:7px!important;color:#1e3025}
body.ordering-process #navigation{background:transparent!important}
body.ordering-process #navigation .menu-level-1>li>a{font-family:Georgia,serif!important;font-size:16px!important;color:#183c29!important}
body.ordering-process #navigation .navigation-in{background:transparent!important}
body.ordering-process .top-navigation-bar{background:#f6f0e7!important;color:#405344!important}
@media(max-width:700px){body.ordering-process #header .site-name img{width:180px!important;max-height:58px!important}
.mp-family-bar{font-size:13px}
}
body.ordering-process #header .header-top{padding:14px 0!important;min-height:78px!important}
body.ordering-process .top-navigation-bar .top-navigation-contacts{position:static!important;transform:none!important;float:none!important;background:transparent!important;border-radius:0!important;padding:0!important}
body.ordering-process .top-navigation-bar>.container{display:flex!important;align-items:center;justify-content:space-between;min-height:30px!important}
body.ordering-process .top-navigation-bar{font-size:11px!important}
body.ordering-process .top-navigation-bar .site-name{display:none!important}
body.ordering-process .top-navigation-contacts strong{display:none!important}
body.ordering-process .top-navigation-menu{flex:1;min-width:0}
body.ordering-process #navigation .menu-level-1>li>a{padding-top:13px!important;padding-bottom:13px!important;text-transform:none!important}
body.ordering-process #navigation{height:auto!important;min-height:44px!important}
body.ordering-process .top-navigation-bar .top-navigation-contacts{display:flex!important;align-items:center;flex:0 0 auto!important;gap:16px!important;white-space:nowrap!important;width:auto!important;min-width:0!important;height:auto!important}
body.ordering-process .top-navigation-contacts a{display:inline-flex!important;width:auto!important;max-width:none!important;white-space:nowrap!important;margin:0!important;font-size:11px!important}
body.ordering-process .top-navigation-contacts a span{display:inline!important;position:static!important}
body.ordering-process .top-navigation-bar .top-navigation-menu{display:none!important}
body.ordering-process .top-navigation-bar>.container{min-height:30px!important;height:30px!important}
@media(min-width:701px){body.ordering-process #navigation .navigation-in{overflow:visible!important;max-width:none!important}
body.ordering-process #navigation .menu-level-1{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;width:100%!important;overflow:visible!important}
body.ordering-process #navigation .menu-level-1>li{display:none!important}
body.ordering-process #navigation .menu-level-1>li.mp-primary{display:block!important;flex:0 0 auto!important}
body.ordering-process #navigation .menu-level-1>li>a{font-size:14px!important;padding-left:10px!important;padding-right:10px!important}
body.ordering-process #navigation .navigation-close,body.ordering-process .menu-helper{display:none!important}
}
@media(max-width:700px){body.ordering-process .top-navigation-bar{display:none!important}
}
@media(min-width:701px){body.ordering-process #navigation .navigation-in{width:100%!important;max-width:100%!important}
body.ordering-process #navigation{overflow:visible!important}
body.ordering-process #navigation .menu-level-1{width:100%!important;max-width:100%!important;gap:0!important}
}
@media(min-width:701px){body.ordering-process #navigation .menu-level-1>li.mp-primary,body.ordering-process #navigation .menu-level-1>li.mp-primary>a{visibility:visible!important;opacity:1!important}
}
@media(max-width:700px){body.ordering-process .top-navigation-bar{display:block!important;background:#fffcf6!important}
body.ordering-process .top-navigation-bar>.container{display:flex!important;align-items:center;gap:8px;height:64px!important;min-height:64px!important;padding:0 12px!important}
body.ordering-process .top-navigation-bar .site-name{display:block!important;flex:0 1 175px;max-width:52%;margin:0!important}
body.ordering-process .top-navigation-bar .site-name img{width:100%!important;height:auto!important;max-height:56px!important;mix-blend-mode:multiply}
body.ordering-process .top-navigation-bar .top-navigation-contacts{display:none!important}
body.ordering-process .top-navigation-bar .top-navigation-tools{position:static!important;display:block!important;width:auto!important;flex:1;margin:0!important}
body.ordering-process .top-navigation-bar .responsive-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:4px}
body.ordering-process .top-navigation-bar .responsive-tools>a,body.ordering-process .top-navigation-bar .responsive-tools .click-cart{width:34px!important;margin:0!important;padding:0!important}
body.ordering-process .top-navigation-bar .responsive-tools [data-target="search"]{display:none!important}
}
@media(max-width:700px){body.ordering-process .top-navigation-bar .cart-price{display:none!important}
}
@media(min-width:701px){body.ordering-process #navigation .menu-level-1>li>a{display:flex!important;align-items:center!important;justify-content:center;gap:7px!important}
body.ordering-process #navigation .menu-level-1>li>a:after{content:none!important;display:none!important}
body.ordering-process #navigation .menu-level-1>li>a>b{white-space:nowrap}
body.ordering-process #navigation .menu-level-1>li>a>.submenu-arrow{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;flex:0 0 9px!important;width:9px!important;height:12px!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;font-size:0!important}
body.ordering-process #navigation .menu-level-1>li>a>.submenu-arrow:before{content:none!important;display:none!important}
body.ordering-process #navigation .menu-level-1>li>a>.submenu-arrow:after{content:""!important;display:block!important;position:static!important;width:5px!important;height:5px!important;margin:0!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:translateY(-2px) rotate(45deg)!important;background:none!important;font-size:0!important}
}
@media(min-width:701px){body.ordering-process #navigation .top-navigation-tools,body.ordering-process #navigation .top-navigation-contacts,body.ordering-process #navigation .languagesMenu,body.ordering-process #navigation .responsive-tools{display:none!important}
}
@media(max-width:700px){body.ordering-process #navigation,body.ordering-process #navigation .navigation-in,body.ordering-process #navigation .navigation-in-bottom,body.ordering-process #navigation .navigationActions,body.ordering-process #navigation .menu-level-1,body.ordering-process #navigation .menu-level-2,body.ordering-process #navigation .menu-level-3{background:#fcf8f1!important;opacity:1!important;backdrop-filter:none!important}
body.ordering-process #navigation{color:#123c2a!important}
body.ordering-process #navigation a,body.ordering-process #navigation .submenu-arrow{color:#123c2a!important;opacity:1!important;text-shadow:none!important}
body.ordering-process #navigation .menu-level-1>li{background:#fcf8f1!important;border-bottom:1px solid #dfcfba!important}
body.ordering-process #navigation .menu-level-1>li>a{min-height:48px;line-height:1.35}
body.ordering-process #navigation .menu-level-1>li>a:hover,body.ordering-process #navigation .menu-level-1>li>a:focus-visible{background:#f4eadc!important;color:#123c2a!important}
body.ordering-process #navigation a:focus-visible{outline:3px solid #174c31;outline-offset:-3px}
}
@media(min-width:701px){body.ordering-process .menu-helper{display:none!important}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/mineraly/"]){display:block!important;visibility:visible!important;opacity:1!important;order:1}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/sperky/"]){display:block!important;visibility:visible!important;opacity:1!important;order:2}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/darky-a-sady/"]){display:block!important;visibility:visible!important;opacity:1!important;order:3}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/domov-a-dekorace/"]){display:block!important;visibility:visible!important;opacity:1!important;order:4}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/diy-kreativni-tvoreni/"]){display:block!important;visibility:visible!important;opacity:1!important;order:5}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/novinky/"]){display:block!important;visibility:visible!important;opacity:1!important;order:6}body.ordering-process #navigation .menu-level-1>li:has(>a[href="/akce/"]){display:block!important;visibility:visible!important;opacity:1!important;order:7}}
@media(max-width:700px){body.ordering-process #navigation,body.ordering-process #navigation .navigation-in,body.ordering-process #navigation .menu-level-1,body.ordering-process #navigation .menu-level-2{background:#fcf8f1!important}body.ordering-process #navigation{height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important}body.ordering-process #navigation .navigation-in{overflow:visible!important}}body.ordering-process{--mp-green:#174c31;--mp-ink:#123c2a;--mp-cream:#fcf8f1;--mp-sand:#f4eadc;--mp-line:#dfcfba}

/* Remove the two repeated shop logos from the footer only. */
#footer .mp-footer-links>div:first-child,#footer .site-name{display:none!important}
#footer .mp-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){#footer .mp-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Clean single-surface filters; preserve native collapse and slider behavior. */
body #content #filters .slider-wrapper,body #content #filters .filter-section{background:#f4eadc!important;border:1px solid #e4d4bf;border-radius:8px!important;margin-bottom:10px!important}
body #content #filters .slider-wrapper{padding:0 18px 20px!important}
body #content #filters h4{background:transparent!important;margin:0!important;padding-top:14px!important;padding-bottom:14px!important}
body #content #filters .slider-header{background:transparent!important;left:24px!important;right:24px!important;bottom:16px!important}
body #content #filters .slider-content{background:transparent!important;margin:10px 14px 30px!important;padding:0!important}
body #content #filters .filter-section h4{border-radius:8px}
.mp-side-rating{padding:20px 16px;margin-top:18px;border:1px solid #dbc8ad;border-radius:9px;background:#fffaf2;color:#173e2c}
.mp-side-rating h3{font-size:20px;margin:0 0 12px}.mp-side-rating a{color:inherit;text-decoration:none}.mp-rating-summary{display:flex;gap:12px;align-items:center}.mp-rating-number{font:700 42px Georgia,serif}.mp-rating-stars{color:#d59a16;font-size:22px;letter-spacing:1px}.mp-rating-count{font-size:14px}.mp-rating-row{display:grid;grid-template-columns:24px 1fr 44px;gap:7px;align-items:center;margin-top:7px;font-size:13px}.mp-rating-track{height:4px;background:#e4dfd5;border-radius:4px;overflow:hidden}.mp-rating-bar{height:100%;background:#ba8a22}.mp-rating-all{display:block;margin-top:15px;text-decoration:underline!important;font-size:14px}
