Stelrad Planar Style - Pekné kúrenie, Strana 21

/* ========================================================= Súvisiaci tovar – 6 stĺpcov a 2 riadky Verzia: v1_0_final Autor: Adrian Forrai Dátum a čas: 2026-03-27 14:11:04 (SEČ, Bratislava) ========================================================= */ /* Desktop */ @media (min-width: 1280px) { .related-products .products, .products-related .products, .related-products .product-list, .products-related .product-list, .related-products .slick-track, .products-related .slick-track { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; grid-template-rows: repeat(2, auto) !important; gap: 24px 20px !important; width: 100% !important; transform: none !important; height: auto !important; } .related-products .product, .products-related .product, .related-products .product-item, .products-related .product-item, .related-products .slick-slide, .products-related .slick-slide { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; display: block !important; height: auto !important; } .related-products .slick-list, .products-related .slick-list { overflow: visible !important; height: auto !important; } .related-products .slick-arrow, .products-related .slick-arrow, .related-products .slick-dots, .products-related .slick-dots { display: none !important; } } /* Notebook / menší desktop */ @media (min-width: 1024px) and (max-width: 1279px) { .related-products .products, .products-related .products, .related-products .product-list, .products-related .product-list, .related-products .slick-track, .products-related .slick-track { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px 16px !important; width: 100% !important; transform: none !important; height: auto !important; } .related-products .product, .products-related .product, .related-products .product-item, .products-related .product-item, .related-products .slick-slide, .products-related .slick-slide { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; display: block !important; height: auto !important; } .related-products .slick-list, .products-related .slick-list { overflow: visible !important; height: auto !important; } .related-products .slick-arrow, .products-related .slick-arrow, .related-products .slick-dots, .products-related .slick-dots { display: none !important; } } /* Tablet */ @media (min-width: 768px) and (max-width: 1023px) { .related-products .products, .products-related .products, .related-products .product-list, .products-related .product-list, .related-products .slick-track, .products-related .slick-track { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px 14px !important; width: 100% !important; transform: none !important; height: auto !important; } .related-products .product, .products-related .product, .related-products .product-item, .products-related .product-item, .related-products .slick-slide, .products-related .slick-slide { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; display: block !important; height: auto !important; } .related-products .slick-list, .products-related .slick-list { overflow: visible !important; height: auto !important; } .related-products .slick-arrow, .products-related .slick-arrow, .related-products .slick-dots, .products-related .slick-dots { display: none !important; } } /* Mobil */ @media (max-width: 767px) { .related-products .products, .products-related .products, .related-products .product-list, .products-related .product-list, .related-products .slick-track, .products-related .slick-track { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 12px !important; width: 100% !important; transform: none !important; height: auto !important; } .related-products .product, .products-related .product, .related-products .product-item, .products-related .product-item, .related-products .slick-slide, .products-related .slick-slide { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; display: block !important; height: auto !important; } .related-products .slick-list, .products-related .slick-list { overflow: visible !important; height: auto !important; } .related-products .slick-arrow, .products-related .slick-arrow, .related-products .slick-dots, .products-related .slick-dots { display: none !important; } }