/* Chlorito B1 v2: mobilní kategorie (jen do 767 px, desktop beze změny). Nasazeno 2026-11-04, návrh ux-kategorie/varianta-b.html. v2: kulaté medaile, bez štítku slevy v Nejprodávanějších. v3: názvy produktů celé 3 řádky. v4: nadpis Nejprodávanější jako H1. v5 (varianta A): těsné mezery, Zobrazit další kategorie jako odkaz, hlavička webu zůstává při scrollu dolů nahoře */
@media (max-width: 767px) {
  /* Hlavička webu: šablona ji při scrollu dolů schová (html.scrolled-down), na kategoriích zůstává nahoře nad lištou Filtry */
  html.scrolled-down body.type-category #header { transform: none !important; }
  /* Popis kategorie: odkaz „Více“ na střed (showmore FV Studia zůstává) */
  .type-category .fvstudio-showmore-wrapper { text-align: center; }
  .type-category .category-perex { margin-bottom: 12px !important; }
  .type-category .category-perex .fvstudio-showmore-wrapper { padding: 0 0 2px !important; margin-top: -16px !important; }

  /* Podkategorie: po jedné na řádek, větší písmo, od páté schované (odkazy zůstávají v HTML) */
  .type-category .subcategories.with-image li { padding: 4px 0; }
  .type-category .subcategories.with-image li a { height: 60px; padding: 0 12px 0 8px; }
  .type-category .subcategories.with-image li a .image { width: 70px; flex: 0 0 70px; margin-right: 12px; }
  .type-category .subcategories.with-image li a img { width: 70px; height: 50px; object-fit: contain; }
  .type-category .subcategories.with-image li a .text { font-size: 14px; line-height: 1.3; }
  .type-category .subcategories.with-image:not(.ux-open) li:nth-child(n+5) { display: none; }
  .type-category .subcategories.with-image { margin-bottom: 4px !important; }
  .ux-more-cats { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 0 auto 6px; padding: 4px 12px; background: none; border: 0; font-size: 16px; font-weight: 700; color: #15AAE2; text-decoration: underline; cursor: pointer; }
  .ux-more-cats svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2.4; transition: transform .2s; }
  .ux-more-cats[aria-expanded="true"] svg { transform: rotate(180deg); }

  /* Nejprodávanější: vždy 3, medaile, sleva, bez tlačítka Zobrazit více */
  .type-category .products-top-wrapper .toggle-top-products { display: none !important; }
  .type-category .products-top-wrapper .products-top-header { font-size: 20px !important; line-height: 30px !important; margin: 10px 0 10px !important; }
  .type-category .products-top-wrapper.has-inactive .products-top .product.inactive { display: block !important; visibility: visible !important; opacity: 1 !important; max-height: none !important; }
  .type-category .products-top-wrapper .products-top { max-height: none !important; overflow: visible !important; }
  .type-category .products-top-wrapper .products-top .product .p::before { width: 30px !important; height: 30px !important; min-width: 30px !important; max-width: 30px !important; flex: 0 0 30px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; line-height: 1 !important; font-size: 14px !important; font-weight: 700; color: #fff; box-shadow: inset 0 -2px 0 rgba(0,0,0,.18), 0 1px 3px rgba(0,0,0,.18); align-self: center; }
  .type-category .products-top-wrapper .products-top .product:nth-child(1) .p::before { background: radial-gradient(circle at 35% 30%, #FBE38A, #D4A017 70%) !important; color: #5A4300 !important; }
  .type-category .products-top-wrapper .products-top .product:nth-child(2) .p::before { background: radial-gradient(circle at 35% 30%, #F1F3F5, #A7AFB7 70%) !important; color: #3E454C !important; }
  .type-category .products-top-wrapper .products-top .product:nth-child(3) .p::before { background: radial-gradient(circle at 35% 30%, #EDB98A, #B0703A 70%) !important; color: #4A2A0E !important; }
  .type-category .products-top-wrapper .products-top .prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
  .type-category .products-top-wrapper .products-top .prices .price-final { order: 0; }
  .type-category .products-top-wrapper .products-top .prices .price-standard-wrapper:not(.price-standard-wrapper-placeholder) { display: inline !important; order: 1; }
  .type-category .products-top-wrapper .products-top .prices .price-standard-wrapper-placeholder { display: none !important; }
  .type-category .products-top-wrapper .products-top .prices .price-standard-label { display: none !important; }
  .type-category .products-top-wrapper .products-top .prices .price-standard { display: inline !important; text-decoration: line-through; color: #6C6C6C; font-size: 12px; }
  .type-category .products-top .price-standard strong { font-weight: 400; }
  .type-category .products-top-wrapper .products-top .prices .price-save { display: none !important; }
  .type-category .products-top-wrapper .products-top .prices:has(.price-standard) .price-final { color: #C4007A !important; }

  /* Lišta: Filtry jako výrazné tlačítko, Seřadit dle jen text, bez linky, připnutá při scrollu */
  .type-category .category-content-wrapper { display: flex; flex-wrap: wrap; align-items: center; }
  .type-category .category-content-wrapper > * { flex: 0 0 100%; min-width: 0; }
  .type-category .category-content-wrapper > .filters-unveil-button-wrapper,
  .type-category .category-content-wrapper > .dkLab-filters-wrapper { position: sticky; top: 50px; z-index: 30; background: #fff; padding: 6px 0; margin: 0; border: 0; }
  .type-category .category-content-wrapper > .filters-unveil-button-wrapper { flex: 1 1 0; }
  .type-category .category-content-wrapper > .dkLab-filters-wrapper { flex: 0 0 auto; }
  .type-category .unveil-button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #004282 !important; border-color: #004282 !important; border-radius: 6px; padding: 10px 14px; font-size: 14.5px; font-weight: 700; color: #fff !important; }
  .type-category .unveil-button::before { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M6 12h12M10 19h4'/%3E%3C/svg%3E") center / contain no-repeat; }
  .type-category .dkLab-filters-wrapper .category-header { border: 0; margin: 0; padding: 0; }
  .type-category .listSorting h4 { background: none !important; border: 0 !important; color: #1F1F1F !important; padding: 8px 2px 8px 10px !important; font-size: 13.5px; font-weight: 500; margin: 0; }

  /* Produkty: dva vedle sebe */
  .type-category .products-block { flex-wrap: wrap; margin: 0 -4px; }
  .type-category .products-block > .product { flex: 0 0 50%; width: 50% !important; max-width: 50%; padding: 4px; }
  .type-category .products-block > .product .p { margin: 0; padding: 8px 6px 10px; height: 100%; }
  .type-category .products-block > .product .p-desc,
  .type-category .products-block > .product .quantity,
  .type-category .products-block > .product .flags-extra { display: none !important; }
  .type-category .products-block > .product .flags-default .flag { font-size: 9.5px; padding: 2px 6px; }
  .type-category .products-block > .product .name { font-size: 13px; line-height: 1.35; padding: 0 2px; height: auto !important; max-height: none !important; overflow: visible !important; }
  .type-category .products-block > .product .name span { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.05em; }
  .type-category .products-block > .product .price-final { font-size: 16px; font-weight: 700; }
  .type-category .products-block > .product .availability { font-size: 12px; }
  .type-category .products-block > .product .btn-cart { width: 100%; margin: 6px 0 0; padding: 8px 6px; font-size: 13px; line-height: 1.2; }
}