Vista 20000 Lavafire

@keyframes vozol_fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .vozol_feature_item:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important; background-color: #fffbf8 !important; } /* PC ve Büyük Tabletler */ @media (min-width: 769px) { .vozol_grid { grid-template-columns: repeat(4, 1fr) !important; } } /* Tablet */ @media (max-width: 768px) { .vozol_features_container { max-width: 100% !important; padding: 15px !important; } .vozol_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } .vozol_feature_item { padding: 12px !important; } .vozol_feature_item > div:first-of-type { min-width: 14px !important; width: 14px !important; height: 14px !important; margin-right: 10px !important; } .vozol_feature_item > div:last-child { font-size: 0.85rem !important; } } /* Mobil Yatay */ @media (max-width: 640px) { .vozol_features_container { padding: 12px !important; } .vozol_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; } .vozol_feature_item { padding: 10px !important; border-radius: 8px !important; border-left-width: 4px !important; } .vozol_feature_item > div:first-of-type { min-width: 12px !important; width: 12px !important; height: 12px !important; } .vozol_feature_item > div:last-child { font-size: 0.8rem !important; } } /* Mobil Dikey */ @media (max-width: 480px) { .vozol_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; } .vozol_feature_item { padding: 8px 10px !important; } .vozol_feature_item > div:first-of-type { min-width: 10px !important; width: 10px !important; height: 10px !important; margin-right: 8px !important; } .vozol_feature_item > div:last-child { font-size: 0.78rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* Küçük Ekranlı Mobil */ @media (max-width: 360px) { .vozol_features_container { padding: 10px !important; } .vozol_grid { gap: 6px !important; } .vozol_feature_item { padding: 7px 8px !important; } .vozol_feature_item > div:first-of-type { min-width: 8px !important; width: 8px !important; height: 8px !important; margin-right: 6px !important; } .vozol_feature_item > div:last-child { font-size: 0.7rem !important; } }