.article-recommendations {
    margin-top: 2.5rem;
    padding: 1.5rem;
    border: 1px solid #dce5e1;
    border-radius: 1rem;
    background: #f8faf9;
    color: #334155;
    scroll-margin-top: 7rem;
}
.article-recommendations__eyebrow {
    color: #007d3a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.article-recommendations__intro h2 {
    margin: .3rem 0 .5rem;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
}
.article-recommendations__intro p, .article-recommendations__hint {
    font-size: .9rem;
    line-height: 1.5;
}
.article-recommendations__form { margin-top: 1.25rem; }
.article-recommendations__variant { margin-bottom: .9rem; max-width: 25rem; }
.article-recommendations__size-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: .65rem;
    align-items: end;
}
.article-recommendations__size-fields--two-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
.article-recommendations label {
    display: block;
    margin-bottom: .3rem;
    font-size: .8rem;
    font-weight: 700;
}
.article-recommendations select {
    display: block;
    width: 100%;
    min-height: 2.8rem;
    padding: .55rem 1.6rem .55rem .65rem;
    border: 1px solid #cbd5e1;
    border-radius: .45rem;
    background-color: #fff;
    color: #0f172a;
    font-size: .9rem;
}
.article-recommendations :is(select, button, a):focus-visible {
    outline: 3px solid #00a64d;
    outline-offset: 3px;
}
.article-recommendations select:disabled { background-color: #f1f5f9; color: #64748b; cursor: not-allowed; }
.article-recommendations__submit {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: .55rem 1rem;
    border-radius: .45rem;
    background: #007d3a;
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
}
.article-recommendations__submit:hover { background: #00672f; }
.article-recommendations__reset {
    display: inline-block;
    margin-top: .65rem;
    font-size: .8rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.article-recommendations__status {
    margin-top: .5rem;
    min-height: 1.5rem;
    font-size: .85rem;
}
.article-recommendations__results-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    margin: .5rem 0;
}
.article-recommendations__results-heading h3 { font-size: .95rem; font-weight: 700; color: #0f172a; }
.article-recommendations__size { border-radius: 2rem; padding: .2rem .7rem; background: #e4f3e9; color: #00672f; font-size: .85rem; font-weight: 700; }
.article-recommendations__hint { margin-bottom: .9rem; }
.article-recommendations__products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.article-recommendations .product-card:nth-child(even) .product-card__labels .attribute-tooltip { left: auto; right: 0; }
.article-recommendations .product-card:nth-child(even) .product-card__labels .attribute-tooltip [aria-hidden="true"] { left: auto; right: 1rem; }
.article-recommendations .product-card:nth-child(even) .zone-stocks > div { left: auto; right: 0; }
.article-recommendations__notice { padding: .8rem 1rem; margin: .5rem 0 1rem; background: #eef2f5; border-radius: .5rem; font-size: .9rem; line-height: 1.5; }
.article-recommendations__catalog { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-top: 1rem; padding: .7rem 1rem; border: 1px solid #007d3a; border-radius: .4rem; color: #007d3a; background: #fff; font-size: .9rem; font-weight: 700; text-align: center; }
.article-recommendations__catalog:hover { background: #eaf5ee; }
.article-recommendations[data-pending] [data-article-tyre-results] { visibility: hidden; pointer-events: none; }
@media (max-width: 1023px) {
    .article-recommendations__size-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .article-recommendations__size-fields--two-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .article-recommendations__submit { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .article-recommendations__products { grid-template-columns: minmax(0, 1fr); }
    .article-recommendations .product-card:nth-child(even) .product-card__labels .attribute-tooltip { left: 0; right: auto; }
    .article-recommendations .product-card:nth-child(even) .product-card__labels .attribute-tooltip [aria-hidden="true"] { left: 1rem; right: auto; }
}
@media (max-width: 640px) {
    .article-recommendations__size-fields { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
    .article-recommendations { padding: 1rem; }
    .article-recommendations__size-fields { grid-template-columns: minmax(0, 1fr); }
}