/* ===========================================
   WORKA.CZ – hlavní část kategorie (čistý, lehký styl)
   podkategorie · Nejprodávanější (řada karet přes celou šířku) · řazení · stránkování
   Jen vzhled – texty i odkazy zůstávají v HTML beze změny (SEO, AI).
   Načítat v ZÁHLAVÍ:
   <link rel="stylesheet" href="/user/documents/upload/kat-vypis.css">
   =========================================== */
/* podkategorie – kompaktní oblé karty, víc vedle sebe */
ul.subcategories{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:8px;margin:0 0 6px!important;padding:2px!important;list-style:none}
ul.subcategories::before,ul.subcategories::after{display:none!important}
ul.subcategories>li{float:none!important;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
ul.subcategories>li>a{display:flex!important;align-items:center;gap:8px;height:100%;min-height:46px;box-sizing:border-box;margin:0!important;padding:5px 10px 5px 5px!important;background:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 1px 6px rgba(0,0,0,.08)!important;color:#1a1a1a!important;text-decoration:none!important;transition:box-shadow .15s,transform .15s}
ul.subcategories>li>a:hover{box-shadow:0 4px 12px rgba(0,0,0,.11)!important;transform:translateY(-1px)}
ul.subcategories .image{flex:none;display:flex!important;align-items:center;justify-content:center;width:40px!important;height:36px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
ul.subcategories .image img{max-width:40px!important;max-height:34px!important;width:auto!important;height:auto!important;object-fit:contain}
ul.subcategories .text{display:block!important;flex:1;min-width:0;margin:0!important;padding:0!important;font-size:13px!important;font-weight:600!important;line-height:1.25!important;text-align:left!important;color:inherit!important}
ul.subcategories>li>a:hover .text{color:#067e34!important}
/* Nejprodávanější – kompaktní řada malých karet */
.products-top-wrapper{margin:14px 0 18px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.products-top-wrapper .products-top-header{display:flex!important;align-items:center;gap:7px;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;color:#1a1a1a!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-align:left!important}
.products-top-wrapper .products-top-header::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23067e34'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.products-top-wrapper .products-top{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin:0!important;padding:0!important;border:0!important;background:none!important}
.products-top .product{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.products-top .product>.p{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;height:100%;box-sizing:border-box;margin:0!important;padding:10px 12px 10px 10px!important;background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;transition:box-shadow .15s,transform .15s}
.products-top .product>.p:hover{box-shadow:0 6px 18px rgba(0,0,0,.12)!important;transform:translateY(-1px)}
.products-top .p::before,.products-top .product::before{display:none!important}
.products-top .p>.image{flex:none;display:flex!important;align-items:center;justify-content:center;width:56px!important;height:56px!important;margin:0!important;padding:0!important;background:#fff;border-radius:8px;overflow:hidden}
.products-top .p>.image img{max-width:56px!important;max-height:56px!important;width:auto!important;height:auto!important}
.products-top .p-in{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;flex:1;min-width:0;gap:3px;margin:0!important;padding:0!important}
.products-top .p-in-in{margin:0!important;padding:0!important;width:100%}
.products-top .name{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;color:#1a1a1a!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;text-decoration:none!important}
.products-top .name span{font-size:inherit!important;line-height:inherit!important}
.products-top .product:hover .name{color:#067e34!important}
.products-top .ratings-wrapper{margin:2px 0 0!important;padding:0!important}
.products-top .availability,.products-top .availability span{font-size:11.5px!important;line-height:1.2!important}
.products-top .availability-amount,.products-top .p-code,.products-top .price-additional,.products-top .price-standard-wrapper{display:none!important}
.products-top .p-bottom{margin:0!important;padding:0!important;width:auto!important}
.products-top .prices,.products-top .price-final{margin:0!important;padding:0!important;text-align:left!important}
.products-top .price-final,.products-top .price-final strong{color:#1a1a1a!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}
#category-header.category-header{display:flex!important;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px!important;padding:0!important;border:0!important;background:none!important}
#category-header .listSorting{margin:0!important;padding:0!important;border:0!important;background:none!important}
#category-header .listSorting__controls{display:flex!important;gap:8px;margin:0!important;padding:6px 2px!important;border:0!important;list-style:none}
#category-header .listSorting__controls>li{margin:0!important;padding:0!important;border:0!important}
#category-header .listSorting__control{display:block;margin:0!important;padding:9px 16px!important;background:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 1px 6px rgba(0,0,0,.08)!important;color:#444!important;font-family:inherit;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer;transition:box-shadow .15s,color .15s,background .15s,transform .15s}
#category-header .listSorting__control::before,#category-header .listSorting__control::after{display:none!important}
#category-header .listSorting__control:hover{color:#067e34!important;box-shadow:0 4px 12px rgba(0,0,0,.11)!important;transform:translateY(-1px)}
#category-header .listSorting__control--current,#category-header .listSorting__control--current:hover{background:#eaf4ed!important;color:#067e34!important;box-shadow:inset 0 0 0 1.5px #067e34!important;transform:none;cursor:default}
#category-header .listItemsTotal{color:#777!important;font-size:13px!important}
.listingControls .loadMore__button{background:#fff!important;border:1.5px solid #067e34!important;border-radius:8px!important;color:#067e34!important;font-weight:700!important}
.listingControls .pagination__currentPage{background:#067e34!important;border-color:#067e34!important;color:#fff!important;border-radius:6px!important}
.listingControls .pagination__link{border-radius:6px!important}
.products-top .name{color:#1a1a1a!important;text-decoration:none!important}
.products-top .product:hover .name{color:#067e34!important}
/* mobil */
@media (max-width:767px){
ul.subcategories{grid-template-columns:1fr 1fr;gap:6px}
ul.subcategories .text{font-size:12.5px!important}
.products-top-wrapper .products-top{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr}
#category-header .listSorting__controls{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
#category-header .listSorting__control{white-space:nowrap}
#category-header.category-header{flex-wrap:wrap}
#category-header .listSorting{min-width:0;max-width:100%;flex:1 1 100%}
#category-header .listItemsTotal{padding:8px 0!important}
}