/* Scoped to the home gallery. GPL-2.0-or-later. */
.ad-home-products { margin-block: 40px; color: #172b33; }
.ad-home-products .ad-home-products__header { display: block; width: 100%; margin-bottom: 18px; }
.ad-home-products .ad-home-products__header h2 { display: block; box-sizing: border-box; width: 100%; margin: 0; }
.ad-home-products .ad-home-products__toggle { display: none !important; }
.ad-home-products [hidden] { display: none !important; }
.ad-home-products .ad-home-products__viewport { overflow-x: auto; overscroll-behavior-x: contain; border-radius: 12px; padding: 6px 4px 14px; scrollbar-width: thin; }
.ad-home-products .ad-home-products__track { display: flex; gap: 20px; width: max-content; margin: 0; padding: 0; list-style: none; }
.ad-home-products .ad-home-products__item { flex: 0 0 200px; width: 200px; margin: 0; padding: 0; list-style: none; }
.ad-home-products .ad-home-products__card { display: block; height: 100%; border: 1px solid #dce4df; border-radius: 12px; overflow: hidden; background: white; color: #172b33; text-decoration: none; }
.ad-home-products .ad-home-products__card:hover { border-color: #4d6f51; color: #172b33; text-decoration: none; }
.ad-home-products .ad-home-products__image { display: grid; place-items: center; aspect-ratio: 1; padding: 14px; background: #f3f6f3; }
.ad-home-products .ad-home-products__image img { display: block; width: 100%; height: 100%; max-height: 100%; margin: 0; object-fit: contain; border-radius: 6px; }
.ad-home-products .ad-home-products__image span { color: #53665a; font-size: .875rem; }
.ad-home-products .ad-home-products__title { display: block; padding: 14px; font-weight: 700; font-size: .95rem; line-height: 1.65; overflow-wrap: anywhere; }
.ad-home-products .ad-home-products__more { margin: 14px 0 0; text-align: right; }
.ad-home-products .ad-home-products__more a { color: #304e34; text-underline-offset: 4px; }
.ad-home-products a:focus-visible, .ad-home-products button:focus-visible, .ad-home-products .ad-home-products__viewport:focus-visible { outline: 3px solid #135e70; outline-offset: 2px; }
@media (max-width: 480px) {
 .ad-home-products .ad-home-products__item { flex-basis: 160px; width: 160px; }
 .ad-home-products .ad-home-products__track { gap: 14px; }
}