/* Separate classes preserve product-category tiles and custom theme rules. */
.intarsio-category-wall { margin: 24px 0 40px; }
.intarsio-category-wall-heading { margin: 0 0 20px; color: #111; }
.intarsio-category-wall-slider { position: relative; }
.intarsio-category-wall-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min(var(--category-wall-width), calc((100% - 30px) / 4));
    gap: 10px;
    align-items: start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.intarsio-category-wall-track::-webkit-scrollbar { display: none; }
.intarsio-category-wall-card { min-width: 0; scroll-snap-align: start; }
.intarsio-category-wall-link { display: block; color: #222; text-decoration: none; }
.intarsio-category-wall-image-wrap { display: block; aspect-ratio: var(--category-wall-ratio); margin-bottom: 14px; overflow: hidden; border-radius: 6px; background: #b8895a14; isolation: isolate; }
/* White image canvases blend into the same grey as transparent images. */
.intarsio-category-wall-image { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; padding: 0; object-fit: cover; mix-blend-mode: multiply; }
.intarsio-category-wall-name { display: block; overflow-wrap: break-word; }
.intarsio-category-wall-children { margin: 3px 0 0; padding: 0; list-style: none; color: #ccc; }
.intarsio-category-wall-children li { display: inline; }
.intarsio-category-wall-children li + li::before { content: "|"; margin: 0 7px; }
.intarsio-category-wall-children a { color: #888; overflow-wrap: break-word; }
.intarsio-category-wall-link:hover, .intarsio-category-wall-children a:hover { color: #b8895a; text-decoration: underline; }
.intarsio-category-wall-arrow {
    position: absolute;
    z-index: 2;
    top: var(--category-wall-arrow-top, 45%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 44px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    background: rgba(255, 255, 255, .9);
    color: #152c3b;
    cursor: pointer;
}
.intarsio-category-wall-arrow[hidden] { display: none; }
.intarsio-category-wall-prev { left: -40px; }
.intarsio-category-wall-next { right: -40px; }
.intarsio-category-wall-arrow:disabled { color: #bbb; cursor: default; }
.intarsio-category-wall :focus-visible { outline: 2px solid #b8895a; outline-offset: -2px; }
@media (max-width: 1199px) {
    .intarsio-category-wall-prev { left: 0; }
    .intarsio-category-wall-next { right: 0; }
    .intarsio-category-wall-track { grid-auto-columns: min(var(--category-wall-width), calc((100% - 20px) / 3)); }
}
@media (max-width: 767px) {
    .intarsio-category-wall { margin: 20px 15px 30px; }
    .intarsio-category-wall-heading { margin-bottom: 16px; }
    /* Show part of the next card to make horizontal swiping discoverable. */
    .intarsio-category-wall-track { grid-auto-columns: min(var(--category-wall-width), 65%); }
    .intarsio-category-wall-image-wrap { margin-bottom: 12px; }
    .intarsio-category-wall-arrow { width: 28px; height: 40px; }
}