@charset "utf-8";

/* Refine only the homepage product block, retaining its CMS data and grid. */
.body_index #n5043 .component_title div { overflow: visible; }
.body_index #n5043 .tabbar { gap: 6px; margin-bottom: 28px; padding-left: 4px; padding-right: 4px; scroll-padding-inline: 4px; scrollbar-color: #cbd3df transparent; }
.body_index #n5043 .tabbar li a { gap: 6px; padding: 9px 8px; background: var(--modern-surface); font-weight: 500; transition: border-color .18s ease, background-color .18s ease, color .18s ease; }
.body_index #n5043 .tabbar li a:hover { border-color: var(--modern-accent); color: var(--modern-accent); opacity: 1; }
.body_index #n5043 .tabbar li a.ThemeColorBg,
.body_index #n5043 .tabbar li a[aria-selected="true"] { border-color: var(--modern-accent); background: var(--modern-accent); color: #fff; }
.body_index #n5043 .tabbar li img { flex: 0 0 auto; }

.body_index #n5043 .grid-product12 { gap: 20px; }
.body_index #n5043 .product12 li > a { display: flex; flex-direction: column; height: 100%; padding: 0; border-color: var(--modern-line); background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.body_index #n5043 .product12 li > a:hover,
.body_index #n5043 .product12 li > a:focus-visible { border-color: var(--modern-accent); box-shadow: 0 6px 18px rgba(25,38,59,.06); }
.body_index #n5043 .product12 .InfoPicture { flex: 0 0 auto; width: 100%; height: 240px; margin: 0; padding: 8px 20px; border-radius: 0; background: #fff; }
.body_index #n5043 .product12 .InfoPicture img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; transform: none; transition: none; }
.body_index #n5043 .product12 .InfoWrap { flex: 1; margin: 0; padding: 16px 18px; border-top: 1px solid var(--modern-line); background: var(--modern-surface); }
.body_index #n5043 .product12 .InfoTitle { min-height: 3.2em; margin: 0; color: var(--modern-ink); font-size: 16px; font-weight: 500; line-height: 1.6; text-align: left; white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; }
.body_index #n5043 .component_bottom { margin-top: 24px; }
.body_index #n5043 .modern-more { padding: 8px 20px; font-size: 14px; }

@media screen and (max-width: 767px) {
    .body_index #n5043 .tabbar { margin-bottom: 20px; }
    .body_index #n5043 .grid-product12 { gap: 12px; }
    .body_index #n5043 .product12 .InfoPicture { height: 180px; padding: 8px 12px; }
    .body_index #n5043 .product12 .InfoWrap { padding: 12px; }
    .body_index #n5043 .product12 .InfoTitle { font-size: 14px; }
}
@media screen and (max-width: 399px) {
    .body_index #n5043 .product12 .InfoPicture { height: 220px; }
}