/* Hallmark · component: homepage product details · genre: modern-minimal · theme: MPS Mobile · v2.0.0 */
/* Critique: keep item numbers on one line and let translated actions wrap inside the card. */

:root {
    --product-card-detail-ink: #595959;
    --product-card-action-ink: #005a70;
}

/* Slick supplies the slide width. Bootstrap's percentage cap shrinks short tracks. */
.page-homepage .tt-carousel-product-discounts .slick-track > .slick-slide {
    max-width: none;
}

.page-homepage .tt-carousel-product-discounts .slick-track {
    margin-inline-start: 0;
}

.page-homepage .tt-product .fade-in-block-list table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
}

.page-homepage .tt-product .fade-in-block-list th,
.page-homepage .tt-product .fade-in-block-list td {
    padding: 0.3em 0;
    color: var(--product-card-detail-ink);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    line-height: 1.35;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.page-homepage .tt-product .fade-in-block-list th {
    width: 44%;
    padding-inline-end: 0.15em;
    font-weight: 500;
    text-align: start;
}

@media (max-width: 359px) {
    .page-homepage .tt-product .fade-in-block-list th {
        width: 48%;
    }
}

.page-homepage .tt-product .fade-in-block-list .product-card-item-number {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.page-homepage .tt-product .fade-in-block-list .stockNumber {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.page-homepage .tt-product .fade-in-block-list .stockNumber p {
    display: inline;
    position: static;
    vertical-align: baseline;
}

.page-homepage .tt-product .fade-in-block-list .stock-color-ct.stock-color- {
    display: none;
}

.page-homepage .tt-product .fade-in-block-list .tt-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.25em;
}

.page-homepage .tt-product .fade-in-block-list a {
    color: var(--product-card-action-ink);
    font-size: inherit;
    line-height: inherit;
    white-space: normal;
    text-decoration: underline;
    text-underline-offset: 0.13em;
}

.page-homepage .tt-product .fade-in-block-list a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.page-homepage .tt-product .fade-in-block-list a:active {
    text-decoration-thickness: 2px;
}