/* HL category listing — final desktop polish only.
 * Structure / JS / mobile unchanged. Load last. Keep <12KB. */
@media (min-width: 768px) {
  /* —— SIDEBAR icons: shared optical box —— */
  body#category .hl-catside__thumb {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body#category .hl-catside__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body#category .hl-catside__thumb.is-fallback {
    background: #f5f6f7 !important;
  }

  body#category .hl-catside__list--d2 .hl-catside__label,
  body#category .hl-catside__list--d3 .hl-catside__label {
    color: #343a40 !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
  }

  body#category .hl-catside__list--roots .hl-catside__label {
    color: #2f353b !important;
  }

  body#category .hl-catside__toggle,
  body#category .hl-catside__disclose {
    color: #8b949e !important;
  }

  body#category .hl-catside__item.is-open > .hl-catside__row .hl-catside__toggle,
  body#category .hl-catside__item.is-open > .hl-catside__row .hl-catside__disclose {
    color: #d71920 !important;
  }

  /* —— INTRO: graphite text + Loe edasi beside truncated text —— */
  body#category .hl-category-intro {
    max-width: 1050px !important;
    margin: 0 0 8px !important;
  }

  body#category .hl-category-intro__text,
  body#category .hl-category-intro--more .hl-category-intro__text {
    color: #4a5260 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }

  body#category .hl-category-intro--more {
    display: flex !important;
    align-items: flex-end !important;
    gap: 16px !important;
    position: relative !important;
  }

  body#category .hl-category-intro--more .hl-category-intro__text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  body#category .hl-category-intro__more,
  body#category .hl-cat-readmore,
  body#category a.hl-readmore {
    position: static !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    align-self: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #d71920 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer;
  }

  body#category .hl-category-intro__more:hover,
  body#category .hl-cat-readmore:hover,
  body#category a.hl-readmore:hover {
    text-decoration: underline !important;
  }

  /* —— SUBCATEGORY chips: clear nav affordance + chevron —— */
  body#category .hl-category-quicknav .subcategory__link--with-image,
  body#category .subcategory__link--with-image {
    position: relative !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 4px 12px 4px 8px !important;
    border: 1px solid #d0d5db !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #1f2429 !important;
    font-weight: 600 !important;
    gap: 10px !important;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image .subcategory__thumbnail,
  body#category .hl-category-quicknav a.subcategory__link--with-image > img.subcategory__thumbnail,
  body#category .subcategory__link--with-image .subcategory__thumbnail {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    object-fit: contain !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image .subcategory__name,
  body#category .hl-catintro__chips.hl-category-quicknav .subcategory__link--with-image .subcategory__name {
    color: inherit !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding-right: 4px !important;
  }

  /* Decorative nav cue — not in accessibility tree as separate control */
  body#category .hl-category-quicknav .subcategory__link--with-image::after {
    content: "›" !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #5b6570 !important;
    opacity: 0.5 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transform: translateX(0);
    transition: color 140ms ease, opacity 140ms ease, transform 140ms ease !important;
    pointer-events: none !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:hover,
  body#category .subcategory__link--with-image:hover {
    background: #f5f7f9 !important;
    border-color: #c0c6ce !important;
    color: #15191e !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:hover::after {
    color: #d71920 !important;
    opacity: 1 !important;
    transform: translateX(2px) !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:focus-visible {
    outline: 2px solid #d71920 !important;
    outline-offset: 2px !important;
  }

  /* —— FILTER BAR —— */
  body#category .hl-catfilter,
  body#search .hl-catfilter {
    --hl-cf-line: #dfe3e7;
    --hl-cf-radius: 7px;
    --hl-cf-h: 40px;
    --hl-cf-text: #2f353b;
    --hl-cf-muted: #6b7280;
    --hl-cf-active-bg: #f3f4f6;
    --hl-cf-active-line: #c8ced5;
    --hl-cf-active-fg: #1f2429;
  }

  body#category .hl-catfilter__bar,
  body#search .hl-catfilter__bar {
    gap: 8px !important;
    align-items: center !important;
  }

  body#category .hl-catfilter__end,
  body#search .hl-catfilter__end,
  body#category .hl-catfilter__actions,
  body#search .hl-catfilter__actions,
  body#category .hl-catfilter__sorts,
  body#search .hl-catfilter__sorts {
    gap: 8px !important;
    align-items: center !important;
  }

  body#category .hl-catfilter__search,
  body#search .hl-catfilter__search {
    flex: 1 1 220px !important;
    min-width: 160px !important;
  }

  body#category .hl-catfilter__input,
  body#search .hl-catfilter__input,
  body#category .hl-catfilter__btn,
  body#search .hl-catfilter__btn,
  body#category .hl-catfilter__sort,
  body#search .hl-catfilter__sort,
  body#category .hl-catfilter .hl-view-switch,
  body#search .hl-catfilter .hl-view-switch {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 7px !important;
    border-color: #dfe3e7 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #2f353b !important;
    box-sizing: border-box !important;
  }

  body#category .hl-catfilter__input,
  body#search .hl-catfilter__input {
    width: 100% !important;
  }

  body#category .hl-catfilter__input::placeholder,
  body#search .hl-catfilter__input::placeholder {
    color: #8b949e !important;
    opacity: 1 !important;
  }

  body#category .hl-catfilter__count,
  body#search .hl-catfilter__count {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #6b7280 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body#category .hl-catfilter__count-n,
  body#search .hl-catfilter__count-n,
  body#category .hl-catfilter__count-w,
  body#search .hl-catfilter__count-w {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body#category .hl-catfilter .hl-view-switch,
  body#search .hl-catfilter .hl-view-switch {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 1px !important;
    background: #fff !important;
  }

  body#category .hl-catfilter .hl-view-switch__btn,
  body#search .hl-catfilter .hl-view-switch__btn {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 6px !important;
    border: 0 !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body#category .hl-catfilter .hl-view-switch__btn.is-active,
  body#search .hl-catfilter .hl-view-switch__btn.is-active {
    background: #f3f4f6 !important;
    color: #1f2429 !important;
    box-shadow: inset 0 0 0 1px #c8ced5 !important;
  }

  body#category .hl-catfilter__sort,
  body#search .hl-catfilter__sort {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body#category .hl-catfilter__sort .hl-catfilter__dir,
  body#search .hl-catfilter__sort .hl-catfilter__dir {
    line-height: 1 !important;
    vertical-align: baseline !important;
  }

  body#category .hl-catfilter__sort.is-active,
  body#search .hl-catfilter__sort.is-active {
    background: #f3f4f6 !important;
    border-color: #c8ced5 !important;
    color: #1f2429 !important;
    box-shadow: none !important;
  }

  body#category .hl-catfilter__sort.is-active .hl-catfilter__dir,
  body#search .hl-catfilter__sort.is-active .hl-catfilter__dir {
    color: #d71920 !important;
  }
}

/* —— Mobile: robust Loe edasi (no absolute overlay) —— */
@media (max-width: 767.98px) {
  body#category .hl-category-intro--more {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    position: relative !important;
  }

  body#category .hl-category-intro--more .hl-category-intro__text {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  body#category .hl-category-intro__more {
    position: static !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #d71920 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  /* Subcategory chips — same affordance as desktop (border + chevron) */
  body#category .hl-category-quicknav .subcategory__link--with-image,
  body#category .subcategory__link--with-image {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 6px 8px 6px 6px !important;
    border: 1px solid #d0d5db !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #1f2429 !important;
    font-weight: 600 !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image .subcategory__thumbnail,
  body#category .hl-category-quicknav a.subcategory__link--with-image > img.subcategory__thumbnail,
  body#category .subcategory__link--with-image .subcategory__thumbnail {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image .subcategory__name,
  body#category .hl-catintro__chips.hl-category-quicknav .subcategory__link--with-image .subcategory__name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: inherit !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    padding-right: 2px !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image::after {
    content: "›" !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #5b6570 !important;
    opacity: 0.55 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:active {
    background: #f5f7f9 !important;
    border-color: #c0c6ce !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:active::after {
    color: #d71920 !important;
    opacity: 1 !important;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image:focus-visible {
    outline: 2px solid #d71920 !important;
    outline-offset: 2px !important;
  }

  /* Bottom chip row was clipped by exact 4-row max-height + overflow:hidden */
  body#category .hl-category-quicknav .hl-category-quicknav__list:not(.is-expanded):has(> a.subcategory__link--with-image:nth-child(9)),
  body#category .hl-category-quicknav .subcategory__list--with-images:not(.is-expanded):has(> a.subcategory__link--with-image:nth-child(9)) {
    max-height: calc(48px * 4 + 8px * 3 + 6px) !important;
    min-height: calc(48px * 4 + 8px * 3 + 6px) !important;
    height: calc(48px * 4 + 8px * 3 + 6px) !important;
    padding-bottom: 3px !important;
    box-sizing: border-box !important;
  }
}

/*
 * Kill empty left gutter <1100.
 * hl-category-sidebar.css assigns grid-column:1/2 from 768px — that alone
 * creates an implicit 0px track even when gtc is 1fr. Reset both.
 * Specificity must beat body:has(.hl-catside):not(#…):not(.…) #left-column.
 */
@media (max-width: 1099.98px) {
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) .columns-container > .row,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) .columns-container > .row,
  body#category .columns-container > .row,
  body.page-category .columns-container > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column.left-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column.left-column,
  body#category #left-column,
  body.page-category #left-column {
    display: none !important;
    grid-column: auto !important;
  }

  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #content-wrapper,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column.center-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #content-wrapper,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column.center-column,
  body#category #content-wrapper,
  body#category #center-column,
  body.page-category #content-wrapper,
  body.page-category #center-column {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Restore catside 2-col once desktop sidebar is visible */
@media (min-width: 1100px) {
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column.left-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column.left-column,
  body#category #left-column,
  body.page-category #left-column {
    display: block !important;
    grid-column: 1 !important;
  }

  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #content-wrapper,
  body#category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column.center-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #content-wrapper,
  body.page-category:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column.center-column,
  body#category #content-wrapper,
  body#category #center-column,
  body.page-category #content-wrapper,
  body.page-category #center-column {
    grid-column: 2 !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

/* —— Tablet 768–991: dedicated layout (full-width content) —— */
@media (min-width: 768px) and (max-width: 991.98px) {

  /* Subcats: 2×2 readable */
  body#category .hl-category-quicknav .hl-category-quicknav__list,
  body#category .hl-category-quicknav .subcategory__list--with-images {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    --hl-qn-cols: 2;
  }

  body#category .hl-category-quicknav .subcategory__link--with-image,
  body#category .hl-category-quicknav .hl-category-quicknav__toggle {
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Filter: intentional 2 rows */
  body#category .hl-catfilter__bar,
  body#search .hl-catfilter__bar {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    align-items: center !important;
  }

  body#category .hl-catfilter__search,
  body#search .hl-catfilter__search {
    flex: 1 1 220px !important;
    min-width: 200px !important;
  }

  body#category .hl-catfilter__actions,
  body#search .hl-catfilter__actions {
    flex: 0 0 auto !important;
  }

  body#category .hl-catfilter__end,
  body#search .hl-catfilter__end {
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Product list: full-width horizontal row, tablet buy width */
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature,
  body#category #js-product-list .products.hl-view-list article.product-miniature,
  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__inner,
  body#category #js-product-list .products.hl-view-list .product-miniature__inner {
    height: auto !important;
    max-height: none !important;
    min-height: 110px !important;
    overflow: visible !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__inner,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .product-miniature__inner,
  body#category #js-product-list .products.hl-view-list .product-miniature__inner,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .product-miniature__inner {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) minmax(170px, 180px) !important;
    gap: 0 12px !important;
    align-items: center !important;
    padding: 12px 4px !important;
    box-sizing: border-box !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__image-container,
  html[data-hl-cat-view="list"] body#category #js-product-list .thumbnail-container,
  body#category #js-product-list .products.hl-view-list .product-miniature__image-container,
  body#category #js-product-list .products.hl-view-list .thumbnail-container {
    width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-buy,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-list-buy,
  body#category #js-product-list .products.hl-view-list .hl-list-buy,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-list-buy {
    width: 180px !important;
    min-width: 170px !important;
    max-width: 180px !important;
    flex: 0 0 180px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty,
  body#category #js-product-list .products.hl-view-list .hl-list-qty {
    width: 96px !important;
    min-width: 90px !important;
    height: 36px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-list-atc,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-pc-atc,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-list-atc,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-pc-atc {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
  }
}

/* Product list axis: desktop only (≥992). Avoid crushing 212px column at 768–991. */
@media (min-width: 992px) {
  /* —— PRODUCT LIST: flexible row height —— */
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc,
  body#category #js-product-list .products.hl-view-list article.product-miniature,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc {
    min-height: 120px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__inner,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .product-miniature__inner,
  body#category #js-product-list .products.hl-view-list .product-miniature__inner,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .product-miniature__inner {
    grid-template-columns: 90px minmax(0, 1fr) 212px !important;
    align-items: center !important;
    min-height: 120px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 4px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__top,
  body#category #js-product-list .products.hl-view-list .product-miniature__top {
    width: 90px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__image-container,
  html[data-hl-cat-view="list"] body#category #js-product-list .thumbnail-container,
  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__image-link,
  body#category #js-product-list .products.hl-view-list .product-miniature__image-container,
  body#category #js-product-list .products.hl-view-list .thumbnail-container,
  body#category #js-product-list .products.hl-view-list .product-miniature__image-link {
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__image,
  html[data-hl-cat-view="list"] body#category #js-product-list picture img,
  body#category #js-product-list .products.hl-view-list .product-miniature__image,
  body#category #js-product-list .products.hl-view-list picture img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Text column rhythm */
  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__infos,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .product-miniature__infos,
  body#category #js-product-list .products.hl-view-list .product-miniature__infos,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .product-miniature__infos {
    row-gap: 7px !important;
    align-content: center !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__infos:not(:has(.hl-list-desc)),
  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__infos.hl-list-infos--nodesc,
  body#category #js-product-list .products.hl-view-list .product-miniature__infos:not(:has(.hl-list-desc)),
  body#category #js-product-list .products.hl-view-list .product-miniature__infos.hl-list-infos--nodesc {
    row-gap: 12px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-desc,
  body#category #js-product-list .products.hl-view-list .hl-list-desc {
    color: #505868 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .product-miniature__title,
  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .product-miniature__title a,
  body#category #js-product-list .products.hl-view-list .product-miniature__title,
  body#category #js-product-list .products.hl-view-list .product-miniature__title a {
    color: #1f2429 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-meta,
  body#category #js-product-list .products.hl-view-list .hl-list-meta {
    color: #6b7280 !important;
    margin-top: 6px !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-brand,
  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-meta__brand,
  body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-brand,
  body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-meta__brand {
    color: #343a40 !important;
    font-weight: 600 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-meta__sep,
  body#category #js-product-list .products.hl-view-list .hl-list-meta .hl-list-meta__sep {
    color: #c4CAD1 !important;
    opacity: 0.9 !important;
  }

  /* Qty — one soft control, light internal dividers */
  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty,
  body#category #js-product-list .products.hl-view-list .hl-list-qty {
    width: 96px !important;
    min-width: 96px !important;
    height: 36px !important;
    border: 1px solid #e8ebef !important;
    border-radius: 7px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty__btn,
  body#category #js-product-list .products.hl-view-list .hl-list-qty__btn {
    background: #fff !important;
    color: #6b7280 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty__btn:hover,
  body#category #js-product-list .products.hl-view-list .hl-list-qty__btn:hover {
    background: #f5f6f8 !important;
    color: #d71920 !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty__btn:focus-visible,
  body#category #js-product-list .products.hl-view-list .hl-list-qty__btn:focus-visible {
    outline: 2px solid #d71920 !important;
    outline-offset: -2px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-qty__input,
  body#category #js-product-list .products.hl-view-list .hl-list-qty__input {
    border-left: 1px solid #eef0f3 !important;
    border-right: 1px solid #eef0f3 !important;
    background: #fff !important;
    color: #1f2429 !important;
    font-weight: 600 !important;
  }

  /* Price / CTA column — fixed axis */
  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list .hl-list-buy,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-list-buy,
  body#category #js-product-list .products.hl-view-list .hl-list-buy,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-list-buy {
    width: 212px !important;
    min-width: 212px !important;
    max-width: 212px !important;
    justify-self: end !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .product-miniature__form,
  body#category #js-product-list .products.hl-view-list .product-miniature__form {
    gap: 9px !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .product-miniature__add.hl-list-atc,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-list-atc.btn-primary,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-pc-atc,
  html[data-hl-cat-view="list"] body#category #js-product-list article.product-miniature.hl-pc .hl-list-atc,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .product-miniature__add.hl-list-atc,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-list-atc.btn-primary,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-pc-atc,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc .hl-list-atc {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-hl-cat-view="list"] body#category #js-product-list .hl-list-atc .material-icons,
  body#category #js-product-list .products.hl-view-list .hl-list-atc .material-icons {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* Soft row hover */
  html[data-hl-cat-view="list"] body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc:hover,
  body#category #js-product-list .products.hl-view-list article.product-miniature.hl-pc:hover {
    background: #fbfcfd !important;
  }
}

/* Small desktop 992–1199: keep desktop list, filter search usable */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body#category .hl-catfilter__bar,
  body#search .hl-catfilter__bar {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
  }

  body#category .hl-catfilter__search,
  body#search .hl-catfilter__search {
    flex: 1 1 280px !important;
    min-width: 260px !important;
  }

  body#category .hl-catfilter__actions,
  body#search .hl-catfilter__actions {
    flex: 0 0 auto !important;
  }

  body#category .hl-catfilter__end,
  body#search .hl-catfilter__end {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    margin-left: auto !important;
    min-width: max-content !important;
  }
}