.single-post .mbs-article-reco {
    box-sizing: border-box;
    width: 100%;
    margin: 38px 0;
    padding: 22px 0 19px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #26272b;
    font-size: 14px;
    line-height: 1.4;
}
.single-post .mbs-article-reco * { box-sizing: border-box; }
.single-post .mbs-article-reco[hidden], .single-post .mbs-article-reco [hidden] { display: none; }
.single-post .mbs-article-reco__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}
.single-post .mbs-article-reco h2 {
    margin: 0;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
}
.single-post .mbs-article-reco__controls { display: flex; gap: 6px; flex: none; }
.single-post .mbs-article-reco__controls button {
    display: inline-grid;
    width: 30px;
    height: 30px;
    padding: 0;
    place-items: center;
    border: 1px solid #dadde0;
    border-radius: 50%;
    background: #fff;
    color: #27292d;
    cursor: pointer;
    font: inherit;
    font-size: 21px;
    line-height: 1;
}
.single-post .mbs-article-reco__controls button:hover:not(:disabled) { border-color: #26272b; }
.single-post .mbs-article-reco__controls button:disabled { opacity: .4; cursor: default; }
.single-post .mbs-article-reco__track {
    display: flex;
    gap: 12px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    list-style: none;
}
.single-post .mbs-article-reco__track::-webkit-scrollbar { display: none; }
.single-post .mbs-article-reco__track.is-dragging { scroll-snap-type: none; scroll-behavior: auto; }
@media (hover: hover) and (pointer: fine) {
    .single-post .mbs-article-reco__track.is-draggable,
    .single-post .mbs-article-reco__track.is-draggable a { cursor: grab; user-select: none; }
    .single-post .mbs-article-reco__track.is-dragging,
    .single-post .mbs-article-reco__track.is-dragging a { cursor: grabbing; }
}
.single-post .mbs-article-reco__item {
    flex: 0 0 clamp(168px, 28%, 218px);
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
}
.single-post .mbs-article-reco__link {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5e7e9;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-decoration: none;
}
.single-post .mbs-article-reco__image {
    display: grid;
    width: 100%;
    aspect-ratio: 1.16;
    place-items: center;
    overflow: hidden;
    background: #f4f4f4;
}
.single-post .mbs-article-reco__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single-post .mbs-article-reco__name {
    display: -webkit-box;
    min-height: 52px;
    padding: 11px 12px 0;
    overflow: hidden;
    color: #282a2e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.single-post .mbs-article-reco__price { min-height: 19px; margin: 4px 0 6px; padding: 0 12px; color: #e34c27; font-size: 13px; font-weight: 700; }
.single-post .mbs-article-reco__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding: 10px 12px;
    border-top: 1px solid #eceeef;
    color: #363a40;
    font-size: 11px;
    font-weight: 600;
}
.single-post .mbs-article-reco__action::after { content: ''; flex: 0 0 14px; width: 14px; height: 14px; }
@media (hover: hover) and (pointer: fine) {
    .single-post .mbs-article-reco__link:hover { border-color: #aeb4b9; }
    .single-post .mbs-article-reco__link:hover .mbs-article-reco__action { color: #e34c27; }
}
.single-post .mbs-article-reco__privacy {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 10px;
    color: #595f68;
    font-size: 12px;
    line-height: 1.5;
}
.single-post .mbs-article-reco__privacy button {
    padding: 0;
    border: 0;
    background: none;
    color: #3e4856;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.single-post .mbs-article-reco :focus-visible { outline: 2px solid #1c5c9f; outline-offset: 2px; }
.single-post .mbs-article-reco .mbs-article-reco__link:focus-visible { outline-offset: -3px; }
@media (max-width: 767px) {
    .single-post .mbs-article-reco { margin: 30px 0; padding: 18px 0 15px; }
    .single-post .mbs-article-reco__item { flex-basis: min(68vw, 210px); }
    .single-post .mbs-article-reco__controls { display: none; }
    .single-post .mbs-article-reco__privacy { font-size: 13px; }
}