/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 06 2026 | 15:13:47 */
.group-products {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	margin-bottom: 20px;
}

.group-products .group-product-link {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #dadada;
    border-radius: 4px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	background: #fff;
    align-items: center;
	justify-content: center;
}

.group-products .group-product-link:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.group-products .group-product-link .group-product-thumbnail {
    max-height: 100%;
    object-fit: cover;
}

.group-products .group-product-link.current-product {
    opacity: 0.6;
    transform: scale(1);
}


/* ------------------------------------------------------------------------ МОБ/ПЛАНШЕТ ------------------------------------------------------------------------ */


/* ── <1280: чуть уже ── */
@media (max-width: 1279.98px) {

}

/* ── <1024: планшет landscape / небольшой десктоп ── */
@media (max-width: 1023.98px) {

}

/* ── <768: планшет portrait / крупный телефон ── */
@media (max-width: 767.98px) {

}

/* ── <480: маленький телефон ── */
@media (max-width: 479.98px) {

}

/* ── <320: очень маленький телефон ── */
@media (max-width: 319.98px) {
	
}